body{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
}



a{
	text-decoration: none;
}

header .btn-deconnection{
    color: #fff;
    padding: 9px 11px;
	display: flex;
    align-items: center;
}

header .btn-deconnection:hover,
header .btn-deconnection:focus{
    color: #f08200;
}

header .btn-deconnection i{
    font-size: 13px;
	margin-right: 7px;
}


input[type="text"]:focus::-webkit-input-placeholder,
    input[type="password"]:focus::-webkit-input-placeholder,
    input[type="email"]:focus::-webkit-input-placeholder,
    input[type="tel"]:focus::-webkit-input-placeholder,
    textarea:focus::-webkit-input-placeholder,
    .form-control:focus::-webkit-input-placeholder {
      opacity: 0.7; }
    input[type="text"]:focus::-moz-placeholder,
    input[type="password"]:focus::-moz-placeholder,
    input[type="email"]:focus::-moz-placeholder,
    input[type="tel"]:focus::-moz-placeholder,
    textarea:focus::-moz-placeholder,
    .form-control:focus::-moz-placeholder {
      opacity: 0.7; }
    input[type="text"]:focus::-moz-placeholder,
    input[type="password"]:focus::-moz-placeholder,
    input[type="email"]:focus::-moz-placeholder,
    input[type="tel"]:focus::-moz-placeholder,
    textarea:focus::-moz-placeholder,
    .form-control:focus::-moz-placeholder {
      opacity: 0.7; }
    input[type="text"]:focus:-ms-input-placeholder,
    input[type="password"]:focus:-ms-input-placeholder,
    input[type="email"]:focus:-ms-input-placeholder,
    input[type="tel"]:focus:-ms-input-placeholder,
    textarea:focus:-ms-input-placeholder,
    .form-control:focus:-ms-input-placeholder {
      opacity: 0.7; }






	  @media (max-width: 576px){
		.cky-notice-btn-wrapper {
			flex-direction: row-reverse !important;
		}
		
		.cky-notice-btn-wrapper .cky-btn {
			padding: 3px !important;
			display: block !important;
			font-size: 11px !important;
			margin-right: 7px !important;
		}
		
		
		
		.cky-notice-btn-wrapper .cky-btn-accept {
			margin-right: 7px !important;
			
		}
		}
		
		@media (max-width: 425px){
		.cky-notice-btn-wrapper .cky-btn-accept {
			margin-top: 10px !important;
		}}
		
		
		@media (max-width: 440px){
		.cky-btn {
			width: auto !important;
			margin: 10px 0 0 0;
		}}

		

		


.checkbox-form {
    margin-bottom: 0px;
    display: flex;
    align-items: center;

}

.checkbox-form label{
    font-size: 13px;
	font-weight: 500;
	display: inline-block;
	
}

input[type="checkbox"] {
	margin-right: 7px;
}


.si-necessaire {
	font-size: 17px !important;
	color: #fff !important;
}


.choix-auth label{
	display: inline-block;
	font-size: 17px;
	margin-left: 7px;
}

.choix-auth {
	margin-bottom: 5px;
    display: flex;
    align-items: center;
}

.choix-auth input[type=radio] {
    width: 19px;
    height: 19px;
}



.space-bloc-11{
	height: 11px !important;
	}

	.space-bloc-16{
		height: 16px !important;
		}


	.space-bloc-22{
		height: 22px !important;
		}

.space-bloc-33{
height: 33px !important;
}

.space-bloc-55{
	height: 55px !important;
	}


.partner-banner-ordoptic{
    margin: 39px 0;
}


.partner-banner-ordoptic .owl-element img {
	opacity: 0.5 !important;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
	-webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}


.partner-banner-ordoptic .owl-element:hover img {
    opacity: 0.9 !important;
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
	-webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}



.box-border{
	border: solid 1px #b0b0b0;
    border-radius: 15px;
    padding: 39px;
	margin-bottom: 24px;
}

.box-border-special-h-d{
	border: solid 1px #b0b0b0;
    border-radius: 15px;
    padding-right: 39px;
    margin-bottom: 24px;
    padding-left: 39px;
    height: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
	background: #fff;
}

.numero-tel {
	display: block;
    text-align: center;
    font-weight: 700;
    color: #f08200;
    font-size: 21px;
    margin-bottom: 20px;
}

.email-compte{
	display: block;
    text-align: center;
    font-weight: 700;
    color: #f08200;
    font-size: 21px;
    margin-bottom: 20px;
}


.box-auth-sms .form-control{
		display: block;
		height: 79px;
		margin-right: 0.5rem;
		text-align: center;
		font-size: 1.25rem;
		min-width: 0;
		border: solid 1px #bfbfbf;
    border-radius: 7px;
    padding: 0 !important;
	
}


.box-auth-sms .form-control:last-child {
	margin-right: 0 !important;
  }


.box-auth-email .form-control{
	display: block;
	height: 79px;
	margin-right: 0.5rem;
	text-align: center;
	font-size: 1.25rem;
	min-width: 0;
	border: solid 1px #bfbfbf;
border-radius: 7px;
padding: 0 !important;

}


.box-auth-email .form-control:last-child {
	margin-right: 0 !important;
  }


 /* Chrome, Safari, Edge, Opera */
 input::-webkit-outer-spin-button,
 input::-webkit-inner-spin-button {
   -webkit-appearance: none;
   margin: 0;
 }



 .image-shop{
	border-radius: 7px;
	margin-bottom: 19px;
 }


 .info-opticien li {
	padding: 0 !important;
	margin-bottom: 17px;
 }

 .info-opticien p {
	margin: 0 !important;
 }


 .info-opticien .fas{
    margin-top: 5px;
    font-size: 15px;
	margin-right: 11px !important;
	color: #0a537c;
}

.info-opticien .fw-bold{
	color: #0a537c;
}


.info-opticien .opticien-paiement p{
    font-size: 15px;
    line-height: 1.4;
}

.info-opticien .opticien-paiement .fw-bold{
	margin-bottom: 3px;
}


#liste-opticiens .bar-top{
    display: flex;
    margin-bottom: 25px;
}


#liste-opticiens .btn-blue-ordoptic{
    display: flex;
	align-items: center;
	font-size: 13px;
	padding-right: 25px;
    padding-left: 25px;
	margin-right: 19px;
    font-weight: 400;
}



