body {
  /*font-family: 'Muli', sans-serif;
   background-color: #fff;*/
}
/*Skye css*/
body .clear_sign{
    padding: 8px 20px;
    font-size: 12px !important;
    text-transform: uppercase;
    color:#000;
    border:1px solid #000;
    border-radius:50px;
}
.page-inner.subpg-inner .form-group span {
    float: left;
    /*width: 100%;*/
    /*position: relative;*/
}
div#cke_1_contents{
    clear:both;
}
span#cke_1_top {
    width: 98.9%;
}
span.pia-in {
    width: 100%;
    position: relative;
}
.card1.view-upcoming-dt  {
    background-color: #fff;
    margin-bottom: 30px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 0;
}
.card1.view-upcoming-dt  .card-header1{
    margin: 1rem 2rem 0rem;
    padding: 10px 0px;
}
.row.noncompliant.invoice-items .col-md-2, .row.noncompliant.invoice-items .col-md-3, .row.noncompliant.invoice-items .col{
   padding-left: 6px;
    padding-right: 6px;
} 
.row.noncompliant.invoice-items .col-md-2 .form-group, .row.noncompliant.invoice-items .col-md-3 .form-group, .row.noncompliant.invoice-items .col .form-group {
    padding:5px;
}  
.row.noncompliant.invoice-items .col-md-2 .form-group label, .row.noncompliant.invoice-items .col-md-3 .form-group label, .row.noncompliant.invoice-items .col .form-group label{
    font-size:17px !important;
}
.card1.view-upcoming-dt  .card-header1 .btn.btn-link{
    padding: 14px 0px;
    color: #fff !important;
    font-weight: 600;
}
.card1.view-upcoming-dt  .card-header1 .btn.btn-link:hover, .card1.view-upcoming-dt  .card-header1 .btn.btn-link:active, .card1.view-upcoming-dt  .card-header1 .btn.btn-link:focus{
    text-decoration: none !important;
}
.card1.view-upcoming-dt .accicon.float-right{
    margin-top: 15px;
}
.card1.view-upcoming-dt .content{
    max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease-out;
} 
.card1.view-upcoming-dt h5.mb-0 {
    background: #0071ab;
    color: #fff;
    font-weight: 700;
    padding: 3px 20px;
    margin-bottom:15px !important;
    border-radius: 12px;
    cursor:pointer;
}
.card1.view-upcoming-dt .table td, .card1.view-upcoming-dt .table th{
  border-color: #00000014!important;  
  font-size:14px;
}
.card1.view-upcoming-dt .table th{
    border-top: 0px solid #ccc !important;
    color:#fff;
}
.card1.view-upcoming-dt .table tr:last-child td{
    border-bottom: 0px solid #ccc !important;
}
.card1.view-upcoming-dt table.table {
    background: #e6e6e654;
    border-radius: 10px;
    border: 0;
}
.card1.view-upcoming-dt thead {
    background: #0b9cda;
    color:#fff;
    border: 0;
}
.card1.view-upcoming-dt thead tr th:first-child{
    border-top-left-radius: 12px;
}
.card1.view-upcoming-dt thead tr th:last-child{
    border-top-right-radius: 12px;
}
span label.pre_fix {
    position: absolute;
    left: 0;
    top: 0;
    background: #e9e9e9;
    padding: 11px;
    color: #000000 !important;
    font-size: 14px !important;
}
.form-group.selec-ag {
    display: flex;
    flex-direction: column;
}
.page-inner.subpg-inner .form-group.selec-ag span {
    width: 100%;
    line-height: 38px;
    height: 40px;
    
}
.page-inner.subpg-inner .form-group span .form-control {
    padding-left: 72px;
}
.card-action.navigation-billing {
    padding-top: 0;
    border: 0 !important;
}
.add-row-bottom-parent {
    float: left;
    text-align: right;
}
table#add-row-bottom {
    width: 410px;
    float: right;
}
.edit-save-profile img{
    width:250px !important;
    height:250px !important;
    border-radius:0 !important;
}
.sign_saved{
    color:#31ce36;
    font-weight:500;
}
span.resend-invoice-status {
    display: block;
    color: #28a745;
    margin-top: 10px;
}

.login-sub-content-section select#State {
    color: #cccccc !important;
}
.form-control::placeholder{
     color: #cccccc !important;
}
.crop-btn-profile .btn-success{
    padding: 10px 30px;
    font-size: 15px;
    color: white !important;
    background: #0b9cda !important;
    border-color: #0b9cda !important;
    font-weight: 400;
}
select#tax_applicable option{
    color:#495057 !important;
}
input.choose-upload-btn.survey_img{
    border-color: #ebedf2;
    padding: .6rem 1rem;
    border: 1px solid #ebedf2;
    border-radius: .25rem;
    width: 100%;
    margin-top:15px;
    margin-left:1px;
}
body .survey_upload{
    width:100%;
    float:none;
    display:block;
}
body .survey_upload .upload-btn.desk-btn{
     float:none;
}
body .survey_img_cont{
    width:100%;
}
body .save-signature{
    padding: 8px 23px;
    font-size: 12px !important;
    text-transform: uppercase;
    color:#fff !important;
    border-radius:50px;
}
body #btnSaveSignature1{
     color:#fff !important;
}
.form_divider_cont{
    border-bottom: 2px solid #eaeaea;
    padding-top: 25px;
    max-width: 97%;
    margin: 0 auto;
}
body .lb-container .lb-nav a.lb-next{
    background-size: 50px !important;
}
body .lb-container .lb-nav a.lb-prev{
    background-size: 50px !important;
}
.required_error_message{
    color: #ff0000;
    font-size:12px;
    
}
.upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
}
.upload-btn-wrapper .btn {
    
    min-width: 150px;
    padding-top: 15px;
    padding-right: 35px;
    padding-bottom: 15px;
    cursor:pointer;
    padding-left: 35px;
    border-radius: 0px;
}
.upload-btn-wrapper .upload-img {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    cursor:pointer;
    margin-left:1px;
    margin-top:1px;
    max-width: 220px;
    display: inline;
}

/*Skye css*/
a {
  color: #0b9cda;
}
.invalid-feedback{
    display:block !important;
}
a:hover {
  color : #0b9cda;
  text-decoration: none;
}
.chekformgrp a{
  color: #0b9cda !important;
}
.view-img-surevey label {
    width: 100%;
}

.signed{
    clear:both;
    margin-left:0;
    margin-left:0 !important;
}
.crop-img-main img{
    /*width:100%;*/
}
button#crop-image {
    margin-bottom: 15px;
}
.sign-cert.signature-main .signature{
    margin-left:0 !important;
}
.sign-date .signature{
    margin-left:0 !important;
}

label.sign-cert.signature-main.remove-float{
    float: none !important;
} 
label.sign-cert.signature-main {
    float: left;
    width: 100%;
    font-size: 18px !important;
    color: #0b9cda !important;
    font-weight: bold;
}
.already-member{
  color: #0b9cda !important;
}
.col-xl-12.col-md-12 .divider-register{
    font-size: 26px !important;
    color: #212529 !important;
    float: left;
    margin: 20px 0 5px;
}
.compliance-cerficate input[type="checkbox"]{
        transform: scale(1.3);
}
.notice-cerficate input[type="checkbox"] {
    width: 50px;
    transform: scale(1.3);
}
.pre-inspection input[type="checkbox"] {
    width: 50px;
    transform: scale(1.3);
}
.non-compliance-cerficate input[type="checkbox"] {
    width: 50px;
    transform: scale(1.3);
}
.card-main-payment .selectgroup-button-icon{
  color: #0b9cda;
  font-weight: bold;
  border: 1px solid #0b9cda;
  cursor: inherit;
}
.table-responsive table tr th:last-child{width:119px;}

.table-responsive table tr th:last-child{width:170px;}

