.userDatatable thead th {
    border-bottom: 0 !important;
}




.managereport input[type="radio"] {
    width: 24px;
    height: 24px;
}


.managereport {
    font-size: 22px;
    padding: 28px 0
}

.filter-btns input[type="button"], .formgeneralReport .btn, .btn {
    border-radius: 8px;
    min-height: 40px;
    padding: 0 2rem;

}
@media only screen and (min-device-width: 1050px) and (max-device-width: 1500px) {
    .filter-btns input[type="button"], .formgeneralReport .btn, .btn {
        border-radius: 8px;
        min-height: 40px;
        padding: 0 2rem;
        min-width: 120px;
    }  

}
   
    div.dataTables_filter label {
        position: relative;
    }

        div.dataTables_filter label input {
            padding-left: 40px !important;
        }

        div.dataTables_filter label .fa {
            width: 20px;
            height: 20px;
            background: none;
            padding: 0;
            color: #939393 !important;
            position: absolute;
            left: 10px;
            top: 3px;
        }

    .orange-btn, .orange-btn:hover {
        background: #F26322;
        border-color: #fff;
    }

    .skyblue, .skyblue:hover {
        background: #01A7C7;
    }

    .lightBlue, .lightBlue:hover {
        background: #6198CC;
    }

        .orange-btn:hover, .skyblue:hover, .lightBlue:hover {
            opacity: 0.7
        }

    .filter-btns .form-group {
        position: relative;
    }

    .filter-btns span.btnicon, #summary-download-btn .filter-btns span.btnicon {
        position: absolute;
        left: 28px;
        top: 12px;
    }

    .AutomaticFailed {
        padding-top: 38px;
    }

    #containerTSRReportGenerate .filter-btns span.btnicon {
        position: absolute;
        left: 8px;
        top: 12px;
    }

    #mastermindTableBody .fa {
        min-width: 17px;
        min-height: 17px;
        align-items: flex-start;
        justify-content: space-between;
        border-radius: 0;
        font-size: 17px !important;
        flex-direction: column;
    }


    .filter-btns span.btnicon img {
        width: 24px;
    }

    table.dataTable .badge-danger {
        color: #fff;
        color: #dc3545 !important;
        background: transparent;
    }

    table.dataTable .badge-yellow {
        color: #212529;
        color: #ffff04 !important;
        background: transparent;
    }

    table.dataTable .badge-success {
        color: #fff;
        color: #28a745 !important;
        background: transparent;
    }

    table.dataTable .badge-warning {
        color: #212529;
        color: #ffc107 !important;
        background: transparent;
    }

    .fa-flag:before {
        content: "\f024";
        text-shadow: 2px 2px 2px #0000006b;
    }

    .filter-btns {
        position: relative;
    }

        .filter-btns i {
            position: absolute;
            left: 24px;
            top: 12px;
        }

        .filter-btns .fa {
            background: none;
            min-width: 24px;
            min-height: 24px
        }

    .Mangerial-Report-panel .card-body {
        border-radius: 12px
    }

    .radioGeneralReport label {
        margin-bottom: 0px
    }
    /* General REports */
    .formgeneralReport .form-control {
        max-width: 100%
    }

    div.dataTables_wrapper div.dataTables_filter {
        text-align: left !important
    }

    .dataTables_filter input[type=search] {
        min-height: 40px;
        border-radius: 6px;
        padding: .375rem .75rem;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: #495057;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }

    .searchIn {
        background: url('../Images/Search.png') no-repeat scroll left center / 15px auto;
    }

    .searchOut {
        background: none;
    }

    .dataDiv h4 {
        color: black;
        font-size: 16px;
        padding-bottom: 15px;
    }

    table tfoot tr th:first-child, table tfoot tr th:last-child {
        border-radius: 0px;
    }

    .rbGeneralReport {
        font-weight: 400;
    }

    .rbGeneralReportBold {
        font-weight: bold;
    }

    #mastermindTableBody .clsAutomaticFailed {
        background-color: darkred !important;
        color: white !important;
    }

    .tsr-name-label {
        color: #007bff;
        font-weight: bold
    }

    .mastermindTableBody .fa .fa-pencil-square-o {
        font-size: 32px !important
    }