#liste-opticiens .bar-top input{
    width: auto;
    margin: 0;
    background: #0a537c;
    text-align: center;
    color: #fff !important;
    border-radius: 7px;
    border: #0a537c;
}

#liste-opticiens .opticien-select{
	border: solid 2px #f08200;
}


.opticiens-map{
    border-radius: 15px;
    margin-bottom: 33px;
}


#liste-opticiens .bar-top input:hover{
    background: #404040;
    border: #404040
}




#liste-opticiens ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #fff;
	font-size: 13px;
  }


 #liste-opticiens .btn-orange-ordoptic{
	font-size: 12px;
    font-weight: 500;
 }


 #liste-opticiens .element-liste-opticiens h2{
	font-size: 19px;
    font-weight: 700;
    color: #0a537c;
 }

 #liste-opticiens .element-liste-opticiens .distance-lieu{
    position: relative;
    float: right;
    font-size: 15px;
}

#liste-opticiens .element-liste-opticiens .box-border {
    padding: 27px !important;
}




#step-bar {

margin-top: 33px;
    margin-bottom: 33px;
}

#step-bar h2 {
	font-size: 22px;
	color: #f08200;
	margin-bottom: 33px;
}


.stepIndicator {
	position: relative;
	flex: 1;
	padding-top: 30px;
	text-align: center;
	color: #deeaf1;
	font-size: 0;
	line-height: 1.1;

}

.stepIndicator.active {
	color: #0a537c;
	font-size: 15px;
}

.stepIndicator.finish {
	font-weight: 600;
	color: #0a537c;
}

.stepIndicator::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	z-index: 9;
	width: 20px;
	height: 20px;
	background-color: #fff;
	border-radius: 50%;
	border: 5px solid #deeaf1;
}
.stepIndicator.active::before {
	background-color: #0a537c;
	border: 5px solid #0a537c;
}
.stepIndicator.finish::before {
	background-color: #0a537c;
	border: 5px solid #0a537c;
}
.stepIndicator::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 8px;
	width: 100%;
	height: 5px;
	background-color: #deeaf1;
}
.stepIndicator.active::after {
	background-color: #0a537c;
}
.stepIndicator:last-child:after {
	display: none;
}
.stepIndicator.current-step::before {
    background-color: #fff;
    border: 5px solid #0a537c;
}
.stepIndicator.current-step {
	font-weight: 600;
	font-size: 17px;
}

.stepIndicator.current-step::after {
    background-color: #deeaf1;
}

.stepIndicator.finish::after {
	background-color: #0a537c !important;
}

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

	.stepIndicator.active {
		font-size: 11px;
		padding-right: 7px;
    	padding-left: 7px;
	}

	.stepIndicator.current-step {
		font-size: 13px;
		padding-right: 7px;
    	padding-left: 7px;
	}
}



.choix-heure-rdv-button {
	text-align: center;
	padding: 7px;
}
.choix-heure-rdv-button label {
	padding: 11px;
	border: solid 1px;
	text-align: center;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border-radius: 7px;
	font-size: 16px;
}
.choix-heure-rdv-button label {
	margin: 0 !important;
}
.choix-heure-rdv-button input {
	display: none;
}
.box-choix-rdv table td, .box-choix-rdv table th, .box-choix-rdv table {
	border: none;
	box-shadow: none;
}
.box-choix-rdv .table {
	margin-bottom: 0 !important;
	margin-top: 19px;
}
.box-choix-rdv td {
	padding: 0;
}
.box-choix-rdv input[type="radio"]:checked+label {
	background: #f08200;
	color: #fff;
}



#prise-rdv .date-rdv{
    margin: 0;
    font-size: 25px;
    font-weight: 700;
    line-height: 1.1;
    color: #000;
}


#prise-rdv .heure-rdv{
    margin: 0;
    font-size: 25px;
    font-weight: 700;
    line-height: 1.1;
    color: #000;
}



#prise-rdv .bloc-informations-perso h2{

    border-radius: 15px 15px 0 0;
    height: 51px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: #0a537c;
    border: solid 1px #0a537c;
    font-weight: 400;
    font-size: 17px;
	margin-bottom: 0;
}


#prise-rdv .bloc-interne-i-p {
    border: solid 1px #0a537c;
    padding: 25px;
    border-radius: 0 0 15px 15px;
    border-top: none;
	margin-bottom: 24px;
}


.bloc-info-perso-plus .choix-sexe {
	display: flex;
    align-items: center;
	margin-bottom: 19px;
}

.bloc-info-perso-plus .choix-sexe label{
	margin-right: 19px !important;
}


#madame,
#monsieur {
	margin-right: 5px;
}


.choix-proche .proche-bloc {
    border: solid 1px;
    display: flex;
    align-items: center;
    border-radius: 7px;
	margin-bottom: 16px;
}


.proche-bloc .radio-input-choix-patient {
	margin-right: 11px;
		margin-left: 11px;
		height: 21px;
		width: 21px;
	}


.choix-proche .proche-bloc label{
    display: block;
    width: 100%;
    margin: 0;
    padding-top: 11px;
    padding-bottom: 11px;
	font-size: 17px;
}


.choix-proche .proche-bloc input[type="radio"]:checked+label {
    color: #f08200;
}

.bloc-pour-autre-personne a{
	padding: 13px;
    background: #deeaf1;
    border-radius: 7px;
    margin-bottom: 11px;
}


.bloc-pour-autre-personne a:hover{
	padding: 13px;
    background: #0a537c;
	color: #fff;
    border-radius: 7px;
    margin-bottom: 11px;
}

.bloc-pour-autre-personne a i{
	margin-right: 9px !important;
	margin-left: 5px;
}


.cdb-mobile-nav .mobile-menu-container .mobile-menu-list li a {
    font-weight: 400 !important;
}



#prise-rdv .info-opticien-rdv-presentation .box-border,
#prise-rdv .info-opticien-rdv-paiement .box-border,
#prise-rdv .info-opticien-rdv-lieu .box-border{
    padding: 25px
}

