

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;800&display=swap');


body {overflow-x: hidden;}

  /*== Important Css ==*/

body, html {float:left;width:100%;font-family: 'Poppins', sans-serif;}
a{text-decoration:none !important;}
.full {width:100%;float:left;}
ul{margin:0;padding:0;}
ol{margin:0;padding:0;}
li{list-style:none;}
img{max-width:100% !important;}

h2{color:#090b32;font-size:30px;font-weight:500;}
h2 span{color:#0072ff;font-weight:600;}
p{color:#74778E;font-size:13px;margin-bottom:0;}

h4{font-size:18px;font-weight:500;color:#080911;margin-bottom: 5px;}
h3{font-size:22px;font-weight:500;color:#171733;margin-bottom: 10px;}
:focus{outline:none !important;}

.staff-step-form  .hobbies.common_class_radio{display:block !important;}
.staff-new-check{display:flex;}

/*Scan qr code*/
.scan-qr-list { display: flex;padding: 20px 0;background: #fff;border-radius: 5px;border: 1px solid #DDE6F1;margin-bottom: 10px;}
.scan-qr-list-box { display: flex; width: 50%;padding: 0 20px; align-items: center; }
.scan-qr-list-box-text{ width: 50%; }
.scan-qr-list-box-text h3{ margin-bottom: 35px;    font-size: 18px; font-weight: 600; }
.scan-qr-img { width: 50%;text-align: right; }
.scan-qr-img img { max-width: 135px !important; }
.scan-qr-list-box:first-child {border-right: 1px solid #ddd;}
/*End Scan qr code*/

.btn-primary{font-size:14px;}

.stwz_gray.staff-new-check .switch{background: #ccc;}
.stwz_gray.staff-new-check .switch label.no {
    color: #a1a7a6;
}
.stwz_gray.staff-new-check .switch label.yes{color: #a1a7a6;}
.stwz_gray{display: flex;flex-direction:column;}
.staff-new-check.error{display: flex;flex-direction:column;}
/*login-page*/

.login-page{background:url(../images/login-page-bg.jpg)no-repeat center center;display: flex;align-items: center;
flex-direction: column;justify-content: center;min-height: 100vh;background-size:cover;}

.login-page-box{max-width:416px;margin:0 auto;border-radius:10px;padding:40px 30px;background:#fff;}
.web-logo{text-align:center;}

.login-slogan{text-align:center;margin-top:40px;}
.login-slogan h4{font-weight:600;}

.form-control{height:39px;border-radius:5px;border:solid 1px #DDE6F1;font-size:13px;}
.login-page form{margin-top:40px;}

.form-control:focus{box-shadow:none;}
.login-page .form-control:focus{background:#F1F5FA}
.login-page .form-control{background:#F1F5FA;}
.login-page .form-group{margin-bottom:25px;}

.forgot-link a{color:#0073FF;font-size:13px;}
.forgot-link{text-align:right;margin-top:-10px;}

.staffWizard-btn button.btn-primary {padding: 8px 35px;    width: 100%;margin-top:20px;}

.btn-primary {transition: all 0.1s ease-in-out;transition-duration: 0.2s;color: #fff !important;background-color: #007bff;border-color: #007bff;}

.btn-primary:hover {background: #04044b;box-shadow: 0 15px 37px #cdcdcd;}

.signin-link{text-align:center;}
.signin-link p{color:#74778E;font-size:13px;margin-top:28px;}
.signin-link p a{color:#0073FF;}



/*welcome-video*/

.page {display: flex;flex-direction: column;min-height: 100vh;border-radius: 10px;padding-top:57px;}

.main-sidebar-sticky {position: fixed;top: 0px;left: 0;bottom: 0;box-shadow: none;background:#002850;}

.main-sidebar {
    width: 240px;
    flex-direction: column;
    flex-shrink: 0;
    border-right: 0;
    transform: translateX(-240px);
    visibility: hidden;
    transition: all 0.4s;
    transition: left 0.4s ease, width 0.4s ease;
}

.ps {overflow: hidden;position:relative;height: calc(100vh - 60px);}


.main-logo a{height:50px;}
.sidemenu-logo {padding: 13.4px 21px;border-bottom: 1px solid rgba(240, 240, 255, 0.1);justify-content: center;}

.main-logo {font-weight: 700;
    font-size: 28px;
    text-transform: lowercase;
    letter-spacing: -1px;
    display: flex;
    align-items: left;
    position: relative;
    margin: auto;
    justify-content: left;

}

.main-logo  img{    max-height: 29px;}

.main-body .main-sidebar-body .nav {
    flex-direction: column;
    
    margin: 0 auto;
    justify-content: center;
    margin-top: 0;
}


.main-sidebar-body .nav {display: flex;flex-wrap: wrap;padding-left: 0;margin-bottom: 0;list-style: none;}
.main-sidebar-body .nav-item+.nav-item {margin-top: -1px;width:100%;}
.main-sidebar-body .nav-item {position: relative;display: block;}
.side-menu .nav-item {transition-duration: 0.25s;margin: 15px 0;padding: 0 0 0 15px;width:100%;}
/*.side-menu .nav-item:active:first-child{margin-top:0;}*/
.main-sidebar-body .nav-link.with-sub {
    position: relative;
}
.main-sidebar-body .nav-link {
    display: flex;
    align-items: center;
    padding: 4px;
    font-weight: 400;
    font-size: 13px;
    color:#7C7B8A;
}

.sidemenu-label {
    transition: margin-left 0.45s ease;
}

.main-sidebar-body .nav-link i{color:#7C7B8A;font-size:18px;margin-right:15px;}

.nav-header {padding: 0 0 0 15px; display: flex; position: relative;background:#0E1124;z-index:2;width:100%;}
.nav-header span{padding:10px 0;color: #fff;font-size:13px;}

.main-sidebar-body li.nav-item.active .nav-link {
    background-color: #eaedf7;
    position: relative;
    z-index: 1;
    text-align: center;
    border-radius: 30px 0 0 30px;
    margin-left: 0;
    border: 0px solid transparent;
    border-right: 0px;
    width: inherit;padding:14px 12px;color:#0073FF;font-size:12px;
}

.main-sidebar-body li.nav-item.active .nav-link i{color:#0073FF;}

.main-sidebar-body .nav-item.active .nav-link:before {
    content: "";
    position: absolute;
    top: -30px;
    z-index: 9;
    right: 0px;
    bottom: 0;
    height: 30px;
    border-top-color: transparent;
    border-left-color: transparent;
    border-bottom: transparent;
    border-radius: 0px 0px 48px 0px;
}

.main-sidebar-body .nav-item.active .nav-link:before, 
.main-sidebar-body .nav-item.active .nav-link:after {
    border-right: 20px solid #002850;
}


.main-sidebar-body .nav-item.active .nav-link:after {
    content: "";
    position: absolute;
    top: 46px;
    z-index: 0;
    right: 0px;
    bottom: 0;
    height: 30px;
    border-top-color: transparent;
    border-left-color: transparent;
    border-bottom: transparent;
    border-radius: 0px 48px 0px 0px;
}

body.main-body {background: #EAEDF7;}

.main-sidebar-body .nav-item.active .nav-link .shape1, .main-sidebar-body .nav-item.active .nav-link .shape2 {background: #eaedf7;}
.main-sidebar-body .nav-item.active .nav-link .shape1 {position: absolute;top: -30px; width: 20px;height: 60px;right: 0px;}
.main-sidebar-body .nav-item.active .nav-link .shape2 {position: absolute;top: 35px;width: 20px;height: 30px;right: 0px;}

.ps-container.ps-active-x > .ps-scrollbar-x-rail, .ps-container.ps-active-y > .ps-scrollbar-y-rail{z-index:3;}


/*Main Header*/

.main-header{    background-color: #ffffff;}
.main-header>.container, .main-header>.container-fluid {height: 100%;display: flex;align-items: center;justify-content: space-between;}
.main-header-left {display: flex;align-items: center;}
.main-header-menu-icon span {display: block;position: relative;width: 15px;height: 2px;background-color: #2f395f;border-radius: 3px;
transition: all 0.2s ease-in-out;}
.main-header-menu-icon span::before, .main-header-menu-icon span::after {
 content: ''; position: absolute;left: 0;width: 20px;height: 2px;background-color: #2f395f;border-radius: 3px;transition: all 0.2s ease-in-out;}

.main-header-menu-icon span::before {top: -6px;}
.main-header-menu-icon span::after {bottom: -6px;}
.main-header-center {flex: 1;margin: 0 0 0 0.8rem;position: relative;}
.main-header-center h4{color:#080911;font-size:14px;margin-bottom:0;position:relative;display:inline-flex;}
.main-header-center p{color:#7F84A3;font-size:10px;}

.main-header-right a{display:flex;align-items:center;color:#080911;font-size:13px;}
.main-header-right a i{color:#080911;font-size:18px;border:solid 1px #D1D7E9;border-radius:5px;height:32px;
width:32px;display:flex;align-items:center;justify-content:center;margin-left:11px; }
/*
@keyframes spin
{
    0%
    {
        -webkit-transform: rotate(0);
                transform: rotate(0);
    }
    100%
    {
        -webkit-transform: rotate(359deg);
                transform: rotate(359deg);
    }
}*/

.main-header-right .dropdown-menu h6{color:#060327;font-size:14px;margin-bottom:10px;}
.main-header-right .dropdown-menu h5{color:#888888;font-size:11px;background:#F4F8FB;margin:0;padding: 8px;
margin-bottom: 13px;}

.main-header-right .dropdown-menu {
    padding-top: 0px;
    position: absolute;
    top: 42px;
    left: auto;
    right:0px;padding:16px 12px 10px;
    bottom: auto;
    width: 230px;
    border: 0;
    border-width: 1px;
    box-shadow: -8px 12px 18px 0 rgb(21 21 62 / 30%);
    animation-name: fadein;
    -webkit-animation-duration: .2s;
    -moz-animation-duration: .2s;
    -ms-animation-duration: .2s;
    -o-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}

.custom-radios div {
  display: inline-block;
}
.custom-radios input[type=radio] {
  display: none;
}
.custom-radios input[type=radio] + label {
  color: #333;
  font-family: Arial, sans-serif;
  font-size: 14px;
}
.custom-radios input[type=radio] + label span {
  display: inline-block;
  width:30px;
  height:30px;
  margin: -1px 7px 0 0;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
  line-height:30px;
}
.custom-radios input[type=radio] + label span img {
  opacity: 0;
  transition: all 0.3s ease;height:10px;
}
.custom-radios input[type=radio]#color-1 + label span {
  background-color:#50B86B;
}
.custom-radios input[type=radio]#color-2 + label span {
  background-color: #7367f0
}
.custom-radios input[type=radio]#color-3 + label span {
  background-color:#1e2746;
}
.custom-radios input[type=radio]#color-4 + label span {
  background-color:#fa735a;
}

.custom-radios input[type=radio]#color-5 + label span {
  background-color:#3a7afe;
}

.custom-radios input[type=radio]#color-6 + label span {
  background-color:#425c5a;
}

.custom-radios input[type=radio]#color-7 + label span {
  background-color:#f1c40f;
}

.custom-radios input[type=radio]#color-8 + label span {
  background-color:#491556;
}

.custom-radios input[type=radio]#color-9 + label span {
  background-color:#e91e63;
}

.custom-radios input[type=radio]#color-10 + label span {
  background-color:#0097a7;
}



.custom-radios input[type=radio]:checked + label span img {
  opacity: 1;
}




.main-header-menu-icon {
    margin-right: 10px;
    width: 20px;
    height: 30px;
    display: flex;
    align-items: center;
}

.sidemenu-logo .icon-logo{height: 44px;}
.header-brand-img.icon-logo {display: none;}

.dropdown.show .dropdown-menu{display:block;}

.responsive-logo a img{width:150px;margin: 0 auto;}
.menu-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 270px;
    background:#042142;
    border-top: 1px solid rgba(234,237,247,.5);
    padding: 10px 0 6px;z-index: 9;
}
.menu-user {
    padding: 0 12px;
}

.user-shape{height:29px;width:29px;border-radius:50%;background:#ffffff;border:solid 5px 1px solid rgba(234,237,247,.5);
display:flex;align-items:center;justify-content:center;margin-right:15px;}

.user-shape img{height:23px;}
.user-name{color:#7C7B8A;font-size:13px;}
.menu-user a{display:flex;align-items: center;}
.logout-btn a{color:#ffffff;font-size:20px;    justify-content: flex-end;margin-top:6px;}
.logout-btn {text-align:right;}

.menu-user {display: flex;justify-content: space-between;}

.getStarted {position: relative;}
.getStarted i{font-size: 16px;
    color: #0073FF;
    position: relative;
    top: -7px;
    left: 4px;}

.prifile_hidden-menu {
    position: absolute;
    min-width: 240px;
    max-width: 240px;
    background: #fff;
    box-shadow: 0 0 5px rgb(140 154 200 / 20%);
    border-radius: 8px;
    border: 1px solid #dfdfdf;
    border-radius: 11px;
    border: 1px solid #dfdfdf;
    right: -170px;
    z-index: 99;
    top:18px;
    color: #160c0c;
    font-size: 12px;
    line-height: 20px;
    padding: 15px 20px;
    text-align: center;
}

.prifile_hidden-menu:before {
    width: 13px;
    height: 13px;
    border-bottom: 15px solid #fff;
    content: "";
    left: 57px;
    z-index: 2;
    background: #ffffff;
    position: absolute;
    top: -7px;
    right: 28px;
    transform: rotate( 45deg );
    border-top: 1px solid #f0f2f8;
    border-left: 1px solid #f0f2f8;
}

.prifile_hidden-menu p{font-size:12px;color:#080911;}


/*Main Content*/
.main-content.side-content {transition: margin-left 0.3s ease;}

.main-content.side-content {transition: none; border-radius: 0;padding: 0px;padding-bottom: 0;bottom: 0;
position: relative;height: 100%;}
.main-content .container, .main-content .inner-body {padding-left: 25px;padding-right: 25px;}
.page-header h2{color:#080911;font-size:14px;font-weight:500;margin-bottom:0;}
.page-header p{color:#777777;font-size:12px;}
.page-header{margin:10px 0;}

.main-content .card{padding:15px;border:0;border-radius:8px;margin-bottom:20px;}

.welcome-video video{border-radius:10px;    max-height:368px;}

.card-button{display:flex;border-top:solid 1px rgba(177, 189, 214, .4);margin-top:20px;padding-top:20px;justify-content: flex-end;}

.card-button .btn-primary{padding:5px 25px;font-size:15px;}
.card-button .btn-secondary{padding:5px 25px;margin-right:10px;font-size:15px;}

.btn-secondary:hover{background: #04044b;box-shadow: 0 15px 37px #cdcdcd;}

.main-footer {transition: margin-left 0.3s ease;}

.main-footer {
    background-color: #ffffff;
    margin-top: 0;
    padding: 15px;
    position: relative;
    bottom: 0;
    display: block;
    margin-top: auto;
}

.left-footer p{font-size:13px;color:#777;}
.right-footer p{color:#707070;font-size:13px;}
.right-footer p a{color:#0073FF;}
.right-footer{text-align:right;}


.count-shape{height:28px;width:28px;border-radius:50%;border:solid 1px #D3DEEC;display:flex;align-items:center;justify-content:center;
color:#8FA6C2;font-size:13px;margin-right:10px;	background:#ffffff;position:relative;z-index:2;
}

.staff-step ul li a{color:#8FA6C2;font-size:12px;display:flex;align-items: center;}
.staff-step ul li:after{position:absolute;content:"";width:25px;background:  #BCCADC;right:25px;height:1px;top: 14px;}
.staff-step ul li{display:inline-block;width:auto;padding-right:60px;position:relative;}
.staff-step ul li:last-child:after{display:none;}

.staff-step ul li.active a{color:#0073FF;}
.staff-step ul li.active a .count-shape{border-color:#0073FF;color:#0073FF;}
.staff-step ul li.active:after{background:#0073FF;}

.staff-step{border-bottom:dashed 1px #C6D2E1;padding-bottom: 13px;margin-bottom: 13px;}

.card label{color: #05054c;font-size: 13px;font-weight: 400;margin-bottom: 4px;}
.required:after {
    content: " *";
    color: #f30f5a;
    font-size: 17px;
    margin-left: -4px;
    position: relative;
    top: 2px;
}

.card .form-control {
    height: 40px;
    padding: 6px 12px;
    border-radius: 5px;
    font-size: 12px;
    border-color: #DDE6F1;
}

.card label span{color:#6E6E6E;font-size:10px;}

.gj-datepicker .form-control {border-right: 0;}
.gj-datepicker-bootstrap [role=right-icon] button{border-color:#dde6f1 !important;}
.gj-datepicker-bootstrap [role=right-icon] button .gj-icon, .gj-datepicker-bootstrap [role=right-icon] button .material-icons{
top: 11px;left: 11px;}
.gj-picker div[role=navigator] div[role=period]{font-weight: 500;color:#0072ff;}
.gj-picker-bootstrap table tr th div{font-weight: 500;}
.gj-picker-bootstrap table tr td.disabled div, .gj-picker-bootstrap table tr td.other-month div{font-size:13px;font-weight:300;}
.gj-picker-bootstrap table tr td div{font-size:13px;font-weight:400;}

.gj-picker-bootstrap table tr td.today.gj-cursor-pointer{background:#dedada;border-radius:6px;}
.gj-picker-bootstrap table tr td.today.gj-cursor-pointer div{font-size:16px;}

.gj-picker-bootstrap table tr td.selected.gj-cursor-pointer div{background-color: #0072ff;border-color: #0072ff;}
.previous-address{border-top:solid 1px rgba(177, 189, 214, .6);margin-top:4px;padding-top:15px;}
.previous-address h5{color:#0E0E17;font-size:13px;margin-bottom:0;}
.previous-address-box{background:#F2F8FB;padding:15px;border-radius:5px;padding-bottom:4px;position:relative;margin-top:12px;}

.add-delete-btn a i{font-size:16px;color:#FF3400;}
.add-delete-btn a {height:26px;width:26px;border:solid 1px #FF3400;border-radius:4px;display:flex;align-items:center;
justify-content:center;position:absolute;top:5px;right:5px;}
.add-delete-btn a:hover{background:#FF3400;border-color:#FF3400;}
.add-delete-btn a:hover i{color:#ffffff;}

.staff-new-check .switch{
  position: relative;
  width: 110px;
  height:35px;
  background: #00bc9c;
  text-align: center;
  transition: all 0.3s ease;float:right;
  border-radius: 25px;
}

.staff-new-check input[type=radio]{
  display: none;
}

.staff-new-check input[type=radio]{
  display: none;
}
.staff-new-check .switch label{
  cursor: pointer;
  color: rgba(0,0,0,0.2);
  width: 60px;
  line-height: 50px;
  transition: all 0.3s ease;
  font-weight: bolder;
}
.staff-new-check label.no{
  position: absolute;
  right:-9px;   top: -6px;
}
.staff-new-check input:checked + .switch{
  background: #eb4f37;
}

.staff-new-check label.yes{
  position: absolute;
  left:-7px;    top: -7px;
}

.staff-new-check .switch span.no{display:none;}
.staff-new-check input:checked + .switch span.yestick{display:none;}
.staff-new-check input:checked + .switch span.no{display:block;}

.staff-new-check input:checked + .switch label.yes{
  color:#891200;
}

.staff-new-check .switch label.yes{color:#fff;}


.staff-new-check input:checked + .switch label.no{
  color:#fff;}

.staff-step-form .common_class_radio{display:flex;align-items:center;}
.staff-step-form .common_class_radio h4{flex:1;color:#0E0E17;font-size:14px;margin-bottom:0;}

.staff-new-check .switch label.no{color:#008972;}
.staff-new-check .switch i{font-size:18px;color:#fff;position: relative;top: 8px;}
.staff-new-check .switch label{font-size:13px;font-weight:300;}

.staff-new-check .switch{width: 92px;height: 30px;}
.staff-new-check label.yes{left: -9px;top: -9px;}
.staff-new-check label.no{right: -9px;top: -9px;}
.staff-new-check .switch i{top: 6px;}

.staff-step-form .common_class_radio{display:flex;align-items:center;padding:0;}
.staff-step-form .common_class_radio label{flex:1;color:#0E0E17;font-size:12.2px;margin-bottom:0;font-weight:500;margin:0;}

.license-img-box{background:#F8FBFF;border:solid 1px #DDE6F1;border-radius:5px;text-align:center;padding:0 0px;
max-width:130px;height:130px;display:flex;justify-content:center;flex-direction:column;position:relative;overflow:hidden;
}

.license-img-box img.icon-capture{height:19px;margin-right:8px;}
.license-img-box a{font-size:11px;color:#374264;display:block;padding:10px 0;border-bottom:dashed 1px #DDE6F1;}
.license-img-box a:last-child{border:0;}

.modal-content{box-shadow:1px 0 20px rgb(0 18 155 / 10%);}
.modal-dialog.modal-md {max-width: 430px;}
.modal-backdrop {background-color: rgba(255,255,255,1);}
.modal-backdrop.show {opacity: .7;}

.modal-dialog.modal-dialog-centered button.close {
    background: #ffffff;
    font-weight: normal;
    border-radius: 50%;
    width: 27px;
    height: 27px;
    border:0;
    color: #385271 !important;
    opacity: 1 !important;
    line-height: 26px;position:absolute;top:10px;right:10px;font-size: 30px;
}

.capture-img-box{height:100% !important;border-radius:10px;
text-align:center;display:flex;align-items: center;justify-content: center;flex-direction:column;margin:0 auto;overflow:hidden;}

@media (min-width:768px){
.capture-img-box img{width:300px !important;height:225px !important;}
.img-select-drop .capture-img-box img{transform:scaleX(1) !important;}
}

img.icon-capture{height:40px !important;}
img.img-caths{height:40px !important;}
.capture-img-box h4{color:#374264;font-size:17px;margin-top:20px;cursor:pointer;}

.capetureimg .modal-body{padding: 50px 16px 15px;}

.modal-dialog.modal-dialog-centered button.close:hover {
    transition: transform .25s, opacity .25s;
    color: #007bff !important;
    border-color: #007bff;
}


.capeture-btn{display:flex;align-items:center;justify-content:center;width:100%;margin-top: 20px;
border-bottom:solid 1px #D8DCE3;padding-bottom:20px;}
.btn-success{background:#5874C6;border-color:#5874C6;font-size:13px;}
.btn-success.disabled, .btn-success:disabled{background:#5874C6;border-color:#5874C6;font-size:13px;}

.btn-success:hover{background: #04044b;box-shadow: 0 15px 37px #cdcdcd;border-color:#04044b;}

.btn-success.focus, .btn-success:focus{background:#5874C6;border-color:#5874C6;}
.btn-success:not(:disabled):not(.disabled).active, 
.btn-success:not(:disabled):not(.disabled):active, .show>.btn-success.dropdown-toggle{background:#5874C6;border-color:#5874C6;}

.capeture-btn .btn-secondary{font-size:13px;margin-left:15px;}

.capetureimg .btn-primary{font-size:13px;    padding: 7px 35px;margin:0 auto;margin-top:20px;display:block;}

.capetureimg  .modal-content {border-radius: 10px;}

.license-box{border-bottom:dashed 1px #C6D2E1;margin-bottom:15px;padding-bottom:15px;}
.license-img-delete{position:absolute;top:5px;right:5px;height:20px;width:20px;border-radius:5px;border:solid 1px #FF3400;
background:#ffffff;display:flex;align-items: center;justify-content:center;cursor:pointer;}
.license-img-delete i {font-size:14px;color:#FF3400;}

.license-box .form-group{margin-bottom:0;}

.btn-secondary{background-color:#AFB6CB;border-color: #AFB6CB;}
.btn-secondary.focus, .btn-secondary:focus{background-color:#AFB6CB;border-color: #AFB6CB;}
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle
{background-color:#AFB6CB;border-color: #AFB6CB;}

.staff-step-form .license-box:last-child{border-bottom:0;padding-bottom:0;margin-bottom:0;}


/*wotc-screening*/

.wotc-screening{text-align:center;}
.wotc-screening h4{color:#080911;font-size:20px;font-weight:500;margin:20px 0;}
.btn-light{background:transparent;border:solid 1px #0073FF;color:#0073FF;font-size:14px;}

.btn-light:hover{background:#0073FF;color:#ffffff;transition: all 300ms linear;}
.wotc-screening{padding:20px 0;}

.wotc-screening img.donescan{height: 80px;}

/*availability*/

.availability-details{border-top:solid 1px #B1BDD6;margin-top:9px;padding-top:15px;}

.availability-details input[type="checkbox"] {display: none;}

.availability-left input[type="checkbox"] + .box:before,
.availability-left input[type="checkbox"] + .box:after {
  transition: all 0.3s;
}
.availability-details input[type="checkbox"] + .box:after {
  position: absolute;
  right: 10px;
  top:15px;
  margin-top: -4px;
  margin-left:0px;
  display: inline-block;
  content: ' ';
  width: 20px;
  height: 20px;
  border: 1px solid #BACBE5;
  border-radius: 2px;
  background-color: #fff;
  z-index: 1;
}
.availability-details input[type="checkbox"]:checked + .box:after {
  background-color: #2196f3;
  border-color: #2196f3;
}
.availability-details input[type="checkbox"]:checked + .box:before {
  transform: rotate(45deg);
  position: absolute;
  right: 16px;
  top: 12px;
  width: 6px;
  height: 13px;
  border-width: 2px;
  border-style: solid;
  border-top: 0;
  border-left: 0;
  border-color: #fff;
  content: '';
  z-index: 10000;
}

.availability-left .checkbox{position:relative;display: flex;flex: 1;background: #F5F8FF;padding: 10px 10px;border-radius: 5px;}

/*.checkbox label {
    padding-left:0px;
}*/

.availability-left{display:flex;align-items:center;}
.availability-left label{flex:1;}

.checkbox label{padding-right: 50px;margin-bottom:0;}
.available-time h5{color:#848BA7;font-size:12px;margin:0;    margin-right: 15px;}
.available-time-box{border:solid 1px #DDE6F1;border-radius:4px;display: flex;    width: max-content;}

.card .available-time-box .form-control{width: 100px;margin-bottom:0;border:0;padding:0;height: 30px;}
.available-time-box .form-group{margin-bottom:0;}
.available-time-box{padding:3px;}
.to-box h4{background:#E2E7EF;display: flex;align-items: center;justify-content: center;padding:8px;margin: 0 10px;
color:#848BA7;font-size:12px;}
.available-time{display:flex;align-items: center;}

.availability-details h3{color:#080911;font-size:14px;margin-bottom:3px;}
.availability-details p{color:#848BA7;font-size:12px;}
.availability-details .row{margin-top:10px;margin-bottom:10px; }

.availability-details .understand-checkbox input[type="checkbox"] + .box:after{left: 3px;top: 6px;}
.availability-details .understand-checkbox .checkbox label{/*display:flex;*/padding-right:0;padding-left:22px;
color:#474D7A;font-size:12px;}

.availability-details .understand-checkbox input[type="checkbox"]:checked + .box:before{left:10px;top: 4px;}
.understand-checkbox{padding-top: 0px;margin-top: 20px;}

.understand-checkbox .row{margin:0;}

.employer-first-list h4{color:#6E8AF6;font-size:14px;font-weight: 400;}

.employer-btn-check .btn-primary{font-size:13px;padding:7px 20px;margin-right:30px;}



.checkbox.custom-checkbox input[type="checkbox"] {display: none;}

.checkbox.custom-checkbox input[type="checkbox"] + .box:before,
.checkbox.custom-checkbox input[type="checkbox"] + .box:after {
  transition: all 0.3s;
}
.checkbox.custom-checkbox input[type="checkbox"] + .box:after {
  position: absolute;
  left:0px;
  top:-1px;
  margin-left:0px;
  display: inline-block;
  content: ' ';
  width: 20px;
  height: 20px;
  border: 1px solid #BACBE5;
  border-radius: 2px;
  background-color: #fff;
  z-index: 1;
}
.checkbox.custom-checkbox input[type="checkbox"]:checked + .box:after {
  background-color: #2196f3;
  border-color: #2196f3;
}
.checkbox.custom-checkbox input[type="checkbox"]:checked + .box:before {
  transform: rotate(45deg);
  position: absolute;
  left:8px;
  top:1px;
  width: 6px;
  height: 13px;
  border-width: 2px;
  border-style: solid;
  border-top: 0;
  border-left: 0;
  border-color: #fff;
  content: '';
  z-index: 10000;
}

.checkbox.custom-checkbox{position:relative;}
.checkbox.custom-checkbox label{padding-left:30px;padding-right:0;color:#474D7A;font-size:12px;position:relative;}
.employer-btn-check{display:flex;align-items:center;margin-top:18px;}

.employment-information-question .common_class_radio{border:solid 1px #DDE3F6;border-radius:5px;padding: 7px 15px;
margin-bottom:15px;}

.employment-information-question .common_class_radio label{font-size:13px;}
.question-heading h4{color:#6E8AF6;font-size:15px;margin-bottom:12px;}

.employment-information-military .license-img-box{max-width: 100px;height: 100px;}

.eligibility-verification{border-top:solid 1px #B1BDD6;padding-top:15px;}
.eligibility-verification h5{color:#080911;font-size:14px;font-weight:500;margin-bottom:10px;}



.rdio.radio-inline {
  position: relative;margin-left:0px;
}

.eligibility-verification .rdio.radio-inline{float:left;width:48%;margin:2px 0;}

.rdio.radio-inline input[type=radio] {
  opacity: 0;
}
.rdio.radio-inline label {
  padding-left: 13px;
  cursor: pointer;
  margin-bottom: 7px !important;font-size:12px;color:#4F4E53;
}
.rdio.radio-inline label:before {
  width:18px;
  height:18px;
  position: absolute;
  top: 3px;
  left: 0;
  content: "";
  display: inline-block;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  border: 1px solid #dde6f1;
  background: #fff;
}
.rdio.radio-inline input[type=radio] {
  margin: 0px;
}
.rdio.radio-inline input[type=radio]:disabled + label {
  color: #999;
}
.rdio.radio-inline input[type=radio]:disabled + label:before {
  background-color: transparent;
}


.rdio.radio-inline input[type=radio]:checked + label::after {
  content: "";
  position: absolute;
  top: 8px;
  left: 5px;
  display: inline-block;
  font-size: 11px;
  width: 8px;
  height: 8px;
  background-color: #0072ff;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
}


.rdio-primary.rdio.radio-inline input[type=radio]:checked + label:before {
  border-color: #0072ff;
}
.rdio-primary.rdio.radio-inline input[type=radio]:checked + label::after {
  background-color: #0072ff;
}

.eligibility-verification-box{background:#F1F4F9;border-radius:6px;padding:12px 15px 5px;margin-top:10px;}
.gj-datepicker-bootstrap [role=right-icon] button{background:#ffffff;}

/*Minimum Requirements*/

.minimum-box h5{color:#0E0E17;font-size:13px;}
.minimum-box p{color:#7F84A3;font-size:12px;line-height:20px;}
.minimum-check-head{border:solid 1px #DDE3F6;border-radius:5px;padding:10px 10px 8px;margin:10px 0;}

.minimum-check .checkbox.custom-checkbox{margin:9px 0;}
.minimum-check .minimum-check-head .checkbox.custom-checkbox{margin:0;}

/*benefits*/

.benefits-box h4{font-size:17px;color:#080911;font-weight:500;margin-bottom:15px;}
.orderstatus {min-height:45px;position: relative;}

.orderstatus:before {
    content: '';
    height: 100%;
    position: absolute;
    left:-13px;
    width: 2px;
    border: solid 1px #E3E9F2;
    margin: 0 25px;top: 0px;
}

.orderstatus-check {
    border: 1px solid #dfdfe6;
    width: 22px;
    height: 22px;
    display: inline-block;
    text-align: center;
    line-height:23px;
    border-radius: 50%;
    margin-bottom: 0.5em;
    background: #fff;
    z-index: 2;
    position: absolute;
    color: #939393;
    left:2px;    top:0px;
    overflow: hidden;
}

.orderstatus-text {padding-left: 40px;}
.orderstatus-text p{color:#0E0E17;font-size:12px;}
.orderstatus-check i{font-size:15px;}
.benefits-box .orderstatus:last-child:before{display:none;}

/*pre-employment-information*/

.identification-card{background:#F2F5FB;padding:11px 11px 4px;border-radius:6px;}
.sms-send-form p{text-align:center;font-size:12px;color:#191C2A;margin:20px 0;}
.sms-send-form p a{border:solid 1px #0073FF;background:#F2F5FB;border-radius:4px;    padding: 1px 7px;}
.sms-send-form p:last-child{margin-bottom:0;}
.new-check{display:flex;}
.new-check .rdio.radio-inline{margin-right:22px;}
.sms-send-form p a:hover{background:#0073FF;color:#ffffff;}

.img-select-drop .license-img-box{max-width:370px;height:300px;margin: 0 auto;position:relative;border:0;}
.img-select-drop .license-img-box{align-items:center;}

.img-select-drop .license-img-box a{font-size: 13px;color:#12161A;    padding: 0;
display: flex;align-items: center;justify-content: center;height:100%;}
.img-select-drop .license-img-box a img.new-skog{height:30px !important;margin-right:10px;}
.dropify-wrapper{background:transparent;border:dashed 1px #6D8EC6;border-radius:10px;}
.dropify-wrapper:hover{background:transparent;}

.dropify-wrapper {
    width:370px;
    border-radius: 10px;
    border: 1px dashed #d6d8e2;
    margin: 0 auto;
    height: 300px;
}

.capetureimgmain{    position: absolute;
    top:60px;
    display: block;z-index: 999;
    left: 0;
    right: 0;}

.img-select-drop .license-img-box a.capetureimgmain{display:block;    padding-bottom: 20px;    height: auto;}
.dropify-wrapper .dropify-message{top: 73%;}

.dropify-wrapper .dropify-message p{font-size: 13px;color: #12161A;}
.dropify-wrapper .dropify-preview .dropify-render img{height:100% !important;}

.dropify-wrapper .dropify-clear{bottom: 11px;
    border: 0;
    top: auto;
    background: rgba(255, 0, 0, .6);
    border-radius: 5px;}


/*drugtest*/

.drugtest-video{border:dashed 1px rgba(117, 117, 148, .2); padding:10px 10px 6px;border-radius:10px;}
.drugtest-video video{border-radius:10px;}
.drug-uploaded h5{color:#0E0E17;font-size:13px;}
.drug-uploaded{margin-top:15px;}

.drug-uploaded-upload{display:flex;background:#F8FBFF;border-radius:5px;border:solid 1px #DDE6F1;}

.drug-uploaded-upload a{font-size: 12px;color: #374264;display: block;padding: 10px 20px;border-bottom:0;width:100%;
position:relative;}

.drug-uploaded-upload a img{height: 20px;margin-right:7px;}
.drug-uploaded-upload a:after{position:absolute;content:"";border-right:dashed 1px rgba(167, 177, 188, .3);right:20px;height:100%;
top:0;}
.drug-uploaded-upload a:last-child:after{display:none;}
.drug-uploaded h6{color:#7F84A3;font-size:10px;margin-top:6px;font-weight:normal;margin-bottom:0;}
.uploaded-images-box{height:85px;width:85px;border-radius:5px;overflow:hidden;position:relative;
border: solid 1px #eee;display: flex;justify-content: center;}
.uploaded-images-box img{object-fit:contain;height:100%;}
.uploaded-images{margin-top:10px;display: inline-block;}
.uploaded-images-box a{position:absolute;top:4px;right:3px;height:22px;width:22px;border:solid 1px #FE2B2B;background:#fff;
border-radius:5px;display:flex;align-content:center;justify-content:center;padding: 2px;}
.uploaded-images-box a i{font-size:15px;margin:0 auto;color:#FE2B2B;}
.uploaded-images-box a{display:none;}
.uploaded-images-box:hover a{display:flex;}

/*uniform-training*/

.uniform-training-box .drugtest-video{padding:8px 8px 5px;margin-bottom:15px;}
.card-slider{border:solid 1px #DDE6F1;border-radius:8px;margin-top:20px;}

.card-slider .owl-nav {
    position: absolute;
    top: calc(50% - 21px);
    width: 107%;
    left: -21px
}

.card-slider .owl-nav div {
    position: absolute;
    top: 50%;
    border:0;
    width: 40px;
    height: 40px;
    border-radius: 50%;font-size: 45px;color: #0E0E17;
}

.card-slider .owl-prev {
    left:40px;
    display: flex;
}

.card-slider .owl-next {
    right: 70px;
    display: flex;
}

.card-slider .owl-prev i,
.card-slider .owl-next i {
    margin: auto
}

.card-slider #owl-example .owl-item {
    box-sizing: border-box;
    padding: 40px;
    text-align: center
}

.card-slider #owl-example .owl-item p {
    font-size: 16px
}

.card-slider .owl-carousel .owl-item img{width: auto;margin: 0 auto;}

.staff-step-form .card-details .common_class_radio h4{font-size:13px;line-height:19px;font-weight:normal;}
.staff-step-form .card-details .common_class_radio{margin:11px 0;}

.card-img{border:dashed 1px rgba(109, 142, 198, .4);border-radius:10px;padding:6px;}

.modal-lg.modal-md{max-width: 800px;}

.download-box{background:#FFFFFF;border-radius:8px;box-shadow:1px 0 20px rgb(140 154 200 / 16%);position:relative;
text-align:center;padding:40px 30px 20px;    margin: 0 30px;}

.download-box:after{position:absolute;}

.download-box:after{content: "";
    width: 37%;
    position: absolute;
    border-bottom: 2px dashed rgba(157, 162, 193, .3);
    left: 100%;
    top: 50%;}


.download-icon{position:relative;} 
.download-icon:after{height:52px;width:52px;background:#ECEEFF;border-radius:50%;position:absolute;content:"";
left:40px;top:-8px;}
.download-icon:before{height:76px;width:76px;background:#F6F7FF;border-radius:50%;position:absolute;content:"";
left:30px;top:-20px;}

.download-icon img{position:relative;z-index:2;height:45px;}
.download-count{color:#EBEDF9;font-size:34px;position: absolute;left:12%;top: 10px;}

.download-box p{color:#060327;font-size:13px;line-height:24px;margin-top:30px;}

.ios-andriod-app{background:#F4F8FB;border-radius:8px;padding:15px 15px 5px;margin-top:30px;}
.ios-andriod-app h5{color:#8F9AA8;font-size:12px;margin:0;font-weight:normal;}
.ios-andriod-app h4{color:#100E1D;font-size:18px;font-weight:500;}
.app-images{text-align:right;}

.ios-andriod-form .btn-primary{margin-top:27px;font-size:14px;}

.app-downloads .col-md-4:last-child .download-box:after{display:none;}

/*consent-forms*/

.consent-forms-box{display:flex;align-items:center;border:solid 1px #D4D9E9;border-radius:6px;padding:13px 13px;
justify-content: space-between;margin-bottom:15px;}
.consent-forms-left{display:flex;align-items:center;justify-content:center;}
.consent-forms-text h5{font-size:14px;color:#000A30;font-weight:500;margin:0;}
.consent-forms-text p{font-size:13px;color:#7981A1;font-weight:normal;}
.consent-forms-icon{margin-right:10px;}
.consent-forms-right a{background:#F8F9FF;border:solid 1px #D4D9E9;border-radius:6px;color:#686F84;font-size:13px;
    padding: 5px 12px;}

.consent-forms-right a.btn-primary{background-color: #007bff;border-color: #007bff;}     

.consent-forms-right a.confirmedDoc{background:#007bff;border-color:#007bff;color:#ffffff;}

.consent-forms-icon img{height:35px;}
.consent-forms-text{flex:1;}

/*Take the Test*/

.card-slider.take-slider{margin-top:0;padding: 30px 0;text-align:center;margin-bottom:15px;}
.take-slider h5{font-size:15px;text-align:center;font-weight:500;margin-bottom:15px;}
.take-slider video{max-width: 650px;margin: 0 auto;}

.examination-details .new-check{display:block;border-bottom: solid 1px rgba(177, 189, 214, .4);padding-bottom:7px;
margin-bottom:10px;}

.examination-details .col-md-12:last-child .new-check{border:0;margin-bottom:0;padding-bottom:0;}


/*Employment Agreement*/

.employment-box .checkbox.custom-checkbox{flex:1;}
.employment-box{border:solid 1px rgba(212, 217, 233, .4);border-radius:6px;padding:8px 10px;display:flex;align-items: center;
margin-bottom:12px;}
.employment-box .custom-checkbox h5{color:#000A30;font-size:13px;font-weight:500;margin-bottom:3px;}
.employment-agreement .row .col-md-12:first-child .employment-box{background:#F3F3F3}

.submitmodal img{margin:15px auto 30px;}
.submitmodal p{color:#737588;font-size:13px;line-height:23px;text-align:center;}
.submitmodal .btn-primary{margin:35px auto 15px;font-size:15px;}

.submitmodal  p{text-align:left;}
.submitmodal .form-group{text-align:left;margin-top:15px;}
.submitmodal.capetureimg .modal-body{padding:19px 16px 15px;}
.submitmodal.capetureimg h3{font-size:18px;border-bottom: solid 1px #eee;padding-bottom: 10px;}

.submitmodal.capetureimg .modal-dialog.modal-dialog-centered button.close{z-index:99;}

.submitmodal.capetureimg .checkbox.custom-checkbox{border-top:solid 1px #eee;margin-top:10px;padding:7px 12px 9px;
background:#F3F3F3;border-radius: 6px;}

.submitmodal.capetureimg .btn-primary{margin:0;margin-right:10px;}

.btn-primary.focus, .btn-primary:focus{box-shadow:none;}

#submitmodal p{text-align:center !important;}
.submitmodal.capetureimg .all_steps_done.btn-primary{margin: 0 auto;margin-top: 22px;}

#PayrollCard.w4formclass .form-control.btn-primary{background-color: #007bff !important;}


/*mix-css*/

.put_above{text-align:right;display: flex;align-items: center;width: 100%;justify-content: flex-end;padding-right: 3px;}

.put_above .checkbox.custom-checkbox{margin-left:10px;}
.put_above .btn-primary{font-size:13px;}

.input-group-append .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, 
.input-group-append .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, 
.input-group-append .show>.btn-outline-secondary.dropdown-toggle:focus{box-shadow:none;background-color:transparent;}

.confirm_popup_icon{margin-bottom:20px;} 
#confirmModal .modal-body{font-size:14px;}
#confirmModal .modal-footer .btn-default:last-child{font-size:13px;}
#confirmModal .modal-footer .btn-default{font-size:13px;}

.alert{font-size: 12px;padding: 5px;}

.staff-step-form .common_class_radio.military_service{padding:0 15px;}
.staff-step-form .common-filds-gansu{padding:0 15px;}


.loader .pre-content {
    top: 50%;
    position: relative;
    right: 0;
    left: 0;
    text-align: center;
    transform: translateY(-50%);
}

.logo-pre {
    background: #e2e2e2;
    border-radius: 50%;
    height: 60px;
    width:60px;
    box-shadow: 0 0 0 0 transparent;
    animation: pulse 2s infinite;
    margin: 0 auto 30px;
    display: flex;
    align-items: center;
    padding: 8px;justify-content:center;
}

.logo-pre img{    max-width: 70% !important;}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(0, 116, 255, .6)
    }
    70% {
        box-shadow: 0 0 0 30px transparent
    }
    100% {
        box-shadow: 0 0 0 0 transparent
    }
}

.loader{border:0 !important;border-radius:50% !important;width:unset !important;height:unset !important;
  animation:unset !important;flex: none !important;margin:0 !important;}

div.loader {
    opacity: 1 !important;
    background: rgba(255,255,255,.7) !important;
    z-index: 1000001;
    left: 0;
    top: 0;
    height: 100% !important;
    width: 100% !important;
    position: fixed;
    border-radius: 0 !important;


}

.response_success{font-size:13px;color: #155724 !important;
    background-color: #d4edda !important;
    border-color: #c3e6cb !important;border-radius:4px;}


.response_error{color: #721c24 !important;font-size:13px;
    background-color: #f8d7da !important;;
    border-color: #f5c6cb !important;;border-radius:4px;}    


.wotc-modal-popup.capetureimg .modal-body{padding:15px 16px 15px;}     
.wotc-modal-popup.capetureimg .modal-body p{margin-bottom:15px;} 


.new-capture{background: #F7FAFF;
    border: solid 1px #9AAFD4;width:340px;height:225px;margin:0 auto;
    border-radius: 10px;padding:20px 0;}



.uploads_dynamic a:last-child img{height:18px !important;}

.licenseImage h2{font-size:14px;text-align:center;margin:25px 0 15px;}

.licenseImage .or-seperator i span {background: #fff;position: relative;z-index: 9;padding: 0 7px;font-size:13px;}
.licenseImage .or-seperator i:after{top:15px;}
.licenseImage .or-seperator{padding-top:5px;}

.main_parent_dynamic .new-capture{height: 150px;overflow:hidden;margin-bottom:15px;
    display: flex;
    align-items: center;
    justify-content: center;}

.main_parent_dynamic .new-capture img{    height: 100% !important;width: 100% !important;object-fit: contain;margin: 0 auto;}
.main_parent_dynamic .btn-secondary{font-size:14px;}
.main_parent_dynamic img.iconimg{height:20px !important;}

.main_parent_dynamic .new-capture a{font-size: 11px;color: #374264;display:block;text-align:center;}


.licenseImage .capture-img-box h4{font-size: 13px;}
.licenseImage img.img-caths {height: 25px !important;}


.card-details p{font-size:13px !important;margin-bottom:10px;}
.card-details .staff-new-check .switch{margin-left:25px;}
.card-details h4{font-size:12px !important;}

.img-select-drop span{line-height: 50px;}
.exam-question{height:50px;width:50px;overflow:hidden;margin-left:15px;}
.exam-question img{object-fit:contain;height:100%;}

.rorate_loop{position:relative;height:60px;width:60px;overflow:hidden;border-radius:4px;
margin-right:6px;margin-top:6px;display: inline-flex;align-items: center;justify-content: center;border: solid 1px #eee;}

.rorate_loop img{height: 100%;object-fit: contain;}

.rorate_loop .license-img-delete{display:none;}
.rorate_loop:hover .license-img-delete{display:flex;}



/*.examination-details .new-check .rdio.radio-inline.onboard_extra{display:flex;align-items:center;margin-bottom: 10px;}*/
.examination-details .new-check .rdio.radio-inline.onboard_extra label:before{top: 10px;}
.rdio.radio-inline.onboard_extra input[type=radio]:checked + label::after{top: 19px;}
.employment-agreement .consent-forms-right a{font-size:12px;}

.modal-content.grv-doc{box-shadow:1px 0 20px rgb(0 18 155 / 10%);}
.w4formclass.capetureimg .modal-body{padding: 10px 0px 15px;}
.w4formclass.capetureimg .modal-body p{font-size:13px;line-height:26px;color: #5e5e5f;}
.w4formclass.capetureimg .modal-body .form-group{margin-top:15px;}
.capetureimg.w4formclass .form-control{font-size:12px;height:34px;padding: 2px 6px;}
.w4formclass.capetureimg .succ-cl-po .succ-cl-po-bottom{top: 18px;right:3px;font-size: 13px;}
.w4formclass.capetureimg .modal-footer{padding: 12px 0 0;}
.w4formclass.capetureimg .modal-footer label{font-size:12px;width:100%;}
.govt-checks-valid label.error {display: none !important;}

.w4formclass.capetureimg .formsavechangebtn{align-items:center;margin-top: 15px;}
.w4formclass.capetureimg .formsavechangebtn .btn-primary{margin-top:0;padding: 6px 15px;}
.w4formclass.capetureimg .formsavechangebtn .btn-default{font-size:13px;}

.uniformIssuance .modal-dialog.modal-md{max-width: 700px;}
.uniformIssuance p{margin-bottom:10px;}
.w4formclass.capetureimg h5{color: #080911;font-size: 14px;font-weight:400;margin:14px 0;}

.terminable ol li{font-size: 12px;line-height: 22px;padding:3px 0;color: #0d0d0d;}
.terminable ol li strong{font-weight:500;color: #080911;font-size:13px;}

.w4formclass.capetureimg .table td, .w4formclass.capetureimg .table th{font-size:12px;text-align:left;}
.capetureimg.w4formclass .table tr td:first-child{text-align:left;color:#74778E;}

.disclosure h5 span{font-size:13px;}

.trackTik .checkbox label{display:flex;align-items: center;}
.trackTik .checkbox label input[type=radio]{margin-right:6px;}
.trackTik .trex  label{font-size:13.5px;margin:6px 0 0;}
.trackTik .trex button{margin:0;width:auto;padding: 0 10px !important;float:left;margin-top:5px;}

.question_image{height: 200px;width:200px;overflow: hidden;}

.employment-bottom.pc_file_class .custom-file-uploader input{opacity:0;position:relative;z-index:99;}
.employment-bottom.pc_file_class .custom-file-uploader{background: #e9ecef;width: 50px;padding: 6.7px;border-radius: 0;position:relative;}
.employment-bottom.pc_file_class .custom-file-uploader:after{content: "\f093";position:absolute;left:16px;top:7px;font-size:17px;
font-family: FontAwesome;    z-index: 1;}
.employment-bottom.pc_file_class{padding-bottom:20px;}

.submitmodal_video video{width:100%;margin:0 auto;}
.submitmodal_video img{margin:0 auto;max-height:400px;}
.uploaded-images-box img:hover{opacity: 0.7;}
.uploaded-images-box video:hover{opacity: 0.7;}
.uploaded-images-box{cursor:pointer;}
.modal-dialog.modal-dialog-centered button.close{z-index:9999;}

.errormodal.modal{z-index: 1051;}
.errormodal.capetureimg .modal-body{padding:40px 17px 0px;} 

.errormodal.capetureimg .modal-dialog button.close {
    background: #ffffff;
    font-weight: normal;
    border-radius: 50%;
    width: 27px;
    height: 27px;
    border: 0;
    color: #385271 !important;
    opacity: 1 !important;
    line-height: 26px;
    position: absolute;
    top: 10px;
    right: 10px;
    font-size:25px;}

.errormodal  .modal-dialog.modal-md{max-width:  400px;} 


/*new-answer-question*/

.question_image{height:120px;width:120px;overflow:hidden;margin:10px 0 20px;}
.question_image img{height:100%;object-fit:cover;}
.exam-question {
    height:80px;
    width:80px;
    overflow: hidden;
margin:0px 0 7px 22px;cursor:pointer;
}

.new-skr .exam-question{height: 80px;width: 140px;}
.new-skr .question_image{height: 120px;width: 200px;}

.exam-boxs .new-check .radio-inline{border: solid 1px #f5f5f5;border-radius: 4px;padding: 7px 12px 4px 12px;}
.exam-boxs .rdio.radio-inline label:before{top: 10px;left: 14px;}
.exam-boxs .rdio.radio-inline input[type=radio]:checked + label::after{top: 15px;left: 19px;}
.examination-details .new-check{    padding-bottom: 17px;}

.examination-details .exam-boxs:last-child .new-check{border-bottom:0;}
ul.popup_list_item{padding-left: 19px;}
.w4formclass ul.popup_list_item li{display:inline-block;padding:0 13px;position:relative;}
.w4formclass ul.popup_list_item li:after{height:5px;width:5px;background:#cfd5db;position:absolute;left:0;content:"";
border-radius: 50px; top: 8px;}
.w4formclass ul.popup_list_item li p{margin-bottom:0;}

/*end-new-answer-question*/

.custom_checkbok_dynamic_field input[type=checkbox]{display:none;}
.custom_checkbok_dynamic_field label{position:relative;padding-left: 30px;}
.custom_checkbok_dynamic_field label:before {transform: rotate(45deg);
position: absolute;left:7px;top:2px;width: 6px;height: 13px;border-width: 2px;border-style: solid;border-top: 0;
border-left: 0;border-color: #fff;content: '';z-index: 10000;    transition: all 0.3s;}

.custom_checkbok_dynamic_field  label:after {
    position: absolute;
    left:0px;
    top:4px;
    margin-top: -4px;
    margin-left: 0px;
    display: inline-block;
    content: ' ';
    width: 20px;
    height: 20px;
    border: 1px solid #BACBE5;
    border-radius: 2px;
    background-color: #fff;
    z-index: 1;}



.custom_checkbok_dynamic_field input[type=checkbox]:checked + label:after {
     background-color: #2196f3;
    border-color: #2196f3;
}


/*w4-form-css*/

.w4formclass .modal-dialog.modal-lg{max-width:1150px;width: 100%;margin-top:20px;}
    .w4formclass .champ-header-left span{color:#333;}
    .w4formclass .champ-header-left h1{font-size:44px;display:inline-block;font-weight:bold;}
    .w4formclass .champ-header-left p{font-size:12px;margin-bottom:0;}
    .w4formclass .champ-header-left{border-right:solid 1px #000;padding-bottom:6px;}
    .w4formclass .champ-header{border-bottom:solid 1px #000}

    .w4formclass .champ-heading{text-align: center;}
    .w4formclass .champ-heading h1{font-size:26px;color:#000;font-weight:500;margin-bottom:0;}
    .w4formclass ul li{list-style:none;}
    .w4formclass ul{padding: 0;margin:0;}
    .w4formclass .champ-heading ul li i{margin-right: 5px;}
    .w4formclass .champ-heading ul li{font-size:13px;color:#838282;font-weight:300;}
    .w4formclass .champ-heading ul{    margin-top: 7px;}
    .w4formclass .champ-header-right h2 span{
        color: black;
        -webkit-text-fill-color: white; /* Will override color (regardless of order) */
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: black;}

    .w4formclass .champ-header-right h2{font-weight:bold;color:#000;margin-top: 10px;}
    .w4formclass .champ-header-left.champ-header-right{border-right: 0;border-left:solid 1px #000;text-align: center;
                                                       padding-bottom:60px;}
    .w4formclass .champ-header-left.champ-header-right p{border-bottom:solid 1px #000;padding-bottom: 3px;}

    .w4formclass .champ-steps h3{color:#000;font-weight:400;font-size:16px;line-height:25px;}
    .w4formclass b{font-weight:500;}
    .w4formclass .col-sm-2.chcustom-width{max-width:12%;}
    /*.col-sm-3.chcustom-width{max-width:21%;}*/
    .w4formclass .col-sm-10.chcustom-width{max-width:88%;flex: 0 0 87.333333%;width:87.3333%;}

    .w4formclass .champmforms label{font-size:13px;color:#838282;    margin-bottom: 3px;font-weight:300;}
    .w4formclass .champmforms label b{margin-right:15px;}
    .w4formclass .champmforms{border-left:solid 1px #000;border-right:solid 1px #000;padding-bottom:20px;}
    .w4formclass .form-control{height:30px;border-radius:4px;background-color:transparent;font-size:13px;border:solid 1px #dce4ec;}
    /*.w4formclass .form-control:focus{background-color:transparent;font-size:13px;border:solid 1px #dce4ec;}*/
    .w4formclass .champ-steps .form-group {margin-bottom: 0;}
    .w4formclass textarea.form-control{height:auto;}

    .w4formclass .champ-steps .champ-heading ul li{text-align: left;    line-height: 17px;}
    .w4formclass .d-flex{display:flex !important;}
    .w4formclass .champmforms.champmformcheak{border-right:0;}
    .w4formclass .champmforms.champmformcheak h5{margin-right:13px;font-size:14px;color:#838282;}
    .w4formclass .champmforms.champmformcheak{padding-top:5px;width: 100%;border-top: solid 1px #000;}
    .w4formclass .champmforms.champmformcheak b{margin-right:0;margin-left:5px;}
    .w4formclass .champmforms.champmformcheak input[type=checkbox], input[type=radio]{vertical-align: middle;}
    .w4formclass .champ-steps.champ-stepone{border-bottom:solid 1px #000;}
    .w4formclass .champ-steptowpre p{margin-bottom:0;font-size:13px;}
    .w4formclass .champ-steptwo p{margin-bottom:3px;font-size:13px;color:#78798b;font-weight:300;}
    .w4formclass .champ-steptwo ul li{font-size:13px;color:#78798b;font-weight:300;}
    .w4formclass .champ-steptwo ul li input[type=checkbox]{vertical-align: middle;}
    .w4formclass .champ-stepthree-forms p{font-size:13px;}
    .w4formclass .champ-stepthree ul li i{font-size:20px;margin-left: 5px;}
    .w4formclass .champ-stepthree ul li span{font-size:15px;margin: 0 5px;}
    .w4formclass .champ-stepthree ul li{margin:10px;}
    .w4formclass .champ-stepthree .champ-stepthree-formsone p span{letter-spacing: 10px;}
    .w4formclass .champ-stepthree-formsone{width:75%;display:inline-block;border-right:solid 1px #000;}
    .w4formclass .champ-stepthree-formstwo{width:5%;display:inline-block;border-right:solid 1px #000;
                                           position: relative;}
    .w4formclass .champ-stepthree-formstwo h6{margin-bottom:0;text-align: center;position: absolute;bottom:0px;left: 0;
                                              right: 0;    padding-bottom: 8px;}
    .w4formclass .champ-stepthree-formsthree .form-group{margin-left:10px;}
    .w4formclass .champ-stepthree-formsthree{position:relative;width:20%;display:inline-block;}
    .w4formclass .stepthree-formsthrees{position: absolute;bottom: 0;left: 0;right: 0;display:flex;padding-bottom:5px;
                                        padding-left:5px;}
    .w4formclass .stepthree-formsthrees .form-group{width:100%;}
    .w4formclass .champ-stepthree-formsone p{padding-bottom:6px;}
    .w4formclass .champ-stepfour h5{font-size:13px;margin-top: 2px;margin-right: 5px;}
    .w4formclass .champ-stepfour ul{margin-top:5px;}
    .w4formclass .champ-stepfour ul li{padding-bottom:10px;}
    .w4formclass .champ-stepfour ul li:last-child{padding-bottom:0;}
    .w4formclass .champ-stepfour ul li:last-child h5{margin-bottom:0;}
    .w4formclass .champ-stepfour ul li:last-child p{margin-bottom:16px;padding-bottom: 0;}
    /*.w4formclass .champ-stepfour .form-control{margin-bottom:6px;}*/
    .w4formclass .champ-stepfoura h6{border-bottom:solid 1px #000;    font-size: 14px;}
    .w4formclass .champ-stepfoura .stepthree-formsthrees{border-bottom:solid 1px #000;}
    .w4formclass .champ-stepfoura:last-child .stepthree-formsthrees{border-bottom:0;}
    .w4formclass .champ-stepfoura:last-child h6{border-bottom:0;}
    .w4formclass .champ-stepfive p{margin-top:8px;margin-bottom: 13px;}
    .w-4-bottom-space { margin-top: 15px;    background: #e5f1f7;
    padding:10px 13px 10px 15px;}
    .w-4-bottom-space label { position: relative;padding-left: 30px; cursor: pointer;color: #05092f;
        font-weight: 500;margin-top: 8px;font-size:13px; }
    .w-4-bottom-space label input { position: absolute; top: 2px; left: 0;width: 17px; height: 17px; }




    .w4formclass .triangle-right {width: 0;height: 0;border-top: 18px solid transparent;border-left:10px solid #000;
                                  border-bottom: 18px solid transparent;}

    .w4formclass .signdiv p{border-top:solid 1px #000;font-size:14px;padding-top:3px;margin-top:0px;}
    .w4formclass .signdiv h5{font-size:25px;text-align: center;color: #000;}
    .w4formclass .signdiv h6{text-align: center;    line-height: 30px;}
    .w4formclass .signdiv{width:100%;margin-left:15px;}
    .w4formclass .champ-stepfive-head{border-right:1px solid #000;height:100%;}
    .w4formclass .chpemplname{margin-top:5px;padding-bottom:6px;}
    .w4formclass .chpemplname label{font-size:13px;min-height:34px;}
    .w4formclass .chap-signdate .row .col-sm-6:first-child .chpemplname label{min-height:18px;}
    .w4formclass .general-Specific h2{color:#000;font-size:20px;font-weight:500;}
    .w4formclass .general-Specific h3{color:#000;font-size:16px;font-weight:400;}
    .w4formclass .general-Specific p{color:#78798b;font-size:13px;font-weight:300;}
    .w4formclass .general-Specific ol li{font-size:13px;}
    .w4formclass .general-Specific ol{padding-left:14px;    margin-top: -10px;}
    .w4formclass .general-Specific{margin-top:15px;}
    .w4formclass .general-Specific h5{font-size:16px;}
    .w4formclass .general-Specific i.fa-exclamation-triangle{font-size: 40px;margin-right: 13px;}
    .w4formclass .edit-icon i{color:#fff;font-size:23px;background-color:#000;border-radius:5px;padding:7px 10px;}
    .w4formclass .multiple-worksheet-head h3{font-size:22px;font-weight:500;text-align: center;margin:0;margin-top: 5px;}
    .w4formclass .multiple-worksheet-head{border-top: solid 1px #000;border-bottom: solid 1px #000;    padding: 5px 0;
                                          margin-bottom: 10px;}
    .w4formclass .multiple-worksheet p{color:#78798b;font-size:13px;}
    .w4formclass .multiple-worksheet-form ol li{font-size:13px;}
    .w4formclass .worksheet-input span{margin:3px 6px 0 0;font-size: 15px;}
    .w4formclass .worksheet-input h6{margin-top:4px;margin-right:5px;}
    /*.w4formclass .worksheet-input{position: absolute;bottom:7px;right: 15%;}*/
    .consent-forms .w4formclass .modal-body{width: 100%;}
    .w4formclass .multiple-worksheet-form ol li p{margin-top:5px;}
    .w4formclass .champ-steptwo .checkbox label{padding-left:0}
    .w4formclass .champ-steptwo .checkbox input[type=checkbox]{margin-left: 10px;}

    .w4formclass .worksheet-form h4 {font-size: 15px;font-weight: 600;margin-right: 10px;margin-top:6px;}

    .w4formclass .cpmcurrly svg { height: 100%; width: 100%; }

    .w4formclass .table thead tr:first-child th:first-child{min-width:140px;max-width:140px;}


    .w4formclass .fence {
        display: flex;
        flex-direction: column;
        font-style: normal;
        line-height: 1;
        margin: 0 5px;
        width: 13px;
    }

    .w4formclass .fence * { display: block; flex: 1 1 auto; }
    .w4formclass .fence svg { fill: #000; }
    .w4formclass .fence.flipped { transform: scaleX(-1); }
    .w4formclass .fence-extension { height: 100%; }

    .w4formclass .currlygroup {
        align-items: stretch;
        display: inline-flex;
        line-height: 0.9;
        margin:0px 0 8px 10px;
        vertical-align: middle;
    }

    .w4formclass .currlygroup ul li::before {
        content: "\2022";
        color:#000;
        font-weight: bold;
        display: inline-block; 
        width: 1em;
        margin-left: -1em;
    }

    .w4formclass .currlygroup ul{padding-left:20px;}
    .w4formclass .currlygroup ul li{font-size:13px;line-height:20px;}

    .w4formclass .cpmcurrly { font-size:15px;}

    .w4formclass .privecyact p{font-size:12px;line-height:19px;}
    .w4formclass .privecyact{border-top:solid 1px #000;padding-top: 10px;}
    .w4formclass .worksheet-form ol{margin-bottom:8px;}

    .w4formclass .champtabel .multiple-worksheet-head h3{font-size:20px;margin-top:0;}
    .w4formclass .table{font-size:13px;}
    .w4formclass .champtabel p{margin-bottom: 0;}
    .w4formclass .table thead th{border:1px solid #dee2e6;border-bottom: 0;padding: 3px 5px;
      border-top:1px solid #dee2e6 !important;font-weight:normal;}
    .w4formclass .table thead tr:nth-child(2) th{white-space: nowrap;}  
    .w4formclass .table td{border:1px solid #dee2e6;}
    .w4formclass .lower-tabel{text-align: center;}
    .w4formclass .table td, .table th{padding:5px 5px;text-align: center;}
    .w4formclass .table tr td:first-child{text-align: right;}
    /*.table tbody tr:nth-of-type(odd) {background-color: rgba(0,0,0,.05);}*/

    .w4formclass .modal-header{padding: 0;min-height:0;border-bottom:0}
    .w4formclass .modal-header .close{margin: 0;
                                      position: absolute;
                                      right: -9px;
                                      top: -12px;
                                      border: solid 1px #333;
                                      border-radius: 50%;
                                      padding: 0 6px;
                                      background: #000;
                                      opacity: 1;
                                      color: #fff;height:30px;width:30px;z-index: 9999;}

    .w4formclass .close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover {
        opacity: 1;
    }

    .w4formclass .col-sm-3.champmforms{border:0;padding-bottom:5px;}

    .w4formclass button:focus{outline:none !important;}

    .w4formclass .btn-link{color:#000;margin-right: 15px;}
    /*.w4formclass .savechangebtn{float:right;}*/
    .formsavechangebtn{text-align:right;display:flex;float:right;}

    .w4formclass .consent-forms .modal-body{width:100%;}
    .w4formclass .champmforms.champmformcheak{float:left}
    .w4formclass .champ-stepfive.champ-steps h3{margin:0;padding-bottom:44px;}
    .w4formclass .form-control{height: 27px;padding: 2px 12px;}
    .formsavechangebtn .btn-default{color: #ffffff;
    background-color: #9aa1a8;font-size:14px;
    border:solid 1px #ced4da;margin-right:20px;border-radius:5px;}
    .formsavechangebtn .btn-primary{background:#003060;border:solid 1px #ced4da;}

.w4formclass form{padding:15px;}


/*i9Form-new*/

.i9Form-new h2{margin:0;}
.i9Form-new h3{color: #080911;font-size: 14px;font-weight: 500;margin-bottom:8px;line-height: 23px;}
.i9Form-new h4{color: #777777;font-size: 12px;font-weight:normal;}
p.new-i9p  span{font-size: 14px;color: #000A30;font-weight: 500;}
p.new-i9p  {margin-bottom:15px;}
.emp-info_sec-1{margin-top:20px;    padding: 10px 15px 0;}
.emp-info_sec-1 p{font-size: 14px;color: #000A30;font-weight: 500;}
p.new-po{font-size:13px;margin:10px 0;}
.modal-body.i9Form-new{padding:0;}

#i9FormModal.modal {padding-left:0;}

.succ-cl-po .succ-cl-po-bottom {
    position: absolute;
    top: 5px;
    right: 9px;
}
.has-success span {
    color: #28a745;
}
.succ-cl-po {
    position: relative;
}
.has-error.succ-cl-po .succ-cl-po-bottom {
    color: #D8000C;
}

/*end-i9Form-new*/



.img-load-box.new-capture{position:relative;top:-20px;}


.criminal-staff-steps.staff-step ul li{padding-right: 20px;}
.criminal-staff-steps.staff-step ul li:after{right: 7px;width: 8px;}

.main-header-right .dropdown-menu .custom-radios input[type="radio"]:checked + label{background:transparent;}
.main-header-right .dropdown-menu .custom-radios input[type="radio"] + label{width:auto;height:auto;margin:0;border:0;background:transparent;}
.main-header-right .dropdown-menu .custom-radios input[type="radio"] + label:hover{background:transparent;}

.card-slider #owl-example .owl-item{display:inline-table;float: none;vertical-align: middle;}

#HandbookAckModal .form-control{height: 38px;}

.new-signs h2{font-size:16px;}

.file-upload{display:block;text-align:center;font-size: 12px;}
.file-upload .file-select{display:block;border: 2px solid #dce4ec;color: #34495e;cursor:pointer;height:40px;line-height:40px;text-align:left;background:#FFFFFF;overflow:hidden;position:relative;}
.file-upload .file-select .file-select-button{background:#dce4ec;padding:0 10px;display:inline-block;height:40px;line-height:40px;}
.file-upload .file-select .file-select-name{line-height:40px;display:inline-block;padding:0 10px;}
.file-upload .file-select:hover{border-color:#34495e;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload .file-select:hover .file-select-button{background:#34495e;color:#FFFFFF;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
/*.file-upload.active .file-select{border-color:#3fa46a;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}*/
/*.file-upload.active .file-select .file-select-button{background:#3fa46a;color:#FFFFFF;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}*/
.file-upload .file-select input[type=file]{z-index:100;cursor:pointer;position:absolute;height:100%;width:100%;top:0;left:0;opacity:0;filter:alpha(opacity=0);}
.file-upload .file-select.file-select-disabled{opacity:0.65;}
.file-upload .file-select.file-select-disabled:hover{cursor:default;display:block;border: 2px solid #dce4ec;color: #34495e;cursor:pointer;height:40px;line-height:40px;margin-top:5px;text-align:left;background:#FFFFFF;overflow:hidden;position:relative;}
.file-upload .file-select.file-select-disabled:hover .file-select-button{background:#dce4ec;color:#666666;padding:0 10px;display:inline-block;height:40px;line-height:40px;}
.file-upload .file-select.file-select-disabled:hover .file-select-name{line-height:40px;display:inline-block;padding:0 10px;}

.w4formclass.capetureimg h5{color: #2d304a;font-weight: 500;font-size: 15px;}

/*end-mix-css*/



    @media screen and (min-width: 1100px) {
        .w4formclass .champ-header-left p{font-size:12px;}

    } 
    @media screen and (max-width:991px) {
        .w4formclass .modal-dialog.modal-lg{width:96%;}
    }    

    @media screen and (max-width: 767px) {
        .scan-qr-list-box { display: block; }
        .scan-qr-list-box-text, .scan-qr-img { width: 100%;text-align: center; }
        .scan-qr-list-box-text h3 { margin-bottom: 10px; font-size: 16px; }
        .scan-qr-img { margin-top: 10px; }
        .scan-qr-img img {     max-width: 100% !important; }
        .w4formclass .champ-header-left{border-right:0;}
        .w4formclass .champ-header-left h1{font-size: 29px;margin-top:0;}
        .w4formclass .champ-heading h1{font-size:18px;margin-top:7px;}
        .w4formclass .champ-header-left.champ-header-right{border-left:0;margin-top:7px;}
        .w4formclass .champ-header-left.champ-header-right{    padding-bottom: 0;}
        .w4formclass .col-sm-2.chcustom-width {max-width: 100%;}
        .w4formclass .col-sm-10.chcustom-width{max-width:100%;flex: 0 0 100%}
        .w4formclass .champmforms{border:0;}
        .w4formclass .champ-stepthree-formsone{width:100%;border:0;}
        .w4formclass .champ-stepthree-formstwo{width:100%;}
        .w4formclass .champ-stepthree-formsthree{width:100%;}
        .w4formclass .champ-stepthree-forms.d-flex{display: block !important;}
        .w4formclass .col-sm-10.chcustom-width{width:100%;}
        .w4formclass .modal-dialog.modal-lg{width:94%;}
        .w4formclass .form-control{margin-bottom:0px;}
        .w4formclass .champ-stepthree ul li{margin:10px 0;}
        .w4formclass .stepthree-formsthrees{position:unset;width:100%;}
        .champ-stepfoura .d-flex{display:unset !important;}
        .w4formclass .d-flex{display:unset !important;}
        .w4formclass .champ-stepthree-formstwo h6{text-align:right;}
        .w4formclass .champ-stepfive-head{border-right:0;}
        .w4formclass .champ-stepfive.champ-steps h3{padding-bottom:0;}
        .chap-signarrow{display:none;}
        .w4formclass .signdiv{margin-left:0;}
        .champ-stepfive{margin-top:10px;}
        .w4formclass .chpemplname label{min-height:14px;}
        .w4formclass .champ-stepfive .form-control{margin-bottom:0;}
        .general-Specific h2{margin-top:0;font-size:17px;}
        .w4formclass .general-Specific h3{margin-top:10px;font-size:14px;}
        .w4formclass .multiple-worksheet-head h3{font-size:17px;}
        .w4formclass .worksheet-form ol{padding:0 0 0 14px;}
        .w4formclass .edit-icon i{padding:6px 8px;font-size:15px;}
        .multiple-worksheet-form .worksheet-input.d-flex{display:flex !important;}
        .multiple-worksheet-form .w4formclass .form-control{margin-bottom:14px;}
        .table-responsive>.table>thead>tr>th{white-space:normal;}
        .w4formclass .table thead tr:first-child th:first-child{vertical-align:inherit;}
        .w4formclass .champtabel .multiple-worksheet-head h3{font-size:17px;}
        .savechangebtn label{display:flex;}
        .savechangebtn input[type=checkbox]{margin-right:10px;}
        .w4formclass .champmforms label{padding-left:0;}
        .w4formclass .modal-header .close{right: -5px;top: -6px;}
        .w4formclass .form-control:focus{box-shadow:none;}
        .w4formclass .signdiv p{margin:0 0;}
        .w4formclass .general-Specific h2{font-size:17px;}
        .savechangebtn{margin-top:15px;}
        .w4formclass .worksheet-form h4{margin-top:0;margin-bottom:7px;}
        .w4formclass {padding-left:0;}


/*i-9-form*/

.w4formclass form {padding: 10px;}
.i9Form-new h2{font-size:14px;}
.i9Form-new h3{    font-size: 12px;line-height: 19px;}
.i9Form-new h4{font-size:11px;}
.coustom-checkbox-i9frm{display:flex;}
.coustom-checkbox-i9frm label{margin:-4px 0 10px 8px;font-size:12px;}
.formsavechangebtn .btn-default{font-size:12px;}
.formsavechangebtn .btn-primary{font-size:12px;}
.w-4-bottom-space{padding: 10px 9px 6px 5px;}

.emp-info_sec-1{padding: 7px 9px 0;}
.emp-info_sec-1 p{font-size:13px;}

    }  


/*end-w4-form-css*/


/*12-5-21*/


.video-basic-box{background: #F1F4F9;padding: 15px;}
.video-basic-box h4{color:#080911;font-size:16px;margin-top:15px;}

.video-box-right{box-shadow:1px 0 6px rgb(121 127 222 / 20%);padding:7px 7px 1px 7px;background:#ffffff;border-radius:5px;
border:solid 1px rgba(121,127,222,.3);position:relative;}
.video-box-right:after{content: '';
    width: 11px;
    height: 11px;
    background: #ffffff;
    position: absolute;
    top:50%;
    left:-6px;
    transform: rotate(-45deg);
    border-top: 1px solid rgba(121,127,222,.3);
    border-left: 1px solid rgba(121,127,222,.3);display:none;}

.video-box-right h5{color:#080911;font-size:14px;margin:10px 3px;}

.video-basic-right{margin-top:10px;cursor:pointer;}

.video-basic .ps{height: calc(100vh - 180px);}
.card.video-select{padding:0;padding-bottom:15px;padding-right:0px;}

.new-mtoag-rights{padding:0px 15px 15px 15px;margin-top:0px;}

.ps-active-x>.ps-scrollbar-x-rail{
    display: none !important;
}

.video-basic-right.active{border:solid 1px #0073FF;border-radius:5px;}

.video-basic-right.active .video-box-right:after{border-top: 1px solid #0073FF;border-left: 1px solid #0073FF;display:block;}

.card.video-select .col-md-4{padding-left:0;} 

.card.video-select .card-button{margin-top:0;padding-right:15px;}

.new-mtoag-rights .welcome-video video{border-radius: 4px;}

.orderstatus1{font-size:12px;color: #777777;}

.champmformcheak .succ-cl-po .succ-cl-po-bottom{top: 18px;    right: 4px;}

/*end-12-5-21*/


/*responsives*/


@media (min-width: 1200px){
.main-sidebar-body {padding: 0px 0px 46px 0px;}

}

@media (max-width: 1024px){
.main-content .container, .main-content .inner-body {padding-left: 15px;padding-right: 15px;}
.staff-step ul li{padding-right: 20px;}
.staff-step ul li:after{display:none;}
.drug-uploaded-upload a{padding: 10px 10px;font-size: 11px;}



}	


@media (min-width: 992px){
.main-sidebar.side-menu {width: 270px;}	
.main-sidebar {
    position: fixed;
    display: flex;
    transform: none;
    z-index: 999;
    border-right-width: 1px;
    visibility: visible;}

.main-body .side-header {
    position: fixed;
    width: 100%;
    z-index: 10 !important;
    border-bottom: 1px solid #e1e6f1;
    left: 0;
    padding-left: 270px;height:57px;
}

.sticky-pin {position: fixed !important;top: 0 !important;}
.main-header-menu-icon {margin-right: 25px;}

.main-body.main-sidebar-hide .side-header {padding-left: 75px;}

.main-sidebar-hide .sidemenu-logo {
    padding: 8px 6px 6px 6px;
    border-bottom: 1px solid rgba(240, 240, 255, 0.1);
    justify-content: center;
    height:57px;
}

.main-content {margin-left: 270px;}
.main-footer {margin-left: 0;}

.main-footer {margin-left: 270px;}

.main-sidebar-hide .main-footer{margin-left:80px;}

}

@media (max-width: 991.98px){
.main-sidebar-show .main-sidebar {
    display: flex;
    transform: translateX(0);
    visibility: visible;
    transition: left 0.3s ease, width 0.3s ease;    top: 33px;z-index:9;
}
.main-header-center h4{display:none;}
.main-header-center p{display:none;}
.sidemenu-logo{display:none;}
.main-header{padding: 4px 0;position:fixed;top:0;width:100%;z-index:9;}
.uploaded-images-box{height: 60px;width: 60px;}

}

@media (min-width:991px){

.responsive-logo {display: none;}



}


@media (min-width: 768px){
.main-body.leftmenu .sidemenu-logo {
    position: fixed;
    z-index: 9999;
    width: 270px;
    background:#002850;
    transition: all 0.4s;
}

.main-body.leftmenu .main-sidebar-body {margin-top: 57px;}
.main-sidebar-hide .side-menu {
    left: 0;
    width: 80px;
    display: block;
    visibility: visible;
    transform: none;
}

.main-sidebar-hide .menu-footer {
    left: 0;
    width: 80px;
    display: block;
    visibility: visible;
    transform: none;
}

.main-sidebar-hide .menu-footer .user-shape-left{display:none;}
.main-sidebar-hide .menu-footer .logout-btn a{margin-left:8px;}

.main-sidebar-hide .menu-user .col-lg-6:first-child{display:none;}

.main-sidebar-hide .sidemenu-logo {
    width: 80px !important;
}

.main-sidebar-hide .sidemenu-label {
    display: none;
    font-size: 10px;
}

.main-sidebar-hide .main-content.side-content {
    margin-left: 80px;
}

.main-sidebar-open .side-menu {
    left: 0;
    width: 270px;
}

.main-sidebar-open .menu-footer{width:270px;transition: all ease 0.5s;}
.main-sidebar-open .user-shape-left{display:block !important;}

.main-sidebar-open .sidemenu-label, .main-sidebar-open .text-icon {
    display: block;font-size:13px;
}

.main-sidebar-hide .side-menu .main-logo .desktop-logo {
    display: none;
}

.main-sidebar-hide .side-menu .main-logo .icon-logo {
    display: block;
    margin-left: 10px;
}

.main-sidebar-open .side-menu .main-logo .desktop-logo {
    display: block;
    margin: 0 auto;
    text-align: center;
}
.main-sidebar-open .side-menu .main-logo .icon-logo {
    display: none;
}

.main-sidebar-hide.main-sidebar-open .sidemenu-logo {
    width: 270px !important;
}




}


 @media (max-width:767px) {  
.login-page-box{padding: 20px 10px;}
.login-slogan{margin-top:20px;}
h4{font-size:15px;}
.web-logo img{width:60%;}
.login-page form {margin-top: 20px;}
.login-page .form-group{margin-bottom: 20px;}
.form-control{    height: 35px;}
.forgot-link{margin-top:-4px;}
.btn-primary{font-size:14px;}

.staffWizard-btn button.btn-primary{padding: 7px 35px;margin-top: 15px;}

.main-sidebar-show .side-menu {
    top: 40px !important;
}

/*.main-sidebar-show .main-sidebar {
    display: flex;
    transform: translateX(0);
    visibility: visible;
    transition: left 0.3s ease, width 0.3s ease;
}*/

.main-header-right a span{display:none;}
.responsive-logo{text-align:center;}
.main-header{padding: 4px 0;position:fixed;top:0;width:100%;}
.main-header-right .dropdown-menu{    top: 34px;}
.ps {height: calc(100vh - 100px);}
.menu-footer {width:240px;}
.main-sidebar-body .nav-link{font-size:12px;}
.side-menu .nav-item{margin: 10px 0;}
.main-sidebar-body{padding-bottom:50px;}
.menu-footer{position:absolute;}

.main-content .container, .main-content .inner-body {padding-left: 10px; padding-right: 10px;}
.page{padding-top:40px;}
.main-content .card{padding:8px;}
.card-button{margin-top:8px;padding-top:8px;}
.card-button .btn-primary {padding: 6px 30px;font-size: 14px;}
.main-footer{padding: 4px 0;}
.right-footer p{font-size:11px;}
.left-footer{font-size:12px;}
.right-footer {text-align:left;}

.staff-step ul li{width: 23%;vertical-align:top;padding-right: 12px;height: 50px;}
.staff-step ul li a span{display:none !important;}
.staff-step ul li.current_page a span{display:block !important;}
/*.staff-step ul li a{display:block;}
.staff-step ul li a span{display:none;}*/
.staff-step ul li.active a span{display:block;position: absolute;width: max-content;bottom:0;}

.staff-step ul li:after{content: '';
    width: 100%;
    height: 1px;
    background: #d3deec;
    position: absolute;
    left: 5px;
    top: 13px;
    z-index: 1;display:block;}


.staff-step ul li:last-child:after{display:none;}
.staff-step{padding-bottom: 10px;margin-bottom: 6px;}
.card .form-group{margin-bottom:10px;}
.card .form-control{height:35px;}
.card label{font-size:12px;}
.card-button .btn-secondary{padding: 4px 15px;font-size: 13px;}
.card-button .btn-primary{padding: 4px 20px;font-size: 13px;}
.page-header p{font-size:11px;}
.previous-address-box{padding: 7px;}
.add-delete-btn a i{font-size:14px;}
.add-delete-btn a{height: 22px;width: 22px;right: 8px;}
.staff-step-form .common_class_radio label{font-size:11px;}
.staff-new-check .switch{width: 75px;height: 27px;}
.staff-new-check .switch label{font-size:11px;}
.staff-new-check .switch label{width:40px;}
.staff-new-check label.yes{left: -6px;top: -12px;}
.staff-new-check label.no{right: -6px;top: -12px;}
.staff-new-check .switch i{font-size:15px;    top: 3px;}
.license-box{margin-bottom:8px;padding-bottom:8px;}

.wotc-screening {padding: 5px 0;}
.wotc-screening h4{font-size:14px;margin: 15px 0;}
.btn-light{font-size:12px;}

.availability-left label{flex:0;margin-right:10px;}
.availability-left .checkbox label{flex:1;}
.available-time{display:block;border-bottom: solid 1px #c9cbd0;padding-bottom: 10px;}
.available-time-box{width:auto;}

.card .available-time-box .form-group{margin-bottom:0;}
.available-time h5{margin:10px 0 8px;}
.availability-details .understand-checkbox input[type="checkbox"] + .box:after{left:3px;top:8px;}
.availability-details .understand-checkbox .checkbox label{align-items:center;}
.availability-details .understand-checkbox .checkbox label{padding-left: 16px;}
.understand-checkbox{margin-top:12px;}
.employer-btn-check .btn-primary{font-size:12px;padding: 7px 10px;}

.employment-information-question .common_class_radio{padding: 5px 5px;margin-bottom: 8px;}
/*.employment-information-question .common_class_radio label{line-height: 16px;}*/
.question-heading h4{font-size:13px;margin-bottom: 9px;}
.eligibility-verification .rdio.radio-inline{width:100%;}
.eligibility-verification-box{padding: 8px 8px 4px;}
.employment-information-military .license-img-box{max-width: 80px;height: 80px;}

.checkbox.custom-checkbox input[type="checkbox"] + .box:after{width: 17px;height: 17px;}
.checkbox.custom-checkbox input[type="checkbox"]:checked + .box:before{width: 4px;height: 10px;left: 6px;top: 2px;}
.checkbox.custom-checkbox label{padding-left: 26px;}
.minimum-check .checkbox.custom-checkbox {margin: 5px 0;}
.minimum-check-head{padding: 7px 7px 4px;}

.benefits-box h4{font-size:14px;margin-bottom: 10px;}
.main-sidebar-body .nav-link i{margin-right:8px;font-size: 15px;}
.license-img-box{max-width: 120px;height: 100px;}
.sms-send-form p{font-size:11px;line-height:20px;margin: 10px 0;}
.img-select-drop .license-img-box{max-width: 260px;background:transparent;}
.dropify-wrapper{width:260px;height: 150px !important;}
.dropify-wrapper.touch-fallback{height: 150px !important;}

.capetureimgmain{position:unset;}

.img-select-drop .license-img-box a.capetureimgmain{padding:0;}

.img-select-drop .license-img-box a.capetureimgmain{border-radius: 10px;border: 1px dashed #d6d8e2;    background: #F8FBFF;
;height:250px;display:flex;align-items: center;justify-content: center;margin:10px 0 20px;}

.drugtest-video{padding: 7px;}
.drug-uploaded h5{font-size:12px;}
.drug-uploaded-upload a img{height:16px;margin-right: 3px;}
.drug-uploaded-upload a{padding: 10px 6px;}
.drug-uploaded-upload a:after{right:7px;}
.card-slider .owl-nav div{font-size: 25px;}
.card-slider .owl-prev{left:12px;}
.card-slider .owl-next{right: -10px;}
.card-slider #owl-example .owl-item{padding:13px;}
.staff-step-form .card-details .common_class_radio h4{font-size:12px;}
.card-img{text-align:center;}
.card-img img{width: 60%;}
.download-box:after{display:none;}
.download-box{margin:15px 0 0;padding: 30px 10px 10px;}
.download-icon:after{height: 42px;width: 42px;top: -11px;}
.download-icon:before{height:60px;width:60px;}
.download-icon{max-width: 170px;margin:0 auto}
.download-count{display:none;}
.download-box p{font-size:12px;margin-top:10px;}
.app-images{display:flex;}
.app-images a img{height: 30px;margin-right:15px;}
.app-images{margin-bottom:10px;}
.ios-andriod-form .btn-primary{margin-top:0;margin-bottom:15px;}

.consent-forms-box{padding: 8px 8px;display: block;}
.consent-forms-right a{font-size: 12px;padding: 5px 12px;margin-top:6px;}

.consent-forms-right{margin-top:7px;text-align:right;}
.consent-forms-left{justify-content:unset;}
.consent-forms-left img{height:35px;}
.consent-forms-text h5{font-size:13px;}
.consent-forms-text p{font-size:12px;}

.card-slider.take-slider{padding: 10px 10px;}
.take-slider h5{font-size:13px;}
.examination-details .new-check{padding-bottom: 5px;margin-bottom: 7px;}

.employment-box{display:block;}
.previous-address h5{font-size:12px;}
.previous-address{margin-top: 2px;padding-top: 10px;}

.availability-details .understand-checkbox input[type="checkbox"]:checked + .box:before {top: 6px;}
.availability-details{margin-top: 4px;padding-top: 9px;}
.availability-details h3{font-size:13px;}
.employer-first-list h4{font-size:12px;}
.minimum-box h5{font-size:12px;}
.orderstatus{padding-bottom:12px;min-height:unset;}
.dropify-wrapper .dropify-message{top:-10px;}

.ios-andriod-app{padding:11px 10px 1px;margin-top: 20px;}
.ios-andriod-form .btn-primary{font-size:12px;}


.card .examination-details label{font-size:11px;}
.card .examination-details .rdio.radio-inline label{margin-bottom:0;}

.staff-new-check label.yes{left: -3px !important;}
.staff-new-check label.no{right: -3px !important;}

/*.capture-img-box{width:100% !important;}
.capture-img-box{max-height:200px;min-height:200px;}
.capture-img-box img{object-fit:cover;height:100%;}*/

.capture-img-box{max-width:100%;min-width:100%;height:100% !important}
.capture-img-box img{object-fit:contain;}

.new-capture{width:320px;}
.takesnapshots .alert{font-size:11px;margin-bottom:0;}
.takesnapshots .modal-body{padding:5px;}
.takesnapshots .modal-header{padding: 4px;}
.licenseImage .browse_image {font-size:13px;line-height:45px;}

.form-group input {   
    /* Remove First */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;


}

 select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E')
      !important;
    background-repeat: no-repeat, repeat !important;
    background-position: right .7em top 50%, 0 0 !important;
    background-size: .65em auto, 100% !important;
    border: none;
    border-radius: 0px;
    padding: 0em 0em 0em .35em;
}

.errormodal .modal-dialog.modal-md{max-width: inherit;}
.errormodal.capetureimg .modal-body{padding: 40px 17px 20px;}


}

 @media (max-width:390px) {  
.employer-btn-check{display:block;    margin-top: 11px;}
.employer-btn-check .btn-primary{margin-bottom:10px;}

}



/********************************/
/*        theme CSS          */
/********************************/

/*green theme CSS */

.green-theme .main-sidebar-sticky{background: #37904e;}
.green-theme .main-sidebar-body .nav-link{color: #d6d2d2;}
.green-theme .main-sidebar-body .nav-link i{color: #d6d2d2;}
.green-theme .main-body.leftmenu .sidemenu-logo{background: #50b86b;}
.green-theme .menu-footer{background: #37904e;}
.green-theme .user-name{color: #ffffff;}
.green-theme .nav-header{background: #0ec53e;}
.green-theme .main-sidebar-body .nav-item.active .nav-link:before, 
.green-theme .main-sidebar-body .nav-item.active .nav-link:after{border-right: 20px solid #37904e;}
.green-theme .main-sidebar-body li.nav-item.active .nav-link i{color:#44a05c;}
.green-theme .btn-primary{background-color: #50b86b;border-color: #50b86b;}

.green-theme .btn-primary:not(:disabled):not(.disabled).active, 
.green-theme .btn-primary:not(:disabled):not(.disabled):active, 
.green-theme .show>.btn-primary.dropdown-toggle{background: #50b86b;}

.green-theme.main-body.leftmenu .sidemenu-logo{background:#37904e;}

.green-theme .main-sidebar-body li.nav-item.active .nav-link{color: #44a05c;}
.green-theme .getStarted i{color: #50b86b;}
.green-theme .staff-step ul li.active a{color: #50b86b;}
.green-theme .staff-step ul li.active:after{background: #50b86b;}
.green-theme .staff-step ul li.active a .count-shape{border-color: #50b86b;color:#50b86b;}
.green-theme .nav-header{background: #1B6334;}
.green-theme .btn-primary{background-color:#37904e;border-color:#37904e;}
.green-theme .btn-light{border: solid 1px #37904e;color: #37904e;}
.green-theme .btn-light:hover{    background: #37904e;color:#ffffff;}
.green-theme .checkbox.custom-checkbox input[type="checkbox"]:checked + .box:after{background-color: #37904e;border-color: #37904e;}
.green-theme .rdio.radio-inline input[type=radio]:checked + label::after{background-color: #37904e;}
.green-theme .rdio-primary.rdio.radio-inline input[type=radio]:checked + label:before{border-color: #37904e;}
.green-theme .sms-send-form p a{border-color:#37904e;}
.green-theme .sms-send-form p a{color:#37904e;}
.green-theme .sms-send-form p a:hover{background: #37904e;color:#ffffff;}

.green-theme .gj-picker-bootstrap table tr td.selected.gj-cursor-pointer div{background: #37904e;border-color:#37904e; }
.green-theme .gj-picker div[role=navigator] div[role=period]{color:#37904e;}
.green-theme .consent-forms-right a.confirmedDoc{background: #37904e;border-color:#37904e;}
.green-theme .availability-details input[type="checkbox"]:checked + .box:after {background-color: #37904e;border-color: #37904e;}

.green-theme .modal-dialog.modal-dialog-centered button.close:hover{color:#37904e !important;border-color:#37904e;}
.green-theme .orderstatus-text p a{color:#37904e;}

/*dark blue theme CSS */

.nav-blue .main-sidebar-sticky{background: #7367f0;}
.nav-blue .main-sidebar-body .nav-link{color: #d6d2d2;}
.nav-blue .main-sidebar-body .nav-link i{color: #d6d2d2;}
.nav-blue .main-body.leftmenu .sidemenu-logo{background: #50b86b;}
.nav-blue .menu-footer{background: #7367f0;}
.nav-blue .user-name{color: #ffffff;}
.nav-blue .nav-header{background: #0ec53e;}
.nav-blue .main-sidebar-body .nav-item.active .nav-link:before, 
.nav-blue .main-sidebar-body .nav-item.active .nav-link:after{border-right: 20px solid #7367f0;}
.nav-blue .main-sidebar-body li.nav-item.active .nav-link i{color:#554aca;}
.nav-blue .btn-primary{background-color: #50b86b;border-color: #50b86b;}

.nav-blue .btn-primary:not(:disabled):not(.disabled).active, 
.nav-blue .btn-primary:not(:disabled):not(.disabled):active, 
.nav-blue .show>.btn-primary.dropdown-toggle{background: #50b86b;}

.nav-blue.main-body.leftmenu .sidemenu-logo{background:#7367f0;}

.nav-blue .main-sidebar-body li.nav-item.active .nav-link{color: #554aca;}
.nav-blue .getStarted i{color: #554aca;}
.nav-blue .staff-step ul li.active a{color: #554aca;}
.nav-blue .staff-step ul li.active:after{background: #7367f0;}
.nav-blue .staff-step ul li.active a .count-shape{border-color: #554aca;color:#554aca;}
.nav-blue .nav-header{background: #554aca;}
.nav-blue .btn-primary{background-color:#554aca;border-color:#554aca;}
.nav-blue .btn-light{border: solid 1px #7367f0;color: #7367f0;}
.nav-blue .btn-light:hover{    background: #7367f0;color:#ffffff;}
.nav-blue .checkbox.custom-checkbox input[type="checkbox"]:checked + .box:after{background-color: #7367f0;border-color: #7367f0;}
.nav-blue .rdio.radio-inline input[type=radio]:checked + label::after{background-color: #7367f0;}
.nav-blue .rdio-primary.rdio.radio-inline input[type=radio]:checked + label:before{border-color: #7367f0;}
.nav-blue .sms-send-form p a{border-color:#7367f0;}
.nav-blue .sms-send-form p a{color:#7367f0;}
.nav-blue .sms-send-form p a:hover{background: #7367f0;color:#ffffff;}

.nav-blue .gj-picker-bootstrap table tr td.selected.gj-cursor-pointer div{background: #7367f0;border-color:#7367f0; }
.nav-blue .gj-picker div[role=navigator] div[role=period]{color:#7367f0;}
.nav-blue .consent-forms-right a.confirmedDoc{background: #7367f0;border-color:#7367f0;}
.nav-blue .availability-details input[type="checkbox"]:checked + .box:after {background-color: #7367f0;border-color: #7367f0;}

.nav-blue .modal-dialog.modal-dialog-centered button.close:hover{color:#7367f0 !important;border-color:#7367f0;}
.nav-blue .orderstatus-text p a{color:#7367f0;}

/*blue theme CSS */

.blue-theme .main-sidebar-sticky{background: #3a7afe;}
.blue-theme .main-sidebar-body .nav-link{color: #d6d2d2;}
.blue-theme .main-sidebar-body .nav-link i{color: #d6d2d2;}
.blue-theme .main-body.leftmenu .sidemenu-logo{background: #3a7afe;}
.blue-theme .menu-footer{background: #3a7afe;}
.blue-theme .user-name{color: #ffffff;}
.blue-theme .nav-header{background: #0ec53e;}
.blue-theme .main-sidebar-body .nav-item.active .nav-link:before, 
.blue-theme .main-sidebar-body .nav-item.active .nav-link:after{border-right: 20px solid #3a7afe;}
.blue-theme .main-sidebar-body li.nav-item.active .nav-link i{color:#3a7afe;}
.blue-theme .btn-primary{background-color: #3a7afe;border-color: #3a7afe;}

.blue-theme .btn-primary:not(:disabled):not(.disabled).active, 
.blue-theme .btn-primary:not(:disabled):not(.disabled):active, 
.blue-theme .show>.btn-primary.dropdown-toggle{background: #3a7afe;}

.blue-theme.main-body.leftmenu .sidemenu-logo{background:#3a7afe;}

.blue-theme .main-sidebar-body li.nav-item.active .nav-link{color: #3a7afe;}
.blue-theme .getStarted i{color: #3a7afe;}
.blue-theme .staff-step ul li.active a{color: #3a7afe;}
.blue-theme .staff-step ul li.active:after{background: #3a7afe;}
.blue-theme .staff-step ul li.active a .count-shape{border-color: #3a7afe;color:#3a7afe;}
.blue-theme .nav-header{background: #3569d4;}
.blue-theme .btn-primary{background-color:#3a7afe;border-color:#3a7afe;}
.blue-theme .btn-light{border: solid 1px #3a7afe;color: #3a7afe;}
.blue-theme .btn-light:hover{    background: #3a7afe;color:#ffffff;}
.blue-theme .checkbox.custom-checkbox input[type="checkbox"]:checked + .box:after{background-color: #3a7afe;border-color: #3a7afe;}
.blue-theme .rdio.radio-inline input[type=radio]:checked + label::after{background-color: #3a7afe;}
.blue-theme .rdio-primary.rdio.radio-inline input[type=radio]:checked + label:before{border-color: #3a7afe;}
.blue-theme .sms-send-form p a{border-color:#3a7afe;}
.blue-theme .sms-send-form p a{color:#3a7afe;}
.blue-theme .sms-send-form p a:hover{background: #3a7afe;color:#ffffff;}

.blue-theme .gj-picker-bootstrap table tr td.selected.gj-cursor-pointer div{background: #3569d4;border-color:#3569d4; }
.blue-theme .gj-picker div[role=navigator] div[role=period]{color:#3569d4;}
.blue-theme .consent-forms-right a.confirmedDoc{background: #3a7afe;border-color:#3a7afe;}
.blue-theme .availability-details input[type="checkbox"]:checked + .box:after {background-color: #3a7afe;border-color: #3a7afe;}

.blue-theme .modal-dialog.modal-dialog-centered button.close:hover{color:#3a7afe !important;border-color:#3a7afe;}
.blue-theme .orderstatus-text p a{color:#3a7afe;}

/*darkblue theme css*/

.darkblue-theme .main-sidebar-sticky{background: #1e2746;}
.darkblue-theme .main-sidebar-body .nav-link{color: #909090;}
.darkblue-theme .main-sidebar-body .nav-link i{color: #909090;}
.darkblue-theme .main-body.leftmenu .sidemenu-logo{background: #1e2746;}
.darkblue-theme .menu-footer{background: #1e2746;}
.darkblue-theme .user-name{color: #ffffff;}
.darkblue-theme .nav-header{background: #0ec53e;}
.darkblue-theme .main-sidebar-body .nav-item.active .nav-link:before, 
.darkblue-theme .main-sidebar-body .nav-item.active .nav-link:after{border-right: 20px solid #1e2746;}
.darkblue-theme .main-sidebar-body li.nav-item.active .nav-link i{color:#1e2746;}
.darkblue-theme .btn-primary{background-color: #1e2746;border-color: #1e2746;}

.darkblue-theme .btn-primary:not(:disabled):not(.disabled).active, 
.darkblue-theme .btn-primary:not(:disabled):not(.disabled):active, 
.darkblue-theme .show>.btn-primary.dropdown-toggle{background: #1e2746;}

.darkblue-theme.main-body.leftmenu .sidemenu-logo{background:#1e2746;}

.darkblue-theme .main-sidebar-body li.nav-item.active .nav-link{color: #1e2746;}
.darkblue-theme .getStarted i{color: #1e2746;}
.darkblue-theme .staff-step ul li.active a{color: #1e2746;}
.darkblue-theme .staff-step ul li.active:after{background: #1e2746;}
.darkblue-theme .staff-step ul li.active a .count-shape{border-color: #1e2746;color:#1e2746;}
.darkblue-theme .nav-header{background: #00030c;}
.darkblue-theme .btn-primary{background-color:#1e2746;border-color:#1e2746;}
.darkblue-theme .btn-light{border: solid 1px #1e2746;color: #1e2746;}
.darkblue-theme .btn-light:hover{    background: #1e2746;color:#ffffff;}
.darkblue-theme .checkbox.custom-checkbox input[type="checkbox"]:checked + .box:after{background-color: #1e2746;border-color: #1e2746;}
.darkblue-theme .rdio.radio-inline input[type=radio]:checked + label::after{background-color: #1e2746;}
.darkblue-theme .rdio-primary.rdio.radio-inline input[type=radio]:checked + label:before{border-color: #1e2746;}
.darkblue-theme .sms-send-form p a{border-color:#1e2746;}
.darkblue-theme .sms-send-form p a{color:#1e2746;}
.darkblue-theme .sms-send-form p a:hover{background: #1e2746;color:#ffffff;}
.darkblue-theme .gj-picker-bootstrap table tr td.selected.gj-cursor-pointer div{background: #1e2746;border-color:#1e2746; }
.darkblue-theme .gj-picker div[role=navigator] div[role=period]{color:#1e2746;}
.darkblue-theme .consent-forms-right a.confirmedDoc{background: #1e2746;border-color:#1e2746;}
.darkblue-theme .availability-details input[type="checkbox"]:checked + .box:after {background-color: #1e2746;border-color: #1e2746;}

.darkblue-theme .modal-dialog.modal-dialog-centered button.close:hover{color:#1e2746 !important;border-color:#1e2746;}
.darkblue-theme .orderstatus-text p a{color:#1e2746;}

/*grey-theme*/

.orange-theme .main-sidebar-sticky{background: #fa735a;}
.orange-theme .main-sidebar-body .nav-link{color: #fbfbfb;}
.orange-theme .main-sidebar-body .nav-link i{color: #fbfbfb;}
.orange-theme .main-body.leftmenu .sidemenu-logo{background: #fa735a;}
.orange-theme .menu-footer{background: #fa735a;}
.orange-theme .user-name{color: #ffffff;}
.orange-theme .nav-header{background: #0ec53e;}
.orange-theme .main-sidebar-body .nav-item.active .nav-link:before, 
.orange-theme .main-sidebar-body .nav-item.active .nav-link:after{border-right: 20px solid #fa735a;}
.orange-theme .main-sidebar-body li.nav-item.active .nav-link i{color:#fa735a;}
.orange-theme .btn-primary{background-color: #fa735a;border-color: #fa735a;}

.orange-theme .btn-primary:not(:disabled):not(.disabled).active, 
.orange-theme .btn-primary:not(:disabled):not(.disabled):active, 
.orange-theme .show>.btn-primary.dropdown-toggle{background: #fa735a;}

.orange-theme.main-body.leftmenu .sidemenu-logo{background:#fa735a;}

.orange-theme .main-sidebar-body li.nav-item.active .nav-link{color: #fa735a;}
.orange-theme .getStarted i{color: #fa735a;}
.orange-theme .staff-step ul li.active a{color: #fa735a;}
.orange-theme .staff-step ul li.active:after{background: #fa735a;}
.orange-theme .staff-step ul li.active a .count-shape{border-color: #fa735a;color:#fa735a;}
.orange-theme .nav-header{background: #bb4732;}
.orange-theme .btn-primary{background-color:#fa735a;border-color:#fa735a;}
.orange-theme .btn-light{border: solid 1px #fa735a;color: #fa735a;}
.orange-theme .btn-light:hover{    background: #fa735a;color:#ffffff;}
.orange-theme .checkbox.custom-checkbox input[type="checkbox"]:checked + .box:after{background-color: #fa735a;border-color: #fa735a;}
.orange-theme .rdio.radio-inline input[type=radio]:checked + label::after{background-color: #fa735a;}
.orange-theme .rdio-primary.rdio.radio-inline input[type=radio]:checked + label:before{border-color: #fa735a;}
.orange-theme .sms-send-form p a{border-color:#fa735a;}
.orange-theme .sms-send-form p a{color:#fa735a;}
.orange-theme .sms-send-form p a:hover{background: #fa735a;color:#ffffff;}
.orange-theme .gj-picker-bootstrap table tr td.selected.gj-cursor-pointer div{background: #fa735a;border-color:#fa735a; }
.orange-theme .gj-picker div[role=navigator] div[role=period]{color:#fa735a;}
.orange-theme .consent-forms-right a.confirmedDoc{background: #fa735a;border-color:#fa735a;}
.orange-theme .availability-details input[type="checkbox"]:checked + .box:after {background-color: #fa735a; border-color: #fa735a;}

.orange-theme .modal-dialog.modal-dialog-centered button.close:hover{color:#fa735a !important;border-color:#fa735a;}
.orange-theme .orderstatus-text p a{color:#fa735a;}

/*yellow-theme*/

.yellow-theme .main-sidebar-sticky{background: #ff9f24;}
.yellow-theme .main-sidebar-body .nav-link{color: #101b33;}
.yellow-theme .main-sidebar-body .nav-link i{color: #101b33;}
.yellow-theme .main-body.leftmenu .sidemenu-logo{background: #ff9f24;}
.yellow-theme .menu-footer{background: #ff9f24;}
.yellow-theme .user-name{color: #0f1229;}
.yellow-theme .main-sidebar-body .nav-item.active .nav-link:before, 
.yellow-theme .main-sidebar-body .nav-item.active .nav-link:after{border-right: 20px solid #ff9f24;}
.yellow-theme .main-sidebar-body li.nav-item.active .nav-link i{color:#d6ae10;}
.yellow-theme .btn-primary{background-color: #ff9f24;border-color: #ff9f24;}

.yellow-theme .btn-primary:not(:disabled):not(.disabled).active, 
.yellow-theme .btn-primary:not(:disabled):not(.disabled):active, 
.yellow-theme .show>.btn-primary.dropdown-toggle{background: #ff9f24;}

.yellow-theme.main-body.leftmenu .sidemenu-logo{background:#ff9f24;}

.yellow-theme .main-sidebar-body li.nav-item.active .nav-link{color: #d6ae10;}
.yellow-theme .getStarted i{color: #c57309;}
.yellow-theme .staff-step ul li.active a{color: #c57309;}
.yellow-theme .staff-step ul li.active:after{background: #ff9f24;}
.yellow-theme .staff-step ul li.active a .count-shape{border-color: #ff9f24;color:#ff9f24;}
.yellow-theme .nav-header{background: #bd9907;}
.yellow-theme .btn-primary{background-color:#ff9f24;border-color:#ff9f24;    color: #000;}
.yellow-theme .btn-light{border: solid 1px #fa735a;color: #ff9f24;}
.yellow-theme .btn-light:hover{    background: #ff9f24;color:#ffffff;}
.yellow-theme .checkbox.custom-checkbox input[type="checkbox"]:checked + .box:after{background-color: #ff9f24;border-color: #ff9f24;}
.yellow-theme .rdio.radio-inline input[type=radio]:checked + label::after{background-color: #ff9f24;}
.yellow-theme .rdio-primary.rdio.radio-inline input[type=radio]:checked + label:before{border-color: #ff9f24;}
.yellow-theme .sms-send-form p a{border-color:#ff9f24;}
.yellow-theme .sms-send-form p a{color:#ff9f24;}
.yellow-theme .sms-send-form p a:hover{background: #ff9f24;color:#ffffff;}
.yellow-theme .gj-picker-bootstrap table tr td.selected.gj-cursor-pointer div{background: #ff9f24;border-color:#ff9f24; }
.yellow-theme .gj-picker div[role=navigator] div[role=period]{color:#ff9f24;}
.yellow-theme .consent-forms-right a.confirmedDoc{background: #ff9f24;border-color:#ff9f24;}
.yellow-theme .availability-details input[type="checkbox"]:checked + .box:after {background-color: #ff9f24; border-color: #ff9f24;}

.yellow-theme .modal-dialog.modal-dialog-centered button.close:hover{color:#ff9f24 !important;border-color:#ff9f24;}
.yellow-theme .orderstatus-text p a{color:#ff9f24;}
.yellow-theme .logout-btn a{color:#101b33;}


/*grey-theme*/

.purple-theme .main-sidebar-sticky{background: #425c5a;}
.purple-theme .main-sidebar-body .nav-link{color: #fbfbfb;}
.purple-theme .main-sidebar-body .nav-link i{color: #fbfbfb;}
.purple-theme .main-body.leftmenu .sidemenu-logo{background: #425c5a;}
.purple-theme .menu-footer{background: #425c5a;}
.purple-theme .user-name{color: #ffffff;}
.purple-theme .nav-header{background: #0ec53e;}
.purple-theme .main-sidebar-body .nav-item.active .nav-link:before, 
.purple-theme .main-sidebar-body .nav-item.active .nav-link:after{border-right: 20px solid #425c5a;}
.purple-theme .main-sidebar-body li.nav-item.active .nav-link i{color:#425c5a;}
.purple-theme .btn-primary{background-color: #425c5a;border-color: #425c5a;}

.purple-theme .btn-primary:not(:disabled):not(.disabled).active, 
.purple-theme .btn-primary:not(:disabled):not(.disabled):active, 
.purple-theme .show>.btn-primary.dropdown-toggle{background: #425c5a;}

.purple-theme.main-body.leftmenu .sidemenu-logo{background:#425c5a;}

.purple-theme .main-sidebar-body li.nav-item.active .nav-link{color: #425c5a;}
.purple-theme .getStarted i{color: #425c5a;}
.purple-theme .staff-step ul li.active a{color: #425c5a;}
.purple-theme .staff-step ul li.active:after{background: #425c5a;}
.purple-theme .staff-step ul li.active a .count-shape{border-color: #425c5a;color:#425c5a;}
.purple-theme .nav-header{background: #1e2928;}
.purple-theme .btn-primary{background-color:#425c5a;border-color:#425c5a;}
.purple-theme .btn-light{border: solid 1px #425c5a;color: #425c5a;}
.purple-theme .btn-light:hover{    background: #425c5a;color:#ffffff;}
.purple-theme .checkbox.custom-checkbox input[type="checkbox"]:checked + .box:after{background-color: #425c5a;border-color: #425c5a;}
.purple-theme .rdio.radio-inline input[type=radio]:checked + label::after{background-color: #425c5a;}
.purple-theme .rdio-primary.rdio.radio-inline input[type=radio]:checked + label:before{border-color: #425c5a;}
.purple-theme .sms-send-form p a{border-color:#425c5a;}
.purple-theme .sms-send-form p a{color:#425c5a;}
.purple-theme .sms-send-form p a:hover{background: #425c5a;color:#ffffff;}
.purple-theme .gj-picker-bootstrap table tr td.selected.gj-cursor-pointer div{background: #425c5a;border-color:#425c5a; }
.purple-theme .gj-picker div[role=navigator] div[role=period]{color:#425c5a;}
.purple-theme .consent-forms-right a.confirmedDoc{background: #425c5a;border-color:#425c5a;}
.purple-theme .availability-details input[type="checkbox"]:checked + .box:after {background-color: #425c5a; border-color: #425c5a;}

.purple-theme .modal-dialog.modal-dialog-centered button.close:hover{color:#425c5a !important;border-color:#425c5a;}
.purple-theme .orderstatus-text p a{color:#425c5a;}


/*dark-brown-theme*/

.mtg-theme .main-sidebar-sticky{background: #491556;}
.mtg-theme .main-sidebar-body .nav-link{color: #fbfbfb;}
.mtg-theme .main-sidebar-body .nav-link i{color: #fbfbfb;}
.mtg-theme .main-body.leftmenu .sidemenu-logo{background: #491556;}
.mtg-theme .menu-footer{background: #491556;}
.mtg-theme .user-name{color: #ffffff;}
.mtg-theme .nav-header{background: #0ec53e;}
.mtg-theme .main-sidebar-body .nav-item.active .nav-link:before, 
.mtg-theme .main-sidebar-body .nav-item.active .nav-link:after{border-right: 20px solid #491556;}
.mtg-theme .main-sidebar-body li.nav-item.active .nav-link i{color:#491556;}
.mtg-theme .btn-primary{background-color: #491556;border-color: #491556;}

.mtg-theme .btn-primary:not(:disabled):not(.disabled).active, 
.mtg-theme .btn-primary:not(:disabled):not(.disabled):active, 
.mtg-theme .show>.btn-primary.dropdown-toggle{background: #491556;}

.mtg-theme.main-body.leftmenu .sidemenu-logo{background:#491556;}

.mtg-theme .main-sidebar-body li.nav-item.active .nav-link{color: #491556;}
.mtg-theme .getStarted i{color: #491556;}
.mtg-theme .staff-step ul li.active a{color: #491556;}
.mtg-theme .staff-step ul li.active:after{background: #491556;}
.mtg-theme .staff-step ul li.active a .count-shape{border-color: #491556;color:#491556;}
.mtg-theme .nav-header{background: #230a29;}
.mtg-theme .btn-primary{background-color:#491556;border-color:#491556;}
.mtg-theme .btn-light{border: solid 1px #491556;color: #491556;}
.mtg-theme .btn-light:hover{    background: #491556;color:#ffffff;}
.mtg-theme .checkbox.custom-checkbox input[type="checkbox"]:checked + .box:after{background-color: #491556;border-color: #491556;}
.mtg-theme .rdio.radio-inline input[type=radio]:checked + label::after{background-color: #491556;}
.mtg-theme .rdio-primary.rdio.radio-inline input[type=radio]:checked + label:before{border-color: #491556;}
.mtg-theme .sms-send-form p a{border-color:#491556;}
.mtg-theme .sms-send-form p a{color:#491556;}
.mtg-theme .sms-send-form p a:hover{background: #491556;color:#ffffff;}
.mtg-theme .gj-picker-bootstrap table tr td.selected.gj-cursor-pointer div{background: #491556;border-color:#491556; }
.mtg-theme .gj-picker div[role=navigator] div[role=period]{color:#491556;}
.mtg-theme .consent-forms-right a.confirmedDoc{background: #491556;border-color:#491556;}
.mtg-theme .availability-details input[type="checkbox"]:checked + .box:after {background-color: #491556; border-color: #491556;}

.mtg-theme .modal-dialog.modal-dialog-centered button.close:hover{color:#491556 !important;border-color:#491556;}
.mtg-theme .orderstatus-text p a{color:#491556;}


/*red-gray-theme*/

.red-theme .main-sidebar-sticky{background: #e91e63;}
.red-theme .main-sidebar-body .nav-link{color: #fbfbfb;}
.red-theme .main-sidebar-body .nav-link i{color: #fbfbfb;}
.red-theme .main-body.leftmenu .sidemenu-logo{background: #e91e63;}
.red-theme .menu-footer{background: #e91e63;}
.red-theme .user-name{color: #ffffff;}
.red-theme .nav-header{background: #0ec53e;}
.red-theme .main-sidebar-body .nav-item.active .nav-link:before, 
.red-theme .main-sidebar-body .nav-item.active .nav-link:after{border-right: 20px solid #e91e63;}
.red-theme .main-sidebar-body li.nav-item.active .nav-link i{color:#e91e63;}
.red-theme .btn-primary{background-color: #e91e63;border-color: #e91e63;}

.red-theme .btn-primary:not(:disabled):not(.disabled).active, 
.red-theme .btn-primary:not(:disabled):not(.disabled):active, 
.red-theme .show>.btn-primary.dropdown-toggle{background: #e91e63;}

.red-theme.main-body.leftmenu .sidemenu-logo{background:#e91e63;}

.red-theme .main-sidebar-body li.nav-item.active .nav-link{color: #e91e63;}
.red-theme .getStarted i{color: #e91e63;}
.red-theme .staff-step ul li.active a{color: #e91e63;}
.red-theme .staff-step ul li.active:after{background: #e91e63;}
.red-theme .staff-step ul li.active a .count-shape{border-color: #e91e63;color:#e91e63;}
.red-theme .nav-header{background: #a41546;}
.red-theme .btn-primary{background-color:#e91e63;border-color:#e91e63;}
.red-theme .btn-light{border: solid 1px #e91e63;color: #e91e63;}
.red-theme .btn-light:hover{    background: #e91e63;color:#ffffff;}
.red-theme .checkbox.custom-checkbox input[type="checkbox"]:checked + .box:after{background-color: #e91e63;border-color: #e91e63;}
.red-theme .rdio.radio-inline input[type=radio]:checked + label::after{background-color: #e91e63;}
.red-theme .rdio-primary.rdio.radio-inline input[type=radio]:checked + label:before{border-color: #e91e63;}
.red-theme .sms-send-form p a{border-color:#e91e63;}
.red-theme .sms-send-form p a{color:#e91e63;}
.red-theme .sms-send-form p a:hover{background: #e91e63;color:#ffffff;}
.red-theme .gj-picker-bootstrap table tr td.selected.gj-cursor-pointer div{background: #e91e63;border-color:#e91e63; }
.red-theme .gj-picker div[role=navigator] div[role=period]{color:#e91e63;}
.red-theme .consent-forms-right a.confirmedDoc{background: #e91e63;border-color:#e91e63;}
.red-theme .availability-details input[type="checkbox"]:checked + .box:after {background-color: #e91e63; border-color: #e91e63;}

.red-theme .modal-dialog.modal-dialog-centered button.close:hover{color:#e91e63 !important;border-color:#e91e63;}
.red-theme .orderstatus-text p a{color:#e91e63;}

/*Cyan-theme*/

.dark-red-theme .main-sidebar-sticky{background: #0097a7 ;}
.dark-red-theme .main-sidebar-body .nav-link{color: #fbfbfb;}
.dark-red-theme .main-sidebar-body .nav-link i{color: #fbfbfb;}
.dark-red-theme .main-body.leftmenu .sidemenu-logo{background: #0097a7 ;}
.dark-red-theme .menu-footer{background: #0097a7 ;}
.dark-red-theme .user-name{color: #ffffff;}
.dark-red-theme .nav-header{background: #0ec53e;}
.dark-red-theme .main-sidebar-body .nav-item.active .nav-link:before, 
.dark-red-theme .main-sidebar-body .nav-item.active .nav-link:after{border-right: 20px solid #0097a7 ;}
.dark-red-theme .main-sidebar-body li.nav-item.active .nav-link i{color:#0097a7 ;}
.dark-red-theme .btn-primary{background-color: #0097a7 ;border-color: #0097a7 ;}

.dark-red-theme .btn-primary:not(:disabled):not(.disabled).active, 
.dark-red-theme .btn-primary:not(:disabled):not(.disabled):active, 
.dark-red-theme .show>.btn-primary.dropdown-toggle{background: #0097a7;}

.dark-red-theme.main-body.leftmenu .sidemenu-logo{background:#0097a7 ;}

.dark-red-theme .main-sidebar-body li.nav-item.active .nav-link{color: #0097a7 ;}
.dark-red-theme .getStarted i{color: #0097a7 ;}
.dark-red-theme .staff-step ul li.active a{color: #0097a7 ;}
.dark-red-theme .staff-step ul li.active:after{background: #0097a7 ;}
.dark-red-theme .staff-step ul li.active a .count-shape{border-color: #0097a7 ;color:#0097a7 ;}
.dark-red-theme .nav-header{background: #066e79;}
.dark-red-theme .btn-primary{background-color:#0097a7 ;border-color:#0097a7 ;}
.dark-red-theme .btn-light{border: solid 1px #0097a7 ;color: #0097a7 ;}
.dark-red-theme .btn-light:hover{    background: #0097a7 ;color:#ffffff;}
.dark-red-theme .checkbox.custom-checkbox input[type="checkbox"]:checked + .box:after{background-color: #0097a7 ;border-color: #0097a7 ;}
.dark-red-theme .rdio.radio-inline input[type=radio]:checked + label::after{background-color: #0097a7 ;}
.dark-red-theme .rdio-primary.rdio.radio-inline input[type=radio]:checked + label:before{border-color: #0097a7 ;}
.dark-red-theme .sms-send-form p a{border-color:#0097a7 ;}
.dark-red-theme .sms-send-form p a{color:#0097a7 ;}
.dark-red-theme .sms-send-form p a:hover{background: #0097a7 ;color:#ffffff;}
.dark-red-theme .gj-picker-bootstrap table tr td.selected.gj-cursor-pointer div{background: #0097a7 ;border-color:#0097a7 ; }
.dark-red-theme .gj-picker div[role=navigator] div[role=period]{color:#0097a7 ;}
.dark-red-theme .consent-forms-right a.confirmedDoc{background: #0097a7 ;border-color:#0097a7 ;}
.dark-red-theme .availability-details input[type="checkbox"]:checked + .box:after {background-color: #0097a7 ; border-color: #0097a7 ;}

.dark-red-theme .modal-dialog.modal-dialog-centered button.close:hover{color:#0097a7  !important;border-color:#0097a7 ;}
.dark-red-theme .orderstatus-text p a{color:#0097a7 ;}



/********************************/
/*      end-theme CSS         */
/********************************/


#argeementFrmModal .modal-dialog { width: 100%;max-width: 800px;    justify-content: center; }
#argeementFrmModal .modal-title {     padding: 15px 0 0 15px; }
#argeementFrmModal .modal-body { font-size: 12px; }

.cover_video {
    width: 100%;
    height: 100%;
    position: absolute;
}
.video-basic-box iframe {
    height: 100%;
    min-height: 355px;
}


@media (max-width: 767.98px) {

.video-basic-box iframe{min-height:auto;}

}