.insp-status{display:block;}
span.delete-image {
        position: absolute;
    cursor: pointer;
    background: #0b9cda;
    width: 20px;
    height: 20px;
    border-radius: 50px;
    text-align: center;
    line-height: 22px;
    color: #ffffff;
    top: -9px;
    right: 8px;
}
.photo-gallery {
    clear: both;
    margin-top: 32px;
}
.photo-gallery .col-sm-6.col-md-4.col-lg-3.item {
    text-align: center;
    min-height: 232px;
}
/*#inspector_form select option:first-child{
  color: #cccccc;
}*/
button#crop-image{
  text-transform: uppercase;
  padding: 8px 20px;
}
.main-navigation{
    height:auto !important;
}
.main-header-bar .main-header-bar-navigation {
    height: auto !important;
}
button.xero-btn {
    background: none !important;
}
button.xero-btn:hover {
    background: none !important;
}
.xero-img{margin-left: 5px}
strong.error-questions {
    color: #dc3545;
    font-size: 12px;
}
label.register-form-label {
    float: left;
    color: #0b9cda !important;
    margin-bottom: 4px;
    font-size: 18px !important;
    font-weight: bold;
}
.hint-ans{
  font-weight: normal;
}
.cf-status.btn-success.non-compliant{
  background: #ff0000 !important;
    border-color: #ff0000 !important;
}
.cf-status.btn-success.notice{
  background-color: #f25961 !important;
  border-color: #f25961 !important;
}
.cf-status.btn-success.compliant{
background: #31ce36!important;
    border-color: #31ce36!important;
}
.login-sub-content-section .divider{
  padding-top: 0;
  padding-bottom: 20px;

}
.form-control.traineee-check{width: auto; margin-top: 14px;}
.form-control:disabled, .form-control[readonly]{
  pointer-events: none;
}
#inspector_form input::placeholder{
  color: #cccccc;
}
.accordion .commentsection .choose-img.upload-file i.fa.fa-times.ajax-class:hover::before {
    content: "\f00d";
    position: absolute;
    background-color: #0b9cdaed;
    cursor: pointer;
    /* padding: 43px 46px; */
    display: block;
    top: -7px;
    font-size: 9px;
    border-radius: 100%;
    padding: 6px 7px !important;
    right: -1px;
    color: #fff;
}
.accordion .commentsection .choose-img.upload-file i.fa.fa-times.ajax-class {
margin: 0px 12px;
    position: relative;
}
#company_registration_form input::placeholder{
  color: #cccccc;
}
.login-sub-content-section input::placeholder{
  color: #cccccc !important;
}
#site-navigation {
    height: auto !important;
}
#trainee_inspector_form input::placeholder{
  color: #cccccc;
}
html body .accordion-card.mb-2.card.min-h-0 .px-4 .pt-4.pb-4.panel-heading{
    -webkit-appearance: none !important;
    background-color:#fff !important;
    border:0px solid #fff !important;
}
.date{
    background-color:#fff !important;
}

.loginbackground {
  background-image : url(../img/loginbackgroundtwo.png  );
  background-size  : cover;
  background-repeat: no-repeat;
}

.registerbackground {
  background-color: #006fa7 !important;
}

.card-header {
  font-size: 21px;
}

.main-reg-heading.invoice-print-area.px-4 {
  background: #0b9cda !important;
  color     : #ffffff;
  padding   : 20px;
}

.main-reg-heading.invoice-print-area.px-4 span.question-name {
  color        : #ffffff;
  margin-bottom: 10px;
  font-weight  : bold;
}

.sub-heading {
  font-size    : 25px;
  /*font-family: 'Muli', sans-serif;*/
  font-weight  : 750;
  color        : rgb(49, 78, 107);
  line-height  : 0.3;
  text-align   : left;
}

.logincolumn {
  background-color: #ffffff;
  position        : relative;
}

.formsection {
  padding-top: 2rem;
}



.submitbtn {
  border-radius   : 4px;
  background-image: -moz-linear-gradient(20deg, rgb(79, 205, 180) 0%, rgb(0, 185, 148) 100%) !important;
  background-image: -webkit-linear-gradient(20deg, rgb(79, 205, 180) 0%, rgb(0, 185, 148) 100%) !important;
  background-image: -ms-linear-gradient(20deg, rgb(79, 205, 180) 0%, rgb(0, 185, 148) 100%) !important;
  box-shadow      : 0px 10px 12px 0px rgba(0, 226, 180, 0.2);
  font-size       : 16px !important;
  border          : none !important;
  padding         : 0.5rem 1.5rem !important;
  font-weight     : 700;
  margin-right    : 15px;
}

.submitbtn a {
  padding-right: 9px;
  color        : white;
  /*font-family: 'Muli', sans-serif;*/
}

.loginlinks {
  font-size    : 15px !important;
  color        : rgb(49, 78, 107) !important;
  /*font-family: 'Muli', sans-serif;*/
  font-weight  : 500;


}

body .logincardbody {
  padding-left : 2.5rem;
  padding-right: 2.5rem;
  height       : 100vh;
  overflow-y   : auto;

}

/* width  for scrolling hidden*/

.logincardbody::-webkit-scrollbar {
  width: 2px;
}

/* Track */
.logincardbody::-webkit-scrollbar-track {
  background: #FCFDFD;
}

/* Handle */
.logincardbody::-webkit-scrollbar-thumb {
  background: #FCFDFD;
}

/* Handle on hover */
.logincardbody::-webkit-scrollbar-thumb:hover {
  background: #FCFDFD;
}

/*---- end of scrolling -----*/
/* dashboard scrollbar */
/* width */
.inspectionlist-scrollbar-inner.scroll-content.scroll-scrolly_visible::-webkit-scrollbar {
  width        : 7px;
  border-radius: 30px
}

/* Track */
.inspectionlist-scrollbar-inner.scroll-content.scroll-scrolly_visible::-webkit-scrollbar-track {
  background: #d6d3d3;
}

/* Handle */
.inspectionlist-scrollbar-inner.scroll-content.scroll-scrolly_visible::-webkit-scrollbar-thumb {
  background: #919191;
}

/* Handle on hover */
.inspectionlist-scrollbar-inner.scroll-content.scroll-scrolly_visible::-webkit-scrollbar-thumb:hover {
  background: #777777;
}

/* End */
.copyrighttext {
  font-size    : 13px;
  color        : rgb(49, 78, 107);
  font-weight  : 700;
  opacity      : 0.8;
  padding-top  : 2rem;
  /*font-family: 'Muli', sans-serif;*/
}

.logout.nav-item a p {
  color: red !important
}

.table-striped.table-hover.dataTable tr td .btn {
  padding: 12px 2px
}

.sidebar .nav>.logout.nav-item a i {
  color: red !important
}

.loginpara {
  margin-bottom: -30px;
}

.loginparaheading {
  font-size    : 50px;
  /*font-family: 'Muli', sans-serif;*/
  font-weight  : 600;
  line-height  : 40px;
}

.loginparalist {
  font-size    : 21px;
  /*font-family: 'Muli', sans-serif;*/
  font-weight  : 550;
}

.loginparalist span {
  padding-top: 10px;
}

.loginparasubheading {
  font-size    : 21px;
  /*font-family: 'Muli', sans-serif;*/
  font-weight  : 500;
}

.loginlisticons {
  font-size: 33px !important;
}

section.h-100.loginbackground .container-fluid {
  background-color: #060b613d;

}

body,
.h-100 {
  height: 100vh;

}

body .parasection {
  padding-left: 5rem;
}

/* The container */
.containerradio {
  display            : table-cell;
  position           : relative;
  padding-left       : 35px;
  padding-bottom     : 12px;
  cursor             : pointer;
  font-size          : 19px;
  width              : 36%;
  -webkit-user-select: none;
  -moz-user-select   : none;
  -ms-user-select    : none;
  user-select        : none;
}

/* Hide the browser's default radio button */
.containerradio input {
  position: absolute;
  opacity : 0;
  cursor  : pointer;
}

/* Create a custom radio button */
.checkmark {
  position        : absolute;
  top             : 0;
  left            : 0;
  height          : 23px;
  width           : 23px;
  background-color: #eee;
  border-radius   : 50%;
}

/* On mouse-over, add a grey background color */
.containerradio:hover input~.checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.containerradio input:checked~.checkmark {
  background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content : "";
  position: absolute;
  display : none;
}

/* Show the indicator (dot/circle) when checked */
.containerradio input:checked~.checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.containerradio .checkmark:after {
  top          : 8px;
  left         : 8px;
  width        : 8px;
  height       : 8px;
  border-radius: 50%;
  background   : white;
}