#prise-rdv .info-opticien-rdv-presentation h3,
#prise-rdv .info-opticien-rdv-paiement h3,
#prise-rdv .info-opticien-rdv-lieu h3,
#prise-rdv .info-general-rdv h3{
    color: #0a537c;
	font-weight: 700;
	font-size: 17px;
	margin-bottom: 11px;

}

#prise-rdv .info-general-rdv p{
    color: #f08200;
    margin-bottom: 0px;

}


#prise-rdv .info-opticien-rdv-presentation h3 i,
#prise-rdv .info-opticien-rdv-paiement h3 i,
#prise-rdv .info-opticien-rdv-lieu h3 i,
#prise-rdv .info-general-rdv h3 i{
    margin-right: 9px !important;
}


#prise-rdv .info-opticien-rdv-presentation p,
#prise-rdv .info-opticien-rdv-paiement p,
#prise-rdv .info-opticien-rdv-lieu p{
    margin-bottom: 0;
    font-weight: 400;

}

#prise-rdv .info-opticien-rdv-presentation p{
    font-size: 15px;
	margin-bottom: 11px;

}

#prise-rdv img{
	margin-bottom: 0px;

}


#prise-rdv .box-opticien-selected .box-border{
    padding: 25px
}


#prise-rdv .box-opticien-selected p{
    margin-bottom: 0;
	font-size: 19px;
    color: #000;
}


#prise-rdv .box-opticien-selected h3{
    font-size: 25px;
    font-weight: 700;
	margin-bottom: 11px;
	color:#000;
}


#prise-rdv .box-choix-rdv h3{
    color: #0a537c;
	font-weight: 700;
	font-size: 17px;
	margin-bottom: 11px;

}

#prise-rdv .box-choix-rdv h3 i{
    margin-right: 9px !important;

}


select{
    margin-bottom: 16px;
}










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


	#liste-opticiens .bar-top .btn-blue-ordoptic{
		width: 50% !important;
		margin-right: 0 !important;
		border-radius: 0 !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center;
		color: #f08200 !important;
		background: #f0f0f0 !important;
		border-color: #f0f0f0 !important;
		font-weight: 700 !important;
		padding-right: 0px;
    	padding-left: 0;
	}
	
	
	
	 #liste-opticiens .bar-top .choix-date{
		width: 50% !important;
		margin-right: 0 !important;
		border-radius: 0 !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		background: #f08200 !important;
		border-color: #f08200 !important;
		font-weight: 700 !important;
	}


	#liste-opticiens .bar-top{
		position: absolute;
		left: 0px;
		padding: 0;
		width: 100%;
	}
	
	}



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

		#liste-opticiens ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
			font-size: 11px;
		  }
	
		#liste-opticiens .bar-top .btn-blue-ordoptic{
			font-size: 11px !important
		}
		
		
		
		 #liste-opticiens .bar-top .choix-date{
			font-size: 11px !important
		}
		
		}

.connexion input[type=number] {
	-moz-appearance: textfield !important;
  }




.connexion h2{
    font-size: 21px;
    font-weight: 700;
    line-height: 1.2;
	display: inline-block;
	margin: 11px 0 23px 0;
}

.connexion h2 i{
	margin-right: 5px;
}


.connexion .se-souvenir {
	margin: 23px 0;

}

.pass-oublie a:hover{
	color: #f08200 !important;

}




.connexion [type=button] {
    width: 100%;
    display: block;
	border-radius: 7px;
}


.connexion .tel-number,
.connexion .email-adress,
.connexion .pass{
    border: solid 1px #bfbfbf;
    border-radius: 7px;
}


.connexion .btn-orange-ordoptic,
.connexion .btn-blue-ordoptic {
	display: block;
	width: 100%;
}


.btn-orange-ordoptic{
    background: #f08200;
    color: #fff;
    border: 1px solid #f08200;
    border-radius: 7px;
    color: #fff !important;
    text-align: center;
    padding: 11px 17px;
	font-weight: 400;
}


.btn-orange-ordoptic:hover{
    background: #404040;
    border: 1px solid #404040;
}


.btn-blue-ordoptic{
    background: #0a537c;
    color: #fff;
    border: 1px solid #0a537c;
    border-radius: 7px;
    color: #fff !important;
    text-align: center;
    padding: 11px 17px;
}


.btn-blue-ordoptic:hover{
    background: #404040;
    border: 1px solid #404040;
}



#mon-compte .colonne-gauche {
	border-right: solid 1px #c6c6c6;
    border-left: solid 1px #c6c6c6;
}

#mon-compte .colonne-droite {
	border-right: solid 1px #c6c6c6;
}


#mon-compte .onglets-mon-compte a{
    display: block;
	padding: 7px 17px;
	color: #6a6a6a;
	background: #f0f0f0;
}


#mon-compte .onglets-mon-compte a:hover,
#mon-compte .onglets-mon-compte a:focus{
    background: #deeaf1;
	color: #0a537c;
}


#mon-compte .onglets-mon-compte .onglet-selected{
    background: #0a537c;
	color: #fff;
}

#mon-compte .onglets-mon-compte .onglet-selected:hover{
    background: #0a537c;
	color: #fff;
}

#mon-compte .content-colonne-droite{
    padding: 21px;
	min-height: 800px;
}

#mon-compte .content-colonne-droite h3{
	font-size: 23px;
	margin-bottom: 33px;
}

#mon-compte .content-colonne-droite h3 i{
	margin-right: 5px;
}

#mon-compte .content-colonne-droite .btn-orange-ordoptic i{
	margin-right: 5px;
}

#mon-compte .content-colonne-droite .message{
	font-size: 19px;
    padding: 77px 15px;
}


.cancel-button{
    text-align: center;
    padding: 11px 17px;
    background: #deeaf1;
    border: 1px solid #deeaf1;
    border-radius: 7px;
	color :#0a537c;
	text-transform: uppercase !important;
	
}

.cancel-button:hover {
color:#fff !important;
background:#f08200 !important;
text-transform: uppercase !important;
}

.proche-block {
	margin-bottom: 25px;
}



.head-proche-block {
    background: #0a537c;
    color: #fff;
    padding: 11px 15px;
    font-size: 15px;
    font-weight: 500;
	border-radius: 11px 11px 0 0;
	border: solid 1px #0a537c;
}