#mastermindSiteTableBody .fa {
    min-width: 17px;
    min-height: 17px;
    align-items: flex-start;
    justify-content: space-between;
    border-radius: 0;
    font-size: 24px !important;
    flex-direction: column;
}
.drpDwn .multi-site-ddlsite button.ms-choice {
    height: 48px;
    line-height: 50px;
    border-radius: 6px;
    border: 1px solid #ced4da;
    font-size: 1rem;
    color: #495057;
}
    .drpDwn .multi-site-ddlsite button.ms-choice > div {
        top: 15px;
        width: 24px;
        height: 27px;
    }
    .drpDwn .multi-site-ddlsite button.ms-choice > span.placeholder {
        color: #494646;
    }
    .drpDwn .multi-site-ddlsite button.ms-choice:focus {
        color: #495057;
        background-color: #fff;
        border-color: #80bdff;
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
    }
#customerDatatable tbody tr td span {
    display: flex;
    justify-content: flex-start;
}

#customerDatatable thead tr th:nth-child(5) {
    width: 89px !important;
}
#customerDatatable thead tr th:nth-child(6) {
    width: 138px !important;
}
#customerDatatable thead tr th:nth-child(7) {
    width: 117px !important;
}
#customerDatatable thead tr th:nth-child(8) {
    width: 116px !important;
}
/****************** css added by Monika start******************/

.AutomaticFailed input {
    margin-top: -9px
}

    .excel-icon {
    top: 6px !important;
}
    .excel-icon img{
        width:22px;
    }
    .report-form-control select {
        min-height: 40px;
        max-width: 100%;
    }

.report-form-control .drpDwn .multi-site-ddlsite button.ms-choice {
    height: 40px;
    line-height: 40px
}

    .report-form-control .drpDwn .multi-site-ddlsite button.ms-choice > div {
        top: 7px;
    }

.report-form-control input {
    min-height: 40px !important;
}

.gen-report-plr {
    padding-left: 1.9rem !important;
    padding-right: 1.9rem !important;
}

.site-btns-outer span.btnicon, .tsr-btns-outer span.btnicon, .gen-repo-btns-outer span.btnicon {
    top: 7px !important;
}

.site-btns-outer div, .tsr-btns-outer div, .gen-repo-btns-outer div {
    padding: 0 1rem;
}

    .site-btns-outer div input, .tsr-btns-outer div input, .gen-repo-btns-outer div input {
        width: 100% !important;
        max-width: 100% !important;
    }

.form-block-w label, .radioGeneralReport label {
    top: 1px;
    position: relative;
}

.responsive-table {
    width: 100%;
    overflow: auto;
    padding-bottom: 10px;
}

    .responsive-table label input {
        min-height: 40px !important;
    }

    .responsive-table label .fa {
        font-size: 19px !important;
        top: 0 !important;
    }
/************************responsive css**************************/
@media screen and (max-width:1199px) {
    .responsive-table table thead {
        white-space: nowrap;
    }
}

@media screen and (max-width:991px) and (min-width:768px) {
    .site-btns-outer div, .tsr-btns-outer div, .gen-repo-btns-outer div {
        padding: 0 0.3rem;
    }


        .site-btns-outer div:first-child,
        .site-btns-outer div:nth-child(2) {
            flex: 0 0 23%;
            max-width: 23%;
        }

        .site-btns-outer div:nth-child(3),
        .site-btns-outer div:nth-child(4) {
            flex: 0 0 27%;
            max-width: 27%;
        }
}

@media screen and (max-width:991px) {
    .site-btns-outer div input, .tsr-btns-outer div input, .gen-repo-btns-outer div input {
        padding: 0 !important
    }

    .site-btns-outer span.btnicon img, .tsr-btns-outer span.btnicon img, .gen-repo-btns-outer span.btnicon img {
        width: 20px;
    }


    .PE-repo-w-100 {
        width: 100% !important;
    }
    .AutomaticFailed {
        padding-top: 0px !important;
    }
}

