/* FORM VALIDATION STATES */
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success .form-control-feedback {
    color: #95b75d;
}
.has-success .form-control {
    border-color: #95b75d;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning .form-control-feedback {
    color: #fea223;
}
.has-warning .form-control {
    border-color: #fea223;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error .form-control-feedback {
    color: #b64645;
}
.has-error .form-control {
    border-color: #b64645;
}
/* EOF FORM VALIDATION STATES */
.form-control.error,
.bootstrap-select.error > button {
    border-color: #b64645 !important;
}
.form-control.error,
.selectpicker.error + button {
    border-color: #b64645 !important;
}

label {
    font-weight: 600;
}
label.error,
label.valid {
    color: #b64645;
    margin-bottom: 0px;
    margin-top: 3px;
    font-size: 11px;
    font-weight: normal;
    width: 100%;
}
.form-control.valid,
.bootstrap-select.valid > button {
    border-color: #95b75d;
}
.form-control.valid,
.selectpicker.valid + button {
    border-color: #95b75d !important;
}

label.valid {
    color: #95b75d;
}
.control-label.text-left {
    text-align: left;
}

/*Alert message box */
#success-alert-modal,
#info-alert-modal,
#warning-alert-modal,
#danger-alert-modal {
    top: 30% !important;
}
#success-alert-modal .modal-full-width,
#info-alert-modal .modal-full-width,
#warning-alert-modal .modal-full-width,
#danger-alert-modal .modal-full-width {
    width: 100% !important;
}
#warning-alert-modal .modal-content {
    background-color: #f7b84b;
    color: #fff;
}
#info-alert-modal .modal-content {
    background-color: #4fc6e1;
    color: #fff;
}
#success-alert-modal .modal-content {
    background-color: #1abc9c;
    color: #fff;
}
#danger-alert-modal .modal-content {
    background-color: #f1556c;
    color: #fff;
}
#info-alert-modal .text-info {
    color: #fff !important;
}
#danger-alert-modal .text-danger {
    color: #fff !important;
}
#success-alert-modal .text-success {
    color: #fff !important;
}
#warning-alert-modal .text-warning {
    color: #fff !important;
}
#warning-alert-modal .btn-warning {
    background-color: #fff;
    border-color: #fff;
    color: #343a40;
}
#info-alert-modal .btn-info {
    background-color: #fff;
    border-color: #fff;
    color: #343a40;
}
#danger-alert-modal .btn-danger {
    background-color: #fff;
    border-color: #fff;
    color: #343a40;
}
#success-alert-modal .btn-success {
    background-color: #fff;
    border-color: #fff;
    color: #343a40;
}

.modal .btnlist{
    float: right;
}


/*Data Table*/
.dataTable tr {
    vertical-align: middle;
}
.dataTable tr td {
    padding: 0.5rem;
}

/*Input loader*/
.loading {
    background: white url("../images/loading.gif") right center no-repeat;
}

/* Table first coloum width */
.table-coloum-width {
    width: 30%;
}

/* Table first coloum width */
.status-coloum-width {
    width: 50%;
}

/* Select picker color chnage */
.bootstrap-select .btn-light {
    background-color: white !important;
    border-color: #d0d5d9
}

.alert-box-text {
    width: 50%;
    left: 25%;
    position: relative;
}

.popover {
    font-weight: bold;
}

/*Alert Message Styles*/
.alert-title {
    width: 100%;
    float: left;
    padding: 10px 0px 10px;
    font-size: 31px;
    font-weight: 700;
    line-height: 36px;
}

.alert-title span {
    font-size: 38px;
    float: left;
    margin-right: 10px;
}

/*cursor change when radonly*/
input[readonly] {
    cursor: not-allowed;
}
textarea[readonly] {
    cursor: not-allowed;
}
input[disabled] {
    cursor: not-allowed;
}
input[type="checkbox"] {
    cursor: pointer;
}
input[type="text"]:disabled{background-color:#f5f6f8;}

button:disabled {
    cursor: not-allowed;
    pointer-events: all !important;
}

input[type="button"]:disabled{
    cursor: not-allowed !important;
}

.datatable-text-right {
    text-align: right;
}

/*table headrer freez*/
.freez{
    position: sticky;
    top: 0;
    z-index: 200;
    background-color:#c2c4c6 ;
}

.div-group{flex-wrap: nowrap;}
.td-middle{vertical-align: middle;}

.ladda-button {
    background: #1abc9c !important;
    border: 0;
    padding: 5px 12px !important;
    font-size: 12px !important;
    cursor: pointer;
    color: #fff;
    border-radius: 2px;
    border: 1px solid transparent;
    -webkit-appearance: none;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent;
  }

 /*Form Tab Background Colour*/
 .tabHighlight{background-color: #D6E4E5}
 .listItemActive{background-color: #e8e8e8}
 .home-button-div{
    padding-left: 25px;
  }
  .home-button-search-group{
    display: flex;
    justify-content: end;
  
  }

  /*Drop down select show*/
  .simplebar-content-wrapper{height: 100% !important;}

  @font-face {
    font-family: 'password';
    font-style: normal;
    font-weight: 400;
    src: url(https://jsbin-user-assets.s3.amazonaws.com/rafaelcastrocouto/password.ttf);
  }