.content-proche-block {
    padding: 23px 13px 15px 13px;
    border: solid 1px #0a537c;
    border-radius: 0 0 11px 11px;
}

.content-proche-block li {
	margin-bottom: 11px;
}


.content-proche-block i {
	color: #6a6a6a;
	font-size: 12px;
    line-height: 1.3;
}

.content-proche-block a i{
	color: inherit !important;
}

.edit-block-proche {
    background: #deeaf1;
    padding: 3px 11px;
    border-radius: 3px;
    margin-top: 17px;
    font-size: 11px;
	color: #0a537c !important;
	font-weight: 400;
}

.edit-block-proche i{
    margin-right: 3px;
}

.edit-block-proche:hover {
    background: #0a537c;
	color: #fff !important;
}




.content-proche-block i span{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400;
	margin-left: 9px;
    font-size: 13px;
    line-height: 1.3;
	color: #6a6a6a;
}



.title-gestion-compte {
    font-size: 23px;
	color: #0a537c;
}


.block-mon-compte i{
    font-size: 13px;
    line-height: 1.3;
	color: #6a6a6a;
}




.title-block-mon-compte{
    color: #0a537c;
    border-bottom: solid 1px #0a537c;
    padding-bottom: 7px;
    font-size: 15px;
    line-height: 1.3;
}


.block-mon-compte i span{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400;
	margin-left: 9px;
    font-size: 13px;
    line-height: 1.3;
	color: #6a6a6a;
}



.block-mon-compte .verif-ok{
    font-size: 13px;
    line-height: 1.3;
	color: #119d50;
}

.block-mon-compte .verif-none{
    font-size: 13px;
    line-height: 1.3;
	color: #d62f2f;
}

.block-mon-compte a {
	font-size: 13px;
    line-height: 1.3;
}

.block-mon-compte a i {
	margin-right: 5px !important;
	color: inherit;
}


.block-mon-compte a:hover {
	color: #f08200;
}


.block-mon-compte table, table td, table th {
    border: none;
}

.block-mon-compte table {
    margin-top: 11px;
    margin-bottom: 23px;
}

.block-mon-compte tr {
	border-bottom: solid 1px #eaeaea;
}

.block-mon-compte tr:last-child {
	border-bottom: solid 0px #eaeaea;
}



.no-border-table table, table td, table th {
    border: none !important;
}

.no-border-table table {
    margin-top: 11px !important;
    margin-bottom: 23px !important;
}

.no-border-table tr {
	border-bottom: solid 1px #eaeaea !important;
}

.no-border-table tr:last-child {
	border-bottom: solid 0px #eaeaea !important;
}



.block-legal-infos p{
    font-size: 12px;
	margin-bottom:11px;
}

.block-legal-infos {
    padding: 15px;
	background: #f0f7fc;
	border-radius: 15px;
}

.block-legal-infos-content {
    background: #fff;
	padding: 11px;
	border-radius: 11px;
}

.bloc-ordonnances h2,
.bloc-view-rdv h2{
	font-size: 27px !important;
}

.historique-rdv h3 {
    font-size: 18px;
    color: #0a537c;
    padding: 15px;
    margin-bottom: 0px;
}

.historique-rdv p {
    font-size: 13px;
    padding: 0 27px;
    line-height: 1.4;
}


.bloc-ordonnances table, table td, table th {
    border: solid 0px #cecece;
}

.bloc-ordonnances thead {
    background: #0a537c !important;
    color: #fff !important;
}

.bloc-ordonnances th {
    padding: 13px;
    text-align: center;
	font-weight: 500;
	padding-top: 23px;
    padding-bottom: 23px;
}

.bloc-ordonnances td{
    padding: 13px;
    text-align: center;
}

.bloc-ordonnances a i{
    font-size: 19px;
}

.bloc-ordonnances a:hover{
    color: #f08200;
}

.select-rdv{
    border-bottom: solid 1px #cecece;
}

.select-rdv:hover{
    background: #deeaf1 !important;
	animation: fadeIn 0.5s;
}


.infos-rdv-onglet p{

	padding: 0 !important;
	margin-bottom: 0;
	font-size: 12px;
}

.infos-rdv-onglet span{

	font-size: 11px;
}

.infos-rdv-onglet span i{

	margin-right: 3px;
}

.nom-opticien-onglet {
	font-size: 14px;
}

.block-onglets-rdv {
	border-top: solid 1px #c6c6c6;
}
.onglet-rdv {
	padding: 13px 13px;
	border-bottom: solid 1px #c6c6c6;
}

.vignette-jour{
	background: #fff;
    border: solid 1px #c6c6c6;
    border-radius: 9px;
    padding: 6px;
    margin-right: 13px;
    margin-top: 3px;
}

.jour-semaine {
    font-size: 13px;
    line-height: initial;
	color:#f08200;
}

.jour-number{
    font-size: 27px;
    line-height: initial;
    font-weight: 500;
	color: #000;
}

.mois {
    font-size: 13px;
    line-height: initial;
	color:#f08200;
}


.onglet-rdv:hover{
	background: #0a537c;
	animation: fadeIn 0.5s;
}

.onglet-rdv:hover .nom-opticien-onglet,
.onglet-rdv:hover p,
.onglet-rdv:hover span {


	color: #fff !important
}

.onglet-rdv:hover .vignette-jour {
    border: solid 1px #fff;
}




.onglet-rdv-selected {
	background: #f08200;
}


.onglet-rdv-selected .nom-opticien-onglet,
.onglet-rdv-selected p,
.onglet-rdv-selected span {


	color: #fff !important
}

.onglet-rdv-selected .vignette-jour {
    border: solid 1px #fff;
}




.row-link {
	color: #0a537c !important;
}

.row-link:hover {
	color: #0a537c !important;
}


.view-pdf {
	box-shadow: 0 5px 15px 0 rgb(110 110 110 / 25%);
}



.block-legal-infos-content li {
	font-size: 13px;
	margin-bottom: 5px;
}


.block-legal-infos-content a i{
	margin-right: 7px;
	color: #6eacda;
}

.block-legal-infos-content a:hover {
	color: #f08200;
}



.head-view-rdv i{
	margin-right: 7px;
   }


   .head-view-rdv td {
    padding: 21px;
    font-size: 17px;
    background: #0a537c;
    color: #fff;
}


