.label {
    display: inline-block !important;
    margin-bottom: .5rem !important;
}

#getLastIp .switch {
    position: relative !important;
    display: inline-block !important;
    width: 42px !important;
    /*42px*/
    height: 25px !important;
    /*25px*/
}

#getLastIp .slider:before {
    position: absolute !important;
    content: "" !important;
    height: 17px !important;
    /*17px*/
    width: 17px !important;
    /*17px*/
    left: 4px !important;
    bottom: 4px !important;
    background-color: white !important;
    -webkit-transition: .4s !important;
    transition: .4s !important;
}

#getLastIp input:checked+.slider:before {
    -webkit-transform: translateX(26px) !important;
    -ms-transform: translateX(26px) !important;
    transform: translateX(18px) !important;
}

#getLastIp input:checked+.slider {
    background-color: #e46a76 !important;
}

#getLastIp input:focus+.slider {
    box-shadow: 0 0 1px #e46a76 !important;
}

#getProxyVPNlist .switch {
    position: relative !important;
    display: inline-block !important;
    width: 36px !important;
    /*42px*/
    height: 21px !important;
    /*25px*/
}

#getProxyVPNlist .slider:before {
    position: absolute !important;
    content: "" !important;
    height: 13px !important;
    /*17px*/
    width: 13px !important;
    /*17px*/
    left: 4px !important;
    bottom: 4px !important;
    background-color: white !important;
    -webkit-transition: .4s !important;
    transition: .4s !important;
}

#getProxyVPNlist input:checked+.slider:before {
    -webkit-transform: translateX(26px) !important;
    -ms-transform: translateX(26px) !important;
    transform: translateX(15px) !important;
}

#getProxyVPNlist input:checked+.slider {
    background-color: #e46a76 !important;
}

#getProxyVPNlist input:focus+.slider {
    box-shadow: 0 0 1px #e46a76 !important;
}

.glyphicon-search:before {
    content: "\e184";
}

.switch {
    position: relative !important;
    display: inline-block !important;
    width: 58px !important;
    /*42px*/
    height: 30px !important;
    /*25px*/
}

.switch input {
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
}

.slider {
    position: absolute !important;
    cursor: pointer !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background-color: #ccc !important;
    -webkit-transition: .4s !important;
    transition: .4s !important;
}

.slider:before {
    position: absolute !important;
    content: "" !important;
    height: 22px !important;
    /*17px*/
    width: 22px !important;
    /*17px*/
    left: 4px !important;
    bottom: 4px !important;
    background-color: white !important;
    -webkit-transition: .4s !important;
    transition: .4s !important;
}

input:checked+.slider {
    background-color: #03a9f3 !important;
}

input:focus+.slider {
    box-shadow: 0 0 1px #03a9f3 !important;
}

input:checked+.slider:before {
    -webkit-transform: translateX(26px) !important;
    -ms-transform: translateX(26px) !important;
    transform: translateX(27px) !important;
}


/* Rounded sliders */

.slider.rounds {
    border-radius: 20px !important;
}

.slider.rounds:before {
    border-radius: 50% !important;
}


/*----Table-------*/

/* .my-custom-scrollbar {
    position: relative;
    height: 200px;
    overflow: auto;
}

.table-wrapper-scroll-y {
    display: block;
}

.table-striped thead {
    width: 97%;
}

.table-striped tbody {
    height: 150px;
    overflow-y: auto;
    width: 100%;
    position: relative;
}

.table-striped thead,
.table-striped tbody,
.table-striped tr,
.table-striped td,
.table-striped th {
    display: block;
}

.table-striped tbody td,
.table-striped thead>tr>th {
    float: left;
    border-bottom-width: 0;
} */


/*-----Đóng Table-------*/

.font-weight-bold {
    font-weight: bold !important;
}

.text-underline {
    text-decoration: underline !important;
}

.cursor-pointer {
    cursor: pointer !important;
}

.font-10 {
    font-size: 10px !important;
}

.font-11 {
    font-size: 11px !important;
}

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

.font-13 {
    font-size: 13px !important;
}

.font-14 {
    font-size: 14px !important;
}

.font-15 {
    font-size: 15px !important;
}

.font-16 {
    font-size: 16px !important;
}

.font-17 {
    font-size: 17px !important;
}


/*custom datatable*/

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: white !important;
    border: 1px solid rgb(60, 178, 239) !important;
    background-color: rgb(60, 178, 239) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(60, 178, 239)), color-stop(100%, rgb(60, 178, 239))) !important;
    background: -webkit-linear-gradient(top, rgb(60, 178, 239) 0%, rgb(60, 178, 239) 100%) !important;
    background: -moz-linear-gradient(top, rgb(60, 178, 239) 0%, rgb(60, 178, 239) 100%) !important;
    background: -ms-linear-gradient(top, rgb(60, 178, 239) 0%, rgb(60, 178, 239) 100%) !important;
    background: -o-linear-gradient(top, rgb(60, 178, 239) 0%, rgb(60, 178, 239) 100%) !important;
    background: linear-gradient(to bottom, rgb(60, 178, 239) 0%, rgb(60, 178, 239) 100%) !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
    outline: none;
    background-color: rgb(60, 178, 239) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(60, 178, 239)), color-stop(100%, rgb(60, 178, 239))) !important;
    background: -webkit-linear-gradient(top, rgb(60, 178, 239) 0%, rgb(60, 178, 239) 100%) !important;
    background: -moz-linear-gradient(top, rgb(60, 178, 239) 0%, rgb(60, 178, 239) 100%) !important;
    background: -ms-linear-gradient(top, rgb(60, 178, 239) 0%, rgb(60, 178, 239) 100%) !important;
    background: -o-linear-gradient(top, rgb(60, 178, 239) 0%, rgb(60, 178, 239) 100%) !important;
    background: linear-gradient(to bottom, rgb(60, 178, 239) 0%, rgb(60, 178, 239) 100%) !important;
    box-shadow: inset 0 0 3px rgb(60, 178, 239) !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    color: white !important;
    border: 1px solid rgb(60, 178, 239) !important;
    background-color: rgb(60, 178, 239) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(60, 178, 239)), color-stop(100%, rgb(60, 178, 239))) !important;
    background: -webkit-linear-gradient(top, rgb(60, 178, 239) 0%, rgb(60, 178, 239) 100%) !important;
    background: -moz-linear-gradient(top, rgb(60, 178, 239) 0%, rgb(60, 178, 239) 100%) !important;
    background: -ms-linear-gradient(top, rgb(60, 178, 239) 0%, rgb(60, 178, 239) 100%) !important;
    background: -o-linear-gradient(top, rgb(60, 178, 239) 0%, rgb(60, 178, 239) 100%) !important;
    background: linear-gradient(to bottom, rgb(60, 178, 239) 0%, rgb(60, 178, 239) 100%) !important;
}

