#call_form {
    background: linear-gradient(108deg, #fbfbfb, #ececec, #cecece);
    border: 3px solid #fff;
    padding: 0 !important;
    border-radius: 30px;
    overflow: hidden;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    position: fixed;
    transform: translateX(647px);
    top: 142px !important;
    margin: 0;
    z-index: 1000000000 !important;

    transition: all 0.3s ease-in;
    height: auto;
    width: 385px;
    left: 2px;
    display: none;
}
select#conGender {
    width: 55px !important;
}
.call__section__1 {
    width: 360px;
}
.call__section__3.call__popup__custom__step__3 {
    width: 359px;
}
.call__logo {
    width: 200px;
}
/* tab steps list*/
div#phone {
    display: none;
}

div#callAddress {
    display: none;
}
input#con-ZipPopup {
    width: 111px;
}
.steps__containers ul.nav-wizard {
    background-color: #7EA9D3;
    border: none;
    -webkit-border-radius: 6px 6px 0px 0px;
    -moz-border-radius: 6px 6px 0px 0px;
    border-radius: 6px 6px 0px 0px;
    position: relative;
    overflow: hidden;
    display: flex;
    height: 26px;
    align-items: center;
}
.steps__containers ul.nav-wizard  li {
  color: #fff;
  background: linear-gradient(to bottom,#44c0e5 0%, #35add1 39%, #0d85a8 100%  ) !important;
}

.steps__containers ul.nav-wizard li:first-child {
    padding: 0 0 0 9px;
}
.steps__containers ul.nav-wizard li {
  text-transform: uppercase;
  font-weight: bold;
  position: relative;
  float: left;
  height: 46px;
  margin: 0;
  font-size: 16px;
  line-height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
}

.steps__containers ul.nav-wizard li:not(:first-child)::before {
  content: "";
  position: absolute;
  width: 2.5px;
  height: 37px;
  background: #fff;
  rotate: -48deg;
  top: -7px;
  left: 4px;
}
.steps__containers ul.nav-wizard li:not(:first-child)::after {
  content: "";
  position: absolute;
  width: 2.5px;
  height: 37px;
  background: #fff;
  rotate: 48deg;
  bottom: -7px;
  left: 4px;
}



.steps__containers ul.nav-wizard li.active {
  color: #fff !important;
  background: linear-gradient(#9fe925, #558407) !important;
}
.steps__containers ul.nav-wizard li .steps {
    font-size: 12px;
    border: 2px solid white;
    border-radius: 50px;
    width: 19px;
    height: 19px;
    margin-left: 0px;
    background: linear-gradient(#ff6666, #cc0000);
    align-items: center;
    text-align: center;
    display: flex;
    justify-content: center;
}
.steps__containers ul.nav-wizard li.active a, .steps__container ul.nav-wizard li.active a:active, .steps__container ul.nav-wizard li.active a:visited, .steps__container ul.nav-wizard li.active a:focus {
  color: #fff !important;
}
.steps__containers ul.nav-wizard li a {
  padding-left: 5px;
  font-size: 10px;
  font-weight: bolder;
  color: #fff;
}

.steps__containers .step__arrow__b {
  position: absolute;
  width: 47px;
  height: 26px;
  background: linear-gradient(92deg,#44c0e5 0%, #35add1 39%, #0d85a8 100%  );
  clip-path: polygon(0 100%, 50% 0%, 100% 100%);
  rotate: 90deg;
  right: -28px;
  left: unset !important;
  z-index: 9;
  top: 10px;
}
.steps__containers ul.nav-wizard li.active .step__arrow__b {
  background: linear-gradient(92deg, #9fe925, #558407) !important;
}

li.call-steps.call-step-2 a, li.call-steps.call-step-3 a {
    left: 16px;
}
li.call-steps.call-step-2 span:nth-child(2), li.call-steps.call-step-3 span:nth-child(2) {
    left: 14px;
    position: relative;
}
div#callStep {
    position: relative;
    left: -21px;
    width: 403px;
}
form#create_call_popup_form {
    width: 408px;
}
div#conlastName .validation__error__b {
    display: none;
}
div#confirstName .validation__error__b {
    display: none;
}
div#call_form::before {
    content: "";
    width: 100%;
    height: 100%;
    border: 2px solid #0091d1;
    border-radius: 30px;
    position: absolute;
}
div#callCmentSec {
    position: relative;
    left: -9px;
    margin-top: -7px;
}
.message .send-error {
    height: auto !important;
    margin-bottom: 0px;
    width: 96%;
    margin: 6px  5px -8px;
    border-radius: 10px;
    padding: 1px 0;
    font-size: 13px;
    font-weight: 400;
    text-align: center;
    color: #000 !important;
    border: 1px solid #ff2600;
    background-color: #ffcccb;
    animation: buttons 0.3s linear;
    transition: 200ms ease-in-out;
    display: none;
    position: unset !important;
}
p.validation__error__msg__txt {
    font-size: 12px;
    margin-left: 26px !important;
}
.login-container {
    position: relative;
    z-index: 1;
    left: 0 !important;
    margin-bottom: 7px !important;
}
.login-container::before {
    content: "";
    position: absolute;
    width: 102.2% !important;
    height: 109%;
    background: transparent linear-gradient(#FBFBFB, #ECECEC, #CECECE) repeat scroll 0% 0% !important;
    border: 1px solid #0091d1;
    left: -5px;
    padding: 5px 0 0 0;
    top: -4px;
}
div#call_validation_error_b1 {
    width: 100% !important;
    margin: 6px -1px -3px !important;
}
.call__section__1 div#call_validation_error_b1 {
    width: 100% !important;
    margin: 8px -2px 8px !important;
}


