@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500,700);
*, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
body{font-size: 14px; margin: 0; padding: 0;font-family: 'Roboto';}
h1, h2, h3, h4, h5, h6{font-weight:100}
h1{font-size:30px}
h2{font-size:24px}
h3{font-size:16px}
h4{font-size:14px}
h5{font-size:12px}
h6{font-size:10px}
a{ color:#00649e}
.datepicker-days table tr td,.datepicker-days table tr th{padding: 5px;}
.form-check-input[type=radio]{ width: 18px; height: 18px;border: 1px solid #515151;}
.form-check-input[type=radio]:checked:after{ width: 10px; height: 10px;}
.form-check-input[type=checkbox]{ width: 18px; height: 18px; border: 1px solid #515151;}
.form-check-input[type=checkbox]:checked:after{ width: 5px; height: 11px;margin-top: 1px; margin-left: 6px;}
.datepicker.dropdown-menu {min-width: 160px;list-style: none;background-color: #ffffff;border: 1px solid #ccc;border: 1px solid rgba(0, 0, 0, 0.2);border-radius: 5px;-webkit-box-shadow: 0 5px 10px rgb(0 0 0 / 20%);-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);box-shadow: 0 5px 10px rgb(0 0 0 / 20%);color: #333333;font-size: 12px;line-height: 1.428571429;}
.input-group-addon {background-color: #fff;line-height: 24px; border: 1px solid #515151;border-radius:4px 0 0 4px !important;color: inherit;font-size: 14px;font-weight: 400;padding: 4px 10px;text-align: center;}
button:disabled:active,button:disabled,input[type="reset"]:disabled:active,input[type="reset"]:disabled,input[type="button"]:disabled:active,input[type="button"]:disabled,select:disabled > button,select:disabled > button,input[type="submit"]:disabled:active,input[type="submit"]:disabled{color:#a5a5a5;}
.form-control, .single-line{background-color:#fff;background-image:none;border:1px solid #515151;border-radius:4px;color:inherit;display:block;padding:4px 5px;transition:border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0s;width:100%;font-size:12px;height:32px}
.form-control:hover, .single-line:hover{border: 1px solid #569536;box-shadow: inset 0 0 0 1px #569536;}
.form-control:focus, .single-line:focus{border: 1px solid #569536;box-shadow: inset 0 0 0 1px #569536;}
.inputDnD input[type=text].form-control{width: 150px; display: inline-block;}
.oFileUpload{display: inline-block; margin:2px 0 0 0; width:47%;}
#js_LicensesCertificate .oFileUpload{width:38%;}
#js_VaccinationImmunization .oFileUpload{width:100%;}
.oFileUpload .spnFileNameSL{display: inline-block;overflow: hidden;font-size: 12px;width:67%;text-overflow: ellipsis;white-space: nowrap; margin-left:10px;}
#js_LicensesCertificate .oFileUpload .spnFileNameSL{ width:61%}
#js_VaccinationImmunization .oFileUpload .spnFileNameSL{ width:53%}
.outerFileUpload{ display: inline-block; margin:2px 0 0 0; width:35px;}
.outerFileUpload label{ font-size: 10px; display: block; position: relative; margin-top: -2px; cursor: pointer; width:auto !important;}
.outerFileUpload .file-upload { font-size: 18px; position: relative;display: flex;justify-content: center;align-items: center;overflow: hidden;transition: all 1s;color: #569536;font-size: 14px; cursor: pointer; margin-top: 2px;}
.outerFileUpload .file-upload input[type=file] {position: absolute;top: 0;left: 0;opacity: 0;cursor: pointer; width: 50px;}
.js_CovidFileUpload .outerFileUpload{ margin-top:-2px;}
.file-upload input::-webkit-file-upload-button {cursor: pointer;}

.Div_datapicker{ display: inline-block;vertical-align: top; margin-right:15px;}
#js_LicensesCertificate .card-body > .row{ margin-bottom: 10px;}
#js_LicensesCertificate .form-check{margin-top: 6px; margin-bottom: 7px;}
.form-check-input[type=checkbox]:checked{background-color: #569536;    border-color: #569536;}
.form-check-input[type=checkbox]:checked:focus {background-color: #569536;}
.form-check-input[type=checkbox]{ margin-top: 2px;}
.form-check-input:checked,.form-check-input:checked:focus{ border-color: #569536;}
.form-check-input[type=radio]:checked:after{border-color: #569536;background-color: #569536;}
.form-check-input[type=radio]{ margin-top:1px;}
.welcomeMessagePage h1{ font-size: 22px; color:#569536; line-height: 32px; font-weight: 700; text-align: center;}
.welcomeMessagePage .card{ border:0px solid #569536;box-shadow: 0 2px 15px -3px rgb(0 0 0 / 17%), 0 10px 20px -2px rgb(0 0 0 / 14%);}
.welcomeMessagePage .card .card-body{ padding:1rem}
.welcomeMessagePage .card .card-header{ background: #569536; color: #fff; padding:.75rem 1rem}
.welcomeMessagePage .card .btn-primary{background-color: #569536;}
.input-group>.form-control:focus{border: 1px solid #569536;box-shadow: inset 0 0 0 1px #569536;}
.welcomeMessage{ height: 32px; margin: 10px 0 20px;}
/****  floating-Lable style start here ****/
.floating-label { position:relative;}
.floating-input , .floating-select {font-size:14px;padding:4px 8px;display:block;width:100%;height:34px;background-color: #fff; border:1px solid #515151;}
.floating-input:focus , .floating-select:focus {outline:none;border:1px solid #569536;}  
.floating-label label {font-size:14px;font-weight:normal;position:absolute;pointer-events:none;left:9px;top:6px;transition:0.2s ease all; -moz-transition:0.2s ease all; -webkit-transition:0.2s ease all; color: #cdcdcd;}
.floating-input:focus ~ label, .floating-input:not(:placeholder-shown) ~ label {top:-10px;font-size:10px;color:#569536; background: #fff; padding: 2px; z-index: 4;}
.floating-select:focus ~ label , .floating-select:not([value=""]):valid ~ label {top:-10px;font-size:10px;color:#569536;background: #fff; padding: 2px; z-index: 4;}
/* active state */
.floating-input:focus ~ .bar:before, .floating-input:focus ~ .bar:after, .floating-select:focus ~ .bar:before, .floating-select:focus ~ .bar:after {width:50%;}  
.floating-textarea { min-height: 30px; max-height: 260px;  overflow:hidden;overflow-x: hidden;} 
 /****  floating-Lable style ends here ****/
  .input-group>.form-control{ padding: 4px 8px; min-height: 34px; height: 34px; font-size: 14px;}
  .js_CovidVaccination{margin:0 0px 20px 20px;}
  #js_VaccinationImmunization .form-check{ margin-bottom: 10px;}
  .invalid-feedback{ font-size: 12px; margin-top: -8px;}
  .Div_datapicker .input-group-addon{ border-radius:0 4px 4px 0 !important;}
  .js_CovidVaccination .col-md-3{ padding-right: 0px;}
  .js_CovidFileUpload .outerFileUpload.mr-0{ margin-top: 1px;}
  .js_MMRTiter,.js_MMRVaccine,.js_HepTiter,.js_HepVaccine,.js_VaricellaTiter,.js_VaricellaVaccine{ padding: 5px; background-color: #f7f7f7; border:1px solid #ececec}
  #js_VaccinationImmunization .js_MMRTiter .form-check,#js_VaccinationImmunization .js_HepTiter .form-check,#js_VaccinationImmunization .js_VaricellaTiter .form-check,
  #js_VaccinationImmunization .js_MMRVaccine .form-check,#js_VaccinationImmunization .js_HepVaccine .form-check,#js_VaccinationImmunization .js_VaricellaVaccine .form-check{ margin-top: 6px; margin-bottom: 0px;}
  .js_MMRVaccine .Div_datapicker, .js_HepVaccine .Div_datapicker,.js_VaricellaVaccine .Div_datapicker{ margin-top: 10px;}
  .js_MMRVaccine .js_CovidFileUpload .outerFileUpload,.js_HepVaccine .js_CovidFileUpload .outerFileUpload,.js_VaricellaVaccine .js_CovidFileUpload .outerFileUpload{ margin-top:0;}
  .loaderSection{background:rgba(51,51,51,.35);height:100%;position:fixed;top:0;width:100%;left:0;display:none;z-index:99999}
  .loader{border:12px solid #f3f3f3;border-radius:50%;border-top:12px solid #569536;border-bottom:12px solid #569536;width:65px;height:65px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;position:absolute;margin:auto;right:0;left:0;bottom:0;top:0;z-index:999}
  @-webkit-keyframes spin{0%{-webkit-transform:rotate(0) }100%{-webkit-transform:rotate(360deg) }}
 @keyframes spin{0%{transform:rotate(0) }100%{transform:rotate(360deg) } }
.welcome_alert{ text-align:center; margin:20px; color:#515151}
.welcome_alert p{ margin-bottom:5px;}
.welcome_alert.active{opacity:0;}
.StateLicenseUpload label{ vertical-align:top; width:170px;}
.StateLicenseUpload .outerFileUpload{ margin-top:0px;}
.btn-skip {font-weight: 500;padding: 0.625rem 0 0.5rem;font-size: .75rem;line-height: 1.5; color:#9d9c9c; margin-right:20px;}
.btn-skip:hover {color:#515151;}
.token-alert{ margin:20px auto; width:40%}
.token-alert p,.token-alert .alert{ text-align:center;}
.RemoveView{ display:inline-block; vertical-align:top; margin-left:15px;}
.RemoveView a{ margin-left:10px; color:#515151; font-size:12px;}
.RemoveView a:nth-child(1){ color:#144991}
.RemoveView a:hover{ color:#569536}
.LicenceRemoveView{ display:inline-block; vertical-align:top; margin-left:15px; margin-top:7px;}
.LicenceRemoveView a{ margin-left:10px; color:#515151; font-size:12px;}
.LicenceRemoveView a:nth-child(1){ color:#144991}
.LicenceRemoveView a:hover{ color:#569536}

.modal.in{ opacity:1; z-index:9999;}
.modal-backdrop.in{ opacity:.5}
.modal .close {border: 0;background: transparent;font-size: 24px; color:#fff; font-weight:600;}
.modal-title{ color:#fff; font-size:16px; font-weight:600}
.modal-header{ padding:.5rem 1rem;background: #569536;}
.btn-approve,.btn-approve:hover,.btn-approve:active,.btn-approve:focus{background-color: #569536;}
.btn-cancel,.btn-cancel:hover,.btn-cancel:active,.btn-cancel:focus{ background-color:#fafafa; color:#000}
body.modal-open{ overflow:hidden}
.toostContainer{padding:15px 25px;max-width:330px;border-radius:8px;-webkit-border-radius:8px;position:fixed;margin:10px 0;top:4px;right:13px !important;z-index:99999;display:none}
.toostContainer p{color:#fff;font:normal 16px/18px Arial,Helvetica,sans-serif }
.toostContainer b{border-radius:50%;-webkit-border-radius:50%;background:#479248;width:33px;height:34px;position:absolute;padding:5px 0 0 5px;left:-15px;top:16%;bottom:30%;border:2px solid #fff }
.rightcontainer{background:#479248}
.cross{background:#cc3633;display:none}
.cross b{background:#bd3927;top:18%;cursor:pointer }
.warning{background:#f8ac59}
.warning b{background:#ddd;top:18% }
.valError{color:#ed5565;font-size:10px;display:block; text-align:left;}
.divShowSubmitted label{ color:green; font-size:12px;}
.valError{color:#ed5565;font-size:10px;display:block; text-align:left;}
.warning b{background:#ddd;top:18% }
/* New landing page start here*/
.cst_tooltip{position:relative;display:inline-block}
 .cst_tooltip .tooltiptext{visibility:hidden;background-color:#00649e;color:#fff;text-align:center;border-radius:4px;padding:4px 3px;position:absolute;z-index:1;bottom:100%;left:0;opacity:0;transition:opacity 1s;font-size:12px;width:auto;white-space:nowrap }
 .cst_tooltip .tooltiptext::after{content:" ";position:absolute;top:100%;left:6%;border-width:5px;border-style:solid;border-color:#00649e transparent transparent transparent }
 .cst_tooltip:hover .tooltiptext{visibility:visible;opacity:1 }
.green{ color:green}
.table small{ color:#b7b7b7}
.alert.allowFileFormat{ margin-bottom:0px; margin-top:10px; padding:5px 10px; font-size:12px; border-radius:4px;}
.actfileName {font-size: 10px;color: #888; margin-top:5px;}
.btn-primary.btnBlue {color: #fff;background-color:#00649e;}
.btn-primary.btnBlue:hover {color: #fff;background-color:#00649e;}
.btnBlue.modal-UploadFile{padding: 5px 10px;}
.blueTheme .card{ border:0px solid #00649e;box-shadow: 0 2px 15px -3px rgb(0 0 0 / 17%), 0 10px 20px -2px rgb(0 0 0 / 14%);}
.blueTheme .card .card-body{ padding:1rem}
.blueTheme .card .card-header{ background: #00649e; color: #fff; padding:.75rem 1rem}
.modalBlue .modal-header{ padding:.5rem 1rem;background: #00649e;}
.modalBlue .btn-approve,.modalBlue .btn-approve:hover,.modalBlue .btn-approve:active,.modalBlue .btn-approve:focus{background-color: #00649e;}
.modalBlue .form-control:hover, .modalBlue .single-line:hover{border: 1px solid #00649e;box-shadow: inset 0 0 0 1px #00649e;}
.modalBlue .form-control:focus, .modalBlue .single-line:focus{border: 1px solid #00649e;box-shadow: inset 0 0 0 1px #00649e;}
.alertinfo{ padding:10px 10px 5px 10px; margin:20px 0; font-size:14px;}
.alertinfo p{ margin-bottom:0;}
/* drag and drop File upload*/
.inputDnD .form-control-file {position: relative;width: 100%;height: 100%;min-height: 75px;outline: none;visibility: hidden;cursor: pointer;background-color:#00649e;box-shadow: 0 0 5px #00649e;}
.inputDnD .form-control-file:before {content: attr(data-title);position: absolute;top:0;left: 0;width: 100%;min-height: 75px;line-height: 2em; padding:0 1px; padding-top: 2em;opacity: 1;visibility: visible;  text-align: center;border: 2px solid #515151; border-radius:4px; font-size:10px; transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);overflow: hidden;}
.inputDnD .form-control-file:hover:before {border-color: #00649e;}
.alert-success.alert {background-color: #5fa916;color: #fff;}
#divCandidateDocUpload .modal-footer{flex-direction: column;}
.file-preview{border:1px solid #515151;}
.file-caption-main{ width:100% !important; margin-top:5px}
.btn-file.btn-primary{background-color: #999c9e;border-color: #999c9e; padding:12px 10px; border-radius:0 4px 4px 0;text-transform: none;}
.btn-file.btn-primary:hover{ background-color:#515151;border-color:#515151;}
.btn-secondary.fileinput-remove{background-color: #fff;border:1px solid #999c9e; color:#000; padding:11px 10px; border-radius:0;text-transform: none; float:left}
.btn-secondary.fileinput-remove:hover{ background-color:#e6e6e6;border-color:#515151;}
.fileinput-remove.close{ color:#000;}
.fileinput-remove.close:focus, .fileinput-remove.close:hover {color: #000;text-decoration: none;cursor: pointer;filter: alpha(opacity=50);opacity: .5;}
.kv-file-zoom.btn-default{background: #fff;border: 1px solid #e7eaec;padding: 5px 10px;font-size: 12px; color:#000}
.kv-file-zoom.btn-default:hover{background-color: #e6e6e6;}
.kv-zoom-actions .btn-default{background: #fff;border: 1px solid #e7eaec;padding: 5px 10px;font-size: 12px; color:#000; vertical-align:middle}
.kv-zoom-actions .btn-default:hover{background-color: #e6e6e6;color:#000}
.file-zoom-dialog .kv-zoom-title{ color:#fff;}
.file-zoom-dialog .kv-zoom-title samp{ font-weight:600;}
.kv-zoom-actions .btn-default.btn-close{ width:auto; height:auto; opacity:1;}
.thankyoumessage {color: green;font-weight: 500;font-size: 15px;}