body {
    background-color: #F5F7FF!important;
}
.nav-tabs .nav-link {
    padding: .2rem .5rem;
}

.tab-content {
    border: 1px solid #CED4DA !important;
    margin-top: -4px !important;
    margin-bottom: 10px !important;
    padding: 5px !important;
    background-color: #fff !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 2px !important;
    margin: 0px !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button .page-link {
    font-size: 11px !important;
    padding: 2px !important;
}

.dataTable tr td, .dataTable tr th, .expandable-table tr td, .expandable-table tr th {
    font-size: 11px !important;
    white-space: nowrap !important;
    padding:2px!important;
}

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dt-buttons {
    float: left !important;
    font-size: 12px !important;
}

.dataTables_wrapper .dataTables_filter {
    float: right !important;
    font-size: 12px !important;
}


.dataTables_wrapper .form-control {
    padding:2px!important;
    height:20px!important;
}

ul {
    list-style-type:none!important;
}

.container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl {
    width: 100%;
    padding-right: 0px !important;
    padding-left: 0px !important;
    margin-right: auto;
    margin-left: auto;
}

form span {
    color:var(--primary)!important;
}

.btn, .fc button, .ajax-upload-dragdrop .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .swal2-styled, .swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-confirm, .swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-cancel, .wizard > .actions a {
    padding: 0.2rem .8rem!important;
}

#reportrange .form-control, #reportrange .input-group-text, #reportrange .btn {
    padding: 5px 10px !important;
    font-size: 12px !important;
    margin-bottom: 2px !important;
    height:32px!important;
}


/*Filters*/


/*Filters  Styles*/

.filter-box .form-control {
    padding:5px!important;
    font-size:12px!important;
    height:24px!important;
    margin-bottom:2px!important;
    background-color:#e4f9fc!important;
}

.filter-box .form-control:focus {
    background-color: #efd65d!important;
    color:#000!important;
}

.filter-box {
    position: relative;
    padding: 5px !important;
}

    .filter-box > ul {
        height: 140px !important;
        overflow: auto;
        background-color: #ffffff !important;
        border: 2px solid #fff !important;
        margin-top: -2px !important;
    }

    .filter-box > p {
        padding: 2px !important;
        margin-left: -0px !important;
        background-image: linear-gradient(#969BA1, #2b4a72, #203755) !important;
        color: #ccc !important;
        font-size: 12px !important;
        border: 1px solid #fff !important;
    }


    .filter-box li {
        padding: 1px !important;
        border: 0px solid #fff;
        border-bottom: 1px solid #ccc !important;
        font-size: small !important;
        font-weight: normal;
        color: #22608e !important;
        border-bottom: 1px solid #e9e7e7 !important;
        white-space: nowrap;
        font-size: 12px !important;
    }

        .filter-box li:hover {
            background-color: #afd7d5 !important;
            cursor: pointer !important;
        }

            .filter-box li:hover .li-unchecked {
                color: #193831 !important;
            }

.li-unchecked {
    font-size: 15px;
    height: 15px;
    width: 15px;
    color: #ccc !important;
    cursor: pointer;
}

.li-checked {
    font-size: 15px;
    height: 15px;
    width: 15px;
    color: #193831 !important;
    cursor: pointer;
}

/*Filters*/

.fs-24 {
    font-size: 24px;
    font-weight:bold!important;
}

.fs-30 {
    font-size: 24px;
    font-weight: bold !important;
}

.content-wrapper {
    padding:5px!important;
}