#call_form.active{
	transform: translateX(2px);
}
.col-md-12.message {
    margin-top: -13px;
    padding-top: 5px;
}
.call__section__2 {
    margin-top: -16px;
}
div#conditionChecked {
    position: relative;
    top: -8px;
}
div#con-submit {
    position: relative;
    top: -18px;
}
#call_border {
    border-bottom: 2px solid #fff;
    z-index: 999;
}
.call__popup__form__heading {
    text-align: center;
    color: #fff;
    font-size: 18px;
    display: flex;
    margin: 0;
    align-items: center;
    background: linear-gradient(#ff6666, #cc0000) !important;
    padding: 9px !important;
    padding-left: 9px !important;
    justify-content: center;
}
.call__step_sections {
    padding: 10px 10px;
    margin-top: -5px;
}
.custom__call__popup .form-group {
	overflow: inherit !important;
}
.custom__booking__popup .aut__register__section .checkbox {
    display: flex !important;
    align-items: start !important;
    margin-top: -2px;
}
.custom__call__popup .form-group label {
    font-weight: 400;
    margin: 0;
    line-height: 1.2;
    font-size: 14px !important;
    margin-bottom: 6px;
}

.custom__call__popup select {
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
}

.custom__call__popup select.form-control,
.custom__call__popup input.form-control {
	line-height: 1.5 !important;
	height: 30px !important;
	padding: 4px 13px 4px 4px !important;
	font-size: 13px !important;
}


.custom__call__popup select,
.custom__call__popup input {
	line-height: 1.5 !important;
	height: 33px !important;
	padding: 4px 13px 4px 4px !important;
	font-size: 12px !important;
}

.custom__call__popup select::placeholder,
.custom__call__popup input::placeholder {
	font-size: 13px !important;
}

.custom__call__popup .input-group select,
.custom__call__popup .input-group input {
	border-radius: 4px !important;
	;
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}

.custom__check__box span {
	font-size: 13px;
}

.custom__call__popup .input-group-addon {
	padding: 2px 8px;
}
a#close-call-form i {
    top: -5px;
    right: 2px;
    position: relative;
}

.custom__call__popup .form-group .fa {
	color: #007FBD !important;
}
button#stepContainerButton {
    left: 237px !important;
    margin-top: 2px;
}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
    outline: none !important;
}
.custom__call__popup select[name='user_type']{
    min-width: 204px !important;
}
.custom__call__popup select[name='department_id'] {
    min-width: 179px !important;
    width: 179px;
}
.custom__call__popup select[name='priority_id']{
    min-width: 101px !important;
}
.custom__call__popup select[name='purpose_id'] {
    min-width: 274px !important;
}
.custom__call__popup select[name='survey_answer_id'] {
    min-width: 139px !important;
}
.custom__call__popup  input[name='client_first_name'],
.custom__call__popup  input[name='client_last_name']{
  width: 94px !important;
}
.custom__call__popup  input[name='client_organization']{
  width: 160px !important;
}
.call__section__2 input#PHone {
    width: 130px !important;
}
.custom__call__popup  input[name='client_email']{
  width: 155px !important;
}
input#FaxP {
    width: 132px !important;
}

.custom__call__popup input[name='client_phone'],
.custom__call__popup input[name='client_fax'],
.custom__call__popup .legal__pages__checked .form-group.checkbox {
    display: flex;
    align-items: center;
}
.custom__call__popup  .legal__pages__checked .form-group.checkbox input{
   padding:0px !important;
  line-height: unset !important;
  height: unset !important;
}
.custom__call__popup  .legal__pages__checked .form-group.checkbox label {
    font-size: 10.7px !important;
    line-height: unset !important;
}