.card-header.customcardheader {
  border-bottom   : 0px;
  background-color: #d8ecf4;
  /*font-family   : 'Muli', sans-serif;*/
}

.col-form-label {
  font-size: 16px !important;
}

.mandatory {
  color: red;
}

input[type="file"] {
  font-size: 12px;
}

span.subtitle-no {
  display      : inline-block;
  font-weight  : 600;
  border       : 2px solid;
  width        : 48px;
  text-align   : center;
  border-radius: 16px;
}

.card.inspectordbcard {
  border-radius: 11px;
}

.circles-text {
  font-size  : 60px;
  font-family: "Abel";
  color      : rgb(0, 0, 0);
  line-height: 1.2;
}

.progress.progress-sm {
  width : 103px;
  height: 9px;
}

.menutoggle i.icon-menu {
  color    : #0ba1d9;
  font-size: 26px;
}

span.dashbaordtext {
  font-size    : 24px;
  /*font-family: 'Muli', sans-serif;*/
  font-weight  : 700;
  color        : rgb(51, 51, 51);
  line-height  : 1.2;
  text-align   : center;
}

.circles-wrp {
  float: right;
}

p.inprogresstext {
  font-size    : 38px;
  /*font-family: 'Muli', sans-serif;*/
  font-weight  : 700;
  color        : rgb(241, 205, 40);
  line-height  : 1.2;
}

p.greyheader {
  font-size    : 30px;
  /*font-family: 'Muli', sans-serif;*/
  color        : rgb(136, 136, 136);
  line-height  : 1.2;
  margin-bottom: 0px;
}

.bg-secondary {
  background-color: #1269db !important;
}

.stamp-md {
  border-radius   : 4px;
  background-image: -moz-linear-gradient(20deg, rgb(0, 168, 232) 0%, rgb(13, 153, 215) 100%);
  background-image: -webkit-linear-gradient(20deg, rgb(0, 168, 232) 0%, rgb(13, 153, 215) 100%);
  background-image: -ms-linear-gradient(20deg, rgb(0, 168, 232) 0%, rgb(13, 153, 215) 100%);
  box-shadow      : 0px 10px 12px 0px rgba(0, 159, 221, 0.2);
  width           : 36px;
  height          : 36px;
  font-size       : 20px;
}

p.col-head {
  font-size  : 20px;
  font-weight: 700;
  color      : rgb(0, 0, 0);
  line-height: 1.2;
  position   : relative;
  margin     : 1rem 0;
}

span.percentnumber {
  font-size   : 40px;
  font-family : "Abel";
  color       : rgb(0, 0, 0);
  line-height : 1.2;
  padding-left: 20px;
  width       : 142px;
}

span.datetext {
  font-size    : 12px;
  /*font-family: 'Muli', sans-serif;*/
  font-weight  : 700;
  color        : rgb(153, 153, 153);
  line-height  : 2.3;
}

span.cardtext {
  font-size    : 16px;
  /*font-family: 'Muli', sans-serif;*/
  font-weight  : 700;
  color        : #0b9cda;
  line-height  : 1.2;
  margin-top   : 5px;
}

p.incompletedtext {
  color        : #2bb930;
  line-height  : 0;
  font-size    : 40px;
  /*font-family: 'Muli', sans-serif;*/
  font-weight  : 700;
  line-height  : 1.2;
}

/* .container{    
max-width: 1120px !important;
} */
.abeltitle.col-10 {
  padding-left: 14px;
}

.alert-info {
  border-left: 4px solid #48abf7;
  /* margin  : 3rem !important;*/

}

span.subtitle-no {
  display       : inline-block;
  /* font-weight: 600; */
  /* border     : 2px solid; */
  /* width      : 48px; */
  text-align    : center;
  border-radius : 16px;
  font-size     : 16px;
  font-family   : "Abel";
  color         : rgb(0, 0, 0);
  line-height   : 22px;
  border-width  : 1px;
  border-color  : rgb(0, 0, 0);
  border-style  : solid;
  width         : 29px;
  height        : 22px;
  margin-left   : 8px;
}

a.showmore {
  font-size    : 14px;
  /*font-family: 'Muli', sans-serif;*/
  font-weight  : 700;
  color        : rgb(102, 102, 102);
  line-height  : 1.2;
  cursor       : pointer;
}

.card.inspectordbcard {
  border-radius: 20px;
}

.bg-orange {
  background-color: #f1cd28 !important;
}

.w-60 {
  width: 60%;
}

.ellipse_plus i.fa.fa-plus {
  /* margin: auto; */
  line-height: 60px;
  font-size  : 32px;
  color      : #fff;
}

.Rounded_Rectangle_7 {
  position                 : fixed;
  right                    : 0;
  bottom                   : 60px;
  width                    : 13%;
  font-size                : 16px !important;
  height                   : 70px;
  border-bottom-left-radius: 20px;
  border-top-left-radius   : 20px;
  border                   : 0;
  z-index                  : 4;
  background-image         : -webkit-linear-gradient(20deg, rgb(79, 205, 180) 0%, rgb(0, 185, 148) 100%);
  background-image         : -ms-linear-gradient(20deg, rgb(79, 205, 180) 0%, rgb(0, 185, 148) 100%);
  box-shadow               : 0px 10px 12px 0px rgba(0, 226, 180, 0.2);
  transition               : 0.5s;
  font-weight              : 700;
  color                    : rgb(255, 255, 255);
  line-height              : 1.2;
  cursor                   : pointer;
}

.Rounded_Rectangle_7:hover {
  width     : 15%;
  transition: 0.5s;
}

.ellipse_plus {
  border-radius   : 50%;
  background-image: -moz-linear-gradient(20deg, rgb(79, 205, 180) 0%, rgb(0, 185, 148) 100%);
  background-image: -webkit-linear-gradient(20deg, rgb(79, 205, 180) 0%, rgb(0, 185, 148) 100%);
  background-image: -ms-linear-gradient(20deg, rgb(79, 205, 180) 0%, rgb(0, 185, 148) 100%);
  box-shadow      : 0px 10px 12px 0px rgba(0, 226, 180, 0.2);
  width           : 60px;
  height          : 60px;
  position        : absolute;
  bottom          : 0px;
  right           : -75px;
  text-align      : center;
}

.col-10.col-xs-11.col-sm-4.alert.alert-info {
  display: none !important;
}

.svg.radial-progress {
  position: relative;
  display : inline-block;
}

/* p.col-head::after {
  content: "";
    position: absolute;
    bottom: 3px;
    left: unset;
    right: 45px;
    height: 0.5em;
    border-top: 2px solid #cdcdcd;
    z-index: 1;
    width: calc(100% - 45px);
} */
label.containerradio.radio-btn {
  width: 10%;
}

span.message-invalid {
    font-weight: 600;
    color: red;
}

td.user_inactive {
    color: red;
}

.confirm_barrier_section {
    display: block;
    /* max-width: 400px; */
}

td .containerradio.confirm_barrier {
  display: inline-block;
  width: 49%; 
}

td .containerradio.confirm_work {
  display: inline-block;
  width: 35%; 
}


.btn-clcolor {
     background: #f8f9fa!important; 
     color: #000!important;
}
.crl-address{
    color: #0b9cda;
    font-weight: 700;
    line-height: 35px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ebecec!important;
}

@media only screen and (max-width : 1025px) {
  .ellipse_plus {
    bottom    : -75px;
    right     : 10px;
    text-align: center;
  }

  p.col-head.mb-4::after {

    width: 65%;
  }
}

.scroll-wrapper>.scroll-content {
  right: 0px;
}



.headermainsidebar {
  margin: 0 0 0 auto;
}

.headermainsidebar .main {
  margin    : 0 auto;
  display   : block;
  height    : 100%;
  margin-top: 60px;
}

.headermainsidebar .mainInner {
  display   : table;
  height    : 100%;
  width     : 100%;
  text-align: center;
}

.headermainsidebar .mainInner div {
  display       : table-cell;
  vertical-align: middle;
  font-size     : 3em;
  font-weight   : bold;
  letter-spacing: 1.25px;
}