.head-view-rdv a{
    background: #f08200;
    padding: 9px 17px;
    text-transform: uppercase;
    font-size: 12px;
    color: #fff;
    border-radius: 5px;
    display: inline-block;
}

.head-view-rdv a:focus{
    color: #fff;
}

.head-view-rdv a:hover{
    background: #fff;
    color: #0a537c;
}


.element-of-rdv {
    border-bottom: solid 1px #c6c6c6;
    padding-top: 21px;
    padding-bottom: 21px;
}

.element-of-rdv i span {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
    margin-left: 9px;
    font-size: 17px;
    line-height: 1.3;
    color: #0a537c;
}

.element-of-rdv i {

    font-size: 17px;
    line-height: 1.3;
    color: #0a537c;
	margin-bottom: 11px;
	padding: 0px 0 0px 21px;
    text-indent: -21px;
}

.element-of-rdv p,
.element-of-rdv li {

    margin-bottom: 0;
	margin-left: 24px;
}


.element-of-rdv img{
    height: 99px;
    border-radius: 9px;
}

.first-with-pic h3 {
	font-size: 17px !important;
    font-weight: 700;
    margin-bottom: 11px;
    color: #000;
	margin-bottom: 0 !important;
	margin-left: 15px;

}

.first-with-pic p {
	margin-left: 15px;

}

.bloc-view-rdv h2 {
	font-size: 27px !important;
}

.btn-modifier-rdv {
    background: #119d50 !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 7px !important;
    padding: 9px 23px !important;
}

.btn-annulation-rdv {
    background: #d62f2f !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 7px !important;
    padding: 9px 23px !important;
}

.bouton-fermer {
	background: #555 !important;
	border: none !important;
    box-shadow: none !important;
    border-radius: 7px !important;
    padding: 9px 23px !important;
}

.btn-modifier-rdv:hover,
.btn-annulation-rdv:hover,
.bouton-fermer:hover{
opacity: 0.5 !important;
}



.raison-annulation label{
	display: inline-block;
	font-size: 17px;
	margin-left: 7px;
}

.raison-annulation {
	margin-bottom: 5px;
    display: flex;
    align-items: center;
}

.raison-annulation input[type=radio] {
    width: 19px;
    height: 19px;
}

.title-annulation-motif {
		font-size: 19px !important;
		margin-bottom: 7px !important;
	}










	.password-container{
		width: 100%;
		position: relative;
	  }
	  .fa-eye{
		position: absolute;
		top: 28%;
		right: 4%;
		cursor: pointer;
		color: lightgray;
	  }



	  .onglets-mes-documents a{
		display: block;
		padding: 7px 17px;
		color: #6a6a6a;
		background: #f0f0f0;
	}
	
	
	.onglets-mes-documents a:hover,
	.onglets-mes-documents a:focus{
		background: #fbf2e9;
		color: #f08200;
	}
	
	
	.onglets-mes-documents .onglet-selected{
		background: #f08200;
		color: #fff;
	}
	
	.onglets-mes-documents .onglet-selected:hover{
		background: #f08200;
		color: #fff;
	}

	.accordion-item{
		margin-bottom: 19px;
		border-color: #c6c6c6;
		border: none;
	}
	.accordion-item button{
		margin-bottom: 0px;
		background: #0a537c;
		color: #fff ;
		border: none !important;
		box-shadow: none !important;
	}

	.accordion-button:not(.collapsed){
		margin-bottom: 0px;
		background: #f08200;
		color: #fff ;
	}

	.accordion-button:focus {
		box-shadow: none;
		border-color: rgba(0,0,0,.125);
	}

	.accordion-item:first-of-type .accordion-button {
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
	}

	.accordion-item:last-of-type .accordion-button.collapsed {
		border-bottom-right-radius: 0px;
		border-bottom-left-radius: 0px;
	}
	.accordion-collapse.show{
		border-top: none;
		border-bottom-right-radius: 15px;
		border-bottom-left-radius: 15px;

	}

	.accordion-item {
		background-color: #f3f3f3 !important;
	}

	.accordion {
		--bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
		--bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
		touch-action: manipulation;
	}


	.accordion-item {
		border-bottom-right-radius: 15px;
		border-bottom-left-radius: 15px;
	}

	.accordion-item:last-of-type {
		border-bottom-right-radius: 15px;
		border-bottom-left-radius: 15px;
	}


	.accordion-item:first-of-type .accordion-collapse {
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
		border-bottom-right-radius: 15px;
		border-bottom-left-radius: 15px;
	}
	.accordion-item:last-of-type .accordion-collapse {
		border-bottom-right-radius: 15px;
		border-bottom-left-radius: 15px;
	}


	.historique-acordeon .accordion-item button{
		background: #7e7e7e;
	}

	.historique-acordeon .accordion-item button:hover{
		background: #000;
	}


	.historique-acordeon .accordion-button:not(.collapsed){
		background: #000;
	}
	


	.box-border-accordeon {
		border: solid 1px #fff;
		border-radius: 15px;
		padding: 21px;
		margin-bottom: 0px;
		background: #fff;
		padding-top: 5px;
		margin-top: 9px;
	}

	.mobile-footer-menu {
		background: #404040;
		color: #fff;
		position: fixed;
		bottom: 0px;
		width: 100%;
		margin: auto;
		text-align: center;
		box-shadow: 0 5px 15px 0 rgb(255 255 255 / 19%);
	}

	.element-mobile-footer-menu {
		display: inline-block;
		width: 24%;
		text-align: center;
		padding: 17px 0px;
	}

	.element-mobile-footer-menu i{
		display: block;
		margin-bottom: 7px;
		font-size: 23px;
	}

	.element-mobile-footer-menu span{
		display: block;
		line-height: normal;
		font-size: 13px;
	}


	.mobile-footer-menu a{
		color:#fff;
	}
	
	.mobile-footer-menu a:hover,
	.mobile-footer-menu a:focus{
		color:#f08200;
	}



	#content-home .first-content p{
		font-size: 31px;
		color: #000000;
		line-height: 37px;
		font-family: Roboto;
		font-weight: 400;
		font-style: normal;
	}

	#content-home .first-content {
		width: 83%;
		margin: auto;
	}

	#content-home .content-2 span{
		font-size: 39px;
		color: #000000;
		line-height: 37px;
		font-family: Roboto;
		font-weight: 500;
		font-style: normal;
		margin-bottom: 5px;
		display: block;
	}


	#content-home .content-2 p{
		font-size: 29px;
		color: #000000;
		line-height: 37px;
		font-family: Roboto;
		font-weight: 400;
		font-style: normal;
		display: block;
	}


	#content-home .content-3 p{
		font-size: 23px;
		color: #000000;
		line-height: 37px;
		font-family: Roboto;
		font-weight: 400;
		font-style: normal;
		display: block;
		line-height: 1.4;

	}

	#content-home .content-3 {
		width: 83%;
		margin: auto;
	}

	#content-home .content-4 i {
		font-size: 27px;
		line-height: 1.3;
	color: #119d50;
	
}

	#content-home .content-4 i span{
		font-size: 23px;
		margin-left: 5px;
		font-family: Roboto;
		font-weight: 400;
    margin-left: 17px;
	color:#000
	
}