.custom__call__popup .remove__call__file__btn{
	border: none !important;
    background: none  !important;
}
.custom__call__popup .custom-file-upload {
	display: inline-block;
	padding: 6px 12px;
	cursor: pointer;
	background-color: #f0f0f0;
	border: 1px solid #ccc;
	border-radius: 4px;
	margin-bottom: 0;
	font-size: 14px;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	user-select: none;
	color: #333;
	font-weight: 400;
	background: linear-gradient(to bottom, #F7F7F7 0%, #F8F8F8 39%, #D5D5D5 100%) !important;
}
.custom__call__popup .capcha__box {
  display: flex;
  align-items: center; /* Vertically center items inside .custom__call__popup .capcha__box */
  gap: 5px;
}

.custom__call__popup .capcha__box .capcha__calc__box {
  display: flex; /* Make this a flex container */
  align-items: center; /* Center the span vertically */
  justify-content: center; /* Optional: center horizontally */
  font-size: 14px;
  color: black;
  padding: 4px 12px;
  font-weight: 900;
  border: 2px solid #7EBDFB;
  background-color: #C5ECFD;
  text-align: center;
  border-radius: 4px;
  white-space: nowrap !important;
}

#call_form.active {
    display: block !important;
}


.send-error{
    font-weight: 800 !important;
}



.custom__call__popup .capcha__box input[name="custom_capcha_answer"] {
	width: 50px !important;
	padding: 4px !important;
	text-align: center;
	font-size: 14px !important;
	height: 33px !important;
}

.custom__call__popup .form-control.datepicker {
	width: 80px !important;
	text-align: center;
	padding: 4px !important;
}

.custom__call__popup .form-control.timepicker {
	width: 50px !important;
	text-align: center;
	padding: 4px !important;
}
.custom__call__popup .timepicker_wrap{
	left: unset !important;
    right: 0 !important;
}



.current__location__icon {
	position: absolute;
	z-index: 10;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	pointer-events: none;
}

.current__location__icon img {
	width: 20px;
}
.custom__call__popup  .select-wrapper select{
	-webkit-appearance: none !important;
    -moz-appearance: none !important;
}
.custom__call__popup  .select-wrapper::after {
	content: "\f0d7";
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 5px;
	color: #2ba5c9;
	font-size: 14px;
	pointer-events: none;
	z-index: 10;
}

.custom__call__popup .steps__container ul.nav-wizard li a {
	font-size: 10.5px !important;
	;
	padding: 5px;
	white-space: nowrap;
}

.custom__call__popup .steps__container ul.nav-wizard li {
	line-height: 1.5;
	padding: 0 0px 0 30px;
}

.custom__call__popup .steps__container ul.nav-wizard li:first-child {
	padding: 0 0px 0 5px;
}
.custom__call__popup .steps__container ul.nav-wizard li .steps {
    font-size: 12px;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    padding: 0;
    text-align: center;
}


/* authentication style*/
.custom__call__popup .aut__register__section label {
	display: none !important;
}

.custom__call__popup .aut__register__section .checkbox {
	display: flex !important;
	align-items: center !important;
	margin-top: -2px;
}
.custom__call__popup .aut__register__section .checkbox input {
	height: unset !important;
	padding: 0px !important;
	margin: 0px !important;
}
.custom__call__popup .aut__register__section label.terms__label,
.custom__call__popup .aut__register__section label.privacy__label {
	padding-left: 5px !important;
	margin: 0 !important;
	margin-bottom: 0px !important;
	font-size: 11px !important;
	display: inline !important;
}

.custom__call__popup .aut__register__section label.terms__label a,
.custom__call__popup .aut__register__section label.privacy__label a {
	padding: 0px !important;
	margin: 0 !important;
	font-size: 10px !important;
	color: #007FBD !important;
	font-weight: 600;
}

.custom__call__popup .aut__register__section .fa,
.custom__call__popup .aut__register__section .fas {
	width: 12px !important;
}

.custom__call__popup .current__location__btn {
	position: absolute !important;
	z-index: 10 !important;
	right: 10px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	pointer-events: none !important;
}

.custom__call__popup .current__location__btn img {
    width: 20px !important;
    top: -2px;
    position: relative;
    left: 5px;
}

.custom__call__popup .register__login__section .signup-container {
	width: auto !important;
}

.custom__call__popup .register__login__section {
	width: 100%;
}

.custom__call__popup .authentication__sidebar__section,
.custom__call__popup .divider__box {
	display: none !important;
}

.custom__call__popup .form-row {
	gap: 5px !important;
}

div#hnomCompanyService {
    left: -3px;
}
.custom__call__popup .aut__register__section select[name='user_statut'] {
	width: 147px !important;
}

.custom__call__popup .aut__register__section input[name='company'] {
	width: 144px !important;
}

.custom__call__popup .aut__register__section select[name='civility'] {
    width: 50px !important;
    color: #000 !important;
}

.custom__call__popup .aut__register__section input[name='first_name'],
.custom__call__popup .aut__register__section input[name='last_name'] {
	width: 102px !important;
}

.custom__call__popup .aut__register__section input[name='email'] {
	width: 150px !important;
}

.custom__call__popup .aut__register__section input[name='phone'] {
	width: 140px !important;
}