.headermainsidebar #sidebarMenu {
  height    : 100%;
  position  : fixed;
  left      : 0;
  z-index   : 99;
  width     : 300px;
  top       : 0px;
  transform : translateX(-300px);
  transition: transform 300ms ease-in-out;
}

.headermainsidebar .sidebarMenuInner {
  margin    : 0;
  padding   : 0;
  border-top: 1px solid rgba(255, 255, 255, 0.10);
}

.headermainsidebar .sidebarMenuInner li {
  list-style    : none;
  color         : #fff;
  text-transform: uppercase;
  font-weight   : bold;
  padding       : 20px;
  cursor        : pointer;
  border-bottom : 1px solid rgba(255, 255, 255, 0.10);
}

.headermainsidebar .sidebarMenuInner li span {
  display  : block;
  font-size: 14px;
  color    : rgba(255, 255, 255, 0.50);
}

.headermainsidebar .sidebarMenuInner li a {
  color          : #fff;
  text-transform : uppercase;
  font-weight    : bold;
  cursor         : pointer;
  text-decoration: none;
}

.headermainsidebar input[type="checkbox"]:checked~#sidebarMenu {
  transform: translateX(0);
}

.headermainsidebar input[type="checkbox"]:checked~.overlaymenu {
  display: block;
  opacity: 1;
}

.headermainsidebar input[type=checkbox] {
  transition: all 0.3s;
  box-sizing: border-box;
  display   : none;
}

.headermainsidebar .sidebarIconToggle {
  cursor: pointer;
  width : 22px;
  color : white;
}

.headermainsidebar .spinner {
  transition      : all 0.3s;
  box-sizing      : border-box;
  position        : absolute;
  height          : 3px;
  width           : 100%;
  background-color: #0ba1d9;
}

.headermainsidebar .horizontal {
  transition: all 0.3s;
  box-sizing: border-box;
  position  : relative;
  float     : left;
  margin-top: 3px;
}

.headermainsidebar .diagonal.part-1 {
  position  : relative;
  transition: all 0.3s;
  box-sizing: border-box;
  float     : left;
}

.headermainsidebar .diagonal.part-2 {
  transition: all 0.3s;
  box-sizing: border-box;
  position  : relative;
  float     : left;
  margin-top: 3px;
}

.headermainsidebar input[type=checkbox]:checked~.sidebarIconToggle>.horizontal {
  transition: all 0.3s;
  box-sizing: border-box;
  opacity   : 0;
}

.headermainsidebar input[type=checkbox]:checked~.sidebarIconToggle>.diagonal.part-1 {
  transition: all 0.3s;
  box-sizing: border-box;
  transform : rotate(135deg);
  margin-top: 8px;
}

.headermainsidebar input[type=checkbox]:checked~.sidebarIconToggle>.diagonal.part-2 {
  transition: all 0.3s;
  box-sizing: border-box;
  transform : rotate(-135deg);
  margin-top: -9px;
}

.inspectionptnbox {
  border-radius   : 10px;
  background-color: rgb(255, 255, 255);
  /*  box-shadow  : 0px 10px 26.4px 3.6px rgba(0, 0, 0, 0.14);*/
  padding         : 15px 15px;
  margin          : 0px 15px 0px auto;
  /* width        : 81px;
  height          : 86px;*/
}

.startbutton {
  border-radius   : 12px;
  box-shadow      : 0px 10px 12px 0px rgba(0, 226, 180, 0.2);
  /* width        : 98px; */
  /* height       : 41px; */
  text-align      : center;
  font-size       : 16px;
  /*font-family   : 'Muli', sans-serif;*/
  font-weight     : 700;
  color           : rgb(255, 255, 255);
  background-image: -webkit-linear-gradient(20deg, rgb(79, 205, 180) 0%, rgb(0, 185, 148) 100%);
}

.startbutton:hover {
  color: rgb(255, 255, 255);
}

button.btn.submit {
  border-radius   : 50px;
  box-shadow      : 0px 10px 12px 0px rgba(0, 226, 180, 0.2);
  width           : auto;
  height          : 41px;
  text-align      : center;
  font-size       : 18px;
  /*font-family   : 'Muli', sans-serif;*/
  font-weight     : 700;
  color           : rgb(255, 255, 255);
  line-height     : 41px;
  padding         : 0px 15px;
  background-image: -webkit-linear-gradient(20deg, rgb(79, 205, 180) 0%, rgb(0, 185, 148) 100%);
  margin-right:10px;
}

.d_remaining {
  font-size        : 12px;
  /*font-family    : 'Muli', sans-serif;*/
  font-weight      : 700;
  color            : rgb(11, 161, 217);
  text-align       : right;
  -moz-transform   : matrix(1.42929845795923, 0, 0, 1.43699143682763, 0, 0);
  -webkit-transform: matrix(1.42929845795923, 0, 0, 1.43699143682763, 0, 0);
  -ms-transform    : matrix(1.42929845795923, 0, 0, 1.43699143682763, 0, 0);

}

.smallheading {
  font-size    : 14px;
  /*font-family: 'Muli', sans-serif;*/
  font-weight  : 700;
  color        : rgb(51, 51, 51);
  line-height  : 1.2;
  text-align   : left;
}

.addformlabel {
  font-size    : 15px !important;
  /*font-family: 'Muli', sans-serif;*/
  font-weight  : 750;
  color        : rgb(34, 34, 34) !important;
  line-height  : 1;
  display      : block;
  font-weight  : unset !important;
  white-space  : normal !important;
}

input.questioninput {
  display      : block;
  border       : none;
  border-bottom: 2px solid #999999 !important;
  font-size    : 13px;
  font-weight  : 500;
  color        : rgb(34, 34, 34);
  line-height  : 0.9;
  margin-top   : 0px;
  border-radius: 0;
  padding      : 10px 0;
}

.card.custom-card {
  border-radius: 10px;
  padding      : 30px;
  margin-bottom: 50px;
}

label.custom-control-label {
  font-size : 22px !important;
  color     : rgb(34, 34, 34);
  margin-top: 15px;
}

.custom-control-label::before {
  width        : 25px !important;
  height       : 25px !important;
  border-radius: 9px !important;
}

.custom-control-label::after {
  position: absolute;
  top     : -3px;
  left    : -1.9rem;
  display : block;
  width   : 39px !important;
  height  : 39px !important;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
  background-color: #0ba1d9;
}

.custom-control.custom-checkbox,
.custom-control.custom-radio {
  line-height: unset;
}

/* .bg-grey{
  background-color: #f1f1f1;
  height: 100vh;
} */

.bg-white {
  background-color: #ffffff;
}

.abeltitle span {
  font-size  : 42px;
  font-family: "Abel";
  color      : rgb(0, 0, 0);
  display    : none;

}

.row-padding {
  padding: 30px 0px !important;
}

.Rounded_Rectangle_7 a {
  color          : #ffffff;
  text-decoration: none;
}

.formpadding {
  padding : 15px 0px;
  overflow: hidden;
}

p.notetext {
  color: #8e8383;
}

td a {
  color        : #000000 !important;
  /*font-family: 'Muli', sans-serif;*/
  font-weight  : 700;
}

.abeltitle {
  padding: 20px 0px 10px 0px;
}

.no-border {
  border: none !important;
}

span.progress.progress-vsm {
  width : 60px;
  height: 6px;
}

p.greytext {
  font-size  : 20px;
  font-weight: 700;
}

p.hint {
  font-size    : 19px;
  /*font-family: 'Muli', sans-serif;*/
  font-weight  : 700;
  color        : rgb(161, 161, 161);
  line-height  : 1.68;
}

.commentbox {
  height       : 165px;
  border       : 2px solid #cdcdcd;
  border-bottom: 0;
  display      : block;
  font-size    : 18px;
  width        : 100%;
  padding      : 15px;
}

textarea.commentbox::placeholder {
  font-size    : 20px;
  /*font-family: 'Muli', sans-serif;*/
  font-weight  : 700;
  color        : rgb(174, 174, 174);
}

.validationstar {
  color: red;
}

td.sorting_1 {
  font-size: 16px;
}

hr.labeldivider {
  margin: 35px 0px 20px 0px;
}

hr.labeldivider {
  margin: 35px 0px 20px 0px;
}

