/*.active { font-weight: bold; color: #4949ff; }
.error-message { color: red; font-size: 12px; margin-top: 5px; }*/



.form-main{display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 60px; row-gap: 16px;}
.form-hed p a{font-weight: 700 !important; font-family: Graphik-Bold, Verdana, Arial, sans-serif !important; color: #002855 !important; text-decoration: underline !important;}
.form-hed p a:hover{color: #0076eb !important;}
.form-switch{display: flex; align-items: center; flex-wrap: wrap; column-gap: 20px; grid-row-gap: 10px; padding-bottom: 16px; padding-left: 0;}
.form-switch label{font-size: 14px; font-weight: 600; color: #36393b; font-family: Graphik-Light, Verdana, Arial, sans-serif; margin-bottom: 0;}
.form-switch input[type=checkbox]{margin-top: 0;}
.v-time{display: flex; column-gap: 15px; grid-row-gap: 10px; flex-wrap: wrap; margin-bottom: 16px;}
.v-time .visit-left{width: 90px;}
.v-time .visit-times-box{width: calc(100% - 105px);}
.v-time label{font-size: 14px; font-weight: 600; color: #36393b; font-family: Graphik-Light, Verdana, Arial, sans-serif; margin: 25px 0 0 0;}
.visit-dates-outer{padding: 5px; border-radius: 10px; background-color: #f5f7fa; display: flex; flex-wrap: wrap; grid-row-gap: 10px; justify-content: space-between; column-gap: 5px;}
.visit-dates-outer .apt-date-option{padding: 10px 14px; border-radius: 10px; font-size: 14px; font-weight: 600; color: #36393b; font-family: Graphik-Light, Verdana, Arial, sans-serif; text-align: center; cursor: pointer; transition: 0.3s ease-in-out; width: calc(33.33% - 3.4px);}
.visit-dates-outer .apt-date-option span{font-family: Graphik-Bold, Verdana, Arial, sans-serif !important; font-weight: 700;}
.visit-dates-outer .apt-date-option.active,
.visit-dates-outer .apt-date-option:hover{background-color: #002855; color: #ffffff;}
.visit-times-outer .visit-times-block{display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; background-color: #f5f7fa; border-radius: 5px; padding: 5px; margin: 15px 0 0; column-gap: 5px; grid-row-gap: 5px;}
.visit-more-times-block{width: 30%;}
.visit-times-outer .visit-times-block .visit-more-times-block .apt-time-option{width: 100%;}
.apt-time-error{font-size: 14px; font-weight: 600; color: #36393b; font-family: Graphik-Light, Verdana, Arial, sans-serif;}
.visit-times-outer .visit-times-block .apt-time-option,
.visit-times-outer .visit-times-block .btn{padding: 10px 16px; border-radius: 10px; font-size: 14px; font-weight: 600 !important; color: #36393b; font-family: Graphik-Light, Verdana, Arial, sans-serif; text-align: center; cursor: pointer; transition: 0.3s ease-in-out; border: none; outline: none; background: transparent; width: calc(25% - 4px);}
.visit-times-outer .visit-times-block .apt-time-option.active,
.visit-times-outer .visit-times-block .btn.active,
.visit-times-outer .visit-times-block .apt-time-option:hover,
.visit-times-outer .visit-times-block .btn:hover{background-color: #002855; color: #ffffff; box-shadow: none;}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { opacity: 1;}

.form-box{display: flex; flex-wrap: wrap; column-gap: 30px; grid-row-gap: 16px;}
.form-box .full-col{width: 100%; box-sizing: border-box;}
.form-box .half-col{width: calc(50% - 15px); box-sizing: border-box;}
.form-box input[type=text], input[type=password], input[type=email], input[type=tel], input[type=date], input[type=month], input[type=week], input[type=time], input[type=number], input[type=search], input[type=url], textarea, .form-box select.form-control{padding: 14px 10px; background-color: #f5f7fa; border-radius: 10px; font-size: 14px; font-weight: 600; color: #36393b; font-family: Graphik-Light, Verdana, Arial, sans-serif; border: none; outline: none; box-shadow: none; height: auto !important;}
.form-box input::placeholder{color: #36393b;}
.birth,
.mbye{display: flex; align-items: center; column-gap: 15px;}
.birth input,
.mbye input{max-width: 80px; text-align: center;}
.form-box{font-size: 14px; line-height: 21px; font-weight: 700; color: #36393b; font-family: Graphik-Light, Verdana, Arial, sans-serif; margin-top: 0;}
.reason-desc-field{margin-bottom:16px;}
.here{color: #e32526;}
.submit-btn{grid-column: 1 / -1; margin-top: 24px;}
.submit-btn .btn-primary{font-family: Graphik-Bold, Verdana, Arial, sans-serif; font-weight: 700; font-size: 16px; line-height: 1.1; letter-spacing: 0.025em; text-align: center; background: #002855; padding: 16px 18px 18px; color: #ffffff !important; border-radius: 8px; width: 50%; margin: 0 auto; display: block; transition: 0.3s ease-in-out; cursor: pointer; border: none; outline: none; text-decoration: none !important;}
.submit-btn .btn-primary:hover{background: #0076eb;}
.form-box .error-message,
.error-message{font-size: 14px; font-weight: 600; font-family: Graphik-Light, Verdana, Arial, sans-serif; color: #ff0000;}


.form-switch .radio-choices{padding: 5px; border-radius: 10px; background-color: #f5f7fa; display: flex; flex-wrap: wrap; column-gap: 5px; grid-row-gap: 10px;}
.form-switch .radio-choice{position: relative; width: 60px; height: 36px;}
.form-switch .radio-choice input{opacity: 0.011; z-index: 100; margin: 0; cursor: pointer;}
.form-switch .radio-choice input,
.form-switch .radio-choice span{display: block;position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center;}
.form-switch .radio-choice span{border-radius: 10px; font-size: 14px; font-weight: 600; color: #36393b; font-family: Graphik-Light, Verdana, Arial, sans-serif; text-align: center; cursor: pointer; transition: 0.3s ease-in-out;}
.form-switch .radio-choice input[type="radio"]:checked + span{background-color: #002855; color: #ffffff;}

.rc-box{margin-top: 15px; display: inline-block;}
.rc-box .radio-choices{padding: 5px; border-radius: 10px; background-color: #f5f7fa; display: flex; flex-wrap: wrap; column-gap: 5px; grid-row-gap: 10px;}
.rc-box .radio-choice{position: relative; width: 60px; height: 36px;}
.rc-box .radio-choice input{opacity: 0.011; z-index: 100; margin: 0; cursor: pointer;}
.rc-box .radio-choice input,
.rc-box .radio-choice span{display: block;position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center;}
.rc-box .radio-choice span{border-radius: 10px; font-size: 14px; font-weight: 600; color: #36393b; font-family: Graphik-Light, Verdana, Arial, sans-serif; text-align: center; cursor: pointer; transition: 0.3s ease-in-out;}
.rc-box .radio-choice input[type="radio"]:checked + span{background-color: #002855; color: #ffffff;}
#commercial_insurance-error{width: 100%; display: block;}


.tvisit .form-box a{color: #e32526; transition: 0.3s ease-in-out;}
.tvisit .form-box a:hover{color: #0076eb;}
.tvisit .mbye{margin-top: 15px;}
.tele-budg .logosbadges ul{justify-content: center; gap:70px;}

.form-main .available_times_pagination{display:flex; justify-content:flex-end; padding:0 0 8px; gap:8px;}
.form-main .available_times_pagination button{padding:7px 16px 10px; margin:0; background:none; border:solid 2px #002855; border-radius:8px; color:#002855; line-height:normal; font-weight:bold; cursor:pointer; outline:none; transition:all 0.3s;}
.form-main .available_times_pagination button:not([disabled]):hover{background:#0072ce; border-color:#0072ce; color:#fff;}
.form-main .available_times_pagination button[disabled]{opacity:0.5;}

.page-id-62 .elementor-shortcode #frmAppointment .form-main{grid-template-columns:repeat(1, 1fr);}
.page-id-62 .elementor-shortcode #frmAppointment .form-main #available_times label,
.page-id-62 .elementor-shortcode #frmAppointment .form-main .ex-patient label,
.page-id-62 .elementor-shortcode #frmAppointment .form-main .birth-field label{display:block !important;}

#available_times .visit-times-box .time-msg{padding-top:22px;}


@media only screen and (max-width: 1024px){
	.form-main{column-gap: 30px;}


}



@media only screen and (max-width: 767px){
	.form-main{column-gap: 0px; grid-template-columns: repeat(1, 1fr);}
	.visit-times-box{width: 100%;}
	.form-box .half-col{width: 100%;}
	.form-box{column-gap: 0;}
	.v-time .visit-left,
	.v-time .visit-times-box{width: 100%;}
	.v-time label{margin-top: 0;}
	.visit-dates-outer .apt-date-option,
	.visit-times-outer .visit-times-block .apt-time-option, .visit-times-outer .visit-times-block .btn{padding: 10px;}
	.form-main{padding: 0;}
	.tele-budg .logosbadges ul{gap:30px;}
	.submit-btn .btn-primary{width: 100%;}
}