.custom__call__popup .aut__register__section input[name='fax'] {
	width: 150px !important;
}
input#NomService {
    width: 139px;
}
input#companyFunction {
    width: 149px;
}
input#company_siretNumber {
    width: 139px;
}
input#company_vatNumber {
    width: 149px;
}
input#bookingAddressLocation {
    width: 325px;
}
div#bVillE {
    left: -4px;
}
.custom__booking__popup .aut__register__section input[name='company_service']{
	width: 182px !important;
}
.custom__booking__popup .aut__register__section input[name='company_function']{
	width: 182px !important;
}
.custom__booking__popup .aut__register__section input[name='company_vat_number']{
	width: 182px !important;
}
.custom__booking__popup .aut__register__section input[name='company_siret_number'] {
	width: 182px !important;
}

.custom__call__popup .aut__register__section input[name='zipcode'] {
	width: 128px !important;
}

.custom__call__popup .aut__register__section input[name='city'] {
	width: 161px !important;
}
input#comBookingAddress {
    width: 325px;
}

.custom__call__popup .aut__register__section input[name='password'] {
    width: 105px !important;
    padding: 0 0 0 4px !important;
}
.custom__call__popup .aut__register__section input[name='conpassword'] {
    width: 120px !important;
    padding: 0 0 0 4px !important;
}
div#nomPass {
    gap: 0px;
    justify-content: start;
    margin-bottom: 5px;
}

.custom__call__popup .aut__register__section .form-control[type='tel'],
.custom__call__popup .aut__register__section .form-control[type='email'] {
	height: 28px !important;
	padding: 4px 4px 4px 4px !important;
}

.custom__call__popup .register__login__section .auth__top__txt__container .text {
	font-size: 12px;
}
.call__section__2  div#bNom {
    width: 358px;
}
.custom__call__popup .register__login__section .auth__top__txt__container .btn {
	font-size: 12px;
}

.custom__call__popup .login-container label {
	display: block;
	text-align: left;
}

.custom__call__popup .login-container input[name='login_email'] {
	width: 150px !important;
	padding-right: 4px !important;
}

.custom__call__popup .login-container input[name='login_password'] {
	width: 106px !important;
	padding-right: 4px !important;
}

.custom__call__popup .aut__login__section .btn-login.red__3d__btn {
    font-size: 15px !important;
    padding: 6px 17px !important;
}
.custom__call__popup .register__login__section .login-container .inline__box {
	gap: 7px !important;
}

.custom__call__popup .register__login__section .login-container .fa {
	width: 12px !important;
	;
}

.custom__call__popup .register__login__section .login-container input[type='checkbox'] {
	line-height: 0 !important;
	height: auto !important;
	padding: 0px !important;
	margin: 0px !important;
}

.custom__call__popup .register__login__section .login-container .form-options {
    gap: 76px !important;
}

.custom__call__popup .register__login__section .forget-password-container .inline__box {
	margin-left: 0px !important;
	;
}

.custom__call__popup .register__login__section .forget-password-container input[name='forget_password_email'] {
	width: 220px !important;
}
form label {
    font-size: 14px !important;
}

.custom__call__popup .register__login__section .btn-forget{
	transform: translateY(25px) !important;;
}
.custom__call__popup .validation__error__b {
	position: relative;
	margin: 2px 0 -4px 0;
	height: 18px;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.custom__call__popup .validation__error__b p {
    font-size: 12px;
    color: red;
    margin: 0;
    padding: 0;
    text-align: left;
    line-height: 1.5;
    position: absolute;
    left: 0;
    font-weight: 600;
    align-items: center;
}
.custom__call__popup .validation__error__b .fa.fa-times-circle {
	color: red !important;
	font-size: 12px !important;
	;
}
.call__section__2 {
    width: 361px;
}
li.c-none b {
    display: none;
}
.custom__call__popup .valid__sep__error {
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.custom__call__popup .valid__sep__error p {
	font-size: 12px;
	color: red;
	margin: 0;
	padding: 0;
	text-align: left;
	line-height: 1.5;
	font-weight: 600;
	transform: translateY(-5px);
}
.custom__call__popup .valid__sep__error .fa.fa-times-circle {
	color: red !important;
	font-size: 12px !important;
}

.custom__call__popup .register__login__section .message .send-error {
    width: 102% !important;
    margin: -7px -4px 0px !important;
}
.call__section__2  input#hNomService {
    width: 140px !important;
}
.call__section__2  input#hcompany_siretNumber {
    width: 140px !important;
}
div#bookAdressLoca img {
    position: relative;
    left: 3px;
}

.custom__call__popup .form-group.password__validation__rule__box {
    transform: translate(-14px, -1px);
}
.custom__call__popup .form-group.password__validation__rule__box label {
  display:  inline !important;
  line-height: 1.5;
  font-size: 12px !important;
}
/* step 3 */
.call__popup__custom__step__3 span,
.call__popup__custom__step__3 p,
.call__popup__custom__step__3 li {
	font-size: 10px;
	line-height: 1.5;
}

/* call step 3 */
.call__popup__custom__step__3 .call__custom__b {
	text-align: left;
	margin-bottom: 1px;
}

