.navbar-dark {
    background-color: #f28066;
    border-bottom-color: rgb(193, 195, 187);
}
.navbar-brand img {
    width: 80px;
    height: unset;
    max-height: 38px;
}
body {
    background-color: #fbfbfb;
}
.card.shadow {
    padding: 10px !important;
    border-radius: 8px;
    border: 0;
    transition: all .3s ease-in-out;
}
.card.shadow:hover , .card.shadow:focus{
    box-shadow: 0 5px 4px 3px rgb(198, 213, 213) !important;
    transform: translateY(-5px);
}
input:focus {
    border-color: #2ddedc !important;
}
.btn-success {
    background-color: #26a69a;
    max-width: 200px;
}
.btn-success:hover , .btn-success:focus{
    background-color: #f28066;
}
form button {
    margin: 0 auto !important;
    max-width: 200px !important;
}
.bg-danger-300 {
    background-color: #f28066;
}
thead {
    background-color: #2ddedc;
    color: #fff;
}
.dataTables_filter > label {
    display: flex;
}
h3.panel-title {
    color: #2ddedc;
}


::-webkit-scrollbar {
    width: 9px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    background-color: #fff;
}

::-webkit-scrollbar-thumb {
    background-color: #addedc;
    outline: 1px solid #fff;
    border-radius: 30px;
}


::-moz-selection {
    background: #addedc;
    color: #fff;
}

::selection {
    background: #addedc;
    color: #fff;
}

.table{
    display: table !important;
}
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before {
    background-color: #f28066;
}
.dataTables_wrapper {
    margin-top: 12px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #fff !important;
    border: 1px solid transparent;
    background-color: #f28066;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #dcdcdc));
    background: -webkit-linear-gradient(top, #fff 0%, #dcdcdc 100%);
    background: -moz-linear-gradient(top, #fff 0%, #dcdcdc 100%);
    background: -ms-linear-gradient(top, #fff 0%, #dcdcdc 100%);
    background: -o-linear-gradient(top, #fff 0%, #dcdcdc 100%);
    background: #f28066;
}
.login-form img {
    width: 140px;
}
.bg-slate-800 {
    background-image: url('../global_assets/images/bg.jpg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.bg-slate-800 .card {
    box-shadow: 0 5px 5px 4px rgba(242, 128, 102, 0.3);
    border-radius: 8px;
}