@media screen and (max-width:870px) {

    .site-btns-outer span.btnicon {
        left:15px;
    }
}

@media screen and (max-width:767px) {
    .site-btns-outer span.btnicon, .tsr-btns-outer span.btnicon, .gen-repo-btns-outer span.btnicon {
        left: 23%;
    }

    .site-btns-outer div:nth-child(3) input, .site-btns-outer div:nth-child(4) input, .tsr-btns-outer div:nth-child(2) input, .tsr-btns-outer div:nth-child(3) input, .gen-repo-btns-outer div:first-child input, .gen-repo-btns-outer div:nth-child(2) input {
        text-align: left;
        text-indent: 30%;
    }
    .analytics-chart-h{
        height:300px;
    }
        .analytics-chart-h .highcharts-scrolling{
            height:300px !important;
        }
}

@media screen and (max-width:575px) {


    .site-btns-outer span.btnicon, .tsr-btns-outer span.btnicon, .gen-repo-btns-outer span.btnicon {
        left: 15% !important;
    }

    .site-btns-outer div:nth-child(3) input, .site-btns-outer div:nth-child(4) input, .tsr-btns-outer div:nth-child(2) input, .tsr-btns-outer div:nth-child(3) input, .gen-repo-btns-outer div:first-child input, .gen-repo-btns-outer div:nth-child(2) input {
        text-indent: 22%;
    }
}

@media screen and (max-width:480px) {
    .col-plr0{
        padding-left:0px !important;
        padding-right:0px !important;
    }

    .site-btns-outer div:first-child, .site-btns-outer div:nth-child(2), .site-btns-outer div:nth-child(3), .site-btns-outer div:nth-child(4),
    .tsr-btns-outer div:first-child, .tsr-btns-outer div:nth-child(2), .tsr-btns-outer div:nth-child(3),
    .gen-repo-btns-outer div:first-child, .gen-repo-btns-outer div:nth-child(2) {
        flex: 0 0 100%;
        max-width: 100%;
    }

        .site-btns-outer div:nth-child(3) input,
        .site-btns-outer div:nth-child(4) input,
        .tsr-btns-outer div:nth-child(2) input,
        .tsr-btns-outer div:nth-child(3) input, .gen-repo-btns-outer div:first-child input, .gen-repo-btns-outer div:nth-child(2) input {
            text-align: center;
            text-indent: 0;
        }
    .div-block {
        display: block !important;
        max-width: 100%;
        width: 100%;
    }
        .div-block .form-group {
            max-width: 100%;
            flex: 0 0 100%;
            width: 100%;
        }
            .div-block .form-group input {
                max-width: 100%;
                width:100%;
                margin-bottom:0px !important;
            }
    
}

@media screen and (max-width:420px) {
 
    .AutomaticFailed input {
        max-width: initial !important;
        width: auto !important;
        margin: 0 !important;
    }
    .col-plr0 input {
        margin-left: 0px !important
    }
    .report-form-control input {
        max-width: 100%;
        width: 100%;
        margin: 0 0 10px 0 !important;
    }

    .site-btns-outer .form-group, .tsr-btns-outer .form-group, .gen-repo-btns-outer .form-group {
        margin-bottom: 6px;
    }

    .btn-full-width {
        width: 100%;
        max-width: 100%;
    }

}

@media screen and (max-width:555px) {
    .form-block-w {
        width: 49%;
        margin-right: 0px;
        justify-content: center;
        align-items: center;
    }
}
.auto-textarea {
    overflow: hidden; 
    resize: none; 
    height: auto; 
    min-height: 38px; 
}
.editicon {
    background: #fff !important;
    color: #007bffd6 !important;
    min-width: 10px !important;
    min-height: 10px !important;
    max-width: 40px !important;
    max-height: 40px !important;
    display: flex !important;
    align-items: center !important;
    float: right !important;
    font-size: 26px !important;
}
.border-danger {
    border: 1px solid red !important;
}
/****************** css added by Monika end******************/