.call__popup__custom__step__3 .call__custom__b span {
	font-size: 13px !important;
	color: black !important;
	position: unset !important;
	display: block;
	margin: 0;
	padding: 0;
	line-height: 1.5;
}

.call__popup__custom__step__3 .call__custom__b h5 {
	color: #000;
	font-size: 13px;
	margin: 0;
}
span#threeEmail {
    font-size: 12px !important;
}
span#threePhone {
    font-size: 12px !important;
}
.call__popup__custom__step__3 .call__custom__b p {
	color: #000;
	font-size: 12px;
	margin: 0;
	line-height: 1.5;
}

.call__popup__custom__step__3 .call__header__information__section {
	display: flex;
	gap: 10px;
	margin-bottom: 10px;
	align-items: center;
	justify-content: space-between;
}

.call__popup__custom__step__3 .company__info__box ul,
.call__popup__custom__step__3 .call__user__info__box ul,
.call__popup__custom__step__3 .call__user__info__box__2 ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.call__popup__custom__step__3 .company__info__box ul li,
.call__popup__custom__step__3 .call__user__info__box ul li,
.call__popup__custom__step__3 .call__user__info__box__2 ul li {
	font-size: 10px !important;
	color: #000;
	font-weight: 400;
	text-transform: none;
	line-height: 1.5;
	white-space: nowrap;
}

.call__popup__custom__step__3 .call__user__info__box {
	border: 1px solid black;
	padding: 5px;
	width: 117px;
}

.call__popup__custom__step__3 .call__user__info__box__2 {
	margin-top: 12px;
}

.call__popup__custom__step__3 .call__area {
	display: flex;
	align-items: center;
	margin-top: 8px;
	margin-bottom: 6px;
}

.call__popup__custom__step__3 .call__logo img {
	width: 177px;
	height: auto;
	object-fit: unset;
}

.call__popup__custom__step__3 .call__heading {
	border: 1px solid black;
	display: inline-block;
	padding: 3px 5px;
	background: transparent linear-gradient(180deg, #fbfbfb, #ececec, #cecece) repeat scroll 0 0;
	margin-left: 20px;
	min-width: 200px;
}

.call__popup__custom__step__3 .call__heading h3 {
	font-size: 13px;
	color: #000;
	text-align: left;
	margin: 0;
	font-weight: 500;
	padding: 5px 0px;
}

.call__popup__custom__step__3 .call__statut_logo__info {
	position: relative;
}

.call__popup__custom__step__3 .call__statut__logo {
  border: 3px solid #f00;
  color: #ff0000;
  font-size: 12px;
  text-align: center;
  transform: rotate(-15deg);
  font-family: 'Gravitas One', cursive;
  text-transform: uppercase;
  padding: 2px 2px;
}

.call__popup__custom__step__3 .call__footer__info__box {
    border-top: 1px solid black;
    margin-top: -6px;
    margin-bottom: -6px;
}
.call__user__info__box.majortextsize ul {
    position: relative;
    left: 7px;
}
.call__popup__custom__step__3 .call__footer__info__box p {
	font-size: 10px;
	text-align: center;
	margin: 0;
	padding: 0
}

.call__popup__custom__step__3 .fa {
	color: #007FBD !important;
}
.call__body__information_section.majortextsize {
    top: -8px;
}


.call__section__3 .config__options__box span {
	white-space: nowrap;
}


@media screen and (max-width: 400px){
#call_form {
    top: 66px !important;
    width: 399px !important;
    right: 3px !important;
}
div#callStep {
    position: relative;
    left: -37px !important;
    width: 433px !important;
}
form#create_call_popup_form {
    width: 390px !important;
}
textarea.required {
    height: 55px !important;
    width: 370px !important;
    left: -5px !important;
    position: relative !important;
}