.dashed-line{
    text-align: right;
    padding-right: 199px;
}

.dashed-line img {
	width: 379px;
}



.dashed-line2{
    text-align: right;
    padding-right: 199px;
}

.dashed-line2 img {
	width: 379px;
}

.block-content-4 {
	background: #f3f3f3;
	padding: 47px 57px;
	border-radius: 0px;

}

.block-content-4 span{
    font-size: 33px;
    display: block;
    font-weight: 600;
    color: #000;
}

.block-content-2-img {
    text-align: right;
}

.block-content-2-img img{
    height: 355px;
}




.block-content-4-img {
    background-image: url(/static/img/eye-p-500.jpg);
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 0px;
	background-size: cover;
	min-height: 223px;
}
	
	

#first-banner-ordoptic {
    height : 500px;
	background-image: url(/static/img/ordoptic-min.jpeg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
	background-position: center top !important;
}


#first-banner-ordoptic h1{
	display: block;
    font-size: 47px;
    color: #ffffff;
    line-height: 1.2;
    text-align: right;
    font-weight: 700;
}

#first-banner-ordoptic p{
    color: #ffffff;
    line-height: 1.3;
    text-align: right;
    font-family: Roboto;
    font-weight: 400;
    font-style: normal;
}


#first-banner-ordoptic .form-control,
#first-banner-ordoptic #ou{
    width: 37% ;
}



#first-banner-ordoptic .form-control{
	display: inline-block;
	border-radius: 7px 0 0 7px;
}

#first-banner-ordoptic .btn-form{
	border-radius: 0px 7px 7px 0;
}

#first-banner-ordoptic #ou{
	border-radius: 0px !important;
}


#first-banner-ordoptic .fa-calendar:before {
    right: 5px;
    PADDING: 17px 13px 17px 0px;
    position: absolute;
}

#first-banner-ordoptic .fa-map-marker-alt:before {
    right: 5px;
    PADDING: 17px 13px 17px 0px;
    position: absolute;
}

#first-banner-ordoptic i {
    width: 0 !important;
    position: absolute;
	text-shadow: none !important;
}

#first-banner-ordoptic .input-form-group{
    display: unset !important;
}



#first-banner-ordoptic .col-lg-7 {
    margin-top: 90px !important;
}



@media (max-width: 720px){

	#first-banner-ordoptic .form-control,
#first-banner-ordoptic #ou{
    border-radius: 7px !important;
}

	#first-banner-ordoptic .form-control,
#first-banner-ordoptic #ou,
#first-banner-ordoptic input{
    width: 100% !important;
}

	#first-banner-ordoptic .btn-form{
		border-radius: 7px;
		text-align: center;
    	display: block;
}

#first-banner-ordoptic .input-form-group {
    display: block !important;
}
	
	}


@media (max-width: 992px){
#first-banner-ordoptic {
    background-image: url(/static/img/mobile-first-ordoptic.jpg) !important;
    text-shadow: 1px 1px 15px rgb(63 63 63 / 74%) !important;
	background-repeat: no-repeat !important;
    background-size: cover !important;
}
}

.first-banner-ordoptic .row {
    height : 500px;
}

.roboto{
    font-family: 'Roboto', sans-serif;
}



.mobile-menu-list {
	    margin-top: 79px !important;
}

.admin-bar .cdb-mobile-nav .cdb-close-mobile-nav {
    top: calc( 25px + 0px);
}



.cdb-mobile-nav .mobile-menu-container {
    padding: 33px 20px 20px 29px;
}


.bloc-partner {
	padding-right: 70px !important;
	padding-left: 70px !important;
}


.header-navigation:hover .cdb-main-menu > ul > li > a {
    opacity: 1 !important;
}

::selection {
  color: #fff !important;
  background: rgb(0 0 0 / 50%) !important
}

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.hide-desktop {
display: none !important;
}

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

.hide-mobile {
display:none !important;
}
.hide-desktop {
display: block !important;
}

}




/*faq*/

.vc_toggle_icon {
    display: inline-block;
    position: initial;
    float: right;
    margin-top: 15px !important;
	margin-right: 19px !important;
}




.vc_toggle_size_md .vc_toggle_icon::before {
    height: 2px !important;
    width: 15px !important;
}

.vc_toggle_size_md .vc_toggle_icon::after {
    height: 15px !important;
    width: 2px !important;
}


.vc_toggle_icon{
    position: initial !important;
    float: right !important;
}

.vc_toggle:first-child {
	border-top: solid 1px #000
}

.vc_toggle {
	border-bottom: solid 1px #000;
	margin-bottom: 0px !important;
}

.vc_toggle_title {
	padding-left: 19px !important;
	margin-bottom: 0px !important;
	padding-top: 19px !important;
	padding-bottom: 19px !important;
}

.vc_toggle_title h4{
	font-weight: 700 !important;
		font-size: 99% !important;
}

.vc_toggle_content {
	padding-left: 19px !important;
	padding-right: 19px !important;
	    color: #000;
    font-family: Roboto !important;
    font-weight: 400;
    font-size: 17px;
}


.vc_toggle_content h3{
font-size: 19px;
    color: #0a537c;
    text-align: left;
}


/*faq end*/


