.public-content {
    color: #7281ab;
    background-color: #f4f6f9;
    padding: 20px 20px 0px;
    padding-bottom: 10px !important;
}

.public-content .dataTables_wrapper .dataTables_scrollHead .dataTables_scrollHeadInner table thead th {
    color: #3a5ee6 !important;
    padding-left: 20px !important;
    padding-right: 0px !important;
}

.public-content .dataTables_wrapper .dataTables_scrollHead .dataTables_scrollHeadInner table thead th.filterth {
    padding-left: 10px !important;
}

table.dataTable thead th {
    padding: 10px 0px 10px 10px;
    font-size: 12px;
    background-color: #fcfcfc;
}

body .dataTables_wrapper table.dataTable tbody th,
body table.dataTable tbody td {
    white-space: inherit;
    word-wrap: break-word;
    max-width: 220px;
    color: #606060 !important;
}

.dataTables_wrapper table.dataTable tbody th,
table.dataTable tbody td {
    padding: 12px 20px !important;
}

.open>.btn-action {
    background: #003399 !important;
}

.open>.btn-action>i {
    color: #FFFFFF;
}

.btn-action i {
    color: #003399;
}

.public-content div.dt-buttons {
    position: absolute;
    top: 0px;
    top: -60px;
    left: 90% !important;
}

.border-searchicon {
    border-radius: 0px 4px 4px 0px;
    border-color: #ccc !important;
}

div.dataTables_filter {
    position: initial !important;
    float: right;
}

div.dt-buttons .btn {
    border: none;
    background: none;
    font-size: 12px;
}

.open>.dropdown-menu {
    margin: 0px;
    padding: 0px;
    box-shadow: 2px 2px 2px rgb(0 0 0 / 25%);
    border-radius: 4px;
    border: 1px solid #B1B1B1;
}

.open>.dropdown-menu>li {
    width: 100%;
    list-style: none;
    /* padding: 6px 20px 6px 10px; */
    color: #606060;
}

.open>.dropdown-menu>li>a {
    padding: 6px 20px 6px 10px !important;
    color: #606060;
}

.open>.dropdown-menu>li>a:hover {
    color: #FFFFFF !important;
    background: #003399;
}

.filter,
.filtercountry {
    width: 100%;
    font-size: 9px;
    background-color: #fff;
    border: 1px solid #e3e6ec !important;
    height: 28px;
    /* border-radius: 5px; */
    color: #606060 !important;
}

.filterth {
    background-color: #eee !important;
}

.cntopt {
    font-size: 12px !important;
}

body .pagination li.paginate_button.previous,
body .pagination li.paginate_button.next {
    font-size: 12px !important;
}

body .pagination>.paginate_button.next a:before {
    padding-right: 3px;
}

body .pagination>.paginate_button.previous a:before {
    padding-right: 3px;
}

body .pagination>.paginate_button.previous a,
body .pagination>.paginate_button.next a {
    letter-spacing: normal !important;
}

body .pagination>.paginate_button.active>a,
body .pagination>.paginate_button.active>a:focus,
body .pagination>.paginate_button.active>a:hover {
    background-color: #ccc !important;
}

.m-top-2p {
    margin-top: 2% !important;
}

.min-ht600 {
    min-height: 600px;
}

/* ALL LOADERS */

.epi-loader {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    margin: 0 auto;
    top: 50%;
    position: fixed;
    left: 45%;
}

/* LOADER 1 */

#epi-loader-1:before,
#epi-loader-1:after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    border: 10px solid transparent;
    border-top-color: #0B4BA0;
}

#epi-loader-1:before {
    z-index: 100;
    animation: spin 1s infinite;
}

#epi-loader-1:after {
    border: 10px solid #ccc;
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@media screen and (max-width: 1600px) {
    .dt-buttons {
        left: 70% !important;
    }
}