.custom__call__popup select[name='user_type'] {
    min-width: 215px !important;
}
.custom__call__popup select[name='department_id'] {
    min-width: 195px !important;
    width: 100px;
}
.custom__call__popup select[name='priority_id'] {
    min-width: 99px !important;
}
.custom__call__popup select[name='purpose_id'] {
    min-width: 281px !important;
}
div#callStep ul li a {
    z-index: 9 !important;
    text-align: center !important;
}
li.call-steps.call-step-2 span:nth-child(2), li.call-steps.call-step-3 span:nth-child(2) {
    left: 8px !important;
    position: relative;
}
li.call-steps.call-step-2 a, li.call-steps.call-step-3 a {
    left: 8px !important;
}
textarea.required {
    height: 55px !important;
    width: 381px !important;
    left: -5px !important;
    position: relative !important;
}
div#callCmentSec {
    left: -10px !important;
    margin-top: -7px !important;
}
.call__section__1 .upload-btn-wrapper {
    margin-left: -1px !important;
}
.custom__call__popup select[name='survey_answer_id'] {
    min-width: 138px !important;
}
button#stepContainerButton {
    left: 251px !important;
}
a#close-call-form {
    right: 20px !important;
    width: 25px !important;
    height: 25px !important;
    top: 7px !important;
}
a#close-call-form i {
    top: -2px !important;
    position: relative !important;
    left: -2px !important;
    font-size: 20px !important;
}
.call__section__1 {
    width: 379px !important;
}
div#call_validation_error_b1 {
    width: 96% !important;
    margin: 6px auto -2px !important;
    font-size: 12px !important;
}
.custom__call__popup .aut__login__section .btn-login.red__3d__btn {
    font-size: 13px !important;
    padding: 6px 17px !important;
    transform: translate(-143px, 133px);
}
.call__section__2 {
    width: 377px !important;
}
.custom__call__popup .aut__register__section input[name='first_name'], .custom__call__popup .aut__register__section input[name='last_name'] {
    width: 110px !important;
}
.custom__call__popup .aut__register__section input[name='email'] {
    width: 156px !important;
}
.custom__call__popup .aut__register__section input[name='phone'] {
    width: 149px !important;
}
input#companyFunction {
    width: 153px !important;
}
input#company_vatNumber {
    width: 153px !important;
}
input#bookingAddressLocation {
    width: 344px !important;
}
input#comBookingAddress {
    width: 341px !important;
}
div#Fax {
    top: -4px !important;
}
.custom__call__popup .aut__register__section input[name='city'] {
    width: 180px !important;
}
.custom__call__popup .aut__register__section input[name='password'] {
    width: 157px !important;
}
.custom__call__popup .aut__register__section input[name='company'] {
    width: 160px !important;
}
.custom__call__popup .aut__register__section input[name='fax'] {
    width: 154px !important;
}
input#NomService {
    width: 154px !important;
}
input#company_siretNumber {
    width: 154px !important;
}
li.majortextsize b {
    display: none !important;
}
.call__section__3.call__popup__custom__step__3 {
    width: 375px !important;
}
.call__popup__custom__step__3 .call__statut__logo {
    font-size: 12px !important;
}
.send-success.majortextsize {
    font-size: 12px !important;
}





}




@media screen and (max-width: 360px){
div#call_validation_error_b1 {
    width: 100% !important;
    margin: 5px 21px -1px !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    padding: 2px !important;
}
    #call_form {
    top: 64px !important;
    height: auto !important;
    width: 360px !important;
    z-index: 9999999999 !important;
}
form#create_call_popup_form {
    width: 350px !important;
    margin: 0 auto !important;
    left: 3px !important;
    position: relative !important;
    border-radius: 30px;
    padding: 0 !important;
    height: 99.5% !important;
}
.call__user__info__box__2 {
    top: 7px !important;
    position: relative !important;
}
.steps__container ul.nav-wizard li:first-child {
    padding: 0 1px 0 7px !important;
}
.custom__call__popup .steps__container ul.nav-wizard li a {
    font-size: 8.5px !important;
}
.custom__call__popup .steps__container ul.nav-wizard li .steps {
    width: 20px !important;
    height: 20px !important;
    font-size: 11px !important;
    border: 2px solid #fff !important;
}

div#retouR {
    position: relative !important;
    top: 9px !important;
}
#call_form.active {
    transform: translateX(2px) !important;
}

h4.call__popup__form__heading span {
    font-size: 15px !important;
}
#call_form {
    top: 66px !important;
    height: auto !important;
    width: 360px !important;
    z-index: 9999999999 !important;
}
#call_form {
    top: 144px !important;
}
.steps__container {
    width: 131% !important;
    left: -1px !important;
    position: relative !important;
}
#call_form {
    border: 2px solid #fff !important;
}
.call__user__info__box__2 ul {
    position: relative !important;
    left: 26px !important;
}

button#call_popup_btn {
    top: 535px !important;
    right: -70px !important;
}
.call__popup__form__heading {
    height: 40px !important;
}
.close-btn-3 {
    display: flex !important;
    background: linear-gradient(#ff6666, #cc0000) !important;
}
.custom__call__popup select[name='user_type']{
    min-width: 178px !important;
}
.custom__call__popup select[name='department_id']{
    min-width: 126px !important;
}
.custom__call__popup select[name='priority_id']{
    min-width: 130px !important;
}
.custom__call__popup select[name='purpose_id']{
    min-width: 245px !important;
}
.custom__call__popup select[name='survey_answer_id'] {
    min-width: 124px !important;
}
.call__popup__custom__step__3 .call__logo img {
    width: 243px !important;
}
.call__popup__custom__step__3 .call__heading h3 {
    font-size: 14px !important;
}
.message .send-success {
    margin: 11px auto !important;
    margin-bottom: 10px !important;
    font-size: 10.3px !important;
}

textarea.required {
    height: 80px !important;
    width: 327px !important;
    left: -2px !important;
    position: relative !important;
}
div#callCmentSec {
    position: relative !important;
    left: -45px !important;
}
.steps__container ul.nav-wizard {
    height: 37px !important;
    justify-content: center !important;
    align-items: center !important;
}
div#callWrapper {
    margin-top: -24px !important;
    position: relative !important;
    top: 28px !important;
    left: -23px !important;
    column-gap: 5px !important;
    margin-bottom: -38px !important;
}
li.call-steps.call-step-2 a, li.call-steps.call-step-3 a {
    left: 11px !important;
    z-index: 999 !important;
}
.steps__container {
    width: 117% !important;
    left: -6px !important;
    position: relative;
}
.custom__call__popup .validation__error__b p {
    font-size: 10px !important;
}