@media (max-width: 992px){
	
	.bloc-partner {
	padding-right: 0px !important;
	padding-left: 0px !important;
}
	
	.list-text {

    font-size: 19px !important;
}
	
	#first-banner-ordoptic {
	height: 633px !important;
}

	.cdb-grid-section:first-child {
	background-image:  url(/static/img/mobile-first-ordoptic.jpg) !important;
text-shadow: 1px 1px 15px rgb(63 63 63 / 74%) !important;

}
}


@media (min-width: 992px){
	
	.space-right-15 {
		margin-right: 15px  !important;
	}
	}
	
	
	






.cdb-site-header.header-light:not(.is-fixed) .cdb-main-menu > ul > li > a:after {
    display: none;
}

.menu-item-text:hover{

	color: rgb(255 255 255 / 55%);


}

.current .menu-item-text{

	color: #344340;
	background: #fff;
	border: solid 1px #fff !important;
		padding: 7px 11px;
	border-radius: 5px;

}

.cdb-site-header.is-fixed {
    background: #404040 !important;
	box-shadow: none;
}





@media all and (min-width: 991px) {
	
.bloc-formation-ordoptic .wpb_raw_html {
	margin-bottom:0px;
}


.bloc-formation-text1,
.bloc-formation-text2 {
	margin: 0 !important;
}



.bloc-formation-ordoptic .b1forma {
	width: 433px !important;
    display: inline-block;
}


.bloc-formation-ordoptic .b2forma {
	width:264px !important;
    display: inline-block;
	float: right;
}



.bloc-formation-ordoptic img{
	border: solid 1px #243282;
	width:264px !important;
	margin-bottom:21px;
	margin-top:5px;
}


.btn-formation {
	position: absolute;
	display: inline-block !important;
width:264px !important;
float: right !important;
}

.bloc-formation-ordoptic a{

	padding: 9px 15px !important;
	background: #243282 !important;
	color: #fff !important;
	width:264px !important;
	border: none !important;
	border-radius: 5px !important;
	    color: #000;
    font-family: Roboto !important;
    font-weight: 400;
    font-size: 19px !important;
}

.bloc-formation-ordoptic a:hover{

	background: #000 !important;
	
}

}


@media all and (max-width: 991px) {
	
	.bloc-formation-ordoptic .wpb_raw_html {
	margin-bottom:0px;
}
	
		.bloc-formation-ordoptic .b1forma {
	width:100% !important;
    display: inline-block;
	float: right;
}
	
	.bloc-formation-ordoptic .b2forma {
	width:100% !important;
    display: inline-block;
	float: right;
}
	
	.bloc-formation-text1,
.bloc-formation-text2 {
	margin: 0 !important;
}
	
	.bloc-formation-ordoptic img{
	border: solid 1px #243282;
	width:100% !important;
	margin-bottom:21px;
	margin-top:33px;
}
	
	.bloc-formation-ordoptic a{

	padding: 9px 15px !important;
	background: #243282 !important;
	color: #fff !important;
	width:100% !important;
	border: none !important;
	border-radius: 5px !important;
	    color: #000;
    font-family: Roboto !important;
    font-weight: 400;
    font-size: 19px !important;
		margin-bottom: 13px !important;
}
	
	
		.bloc-formation-ordoptic h3{


    font-size: 33px !important;

}
	
			.bloc-formation-ordoptic h4{


    font-size: 19px !important;
				line-height: 1.2 !important

}

.bloc-formation-ordoptic a:hover{

	background: #000 !important;
	
}
	
		.bloc-formation-text1 {
	margin-bottom: 5px !important;
	}
	
	.bloc-formation-ordoptic {
		padding: 0 !important;
	}
	

	
}


.cdb-page-heading .page-title-main {
    background: #404040;
}

.page-title-main h1{
    color: #fff;
}

.cdb-site-header.is-fixed a{
    color: #fff
}

.cdb-main-menu > ul > li > a:after {
	display: none !important;
}


.cdb-site-header.is-fixed .logo-img {
    height: 29px !important;
    padding-left: 13px !important;
}




.sub-button-header {
	text-align: center;
    margin: auto;
    color: #fff;
    font-size: 12px;
    margin-top: 7px;
    animation: fadeIn 1s !important;
    transition: opacity 1s !important;
    position: fixed;
    font-weight: 400;
}

.sub-button-header2 {
text-align: center;
    margin: auto;
    WIDTH: 243px;
    DISPLAY: inline-block;
    color: #fff;
    font-size: 12px;
    margin-top: 7px;
    animation: fadeIn 1s !important;
    transition: opacity 1s !important;
    font-weight: 400;
}


.sub-button-header.invisible {
		display: none;
}





.btn-special{
	color: #fff;
	border: solid 1px #fff !important;
		padding: 7px 11px;
	border-radius: 5px;
    font-weight: 400 !important;
}

.btn-special:hover,
.btn-special:focus{
	color: #344340;
	background: #fff;
	border: solid 1px #fff !important;
		padding: 7px 11px;
	border-radius: 5px;
}

.cdb-site-header.is-fixed .btn-special:hover{
	color: #404040;
	background: #fff;
	border: solid 1px #fff !important;
		padding: 7px 11px;
	border-radius: 5px;
}


.btn-help{
	color: #fff;
	border: solid 1px #fff !important;
		padding: 7px 11px;
	border-radius: 50px;
	margin-right: 11px;
}


.btn-help:hover,
.btn-help:focus{
	color: #344340;
	background: #fff;
	border: solid 1px #fff !important;
		padding: 7px 11px;
	border-radius: 50px;
}


.cdb-site-header.is-fixed .btn-help:hover{
	color: #404040;
	background: #fff;
	border: solid 1px #fff !important;
		padding: 7px 11px;
	border-radius: 50px;
}

.cdb-client-item img {
    opacity: 0.5 !important;
	filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}
.cdb-client-item:hover img {
    opacity: 0.9 !important;
	filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
}


.cdb-site-header .cdb-logo-holder .logo-img {
    height: 49px;
	padding-left: 19px
}



.font-bold {
    font-weight: 700;
}


.motif-rdv-box h3{
  color:#000 !important;

}

.motif-rdv-box a{
    color:#000 !important;
    
  }

  .motif-rdv-box a:hover{
    color:#f08200 !important;
    
  }