label.addformlabelcb {
  font-weight: unset !important;
  white-space: normal !important;
  margin     : 0px 8px;
}

.sidebar.sidebar-style-2 .nav.nav-primary>.nav-item.active>a {
  background: #fff !important;
}

.sidebar.sidebar-style-2 .nav.nav-primary>.nav-item.active>a p,
.wrapper .sidebar .nav>.nav-item.active a .caret,
.wrapper .sidebar.sidebar-style-2 .nav.nav-primary>.nav-item.active>a span,
.sidebar.sidebar-style-2 .nav .nav-item a[data-toggle=collapse][aria-expanded=true] i,
.sidebar.sidebar-style-2 .nav.nav-primary>.nav-item.active>a[data-toggle=collapse][aria-expanded=true] i,
.sidebar.sidebar-style-2 .nav .nav-item a[data-toggle=collapse][aria-expanded=true] p,
.sidebar .nav-collapse li a:hover .sub-item,
.sidebar .nav-collapse li a:focus .sub-item {
  color: #0b9cda !important;
}

.sidebar .nav-collapse li a .sub-item {
  opacity: 1;
  color  : white;
}

.sidebar .nav-collapse li a:hover .sub-item:before,
.sidebar .nav-collapse li a:focus .sub-item:before {
  background: #0b9cda;
}

.sidebar .nav-collapse li a .sub-item:before {
  background: #fff;
}

.hide_span {
  display: none;
}

.validatemsg {
  color    : #f00;
  font-size: 16px;
}

a.btn.btn-primary.backbutton {
  background   : transparent !important;
  color        : #09bc98;
  font-size    : 16px !important;
  border       : none !important;
  padding      : 0.5rem 1.5rem !important;
  /*font-family: 'Muli', sans-serif;*/
  font-weight  : 700;
}

.note {
  font-size: 12px;
}

input#card_expiry_month,
input#card_expiry_year,
input#card_expiry_months,
input#card_expiry_years {
  width     : 75px;
  text-align: center;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin            : 0;
}

/*.h-100 {
    height: 100%!important;
}
.registerbackground {
    background-image: url(../img/loginbackground.png);
    background-size: cover;
    background-repeat: no-repeat;
}*/
/*------------ritesh css----------------*/
.registerbackground .h-100 {
  height: 500px;
}

.registerbackground {
  background-image : url(../img/loginbackgroundtwo.png);
  background-size  : cover;
  background-repeat: no-repeat;
}

.registerbackground .align-items-center {
  align-items: left !important;
}

.registerbackground .d-flex {
  display: flex !important;
}

col-11 col-md-11 col-lg-10 col-xl-5 {
  position     : relative;
  width        : 100%;
  min-height   : 1px;
  padding-right: 15px;
  padding-left : 25px;
}

.form-group #customCheck2 {
  margin-left  : 13px;
  padding      : 0px;
  /*font-family: 'Muli', sans-serif;*/
}

.form-group #customCheckss2 strong {

  /*font-family: 'Muli', sans-serif;*/
  /* font-family: Nunito,sans-serif;*/
  font-size  : 8px !important;
  font-weight: 200;
  line-height: 1.6;
  color      : #212529;
  text-align : left;
}

.form-group #customCheckss2 strong a {
  font-size: 8px !important;
}

#inspector_registration_form .card-body {
  padding: 0px;
  margin : 0px;
}

.form-group #customCheckss {
  padding     : 0px;
  margin-right: 10px;
}

#company_registration_form .card-body {
  padding: 0px;
  margin : 0px;
}

.form-group #customCheckss {
  margin-left: 13px;
  padding    : 0px;
}

.form-group #customCheckss strong {

  /*font-family: 'Muli', sans-serif;*/
  /* font-family: Nunito,sans-serif;*/
  font-size  : 8px !important;
  font-weight: 200;
  line-height: 1.5;
  color      : #212529;
}

body.registerbackground {
  height: 100vh;
}

.form-group #comment {
  width : 38%;
  border: 1px solid gray;
}

#button, #button1 ,#button2 {
  border-radius: 50px;
  padding: 9px 30px;
}

.width-form .form-control {
  width: 100%;
}

#upadte-i {
  display        : flex;
  justify-content: center;
}

.flex-container {
  display         : flex;
  justify-content : center;
  background-color: white;
}

/* New Styles 17th April 2020 */
.scroll-wrapper {
  overflow: hidden !important;
}

.wrapper .footer {
  bottom  : 0;
  right   : 0;
  position: fixed;
  width   : calc(100% - 250px);
  z-index : 3;
}

.wrapper.sidebar_minimize .footer {
  width: calc(100% - 75px);
}

.main-panel {
  background-color: #f0f0f0;
}

section.dashboard-banner-container {
  border-radius: 10px;
}

.panel-header.main {
  background-image: linear-gradient(rgba(11, 156, 218, 0.75),
      rgba(11, 156, 218, 0.75)), url(../img/dashboardbanner.png);
  background-size: cover;
}

section.dashboard-banner-container ul.dashboard-inspection-menu {
  display        : flex;
  justify-content: space-between !important;
  padding        : 0 15px;
}

section.dashboard-banner-container ul.dashboard-inspection-menu li.nav-item.submenu.card.inspectordbcard {
  width           : 48%;
  margin-bottom   : 0;
  background-color: transparent;
}

section.dashboard-banner-container ul.dashboard-inspection-menu li.nav-item.submenu.card.inspectordbcard .nav-link {
  display         : block;
  background-color: #fff !important;
  padding         : 50px 40px;
  border-radius   : 15px !important;
  margin-bottom   : 0;
}

section.dashboard-banner-container ul.dashboard-inspection-menu li.nav-item.submenu.card.inspectordbcard .nav-link.active {
  background: #ffffff;
  border    : 1px solid #ffffff;
}

section.dashboard-banner-container ul.dashboard-inspection-menu li.nav-item.submenu.card.inspectordbcard .nav-link:hover {
  background: #fff !important;
}

section.dashboard-banner-container span.borderd-title {
  position        : relative;
  padding-right   : 10px;
  background-color: #f0f0f0;
  z-index         : 2;
  font-size       : 25px;
  font-weight     : 400;
  color           : #0b9cda;
}

.dasbord-list-name a {
  font-size    : 18px;
  font-weight  : bold;
  display      : block;
  margin-bottom: 0px;
}

td.sorting_1.dasbord-list-name {
  height : 100px;
  width  : 240px;
  padding: 10px 0 !important;
}

.scroll-wrapper td.center {
  width  : 100px;
  padding: 0 !important;
}

section.dashboard-banner-container p.col-head span.stamp {
  position   : absolute;
  float      : none;
  top        : -8px;
  right      : 0;
  z-index    : 2;
  line-height: 1.8;
}

.inpectionlist-container .card.inspectionlist-item {
  min-height: 85px;
}

.inpectionlist-container .card.inspectionlist-item span.cardtext a {
  color         : #000000;
  text-transform: capitalize;
}

.inpectionlist-container {
  height    : 355px;
  overflow-y: scroll;
}


.main-panel {
  height: auto;
}

.table span.cardtext,
.table td {
  font-size: 13px;
}

.col-md-6.no-pad-rl {
  padding-left : 0 !important;
  padding-right: 0 !important;
}

.select-paymentmode-con {
  display: flex;
}

.cardexpiry-details-container {
  display        : flex;
  justify-content: space-between;
}

.cardexpiry-details-container .cardexpiry-details-month {
  width: 49%;
}

.cardexpiry-details-container .cardexpiry-details-year {
  width: 49%;
}

.cardexpiry-details-container .cardexpiry-details-month input#card_expiry_months {
  width     : 100%;
  text-align: left;
}

.cardexpiry-details-container input#card_expiry_years {
  width     : 100%;
  text-align: left;
}

.bankdetails-container .selectbox {
  width: 100%;
}

.submitbtn:disabled,
.submitbtn:focus,
.submitbtn:hover {
  background  : #0b9cda !important;
  border-color: #0b9cda !important;
}

span.link-collapse.logout {
  color: red;
}

.btn-primary {
  color       : white !important;
  background  : #0b9cda !important;
  border-color: #0b9cda !important;
}

.btn-link {
  border    : 0 !important;
  background: 0 0 !important;
  color     : #0b9cda !important;
}

