body {
    font-family: 'Roboto', sans-serif;
}

.cust_sidebar,
.nav-pills .nav-link.activ {
    background: #54c0e8;
}

.content-header h1,
.breadcrumb-item a,
.main-footer a {
    color: #54c0e8 !important;
}

.nav-sidebar .nav-item>.nav-link,
.nav-sidebar>.nav-item:hover>.nav-link {
    color: #fff !important;
    font-size: 14px;
}

.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {
    background-color: rgba(0, 0, 0, .1);
    ;
}

.nav-sidebar .nav-item>.nav-link i {
    font-size: 12px !important;
}

.nav-sidebar>.nav-item {
    margin-bottom: 5px;
}

.input-group-append .btn-sidebar i,
.form-control-sidebar::placeholder,
.navbar-nav .nav-item a i {
    color: #ff9e18;
}

.page-item.active .page-link,
.card-primary:not(.card-outline)>.card-header {
    background-color: #54c0e8;
    border-color: #54c0e8;
}

.page-item.disabled .page-link {
    color: #54c0e8;
}

.icheck-primary>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,
.icheck-primary>input:first-child:not(:checked):not(:disabled):hover+label::before {
    border-color: #ff9e18 !important;
}

.cus_btn,
.icheck-primary>input:first-child:checked+label::before,
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
    background-color: #ff9e18 !important;
    border-color: #ff9e18 !important;
}

.select2-selection__choice {
    background: #ff9e18 !important;
    background-color: #ff9e18 !important;
    border-color: #ff9e18 !important;
    padding: 3px 5px;
    margin: 0px;
}

.select2-selection__choice span {
    color: #fff !important;
}

.cus_btn_blue {
    background-color: #54c0e8 !important;
    border-color: #54c0e8 !important;
    transition: all 0.2s ease-in-out;

}

.cus_btn_blue_border {
    background-color: transparent !important;
    color: #54c0e8 !important;
    border-color: #54c0e8 !important;
}

.cus_btn_blue:hover {
    opacity: 0.8;
    background-color: #54c0e8;
    border-color: #54c0e8;
}

.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--open .select2-selection--single,
.select2-container--default .select2-selection--single {
    padding: 0;
}

footer {
    font-size: 14px;
    text-align: center;
}

.table-bordered td,
.table-bordered th {
    font-size: 14px;
}

.user-panel {

    padding: 10px 0;
    margin-bottom: 10px;
}

.user-panel .info {
    display: flex;
    justify-content: center;
    align-items: center;
}

.user-panel .info a,
.user-panel .info a:hover {
    color: #fff;
}

td a {
    color: #54c0e8;
    font-weight: 600;
    transition: all 0.2s ease-in-out;
}

td a:hover {
    color: #ff9e18;
}

.btn-orange {
    color: #ff9e18;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #54c0e8 !important;
    border-color: #54c0e8 !important;
}

.card {
    overflow-x: scroll;
}

/* .dataTables_wrapper {
    max-height: 70vh;

} */

.card ::-webkit-scrollbar,
.card::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    border-radius: 10px;
    padding-top: 25px;
}

/* Track */
.card ::-webkit-scrollbar-track,
.card::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
    padding-top: 25px;

}

/* Handle */
.card ::-webkit-scrollbar-thumb,
.card::-webkit-scrollbar-thumb {
    background: #54c0e8;
    opacity: 0.8;
    border-radius: 10px;
    padding-top: 25px;

}

/* Handle on hover */
.card ::-webkit-scrollbar-thumb:hover,
.card::-webkit-scrollbar-thumb:hover {
    background: #54c0e8;
    opacity: 1;
    border-radius: 10px;
    padding-top: 25px;

}

td a i {
    font-size: 14px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    margin-top: 0;
}

td .btn-group .btn-default {
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    padding: 0;
}

td form .cus_btn_blue,
td form .cus_btn,
td form .cus_btn_blue_border {
    height: 35px;
    padding: 0px 7px;
    font-size: 15px;
}

.btn.focus,
.btn:focus {
    box-shadow: 0 0 0 0.2rem rgb(255 255 255) !important;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #fff;
    background-color: #54c0e8;
}

.btn-primary {
    color: #fff;
    background-color: #54c0e8;
    border-color: #54c0e8;
    box-shadow: none;
    transition: all 0.2s ease-in-out;
}

.btn-primary:hover {
    background-color: #54c0e8;
    opacity: 0.8;
}

.direct-chat-primary .right>.direct-chat-text {
    background-color: #54c0e8;
    border-color: #54c0e8;
    color: #fff;
}

.bg-info {
    background-color: #54c0e8 !important;
}