body { font-family: "Open Sans", sans-serif; }  

/* login page */

.auth_pages { width: 100%; display: flex; background: #F9FBFC url(../img/bg_circle.png) no-repeat; background-position: center; background-size: contain; min-height: 100vh; overflow: hidden; }
.auth_bg_img { width: 50%; background: url(../img/login_bg.png) no-repeat; background-position: top center; background-size: cover; } 
.auth_form_field { width: 50%; padding: 50px; display: flex; align-items: center; position: relative; }
.auth_form_field::before { position: absolute; content: ""; width: 464px; height: 459px; background: url(../img/circleshape.png) no-repeat; background-position: center; background-size: contain; bottom: -155px; right: -33%; }

.form_content { max-width: 640px; width: 100%; margin: 10px auto; position: relative; }
.form_content .page_title { font-size: 28px; font-weight: 700; line-height: 27px; color: #333333; margin-bottom: 45px; margin-top: 0; }
.form_content .page_title span { color: #3D4EB8; }

.form_content .form-group { margin-bottom: 24px; }
.form_content .form-group label { font-size: 12px; line-height: 20px; color: #616161; margin-bottom: 2px; }
.form_content .form-group label span.star { color: #E5202E; }
.form_content .form-group .form-control { border: none !important; border-bottom: 1px solid #CFCFCF !important; box-shadow: none !important; background: transparent; border-radius: 0px; font-size: 12px; font-weight: 400; line-height: 20px !important; color: #333333; padding: 10px 0px; }
.form_content .form-group .form-control::placeholder { color: #CDCACA; }

.form_content .submit_btn { padding: 16px; background: linear-gradient(97.39deg, #01AFE4 39.94%, #6F3AFA 94.51%); width: 100%; border-radius: 60px !important;  font-size: 16px; font-weight: 700; box-shadow: none !important; border: none !important; color: #fff !important; margin: 30px auto; }

.go-another-page { color: #333; font-size: 14px; font-weight: 600; line-height: 20px; margin-bottom: 15px; }
.go-another-page a { color: #3D4EB8; text-decoration: none !important; }

/* signup page */

.form_content .row { display: flex; flex-wrap: wrap; }

.signup-page .auth_bg_img { width: 50%; background: url(../img/signupbg.png) no-repeat; background-position: top center; background-size: cover; } 

.signup-page .form_content {  }
.signup-page .sub-heading { font-size: 20px;font-weight: 600; line-height: 26px; color: #333333; margin-top: 0px; margin-bottom: 20px; }
.signup-page .form_content .page_title { margin-bottom: 35px; }

.radio_box { background: linear-gradient(90deg, #3A8EF6 0%, #6549F9 100%); padding: 1px; border-radius: 6px; margin-bottom: 20px; max-width: 507px; width: 100%; }
.radio_box .form-radio { -webkit-appearance: none; opacity: 0;  position: absolute; }
.radio_box .form-radio:hover + label { background: linear-gradient(90deg, #6745F9 0%, #3A8EF6 100%); color: #FFFFFF;}
.radio_box .form-radio:checked + label { background: linear-gradient(90deg, #6745F9 0%, #3A8EF6 100%); color: #FFFFFF; }
.radio_box .radio-label { border: none !important; background: #E4F3FF; display: flex; align-items: center; width: 100%; border-radius: 6px; position: relative; color: #333333; font-size: 18px; font-weight: 600; line-height: 26px; height: 60px; padding: 6px 9px; margin-bottom: 0px !important; cursor: pointer;}
.radio_box .radio-label .icon_outer { border-radius: 6px; width: 50px; height: 50px; background: linear-gradient(90deg, #3A8EF6 0%, #6549F9 100%); display: block; margin-right: 16px; padding: 1px; }
.radio_box .radio-label .icon_outer .icon { background: #fff; width: 100%; height: 100%; border-radius: 6px; display: flex; align-items: center; justify-content: center; }

.continue_btn { background: linear-gradient(97.39deg, #01AFE4 39.94%, #6F3AFA 94.51%) !important; max-width: 310px; width: 100%; border-radius: 60px !important; box-shadow: none !important; border: none !important; 
 font-size: 16px; font-weight: 700; text-align: center; color: #fff !important; padding: 16px; margin-top: 10px; border: 1px solid transparent !important; transition: all 0.5s; }

/* .continue_btn:hover { background: transparent !important; border-color: #01AFE4 !important; color: #01AFE4 !important; } */
.form_content .submit_btn:hover, 
.continue_btn:hover {
    transition: all 0.5s;
    background: linear-gradient(97.39deg, #6F3AFA 39.94%, #01AFE4 94.51%) !important;
    transform: scale(1.05) !important;
    box-shadow: 0px 4px 15px rgba(111, 58, 250, 0.3) !important;
  }

  .form_content .submit_btn:hover {
    transition: all 0.5s;
    background: linear-gradient(95deg, #01AFE4 35%, #6F3AFA 90%) !important;
    transform: scale(1.02) !important; 
    box-shadow: 0px 4px 10px rgba(1, 175, 228, 0.5) !important;
}

.custom_check_box { width: 100%; display: flex; flex-wrap: wrap; margin-bottom: 20px; }
.custom_check_box .checkbox { width: 50%; position: relative; padding-left: 25px; cursor: pointer; font-size: 12px; line-height: 22px; font-weight: bold !important; -webkit-user-select: none; color: #616161 !important;  -moz-user-select: none;-ms-user-select: none;user-select: none; margin-bottom: 14px; margin-left: 0px; text-transform: uppercase; padding-right: 10px; margin-top: 0px; }
.custom_check_box .checkbox a { color: #1C1D21 !important;  text-decoration: underline !important; }
.custom_check_box .checkbox a:hover { color:#3D4EB8 !important; }
.custom_check_box .checkbox input { position: absolute; opacity: 0;cursor: pointer;height: 0; width: 0;}
.custom_check_box .checkmark { position: absolute; top: 2px; left: 0; height: 18px; width: 18px; background: transparent; border: 1px solid #CBCBCB; border-radius: 4px; }

.custom_check_box .checkmark::after { display: none;content: "";position: absolute; left: 5px; top: 1px; width: 6px; height: 11px; border: solid #3D4EB8; border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.custom_check_box input:checked ~ .checkmark::after { display: block;}
.custom_check_box .checkbox + .checkbox, .custom_check_box .radio + .radio { margin-top: 0 !important;}
 
.form_content .btn_block { width: 100%; display: flex; align-items: center; justify-content: space-between; margin-top: 30px; }
.btn_block .backbtn { color: #9F9F9F !important; background: transparent !important; font-size: 16px; font-weight: 700; text-align: center; border: 1px solid #CBCBCB !important; margin-right: 40px; }

.content_block { width: 100%; border-bottom: 1px dotted #BABABA; padding-top: 10px; }
.content_block h3 { font-size: 12px; font-weight: 700; color: #3D4EB8; margin-bottom: 10px; margin-top: 0px; }
.content_block p { color: #616161; font-size: 12px; font-weight: 400; }

.signup_checkbox { overflow: hidden; }
.signup_checkbox .form-group { color: #616161; font-size: 12px; }
.signup_checkbox .form-group { margin-bottom: 12px !important; overflow: hidden; }
.signup_checkbox .form-group a { color: #337AB7;}

.go-other_page { margin-top: 30px;  }
.go-other_page p { font-size: 12px; color: #616161; margin-bottom: 0px !important; }
.go-other_page p a { color: #337AB7;}

.auth_form_field .wizard-fieldset { display: none; }
.auth_form_field .wizard-fieldset.show { display: block;}

/* select  */
.multiselect { border: none !important; border-bottom: 1px solid #CFCFCF !important; background: transparent; border-radius: 0px !important; font-size: 12px; font-weight: 400; line-height: 20px; padding: 10px 0px; color: #333333; }
.btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default { background-color: transparent;}
.input-group-addon, .btn-default { background: transparent !important; border-radius: 0 !important; border: none !important; border-bottom: 1px solid #CFCFCF !important; }
.btn-group.open .dropdown-toggle { box-shadow: none !important;}
.multiselect-container > li > a > label { padding: 3px 20px 3px 25px;}
.dropdown-menu.multiselect-container li > a:hover, .dropdown-menu > li.active > a { background: #3D4EB8 !important; }
.dropdown-menu.multiselect-container li > a:hover label, .dropdown-menu > li.active > a label { color: #fff !important; }
.btn.active, .btn:active { box-shadow: none !important; }
.form-control { height: auto !important; }



/*  */

.common_individual_section { padding-top: 0px; padding-right: 30px; }
.common_individual_section .toolbar_filter_row { display: flex; align-items: center; width: 100%; flex-wrap: wrap; }
.table-toolbar { margin-bottom: 10px; display: flex; flex-wrap: wrap; }
.table-toolbar .btn-group .btn { font-size: 10px; font-weight: 400; line-height: 20px; margin-right: 5px !important; box-shadow: none !important; border-radius: 20px !important; padding: 1px 10px !important;}
.common_individual_section .well_datatable { border: none !important; padding: 0 !important; padding-left: 0px; width: 100%; flex: 1; display: flex; align-items: center; margin-bottom: 15px  !important; }
.well_datatable label { font-size: 12px; line-height: 20px; color: #555555; margin: 0px !important; margin-right: 10px !important; }
.well_datatable form { width: 100%; flex: 1; display: flex; align-items: center; padding-left: 15px; justify-content: flex-end; }
.well_datatable .form-control { margin-right: 15px; border: 1px solid #DFDFDF !important; background: #fff !important; box-shadow: none !important; font-size: 12px; font-weight: 400; line-height: 20px !important; text-align: left; color: #555555; border-radius: 25px !important; max-width: 214px ; width: 100%;}
.well_datatable .filter_btn {width: 83px; height: 34px; border-radius: 20px;font-size: 12px;font-weight: 400;line-height: 20px;text-align: center; background: #01AFE4; box-shadow: none !important; border-radius: 30px !important; border-color: #01AFE4 !important; margin-right: 15px !important; color: #fff; }
.table-toolbar .btn-group { width: auto !important; overflow: hidden; padding-right: 5px; }

.inactive_indid { background: #FF840C !important; color: #fff !important; }
.calendar_bg { background: #01AFE4; color: #fff !important;}
.calendar_bg:hover { opacity: 0.8; }
.published_bg { background: #8E7CFF; color: #fff !important; }
.published_bg:hover { opacity: 0.8; }
.unpublished_bg { background: #FF7C7C; color: #fff !important;}
.unpublished_bg:hover { opacity: 0.8; }

.month_text { color:#079bc9; font-size:18px; margin-bottom: 15px; margin-top: 10px; }
div.dataTables_wrapper div.dataTables_length .form-control { margin-right: 15px; border: 1px solid #DFDFDF !important; background: #fff !important;  box-shadow: none !important; font-size: 12px; font-weight: 400; line-height: 20px !important; text-align: left; color: #555555;  border-radius: 25px; }
div.dataTables_wrapper div.dataTables_filter input { margin-right: 15px; border: 1px solid #DFDFDF !important; background: #fff !important; box-shadow: none !important;font-size: 12px; font-weight: 400; line-height: 20px !important; text-align: left; color: #555555; border-radius: 25px; max-width: 214px; /* width: 100%; */ }
div.dataTables_wrapper div.dataTables_filter label { font-size: 12px; line-height: 20px; color: #555555; margin: 0px !important; }
.dataTables_length label{  font-size: 12px; line-height: 20px; color: #555555; margin: 0px !important; }  

table.dataTable {border: none #01AFE4; background: #fff;}
.common_table thead { background: #01AFE4 !important; }
.common_table thead th { font-size: 12px; font-weight: 600; line-height: 20px; color: #FFFFFF; border: none  !important; border-right: 1px dashed rgba(255, 255, 255, 0.2) !important; }
.common_table tbody td { font-size: 12px; line-height: 20px; color: #333333; vertical-align: middle !important;  }
.table-bordered > tbody > tr > td { border: 1px dashed #D2CFCF !important; border-top: none !important; }
.table-bordered > tbody > tr > td .green.btn { color: #BCD399; font-size: 10px; line-height: 20px; border-radius: 2px; margin-bottom: 0px; }
.table-bordered > tbody > tr > td:last-child .btn {border: 1px solid #D4D4D4; background: #F3F3F3; font-size: 12px; font-weight: 400; line-height: 20px; text-align: center; color: #333333; padding: 2px 10px; margin-right: 5px; border-radius: 24px !important; }
.table-striped > tbody > tr:nth-of-type(2n+1) { background-color: #fff;}
.table > tbody > tr > th, .table > thead > tr > th {padding: 11px;}
.table-bordered > tbody > tr > td:first-child { border-left: 0px !important; }
.table-bordered > tbody > tr > td:last-child { border-right: 0px !important; }

/* div.checker { margin-left: 10px;} */
.bootstrap-switch .bootstrap-switch-label { background: #C6E6F0 !important; border: none !important; }
.bootstrap-switch { background: #C6E6F0; border: none !important; border-radius: 20px !important; }
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success, 
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success { background: linear-gradient(97.39deg, #3A8EF6 39.94%, #6F3AFA 94.51%) !important; border-radius: 20px; line-height: 12px !important; }
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger, 
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger { background: linear-gradient(97.39deg, #FF5353 39.94%, #FF7D7D 94.51%) !important; border-radius: 20px; line-height: 12px !important; }
.bootstrap-switch .bootstrap-switch-container {  height: 21px;}
/* div.checker span { background-size: 0px; } */

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child::before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child::before {
    background-color: transparent !important; box-shadow: none !important; border: 2px solid #B2D5FF !important; color: #3A8EF6 !important; font-size: 18px; top: 20px !important;
}


.ciib_text span + span { display: inline-block;}

/*  */

.bootstrap-switch .bootstrap-switch-container { width: 151% !important;}


.personal_care_page { padding-right: 45px; }
.page_heading { font-size: 18px; font-weight: 700; line-height: 20px; text-align: center; color: #1E82D0; margin-bottom: 20px; }
.personal_care_page .table-toolbar { display: flex; flex-wrap: wrap; }
.personal_care_page .switch_btn { font-size: 12px; font-weight: 600; line-height: 20px; text-align: center; color: #333333; text-transform: capitalize; display: flex; align-items: center; justify-content: center; }
.personal_care_page .switch_btn div.checker { margin-left: 10px;  }
.personal_care_page .btn-group:last-child { margin-left: auto; width: 130px !important; }
div.checker, div.checker span, div.checker input { height: 21px !important;}

.personal_care_page .switch_btn div.checker span.checked { background-size: 0 !important; }


.indi-age.info .indi-age-left-new { overflow: hidden; }
.user-typeerr, .service-chkerr{color:#a94442!important;font-size: 12px;margin-bottom: 0px;}
.services-postform .checkbox{padding-left:0px !important;}
#signup_form .form-control[disabled], #signup_form .form-control[readonly] {background-color: #eee !important;padding-left:5px;}
.services-contentblk{padding-right: 20px;}

/* thankyou page */

.thankyou_page { width: 100%; background: #fff; min-height: 100vh; overflow: hidden; display: flex; align-items: center; justify-content: center; padding: 20px 0px; }
.thankyou_box { width: 100%; max-width: 800px; padding:50px 20px;  }
.thankyou_box .thankyou_title {  font-size: 42px; font-weight: bold; color: #333333; margin-top: 0; margin-bottom: 25px; text-align: center; line-height:52px; text-transform: uppercase; padding: 0px 20px; }
.thankyou-para {margin-bottom: 25px;text-align: center; font-size: 16px; color: #8a8383;}

.verify-successpara {margin-bottom: 25px;text-align: center; font-size: 18px; color: #333333;}

.thankyou_box .thankyou-btn { padding: 16px; background: linear-gradient(97.39deg, #01AFE4 39.94%, #6F3AFA 94.51%); width: 100%; border-radius: 60px !important; font-size: 16px; font-weight: 700; box-shadow: none !important; border: none !important; color: #fff !important; 
    width: 200px; margin: 0px auto; display: block;
}

.thankyou_box .caregiver_img { width: 100%; margin: 0px auto; animation: rotate-logo 10s linear infinite; }
.thankyou_box .caregiver_img img { width: 100%; height: 100%; object-fit: contain; object-position: center; }

.grecaptcha-badge { 
    visibility: hidden;
}

.eye-holder {
  position: relative;
}

.toggle-password {
  display: inline-block;
  position: absolute;
  right: 5px;
  top: 32px;
  z-index:9999999;
}

.toggle-password:hover {
  cursor: pointer;
}

.pass-fld::-ms-reveal {
  display: none;
}

.pass-fld:-webkit-autofill {
  box-shadow: 0 0 0px 1000px white inset !important;
  -webkit-text-fill-color: inherit !important;
}


/* 
@keyframes rotate-logo {
    from {
      transform: rotateY(0deg);
    }
    to {
      transform: rotateY(-360deg);
    }
  }


 */














/* @media */

@media(min-width: 1700px){

    .auth_form_field {padding: 50px; display: flex; align-items: center; position: relative; }
    .auth_form_field::before { width: 464px; height: 459px; bottom: -155px; right: -25%; }
    .form_content { max-width: 640px; width: 100%; margin: 10px auto; }
    .form_content .page_title { font-size: 30px; line-height: 27px; margin-bottom: 45px; }  
    .form_content .form-group { margin-bottom: 24px; }
    .form_content .form-group label { font-size: 12px; line-height: 20px; margin-bottom: 2px; }
    .form_content .form-group .form-control { font-size: 12px; font-weight: 400; line-height: 20px !important; padding: 10px 0px; }
    .form_content .submit_btn { padding: 16px; border-radius: 60px !important; font-size: 16px; margin: 30px auto; }
    .go-another-page { font-size: 17px; line-height: 27px; margin-bottom: 15px; }
    
    /* signup page */

    .signup-page .sub-heading { font-size: 20px; line-height: 26px; margin-bottom: 20px; }
    .signup-page .form_content .page_title { margin-bottom: 35px; }

    .radio_box { border-radius: 6px; margin-bottom: 20px; max-width: 507px; }
    .radio_box .radio-label { border-radius: 6px; font-size: 18px; line-height: 26px; height: 60px; padding: 6px 9px; }
    .radio_box .radio-label .icon_outer { border-radius: 6px; width: 50px; height: 50px; margin-right: 16px; }
    .radio_box .radio-label .icon_outer .icon { border-radius: 6px; }

    .continue_btn { max-width: 310px; border-radius: 60px !important; font-size: 16px; padding: 16px; margin-top: 10px; }

    .custom_check_box { margin-bottom: 20px; }
    .custom_check_box .checkbox { width: 50%; padding-left: 25px; font-size: 12px; line-height: 22px; margin-bottom: 14px; padding-right: 10px; }
    .custom_check_box .checkmark { top: 2px; height: 18px; width: 18px; border-radius: 4px; }
    .custom_check_box .checkmark::after { left: 5px; top: 1px; width: 6px; height: 11px; }

    .form_content .btn_block { margin-top: 30px; }
    .btn_block .backbtn { font-size: 16px; margin-right: 40px; }

    .content_block { padding-top: 10px; }
    .content_block h3 { font-size: 12px; margin-bottom: 10px; }
    .content_block p { font-size: 12px; }

    .signup_checkbox .form-group { font-size: 12px; }
    .signup_checkbox .form-group { margin-bottom: 12px !important; }

    .go-other_page { margin-top: 30px;  }
    .go-other_page p { font-size: 12px; }

    /* select  */
    .multiselect { font-size: 12px; line-height: 20px; padding: 10px 0px;}
    .multiselect-container > li > a > label { padding: 3px 20px 3px 25px;}

    /*  */

    .common_individual_section { padding-top: 20px; padding-right: 45px; }

}


@media(max-width: 1475px){ 

.common_individual_section .table-toolbar { width: 100%;}
.well_datatable form { justify-content: unset; flex: unset; }



}


@media(max-width: 1199px){

.form_content .page_title { font-size: 24px;}
.auth_form_field { padding: 30px;}
.auth_form_field .submit_btn { padding: 12px; font-size: 14px;}
.auth_form_field::before { width: 350px; height: 350px; bottom: -138px;  right: -32%;}

.well_datatable form { justify-content: flex-start;}

.signup-page .form_content .page_title { margin-bottom: 20px;}
.signup-page .sub-heading { font-size: 18px; line-height: 22px;}
.radio_box .radio-label { font-size: 16px; line-height: 24px; }
.radio_box .radio-label .icon_outer { width: 42px; height: 42px; margin-right: 10px;}
.continue_btn { padding: 14px; }
.radio_box { margin-bottom: 12px;}
.form_content .btn_block {margin-top: 20px;}






}


@media(max-width: 991px){

.auth_pages { min-height: 80vh; }
.auth_form_field { width: 100%;}
.auth_bg_img { display: none; }
.auth_form_field::before { right: 0;}

.signup-page .form_content { max-width: 510px; }
.continue_btn { padding: 12px; font-size: 14px;}
.btn_block .backbtn { font-size: 14px;}
.radio_box .radio-label { font-size: 14px;}



}

@media(max-width: 767px){


.form_content .page_title {font-size: 20px;}
.auth_form_field::before { width: 190px; height: 190px; bottom: -100px;}
.indi-age.info .indi-age-left-new .company_info { display: block !important;}
.bootstrap-switch.bootstrap-switch-mini { margin-top: 0px !important;}
.indi-age.info .indi-age-left-new, .indi-age.info .indi-age-right-new { width: 100% !important; }
.indi-age-right-new { border-top: 1px dashed #B1B1B1;  border-left: none ; }

.col-sm-6 { width: 50% !important;}

}


@media(max-width: 600px){

.form_content .page_title {font-size: 20px;}

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child::before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child::before { font-size: 16px; top: 9px !important;}
.personal_care_page { padding-right: 15px;}

.col-sm-6 { width: 100% !important;}



}