.text-muted {
  color      : red !important;
  font-size  : 10px;
  font-weight: 700;
}

.card-title {
  font-size  : 24px;
  font-weight: 700;
}

/*.card {
  min-height: 450px;
}*/
#company_registration_form #button1{
  border-radius: 50px;
    /*padding: 8px 20px;*/
    font-size: 15px;
    text-transform: uppercase;
}
li.nav-item.submenu.card.inspectordbcard {
  min-height: auto;
}

.card .card-action {
  padding: 1.25rem;
}

.btn {
  padding  : 5px 1.4rem;
  min-width: 90px;
  font-size: 16px;
}

label {
  color    : #495057 !important;
  font-size: 16px !important;
}

.pagination {
  margin         : 0;
  justify-content: center;
}

li[aria-label="« Previous"],
li.page-item:last-child, li [aria-label="« Previous"]
 {
  display: none;
}

.pagination>li>span {
  border-radius: 0 !important;
}

.page-item.active .page-link {
  z-index         : 1;
  color           : #007bff;
  background-color: transparent;
  border-color    : #007bff;
}

.pagination>li>a {

  border-radius: 0px !important;
  margin       : 0 2px;
  color        : #b5b3b3;
  border-color : #ddd;
  border-width : 2px;
}

.swal-button--cancel,
.unselectedbtn {
  background-color: #ffffff;
  padding         : 5px 1.4rem;
  min-width       : 90px;
  font-size       : 16px;
  border-radius   : 100px;
  border          : 1px solid #e64942;
  color           : #e64942;
}

.swal-button--danger {
  color           : #0b9cda;
  border          : 1px solid #0b9cda;
  background-color: white;
  border-radius   : 100px;
  padding         : 5px 1.4rem;
  min-width       : 90px;
}

.swal-button--cancel:active,
.swal-button--cancel:hover,
.unselectedbtn:active,
.unselectedbtn:hover {
  background-color: #cf423b !important;
  color           : white;
}

.swal-button--danger:active,
.swal-button--danger:hover {
  background-color: #0b9cda;
  ;
  color: white;
}

.card .accordion-card-header {
  background-color: #0b9cda !important;
  color           : white;
  border-radius   : 5px !important;
  box-shadow      : 4px 4px 10px 0 rgba(0, 0, 0, .1), 4px 4px 15px -5px rgba(21, 114, 232, .4);
  border-bottom   : 0 !important;
  cursor          : pointer;
}

.accordion-card.mb-2 {
  background-color: white !important;
}

.sidebar .nav>.nav-item a p,
.sidebar[data-background-color=white] .nav>.nav-item a p,
.sidebar .nav>.nav-item a i,
.sidebar[data-background-color=white] .nav>.nav-item a i {
  color: #fff;
}

.sidebar.sidebar-style-2 {
  background: #0b9cda;
  margin-top: 100px;
}

.card_details-middle {
  width             : 50%;
  margin            : 3% auto;
  -webkit-box-shadow: 2px 6px 15px 0 rgba(69, 65, 78, .1);
  -moz-box-shadow   : 2px 6px 15px 0 rgba(69, 65, 78, .1);
  box-shadow        : 2px 6px 15px 0 rgba(69, 65, 78, .1);
}

.logo-header .nav-toggle {
  right: -60px;
}

.alert-success {
  border     : 1px solid #31CE35;
  border-left: 10px solid #31ce36;
}

.alert-info {
  border     : 1px solid #48abf7;
  border-left: 10px solid #48abf7;
}

.alert-danger {
  border     : 1px solid #f25961;
  border-left: 10px solid #f25961;
}

.alert {
  -webkit-box-shadow: none;
  box-shadow        : none;
}

h4.page-title {
  width: 80%;
  color: #000;
}

.btn-round-icon {
  border       : 0;
  color        : white !important;
  background   : #575962 !important;
  border-color : #575962 !important;
  width        : 30px;
  min-width    : 30px;
  height       : 30px;
  cursor       : pointer;
  border-radius: 30px;
}

.btn-gray:hover {
  background  : #31ce36 !important;
  border-color: #31ce36 !important;
}

.hover-blue:hover {
  background-color: #48abf7 !important;
}

.hover-red:hover {
  background-color: #f25961 !important;
}

.b-0 {
  border       : 0;
  border-radius: 5px;
}

.center {
  text-align: center;
}

.sidebar .nav>.nav-item a:hover p {
  font-weight: 400;
}

.sidebar.sidebar-style-2 .nav .nav-item a:hover p,
.sidebar.sidebar-style-2 .nav .nav-item a:hover i,
.sidebar.sidebar-style-2 .nav.nav-primary>.nav-item.active>a i,
.sidebar .nav>.nav-item a:hover .caret {
  color: #0b9cda !important;
}

.sidebar.sidebar-style-2 .nav .nav-item a:focus,
.sidebar.sidebar-style-2 .nav .nav-item a:hover,
.sidebar.sidebar-style-2 .nav .nav-item a[data-toggle=collapse][aria-expanded=true] {
  background-color: #fff;
}

.sidebar .nav>.nav-item a .caret,
.sidebar[data-background-color=white] .nav>.nav-item a .caret {
  color: #fff;
}

.min-h-0 {
  min-height   : 0;
  margin-bottom: 30px;
}

label {
  color    : #0b9cda !important;
  font-size: 18px !important;
}

td a {
  color      : #575962 !important;
  font-weight: 400;
}

.table td a:hover {
  color          : #006fa7 !important;
  text-decoration: none;
}

.capitalize {
  text-transform: capitalize;
}

.modal.fade .modal-sm.modal-postcode {
  width        : 470px;
  border-radius: unset;
  border-radius: unset;
}

.modal-title.pc-tittle {
  color         : black;
  text-align    : center;
  font-size     : 22px;
  padding-top   : 50px;
  padding-bottom: 20px;
}

.pc-fild {
  width : 80%;
  margin: 0 auto 50px;
}
td .containerradio {
    display: inline-block;
    width: 10%;
}

.search-postcode-autocomplete {
  width        : 73%;
  float        : left;
  margin-right : 2px;
  border-radius: unset;
  margin-bottom: 0 !important;
}

button.closex {
  position        : absolute;
  right           : 0;
  top             : -40px;
  background-color: transparent;
  border          : unset;
  color           : white;
  font-size       : 30px;
  cursor: pointer;
}
#logo_div button#crop-image, #logo_div1 button#crop-image, #traineelogo_div button#crop-image {
    padding: 10px 30px;
    font-size: 15px;
}
.pc-submit {
  background-color: #0b9cda;
  color           : white;
  border-radius   : unset;
  border-color    : #0b9cda;
  min-width       : 50px;
  padding         : 8px 25px;
}

.fade {
  opacity         : 1;
  background-color: #8080809e;
}

.sidebar .nav-collapse {
  margin-bottom: 0;
}

.sidebar .nav>.nav-item.active a:hover p {
  font-weight: 500;
}

.sub-header {
  float              : left;
  width              : 100%;
  /* background-image: linear-gradient(rgba(11, 156, 218, 0.75), rgba(11, 156, 218, 0.75)), url(../img/dashboardbanner.png);
  background-size    : cover; */
}

.subheader-tittle {
  float     : left;
  margin-top: 0 !important;
  width     : 60%;
  color     : #0b9cda;
  font-size : 40px;
}

ul.breadcrumbs {
  text-align   : right;
  padding-right: 15px;
  float        : right;
  border       : 0;
}

.subpg-inner {
  top     : -50px;
  position: relative;
  clear   : both;
}

.breadcrumbs li a {
  color      : #0b9cda;
  font-size  : 13px;
  font-weight: bold;
}

.breadcrumbs li.separator {
  font-size: 12px;
  color    : #0b9cda;
}

.sidebar .nav>.nav-item.active>a p {
  font-weight: 500;
}

.table span.cardtext,
.table td {
  font-size  : 15px;
  font-weight: 700;
}

.form-control {
  color      : #575962;
  font-weight: 700;
}
textarea.form-des{height:130px!important;}

.cf-status {
  text-transform: uppercase;
  font-weight   : 700;
  width         : 85px;
}

