/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */

table.table-list thead th{
    background-color: unset !important;
    color: white;
    text-align: left;
}
table.dataTable thead .sorting_asc:after{
    opacity: 1 !important;
}


.mpc-table1 .listtable{position: relative}

.mpc-table1  div.dataTables_filter {
    z-index: 9999999;
    position: relative;
    margin-top: 15px;
}


.mpc-table1 .table-list{
    margin-top:20px;
}


.modal-open .modal{
    z-index: 99999;
}

.tab-content{display: block !important;}



#overlayer {
    width:100%;
    top:0;
    left:0;
    height:100%;
    position:fixed;
    z-index:11111;
    background:#060a2e;
}
.loader {
    display: inline-block;
    width: 30px;
    height: 30px;
    position: fixed;
    z-index:3333333;
    border: 4px solid #4beb62;
    top: 50%;
    left:0;
    right:0;
    margin:auto;
    animation: loader 2s infinite ease;
}

.loader-inner {
    vertical-align: top;
    display: inline-block;
    width: 100%;
    background-color: #4beb62;
    animation: loader-inner 2s infinite ease-in;
}

@keyframes loader {
    0% {
        transform: rotate(0deg);
    }

    25% {
        transform: rotate(180deg);
    }

    50% {
        transform: rotate(180deg);
    }

    75% {
        transform: rotate(360deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes loader-inner {
    0% {
        height: 0%;
    }

    25% {
        height: 0%;
    }

    50% {
        height: 100%;
    }

    75% {
        height: 100%;
    }

    100% {
        height: 0%;
    }
}