.upload-btn-wrapper {
    width: 199px !important;
}
button.btn.myfileButton {
    padding: 4px 6px !important;
    position: relative !important;
    left: 26px !important;
    margin-top: 0px !important;
    font-size: 11px !important;
    margin-bottom: 18px !important;
}
div#ContactPopupTwoPart {
    margin-bottom: 16px !important;
}
div#callPopupOnePart {
    margin-top: 9px !important;
}


.call__section__1 {
    position: relative !important;
    width: 330px !important;
}
.custom__call__popup select[name='survey_answer_id'] {
    min-width: 162px !important;
}
label#callCmnt {
    font-size: 13px !important;
}
select#conGender {
    width: 51px !important;
}
input#con-firstName {
    width: 102px !important;
}
input#con-lastName {
    width: 102px !important;
}
div#organize {
    top: -6px !important;
}

input#organizetion {
    width: 166px !important;
}
input#PHone {
    width: 135px !important;
    padding: 0 0 0 5px  !important;
}
div#phone {
    position: absolute !important;
    right: 0 !important;
    top: -66px !important;
}
input#Fax {
    width: 139px !important;
}
div#conADDRESS {
    width: 376px !important;
}
input#con-Zip {
    width: 118px !important;
    margin-right: 6px !important;
}
.call__logo {
    width: 319px !important;
}
.custom__booking__popup .register__login__section .message .send-error {
    width: 100% !important;
    margin: -3px 21px 8px !important;
}
.call__popup__custom__step__3 .call__heading {
    min-width: 146px !important;
    width: 200px !important;
}
.call__popup__custom__step__3 .call__header__information__section {
    margin-bottom: 79px !important;
}
.call__popup__custom__step__3 .call__footer__info__box p {
    margin: 0 0 5px 0 !important;
}
.call__popup__custom__step__3 .call__statut_logo__info {
    left: -60px !important;
    position: relative !important;
    top: 99px !important;
}
.call__second__information {
    left: -57px !important;
    width: 133px !important;
}
.call__user__info__box.majortextsize ul {
    position: relative !important;
    width: 104px !important;
}
li.majortextsize b {
    display: none !important;
}
p#cusotme_B{
    margin-bottom: 1px !important;
}
.message .send-error {
    margin: 3px auto -3px !important;
    font-size: 10px !important;
}
.call__section__1 .step__continue__btn {
    margin-top: 6px !important;
    margin-bottom: 9px !important;
}
div#con-submit {
    margin-top: 3px !important;
    margin-bottom: -29px !important;
}
div#conButon {
    margin-top: 65px !important;
    margin-bottom: -5px !important;
}
.call__step_sections {
    padding: 3px 10px !important;
}
.call__popup__custom__step__3 .call__custom__b span {
    font-size: 10px !important;
}
.call__custom__b {
    gap: 4px !important;
}
span#threePhone {
    font-size: 10px !important;
}
span#threeEmail {
    font-size: 9.1px !important;
}
.call__popup__custom__step__3 .call__custom__b p {
    font-size: 10px !important;
}
.call__popup__custom__step__3 .call__user__info__box {
    width: 138px !important;
}
.call__popup__custom__step__3 .call__custom__b {
    text-align: left;
    margin-bottom: 0px !important;
}
.custom__call__popup .aut__register__section input[name='last_name'] {
    width: 94px !important;
}
.custom__call__popup .aut__register__section select[name='user_statut'] {
    width: 130px !important;
}
.custom__call__popup .aut__register__section input[name='company'] {
    width: 147px !important;
    padding-left: 2px !important;
    padding-right: 0 !important;
}
.custom__call__popup .aut__register__section input[name='first_name'] {
    width: 100px !important;
}
div#emailReg {
    flex-wrap: nowrap !important;
}
.custom__call__popup .aut__register__section input[name='email'] {
    width: 137px !important;
}
.custom__call__popup .aut__register__section input[name='phone'] {
    width: 139px !important;
}
.custom__call__popup .aut__register__section input[name='fax'] {
    width: 137px !important;
}
input#NomService {
    width: 130px !important;
}
.custom__call__popup .aut__register__section input[name='company_service'] {
    width: 162px !important;
}

.custom__call__popup .aut__register__section input[name='city'] {
    width: 152px !important;
}
.custom__call__popup .aut__register__section input[name='password'] {
    width: 112px !important;
}