.li-logout {
  width: 50%;
  float: left;
}

.li-profile {
  width: 50%;
  float: right;
}

.form-check label,
.form-group label {
  white-space   : unset;
  text-transform: capitalize;
}

.bg-secondary-gradient {
  background: linear-gradient(-45deg, #0576a7, #3ba9d8) !important;
}

.btn-success:disabled,
.btn-success:focus,
.btn-success:hover {
  color: white;
}

.card-title-accordion {
  font-size     : 24px;
  color         : #999999;
  text-transform: capitalize;
  width         : 100%;
}

span.question-count {
  display   : inline-block;
  font-size : 14px;
  color     : #999999;
  width     : 10%;
  text-align: right;
}

span.question-name {
  display       : inline-block;
  width         : 87%;
  text-transform: capitalize;
}

.pt-4.collapse.show {
  border-top    : 2px solid #2196f3 !important;
  padding-bottom: 1.5rem;
}

p.ans-count.mb-0 {
  font-size  : 18px;
  font-weight: 600;
  color      : #999999;
}

span.mb-4.mt-2.hint {
  font-size: 16px;
  color    : #999;
}

a.show-img-model {
  font-size: 20px;
  color    : #0b9cda !important;
  cursor   : pointer;
}

a.show-img-model:hover {
  text-decoration: none;
}

div#showimagemodel {
  text-align: center;
  border-top: 2px solid #cdcdcd;
}

.tooltip {
  background-color: transparent;
}
.lb-nav a.lb-next{
  background-size: 210px !important;
}
.lb-nav a.lb-prev{
  background-size: 210px !important;  
}
p.question {
  font-size     : 24px;
  line-height   : 1.3;
  padding-bottom: 20px;
}
.lb-data .lb-close{
background-size: 40px !important;
width: 40px !important;
height: 40px !important;  
}

.choose-img {
  border: 2px solid #cdcdcd;
  min-height: 124px;
}

.upload-btn.desk-btn {
  background-color: #0b9cda;
  border          : 0;
  padding         : 8px 37px;
  font-size       : 15px;
  color           : white;
  border-radius   : 8px;
  margin-right    : 15px;
  margin-top      : 28px;
  z-index         : 1;
  float: left;
}

input.choose-upload-btn {
  margin-left: 38px;
  margin-top : 35px;
}

.btn-primary:disabled,
.btn-primary:focus,
.btn-primary:hover {
  background  : #0b9cda !important;
  border-color: #0b9cda !important;
}

i.fa.fa-times.ajax-class::before {
  display: none;
}

i.fa.fa-times.ajax-class:hover::before {
  content         : "\f00d";
  position        : absolute;
  background-color: #ffffff8a;
  cursor          : pointer;
  padding         : 43px 46px;
  display         : block;
}

.card-dark {
  color: black;
}

.btn-grey {
  background  : #575962 !important;
  border-color: #575962 !important;
}

.icon-user-pop {
  text-align: center;
  font-size : 100px;
}

.all-comp {
  font-size       : 12px;
  line-height     : 1.6;
  background-color: #31ce36;
  color           : white;
  width           : 20px;
  height          : 20px;
  border-radius   : 58px;
  text-align      : center;
}

.in-comp {
  font-size       : 12px;
  line-height     : 1.6;
  background-color: #f25961;
  color           : white;
  width           : 20px;
  height          : 20px;
  border-radius   : 58px;
  text-align      : center;
}


button#crop-image1{
    padding: 10px 30px;
    font-size: 15px;
}
button#crop-image3{
    padding: 10px 30px;
    font-size: 15px;
}
.croppie-container {
  height: auto !important;
}
.croppie-container .cr-vp-circle{
    border-radius:0 !important;
}
td.dasbord-list-name a {
  color: #0b9cda !important;
}

.insp-status {
  border        : 1px solid #31ce36;
  color         : #31ce36;
  padding       : 5px 9px;
  font-size     : 10px;
  text-transform: uppercase;
  border-radius : 5px;
}

.insp-reinsp {
  border        : 1px solid #0b9cda;
  color         : #0b9cda;
  padding       : 5px 9px;
  font-size     : 10px;
  text-transform: uppercase;
  border-radius : 5px;
}

div#customer_id {
  font-size: 20px;
}

.modal-multi-image {
  width     : 350px;
  height    : 350px;
  object-fit: contain;
  cursor: pointer;
}

/* header css */
.main-header {
  min-height: 100px;
  padding   : 15px;
}

.main-header .navbar-header {
  min-height: 70px;
}

.logo-header {
  line-height: 70px;
}

.main-panel>.content {
  margin-top: 100px;
}

.toggle-sidebar i.icon-menu {
  font-size  : 30px;
  font-weight: bold;
}

.page-inner {
  padding-right: 3.5rem;
  padding-left : 3.5rem;
}


.btn-a a {
  color: #fff !important;
}

.btn-a a:hover {
  text-decoration: none;
}

label.db-search {
  font-size  : 25px !important;
  font-weight: 400;
}
.table>tbody>tr>td, .table>tbody>tr>th {
  padding: 0 8px !important;
}

/* Login css */
.bg-black {
  background-color: #000;
}

.pi-from-bottom {
  border       : 0;
  border-bottom: 1px solid;
  border-radius: 0;
  padding-right: 0;
}
.sign-cert{
  font-size: 14px !important;
  color: #000 !important;
}
table.table tr {
    text-align: center;
}

.dec-content #inspector_registration_form span.pwd-eg, .dec-content #company_registration_form span.pwd-eg {
    font-size: 12px !important;
    color: gray !important;
}

img.model-zoom-img {
    width: 100%;
    height: 100%;
}

.upload-btn{
    margin-bottom: 15px;
}

.answer_booking{
  background-color: #0b9cda;
    border: 0;
    padding: 8px 8px 8px 8px;
    font-size: 15px;
    color: white;
    border-radius: 8px;
    margin-top: 28px;
    float: left;
    content: 'test';
}

input.choose-upload-btn {
  margin-bottom: 20px;
}

.pre_inspection_label {
  text-transform: none !important;
}

.certcolorheading{
  color:#0b9cda;
}



body .survey_img_cont > .form-group .col-sm-6 img {
  width: 100%;
}

@media only screen and (max-width: 1920px) {
  td.sorting_1.dasbord-list-name {
    height : auto;
    width  : auto;
    padding: unset;
  }

  .scroll-wrapper td.center {
    width  : auto;
    padding: unset;
  }

  .cf-status {
    width: 110px;
  }
}

@media only screen and (max-width: 1500px) {
.row.noncompliant.invoice-items .col-md-2 .form-group label, .row.noncompliant.invoice-items .col-md-3 .form-group label, .row.noncompliant.invoice-items .col .form-group label{
    font-size:14px !important;
}
.row.noncompliant.invoice-items .col-md-2 .form-group, .row.noncompliant.invoice-items .col-md-3 .form-group, .row.noncompliant.invoice-items .col .form-group {
    padding: 5px 2px;
}
.row.noncompliant.invoice-items .col:last-child .form-group{
    padding-right:5px;
}
}
@media only screen and (max-width: 1200px) {
  p.greyheader {
    font-size: 20px;
  }

  p.inprogresstext {
    font-size: 28px;
  }

  p.incompletedtext {
    font-size: 28px;
  }

}

.noevent {
  pointer-events: none;
}