/* footer */


.footer-distributed {
    background: #404040 !important;
}

footer {
	display: flex;
}


footer a{
	color: #fff;
}

footer a:hover{
	color: #f08200;
}



footer .block-icon-rs a {
	color: #848282;
}

footer h2,
footer h3,
footer h4{
	color: #fff;
}


footer h4{
    border-bottom: solid 1px #fff;
    width: 79%;
    line-height: 39px;
}


footer ul{
margin-bottom: 19px
}

footer li{
margin-bottom: 3px
}

    #footer {

        width: 100%;
        margin: auto;
				background: #404040 !important;
	color: #fff;
	padding: 27px 33px 5px;
    }
    .footerFloat {
	width: 100%;
			padding: 15px
    }
@media all and (min-width: 950px) {
    #footer {

        width: 1210px;
        margin: auto;
    } 
    .footerFloat {
	width: 25%;
	float: left;
    }
	
}


@media all and (max-width: 950px) {
	.logo-hads-footer {
		display: none
	}
}

footer .block-icon-rs {
                font-size: 25px;
                font-weight: 100 !important;
            }

 footer .icon-rs {
                margin-right: 3px;
            }

            footer .block-icon-rs {
                text-align: left;
            }

/* footer */

 
/* mobile */

.cdb-mobile-nav .mobile-menu-container {

    background: #404040;
	color : #fff;
	text-align: right !important;

}

.cdb-mobile-nav .mobile-menu-container a{

    background: #404040;
	color : #fff;

}

.mobile-menu-list a{
	color : #fff !important;

}


.mobile-toggle-btn {
    color: #404040 !important;
}



@media (max-width: 992px){
	
	
		#footer {

    padding: 25px 13px 5px !important;
}
	
.cdb-site-header .cdb-logo-holder .logo-img {
    height: 33px ;
    padding-left: 11px !important;
}
	
	
	.cdb-site-header .header-wrapper {

    height: 90px;

}
	
	.cdb-site-header.is-fixed .header-wrapper {
    height: 90px;
}
	
	.cdb-mobile-nav .cdb-close-mobile-nav {
    top: 20px;    animation: fadeIn 1s !important;
    transition: opacity 1s !important;
}
	
	
	
}


@media all and (max-width: 1199px) {
	
	.vc_page_container .cdb-grid-section .vc_column_container {
    padding-left: 15px !important;
    padding-right: 15px !important;
}
	
	
	
		.bloc-special-15:first-child {
		margin-bottom: 33px
	}
	
	
	.bloc-special-15 {
		padding: 0 !important;
		margin-bottom: 0px
	}
	
	.bloc-special-15 .vc_column-inner {
    height: 100% !important;
		padding: 15px !important;
		padding-bottom: 33px !important;
}
}




@media (min-width: 576px){
.container, .container-sm {
    max-width: 685px;
}
}


@media (min-width: 768px){
	.container, .container-md, .container-sm {
		max-width: 900px;
	}
	}



@media (min-width: 992px){
	.container, .container-lg, .container-md, .container-sm {
		max-width: 1065px;
	}
	}


	input[type="date"]::before{
		color: #999;
		content: attr(placeholder);
	}
	input[type="date"]:focus::before {
		content: "" !important;
		display: none;
	}



	input[type="date"] {
		color: #656565;
		border: 1px solid transparent;
		background: #f4f4f4;
		width: 100%;
		font-size: 0.9375rem;
		padding: 0.875rem 0.9375rem;
		margin-bottom: 16px;
		height: 50px;
		line-height: 1.4;
		border-radius: 0;
		position: relative;
		-webkit-appearance: none;
		-webkit-transition: all 0.25s ease;
		transition: all 0.25s ease;
	}


	[type=button]{
		background: #f08200;
		color: #fff;
		border: 1px solid #f08200;
		height: 50px;
		border: 1px solid transparent;
		font-size: 0.9375rem;
		padding: 0.875rem 0.9375rem;
		margin-bottom: 16px;
		height: 50px;
		line-height: 1.4;
		border-radius: 0;
		position: relative;
		-webkit-appearance: none;
		-webkit-transition: all 0.25s ease;
		transition: all 0.25s ease;
		
	}


	[type=button]:hover{
		background: #404040;
		color: #fff;
		border: 1px solid #404040;
		height: 50px;
		
	}



	#first-banner-ordoptic [type=button]:hover{
		background: #fff;
		color: #000;
		border: 1px solid #fff;
		height: 50px;
		
	}


	.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
		background: #f08200 !important;
		-webkit-box-shadow: none;
		box-shadow: none;
		color: #fff !important;
		border-color: #f08200 !important;
	}

	.flatpickr-day.today:hover, .flatpickr-day.today:focus {
		color: #fff !important;
	}


	.flatpickr-day {
		font-weight: 700 !important;
		color: #0a537c !important;
	}


	.flatpickr-months .flatpickr-month {
		color: #0a537c !important;
	}

	.flatpickr-current-month .flatpickr-monthDropdown-months,
	.flatpickr-current-month input.cur-year {
		font-weight: 700 !important;
	}


	span.flatpickr-weekday {
		color: rgb(0 0 0) !important;
	}



	a, a:hover, a:focus, .cdb-mobile-nav .mobile-menu-container .copyright a:hover, .single-post-content .post-single-body .main-content a:not(.wp-block-button__link), .post-single-sidebar .cdb-post-share li a:hover, .commentlist .comment .reply a:hover, .site-footer .widgetized-footer-area a:not(.btn):hover, .cdb-sidebar-area .widget a:hover, .wpb_widgetised_column .widget a:hover, .post-single-sidebar .widget a:hover, .widget.widget_calendar .calendar_wrap table tbody a, .widget.codebean-recent-posts ul li a:hover .entry-title, .cdb-search-holder .cdb-search-close .close-search-button:hover, .cdb-blog-shortcode .shortcode-post-simple .post-bottom-info .post-author-meta .info a:hover, .cdb-blog-post.style-masonry.sticky .post-title a {
		color: #0a537c;
	}

	input[type="text"], input[type="password"], input[type="email"], input[type="tel"], textarea, select, .form-control {
		border: solid 1px #bfbfbf;
		border-radius: 7px;
	}