body{position: relative;}

/*.box{border-top: 0px !important;}*/

.btn-bottom {text-align: center;margin-top: 20px;padding-top: 18px;}

.permissions-col{margin-bottom:5px;}

.roles-col{max-width:320px;}

.chk input[type="checkbox"]{display:none;}

.chk input[type="checkbox"] + label{font-weight:400;line-height:25px;margin:0;min-height:25px;min-width:30px;padding:0px 0 0 36px;background:url('../chk.png') no-repeat left top;cursor:pointer;color:#000;font-size:13px;display: inline-block;}

.chk input[type="checkbox"]:checked + label{ background-image:url('../chk-a.png');font-weight:400;}

.chk input[type="checkbox"]:disabled + label{color: #A9A9A9;}

.red {color: red;}

.image-logo{height: 50px;}

.info-btn{padding: 4px;margin:2px;}

.asterisk{color: red}

.astrict{color: red}

/*.box-header.with-border {border-bottom: 1px solid #e2e1e1;margin: 0 20px;padding: 20px 0;}

.card-body{padding: 20px;}

.box-header.with-border h3{font-size: 22px;font-weight: 600;margin-top: 0;margin-bottom: 15px;}

.box-header.with-border h3::first-letter{text-transform: uppercase;}*/

.accordion .card .card-header>h2{margin:0;}

.accordion .card .card-header .btn.btn-link{display:block;width: 100%;padding: 15px 0;border-bottom: 1px solid #e2e1e1;}

.accordion .card .card-header .btn.btn-link h3{display: block;margin:0;padding:0;text-align:left;font-size: 22px;text-transform: uppercase;}

.accordion .card .card-body{padding: 15px;}

.accordion .card .card-body .timeline-item{margin-bottom: 20px;}

.accordion .card .card-body .timeline-item .timeline-footer{margin-top: 15px;}

/*.box-header>.box-tools {position: absolute;right: 0;top: 20px;}*/

.btn-link:focus, .btn-link:hover{text-decoration: none;}

.btn {
    white-space: nowrap;
}

.main-sidebar {
    bottom: 0;
    height: 100%;
}

.main-header {
    z-index: unset;
}

.class1{background-color: #dddcdc}

.class2{background-color : #b9ffce}

.class3{background-color: #ffdca5}

.class4{background-color: #fe9494}

.class5{background-color: #000000}



/* new css */

.data{padding:0 15px;}

.data .row {background: #fafafa;padding: 0 0 19px 0;}

.data .row h3{ margin: 0 -15px 15px -15px; font-size: 22px; border-bottom: solid 1px #ccc;padding: 10px 15px 12px;background: #007bff;color: #fff;}

.location-ranks .row.table-head {background: #007bff;padding: 10px 0 11px;color: #fff;font-weight: 600;text-transform: capitalize;font-size: 14px; margin:0;}

.location-ranks .row {padding: 8px 0 4px;border-bottom: solid 1px #eaeaea;}

.location-ranks .row:last-child{border: none;}

.search{display: flex; align-items: center;}

.search .form-control{margin: 0 10px;}

.document-permission .card-body{padding:10px;}

.document-permission .card-body .row{margin-bottom: 15px;}

.document-permission .card-body label{margin-bottom: 10px;}

.document-permission .card-body .chk-box.head-location .chk input[type="checkbox"] + label{font-weight: 700;}

.document-permission .card-body .permissions-col {margin: 10px 0 0px -14px;}

.document-permission .card-body .chk-box{clear: both;}

.w80{width: 80px;}

.w70{width: 70px;}



.form-group.has-error .help-block + .help-block {

    display: none;

}



/*16-09-2019*/



.box-comments .username {font-size: 21px; text-transform: capitalize;}

.box-comments .comment-text {margin-left: 0;}

.box-comments .text-muted { font-size: 16px;}

.box-comments { background: #f9f9f9; border: 1px solid #eee;   margin: 15px 15px 15px;  padding: 25px;}

.box-primary{padding: 15px;}

.dataTables_length, .dataTables_filter{padding: 10px 0 0;}

.dataTables_length select{margin: 0 15px;}

.card-body {padding: 15px;}

.view-help .box-header {padding: 15px 80px 15px 15px;}

.view-help .box-header .box-title { font-weight: 600;}

.view-help .box-header > .box-tools { right: 15px; top: 10px;}



.px-custom-0 {padding-left: 0;padding-right: 0;}

.compose .control-label{margin: 5px 0 0;}

/*.mt-20 {margin-top: 20px;}*/



.dataTables_wrapper .dt-buttons {

  float:right;

  text-align:center;

  margin: -34px 0 0;

}

table.dataTable {



    min-width: 100%;

}



.radio-custom{display:inline-block;position:relative;vertical-align:top;}

.radio-custom input[type="radio"]{bottom:0;display:block;height:100%;left:0;margin:0;opacity:0;position:absolute;right:0;top:0;width:100%;}

.radio-custom input[type="radio"] + label{margin:0; padding:0 0 0 26px;position:relative; background:url(../images/rdo.png) no-repeat left top; cursor:pointer; background-size:20px;}

.radio-custom input[type="radio"]:checked + label{background-image:url(../images/rdo-a.png)}



.dashboards .card-body{max-height: 420px; overflow: auto;}
.head-logo-img {max-width: 590px;float: right;margin-top: 5px;}
.head-logo-img li {max-width: 150px;margin-left: 10px;list-style: none; display: inline-block; vertical-align: middle;}
.head-logo-img li a img {display: block;width: 100%;}

/*custom responsive*/


@media screen and (max-width: 1199px) {
    .box-tools.search {
        position: relative;
        top: auto;
        width: 100%;
    }
}

@media only screen and (max-width: 575px) {
    .head-logo-img {
        max-width: 100%;
        width: 100%;
        text-align: center;
        padding: 0;
    }

    .head-logo-img li {
        max-width: 100%;
        margin: 0 5px;
        width: calc(33.33% - 15px);
    }
}

@media screen and (max-width: 479px) {
    .search {
        flex-wrap: wrap;
    }
    .search .form-control {
        margin: 5px 0 10px;
    }
}


tr.group,
tr.group:hover {
    background-color: #ddd !important;
}


.select2-container--default .select2-selection--single,
.select2-selection .select2-selection--single {
    padding: 6px 0px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 32px;
}

.select2-container .select2-selection--single {
    height: calc(2.25rem + 2px);
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 35px;
}

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
    border-color: #ced4da;
}

.select2-container--default .select2-selection--multiple {
    line-height: 32px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #80bdff;
}

.fc-time-grid-event .fc-content {

    font-size: 14px;

}



.status_0 {
    border: 1px solid #d6d8db !important;
    color: #383d41;
    background-color: #e2e3e5;
}

.status_1 {
    border: 1px solid #c3e6cb !important;
    color: #155724;
    /*background-color: #d4edda;*/
    background-color: #90e1a4;
}

.status_2 {
    border: 1px solid #f5c6cb !important;
    color: #721c24;
    background-color: #f8d7da;
}

.status_3 {
    border: 1px solid #bee5eb !important;
    color: #0c5460;
    /*background-color: #d1ecf1;*/
    background-color: #a4dfeb;
}
.status_9 {
    background-color: #ffe5ba;
    border: 1px solid #d73925;
    color: #000;
}

.bg-lightgreen {
    color: #155724;
    background-color: #d4edda;
}

.btnr0 {
    border-radius: 0px;
}

.shift_box {
    border: 0px;
    margin-bottom: 8px;
}

.calender_tbl p span {
    display: block;
}

.calender_tbl p {
    padding: 0px 5px;
    margin-bottom: 0px;
}

.calender_tbl td {
    padding: 4px 4px 4px 4px !important;
    min-width: 145px;
    max-width: 15%;
    word-break: break-word;
}

.calender_tbl tr.location_row {
    background: rgb(245, 245, 245);
}

.calender_tbl .shift_box_body {
    padding: 0px 5px;
}

.w100 {
    width: 100%;
}

.pb10 {
    padding-bottom: 10px;
}

.table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
    border: 1px solid #ddd;
}

.week_pagimation a {
    text-decoration: none;
    display: inline-block;
    padding: 8px 16px;
    background-color: #007bff;
    border-color: #367fa9;
    border-radius: 0 !important;
    box-shadow: none;
    background-image: none;
    color: #fff;
    text-shadow: none;
}

.week_pagimation a:hover {
    background-color: #ddd;
    color: black;
}

.week_pagimation .round {
    border-radius: 50%;
}

.colour_help {
    position: absolute;
    padding-top: 49px;
    padding-left: 11px;
}

.fc-toolbar button {
    background-color: #007bff;
    border-color: #367fa9;
    border-radius: 0 !important;
    box-shadow: none;
    background-image: none;
    color: #fff;
    text-shadow: none;
}

.fc-toolbar button:hover {
    background-color: #367fa9;
}


form.shift .timeframe-wrapper .form-group {
    display: inline-block;
    margin-bottom: 0;
    max-width: 100px;
}

.calender_tbl th{background: #fafafa;}

#calendar .ui-datepicker-inline{display: none !important;}

.fc-time-grid-event.standerd_shift_event {

    background: #fff url(../images/event_bg.png) !important;

}



.fc-time-grid-event{ border-radius: 0px !important;}



.fc-time-grid-event .fc-time span{font-weight: bold;font-size: initial;}



.dashboards .card-body .alert{padding: 6px; margin-bottom: 6px;}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
    margin-left: 0!important;
}


.select2-container--default .select2-selection--multiple .select2-selection__choice {

    background-color: #007bff !important;

    border-color: #367fa9 !important;

    /* padding: 1px 10px !important; */

    color: #fff;

}



.calender_tbl th{text-align: center;vertical-align: top !important;}



.userselect select{text-transform: capitalize;}


.select2-results__option[title="lightgreen"] {
    background: rgb(210, 226, 180);
    color: rgb(0, 0, 0);
}

.select2-results__option[title="lightgreen rank_1"] {
    background: #00b050;
    /*color: #fff;*/
}

.select2-results__option[title="lightgreen rank_2"] {
    /*background: #28a745; color: #fff;*/
    background: #fbfc00;
    /*color: #fff;*/
}

.select2-results__option[title="lightgreen rank_3"] {
    background: #ffc000;
}


.select2-results__option[title="black"] {
    background: #000;
    color: #fff;
}

.select2-results__option[title="black rank_1"] {
    background: #000;
    color: #fff;
}

.select2-results__option[title="black rank_2"] {
    background: #000;
    color: #fff;
}

.select2-results__option[title="black rank_3"] {
    background: #000;
    color: #fff;
}


.select2-results__option[title="ui-state-disabled"] {
    color: white;
    background: rgb(0, 0, 0);
    color: rgb(188, 188, 188);
    opacity: 1;
    cursor: not-allowed !important;
    pointer-events: unset;
}

.select2-results__option[title="ui-state-disabled rank_3"] {
    color: white;
    background: rgb(0, 0, 0);
    color: rgb(188, 188, 188);
    opacity: 1;
    cursor: not-allowed !important;
    pointer-events: unset;
}

.select2-results__option[title="ui-state-disabled rank_2"] {
    color: white;
    background: rgb(0, 0, 0);
    color: rgb(188, 188, 188);
    opacity: 1;
    cursor: not-allowed !important;
    pointer-events: unset;
}

.select2-results__option[title="ui-state-disabled rank_1"] {
    color: white;
    background: rgb(0, 0, 0);
    color: rgb(188, 188, 188);
    opacity: 1;
    cursor: not-allowed !important;
    pointer-events: unset;
}

.select2-results__option[title="red rank_1"] {
    color: black;
    background: red;
}

.select2-results__option[title="red rank_2"] {
    color: black;
    background: red;
}

.select2-results__option[title="red rank_3"] {
    color: black;
    background: red;
}


.select2-results__option[title="red rank_4"] {
    color: black;
    background: red;
}

.select2-results__option[title="red rank_5"] {
    color: black;
    background: red;
}

.select2-results__option[title="red rank_6"] {
    color: black;
    background: red;
}

.select2-results__option[title="blue rank_1"] {
    background: #0070c0;
    color: white;
}

.select2-results__option[title="blue rank_2"] {
    background: #0070c0;
    color: white;
}

.select2-results__option[title="blue rank_3"] {
    background: #0070c0;
    color: white;
}

.select2-results__option[title="blue rank_4"] {
    background: #0070c0;
    color: white;
}

.select2-results__option[title="blue rank_5"] {
    background: #0070c0;
    color: white;
}

.select2-results__option[title="blue rank_6"] {
    background: #0070c0;
    color: white;
}

/*.box.box-primary.add-other-ques.training-question .box-header.with-border p {
    padding: 10px; border: 1px solid #ccc;
}*/

/*.box.box-primary.add-other-ques.training-question .box-header.with-border h2, #exTab1 .tab-content h2 {
    border-bottom: none;
    padding-bottom: 8px;
    margin-bottom: 0px;
    font-weight: bold;
    padding-left: 10px;
    background: #2f72ab;
    padding-top: 7px;
    color: #fff;
    font-size: 20px; padding: 15px;
}*/

.card-body.question-box hr{ margin-top: 15px;  margin-bottom:5px;}

.box-footer .btn.btn-primary {
    width: 100px;
    padding: 9px;
    font-size: 18px;
    margin-right: 10px;
}
.training-question .box-header .box-title.instruction {    padding: 15px;}
.question-inner {border: 1px solid #ccc; padding-bottom: 15px;}

.question-inner h4.instruction {margin-top: 0px; padding: 15px;}


.question-inner h4 {
    padding: 0 10px 5px 10px;
}
.question-inner  .permissions-col {    margin: 10px;}

.question {padding: 0 10px;}

.project-tab .card-body a.btn.btn-success {
    padding: 13px 30px;
    font-size: 16px;
}


#exTab1 ul.nav.nav-pills {background: #edf2f7;}

#exTab1 ul.nav.nav-pills li a {
    padding: 20px 50px;
    text-transform: uppercase;
}

.project-tab .btn-success:hover {
background-position: 0 -15px;
    background-color: #419641;
}
.question-inner .radio input[type=radio] {
    margin-left: 0px;
    width: 19px;
    height: 19px;
    top: 7px;
}
.question-inner .radio label {    padding-left: 30px;}

.training-inner {border: 1px solid #ccc;  padding: 10px;}
.card-body {
    padding: 8px;
}
.chk input[type="checkbox"]:checked + label, .chk input[type="checkbox"] + label {background-size: 20px; background-position:left center; padding-left: 31px;
}

.question-inner .radio input[type=radio] { margin-left:0px;}


.box-footer .btn-primary:hover {
    background-color:#265a88;
    background-position: 0 -15px;
}

.box-primary.text-center h3 {
    max-width: 400px;
    margin: 0 auto;
    padding-bottom: 30px;
}
.box-primary.text-center h3 {padding-bottom: 30px;
    line-height: 31px;}

.success-img img {  width: 97px; }
.success-img {border: 6px solid #48a247;}

div#inputFormRow {  display: inline-block;   width: 100%;}

button#addRow {
    margin-bottom: 15px;
}


.toasts-top-right {
    z-index: 9999;
    margin: 1rem;
}
.toasts-top-right .toast .toast-body {
    min-width: 215px;
}

.modal-fullscreen {
    padding: 0 !important;
}

.modal-fullscreen .modal-dialog {
    width: 100% !important;
    max-width: 100% !important;
    height: 100%;
    margin: 0;
    padding: 0;
}

.modal-fullscreen .modal-content {
    height: auto;
    min-height: 100%;
    border: 0 none;
    border-radius: 0;
    box-shadow: none;
}

.datatable-col-ellipsis {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.image-box {
  position: relative;
  width: 100px;
  height: 100px;
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.image-box img {
  display: block;
  width: 100%; /* Ensure the image fits within the box */
  height: auto; /* Maintain aspect ratio */
}

.image-box:hover {
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4); /* Stronger shadow on hover */
}

.modal-title {
    display: contents;
    font-size: 20px;
}

.lower-environment {
    background: red; 
    padding: 0.5rem;  
    z-index: 9999;
}

.user-menu {
    a {
        color: #6c757d;
    }
}

.sidebar-mini.sidebar-collapse .main-sidebar .user-panel .image img {
    width: unset;
}