.medicalscheduleform .medicalform form{width:90%;margin:10px auto;border:1px solid #c8c8c8;border-radius:10px;padding:10px}
.medicalscheduleform .medicalform .formView{width:90%;margin:10px auto}
.medicalscheduleform .medicalform .formHeading h2{font-size:32px;font-weight:700;text-align:center}
.medicalscheduleform .medicalform .previewFieldBlock{margin-top:20px}
.medicalscheduleform .medicalform .num_block{position:relative}
.medicalscheduleform .medicalform .num_block::before{content:'';display:block;background-color:#717171;width:1px;height:20px;position:absolute;top:36px;left:56px;z-index:5}
.medicalscheduleform .medicalform label{font-size:12px;font-weight:500;display:block}
.medicalscheduleform form .input-field,.medicalscheduleform form select{width:100%;height:40px;background-color:#f4f4f4;border:1px solid #c8c8c8;border-radius:5px;font-size:14px;font-weight:300;padding-left:10px}
.medicalscheduleform form input.code{width:20%;border-radius:5px 0 0 5px;border-right:0;margin-right:0}
.medicalscheduleform form input.mobileNo10{width:80%;border-radius:0 5px 5px 0;border-left:0;margin-left:-6px}
.medicalscheduleform .mobDes{margin-top:10px;font-size:12px;line-height:16px;font-weight:500;display:block}
.medicalscheduleform form select option{padding:10px}
.medicalscheduleform .buttonCenter{margin:10px auto 0;display:flex;justify-content:center;align-items:center}
.input-field.date{background:url(../../../../../content/dam/hdfclifeinsurancecompany/campaign/red-date-icon.png) no-repeat 93% 10px;background-size:26px;background-position-y:center;height:40px;cursor:pointer}
.medicalscheduleform .medicalform .bottomText{font-weight:400}
.medicalscheduleform .buttonCenter .btn{background:#ed1c24;border:1px solid #ed1c24;color:#fff;padding:5px 10px;text-transform:uppercase;border-radius:4px;font-size:12px;font-weight:600;line-height:20px;overflow:hidden;position:relative;z-index:1;outline:0;margin:10px auto;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.medicalscheduleform .formMessage{width:100%;max-width:800px;margin:0 auto;padding:25px 30px;text-align:justify;border-radius:10px}
.medicalscheduleform .dsp-n{display:none}
.medicalscheduleform .authoringMessage{display:none;visibility:hidden;opacity:1}
.medicalscheduleform .daterangepicker{z-index:99}
.medicalscheduleform .daterangepicker select.yearselect{width:50%}
.medicalscheduleform .daterangepicker select.monthselect{width:50%}
@media screen and (max-width:768px){.medicalscheduleform .medicalform form{width:100%}
}