.dataTables_wrapper .dataTables_paginate {
    float: none;
    display: flex;
    justify-content: center;
    padding: 20px;
    border-top: 1px solid gainsboro;
}


/* .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: white !important;
  border: 1px solid rgb(60, 178, 239)!important;
  background-color: rgb(60, 178, 239)!important;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(60, 178, 239)), color-stop(100%, rgb(60, 178, 239)))!important;
  background: -webkit-linear-gradient(top, rgb(60, 178, 239) 0%, rgb(60, 178, 239) 100%)!important;
  background: -moz-linear-gradient(top, rgb(60, 178, 239) 0%, rgb(60, 178, 239) 100%)!important;
  background: -ms-linear-gradient(top, rgb(60, 178, 239) 0%, rgb(60, 178, 239) 100%)!important;
  background: -o-linear-gradient(top, rgb(60, 178, 239) 0%, rgb(60, 178, 239) 100%)!important;
  background: linear-gradient(to bottom, rgb(60, 178, 239) 0%, rgb(60, 178, 239) 100%)!important;
} */

.dataTable {
    border: 0 !important;
}

table thead th {
    border: 0 !important;
    font-size: 11px;
}

.dataTables_wrapper tbody .even {
    background-color: rgba(122, 172, 237, .1) !important;
}

.dataTables_wrapper .dataTables_filter {
    float: none !important;
    display: none;
    /* justify-content: space-between !important; */
    margin-bottom: 1em !important;
}

.dataTables_wrapper .dataTables_filter label {
    align-self: center !important;
    margin-bottom: 0 !important;
    font-size: 14px !important;
}

.dataTables_wrapper .dt-buttons {
    border-radius: 50px!important;
    float: right !important;
    margin-right: 10px;
}

.dataTables_wrapper .dt-buttons .buttons-excel {
    border-radius: 50px!important;
    border: 1px solid #00c292!important;
    display: none;
    outline: none!important;
}

.dataTables_wrapper .dt-buttons .buttons-excel:hover {
    color: white!important;
    background-color: #00c292!important;
}

.dataTables_wrapper .dt-buttons .buttons-excel:active {
    border-radius: 50px!important;
    border: 1px solid #00c292!important;
    color: white!important;
    background-color: #00c292!important;
}

.dataTables_wrapper .dataTables_scrollBody {
    border: none!important;
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: #f7f8fa!important;
}


/*css li active*/

.customTabColor {
    background: #fff;
    color: #595d6e!important;
    line-height: 30px;
}

.customTabColor .nav-link {
    border: 0;
    border-top-left-radius: 0!important;
    border-top-right-radius: 0!important;
    color: #595d6e!important;
}

.customTabColor .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #ea4335!important;
    border-bottom: 2px solid #0abb87;
    background: #e7f8f3;
}

.flatpickr #rangeDate {
    border: 0px;
}

#getLastIp_filter {
    padding: 0px 10px!important;
}


/*moi*/

.sidebar-nav>ul>li.active>a {
    border: 0px!important;
    border: 0px!important;
}

.sidebar-nav ul li a.active i {
    color: #ea4335!important;
}

.left-sidebar .sidebar-nav ul>li.active a:before {
    position: absolute!important;
    content: ""!important;
    background-color: #ea4335!important;
    box-shadow: 0.25rem 0 2rem 0 #ea4335!important;
    width: .25rem!important;
    height: 100%!important;
    left: 0!important;
    top: 0!important;
}

@media only screen and (max-width: 768px) {
    .dataTables_scrollBody table tbody tr td {
        white-space: nowrap !important;
    }
    .swal2-popup {
        padding: 2em!important;
    }
}

.fff-badge.fff-badge--success {
    color: #ffffff;
    background: #0abb87;
}

.fff-badge.fff-badge--info {
    color: #ffffff;
    background: #5578eb;
}

.fff-badge.fff-badge--warning {
    color: #ffffff;
    background: #ffb822;
}

.fff-badge.fff-badge--danger {
    color: #ffffff;
    background: #fd397a;
}

.fff-badge {
    padding: 0;
    margin: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 18px;
    width: 18px;
    border-radius: 50%;
    font-size: 0.8rem;
}

.fff-fixtopbag {
    position: absolute;
    margin: -5px 0 0 -20px;
}