@media only screen and (max-width: 1024px) {
  p.incompletedtext {
    font-size: 24px;
  }
.menu-link.register {
     display: block !important; 
}
  p.inprogresstext {
    font-size: 24px;
  }
.footer-menu ul#menu-pi-ft{
  width: 100% !important;
}
#menu-pi-ft li.menu-item a {
    padding: 0 8px;
    font-size: 16px;
    color: #565656;
    text-decoration: none;
}
.main-header-menu .menu-link, .main-header-menu .menu-link span {
    font-size: 22.8px;
    width: 100%;
}
.ft-firt-section {
    padding: 50px 0px 20px 0px !important;
}
}
@media only screen and (max-width: 768px) {
.footer-menu ul#menu-pi-ft{
  width: 100% !important;
}
#menu-pi-ft li.menu-item a {
    padding: 0 8px;
    font-size: 13px;
    color: #565656;
    text-decoration: none;
}
}
@media only screen and (max-width: 767px) {
  .page-inner {
    padding-right: 10px;
    padding-left: 10px;
}
li.pi-ft-img {
    padding-right: 0px !important;
    
    margin-bottom: 25px;
}
li.pi-ft-img img{
  max-width: 150px;
}
ul.ft-logos {
  display: block !important;
}
ul.ft-logos li img{
  max-width: 150px;
}
.footer-menu ul#menu-pi-ft li{
display:inline-block;
}
#menu-pi-ft li.menu-item a {
    padding: 0 8px;
    font-size: 14px;
    color: #565656;
    text-decoration: none;
}
.pi-ft-contactno {
    text-align: center;
     padding-bottom: 0px !important;  
}
.dec-content label.containerradio.text-left{
font-size: 12px !important;
}
.dec-content .containerradio .checkmark:after {
    top: 5px;
    left: 5px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
   
}
.dec-content label.containerradio.text-left .checkmark {
    position: absolute;
    top: 2px;
    left: 0;
    height: 17px;
    width: 17px;
    border-radius: 50%;
}
.dec-content label.register-form-label {
  font-size: 16px !important;
}
.dec-content label.containerradio{
  padding-left: 22px;
}
.subheader-tittle{
  width: 100%
}
.wrapper .footer{
  width: 100%;
}
}
.containerradio input~.checkmark {
    background-color: #ccc;
}
div#accordionExample {
    margin-top: 50px;
}
div#accordionExample h2 {
    margin-top: 50px;
}
 .switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
  

/*#inspector_form select.form-control option:first-child {
    color: #cccccc !important;
}
*/
/*select option.select-label-opt{
   color: #cccccc !important;
}
select.form-cotrol:first-child{
  color: #cccccc !important;
}
.select-label-opt{
   color: #cccccc !important;
}
*/
select.form-cotrol{
  color: #cccccc !important;
}
.login-sub-content-section #tax_applicable{
  color: #cccccc !important;
}

.gst-block #tax_applicable{
  color: #575962 !important;
}
#State{
 
}
#State.form-control.valid, #tax_applicable.form-control.valid{
  color: #495057 !important;
}
.opt-value{
  color: #495057 !important;
}
.opt-value{
  color: #495057 !important;
}

#inspector_form .form-group label.register-form-label{
  display: flex;
}
#trainee_inspector_form  label.register-form-label{
  display: flex;
}
#inspector_form .form-group label.register-form-label span.red-star{
      color: #dc3232 !important;
      font-size: 16px !important;
      padding-left: 2px;
      font-weight: 800 !important;
} 

.red-star{
  color: #dc3232 !important;
      font-size: 16px !important;
      padding-left: 2px;
      font-weight: 800 !important;
}
#company_form .form-group label.register-form-label{
   display: flex;
}
#inspector_registration_form .form-group.row.chekformgrp span.red-star, #company_registration_form .form-group.row.chekformgrp span.red-star{
display: inline;
color: #dc3232 !important;
      font-size: 16px !important;
      padding-left: 2px;
      font-weight: 800 !important;
}
span.red-star{
  display: inline !important;
}
.footer-center{
  text-align: center;
}
.footer-center .footer-menu{
  text-align: center;
}
.ft-firt-section{
   text-align: center;
}
ul#menu-pi-ft{
  justify-content: center;
}
.pi-ft-copywright {
    padding-bottom: 40px !important; 
}

.checkflex{
    width:100%;
    margin:0 0 15px;
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    color:#000;
    padding:0 0 0 10px;
}

.checkflex input {
    width: auto !important;
    margin: 5px 10px 0 0;
}

.page-inner.subpg-inner .form-group span.checkmark {
    width: 20px;
    height: 20px;
    top: 2px;
}

.page-inner.subpg-inner .form-group span.checkmark:after {
    top: 6px;
    left: 6px;
}

@media only screen and (min-width: 991px){
.sidebar_minimize.sidebar_minimize_hover .main-header .logo-header a.icon{
  display: none !important;
}
#button, #button1, #button2 {
    min-width: 235px;
    min-height: 55px;
}
.sidebar_minimize .main-header .logo-header a.icon{
  display: block !important;
  max-width: 52px;
}
.sidebar_minimize_hover .logo-header .nav-toggle {
    right: -40px!important;
}
}
.letter-icon{
  font-size: 50px;
}

div[class^="primary_inspection_register_"],
div[class*="primary_inspection_register_"],
div[class^="registration_number_director_"],
div[class*="registration_number_director_"] {
  width:100%;
  margin-left: 0px !important;
  margin-right: 0px !important;
  padding:0 15px;
  margin-top:20px;
}

.dirtext{
  text-align: left;
  padding: 0 0 0 30px;
}

div[class^="primary_inspection_register_"] .form-group label,
div[class*="primary_inspection_register_"] .form-group label,
div[class^="registration_number_director_"] .form-group label,
div[class*="registration_number_director_"] .form-group label{
  font-size: 16px !important;
}

.regselectfont .select2-container{
  font-size: 16px !important;
  line-height: 26px !important
}

.regselectfont .select2-container--default .select2-selection--multiple .select2-selection__rendered li{
  margin: 5px 5px 2px !important
}

.select2-container--default .select2-results>.select2-results__options .select2-results__option{
  font-size: 16px !important;
  line-height: 26px !important
}

.dirtext.dytext{
  font-size: 25px;
  color:#212529
}


.mainserflex_col{
  width:100%;
  display:flex;
  align-items:center;
  justify-content: flex-start;
}


.mainserflex_col span.select2.select2-container.select2-container--default{
  float:none !important;
  width:80% !important;
}

.mainserflex_col span.select2.select2-container.select2-container--default span.selection{
  float:none !important;
  width:100% !important;

}
.mainserflex_col span.select2.select2-container.select2-container--default span.selection span.select2-selection.select2-selection--multiple{
  float:none !important;
  width:100% !important;
  
}

.mainserflex_col label.register-form-label{
  width:20% !important;
}

span.bs-caret > span {
  display: none;
}

.form-group.regselectfont label.register-form-label{
  text-transform: none !important;
}

span#state_error {
  color: #dc3545 !important;
  font-size: 11px !important;
  font-weight: 600;
  width: 100%;
  margin-top: 0.25rem;
  text-align: left;
}

.btn-group.bootstrap-select.show-tick.form-control.open.show{
  background-color: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

.tycontainer {
    width: 100%;
    padding: 0 !important;
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.tycontainer .row{
    width:100%;
}

.thankyoulogo {
    width: 100%;
    text-align: center;
}

.maintext {
    margin: 70px auto 90px;
    text-align: center;
    padding: 75px 10px;
    box-shadow: 0 0px 15px #00000026;
    background: #ffffff;
    width: 55%;
    border-top: 4px solid #4CAF50;
}

.maintext.alreadysub{
    border-top-color:#ff0000;
}

.maintext.success{
    border-top-color:#4CAF50;
}

.thankyoucopy {
    width: 100%;
    text-align: center;
}

.maintext i {
    font-size: 55px;
    color: #4CAF50;
}

.maintext h1 {
    font-size: 30px;
    line-height: 45px;
    margin: 35px 0 0;
    color: #000 !important;
}

.col-12.my-auto.tycontainercol {
    width: 100%;
}

.maintext.alreadysub i{
    color:#ff0000;
}

.maintext.success i{
    color:#4CAF50;
}

.thankyoucopy p{
    font-size:16px;
    line-height:26px;
    color:#000;
    margin:0;
}

.badge-primary[href]:focus, .badge-primary[href]:hover,
.badge-success[href]:focus, .badge-success[href]:hover{
    color:#fff !important;
}

@media screen and (max-width:991px){
    .maintext{
        width:100%;
    }
}

@media screen and (max-width:600px){
    .maintext {
        width: 100%;
        padding: 45px 25px;
        margin: 40px auto 45px;
    }
    
    .maintext i{
        font-size:35px;
    }
    
    .maintext h1 {
        font-size: 20px;
        line-height: 35px;
        margin: 25px 0 0;
        color: #000 !important;
    }
}
form#importForm {    border: 1px solid #ccc;
 padding: 10px;border-radius: 8px;
}