div#regPhone {
    width: 173px !important;
}


.register__login__section .login-container .inline__box {
    display: flex !important;
    gap: 10px;
    flex-wrap: wrap !important;
    position: relative !important;
    left: 13px !important;
    top: -20px !important;
    gap: 10px !important;
    margin-bottom: -45px !important;
    margin-top: 12px !important;
}
.form-options {
    position: relative !important;
    left: 3px !important;
}
.custom__call__popup .register__login__section .login-container .form-options {
    gap: 55px !important;
}
.custom__call__popup .aut__login__section .btn-login.red__3d__btn {
    transform: translatex(-40px);
    font-size: 13px !important;
    padding: 4px 10px !important;
}
div#RegPas {
    margin-top: -16px !important;
    margin-bottom: -6px !important;
}
.custom__call__popup .validation__error__b {
    margin: 3px 0 -9px 0 !important;
}



.custom__call__popup select.form-control, .custom__call__popup input.form-control {
    height: 28px !important;
}
.custom__call__popup .aut__register__section .form-control[type='tel'], .custom__call__popup .aut__register__section .form-control[type='email'] {
    height: 30px !important;
    padding: 4px 4px 4px 4px !important;
}
.custom__call__popup .register__login__section .auth__top__txt__container .btn {
    font-size: 10.5px !important;
}
div#callFirstDiv {
    row-gap: 0px !important;
    column-gap: 3px !important;
    margin: 0 !important;
}
#callFirstDiv .form-group label {
    font-size: 13px !important;
    margin-top: 6px !important;
    margin-bottom: 6px !important;
}
.custom__booking__popup .register__login__section {
    padding: 10px !important;
    width: 100%;
    position: relative !important;
    left: 3px !important;
}
div#regPhone1 {
    left: -2px !important;
}
input#companyFunction {
    width: 137px !important;
}
input#company_siretNumber {
    width: 131px !important;
}
input#company_vatNumber {
    width: 138px !important;
}
input#comBookingAddress {
    width: 306px !important;
}
.custom__call__popup .aut__register__section input[name='zipcode'] {
    width: 125px !important;
}
.custom__call__popup .register__login__section .message .send-error {
    width: 102% !important;
    margin: -10px 18px 9px !important;
}
.custom__call__popup .login-container input[name='login_email'] {
    width: 200px !important;
    padding-right: 4px !important;
}
.custom__call__popup .login-container input[name='login_password'] {
    width: 165px !important;
    padding-right: 4px !important;
}
.auth__top__txt__container span.text {
    font-size: 10.5px !important;
    right: 6px !important;
    position: relative !important;
}
.auth__top__txt__container {
    position: relative;
    top: -6px !important;
    left: 11px !important;
}
.booking_step_2_section div#subBttn {
    margin-top: -1px !important;
    margin-bottom: 34px !important;
}
div#bNom {
    width: 334px !important;
}
li.c_none b {
    display: none !important;
}
.steps__containers ul.nav-wizard li {
    width: 129px !important;
}
input#Cterms, input#Cprivacy {
    position: relative !important;
    top: -4px !important;
    left: 2px !important;
}
.custom__call__popup .input-group-addon {
    padding: 2px 6px;
}


    .call__section__2 {
    width: 328px !important;
}
.register__login__section .auth__top__txt__container .btn {
    padding: 2px 23px 5px 5px !important;
}
.register__login__section .auth__top__txt__container .btn i {
    font-size: 17px !important;
    top: 3px !important;
}
div#registerContainer{
    margin-top: 5px !important;
}
.custom__call__popup .register__login__section .message .send-error {
    width: 102% !important;
    margin: 5px -4px -2px !important;
}
span#loginText {
    font-size: 9.9px !important;
}
span#logText {
    font-size: 11px !important;
}
span#regText {
    font-size: 11px !important;
}
span#vousText {
    font-size: 11px !important;
}
.register__login__section .auth__top__txt__container {
    gap: 3px !important;
}

.call__body__information_section.majortextsize {
    top: -11px !important;
}


}
p#cusotme_B {
    margin-bottom: 5px;
}









@media screen and (max-width: 360px) {

    a#close-call-form i {
    top: -1px !important;
    position: relative !important;
    left: -2px !important;
    font-size: 20px !important;
}
.call__section__3.call__popup__custom__step__3 {
    width: 328px !important;
}
input#bookingAddressLocation {
    width: 306px !important;
}
#call_form .steps__container {
    width: 131% !important;
    left: -1px !important;
    position: relative;
}
.steps__containers ul.nav-wizard li .steps {
    font-size: 12px !important;
    width: 19px !important;
    height: 19px !important;
}
.call-steps>a {
    font-size: 10px !important;
}
div#callStep {
    width: 111% !important;
    left: -35px !important;
}
.call__section__2  div#bNom {
    width: 334px !important;
}
.send-error{
    font-weight: 800 !important;
    font-size: 10px !important;
}






}