/*
 File: app-custom.css
 Added by: Olufemi, DW Team
*/
:root{
	--eapp-dark-1: #1e1e2d;
	--eapp-dark-2: #4E4E5D;
    --eapp-semi-dark-a: #aaaaaa;
	
	--eapp-light-1: #e7e9ec;
	
	--eapp-title-font: 'Inter', Helvetica, sans-serif;
	--eapp-body-font: 'Manrope', Helvetica, sans-serif;

    --cs-gutter-y: 1.3rem;
}
body{
	font-family: var(--eapp-body-font);
}
h1,h2,h3,h4,h5,h6{
	font-family: var(--eapp-title-font);
}
h1,h2{font-weight:700;}
h3,h4{font-weight:600;}
h5,h6{font-weight:500;}
html.semi-dark .sidebar-wrapper {
    background-color: var(--eapp-dark-1);
    background: var(--eapp-dark-1);
}
html.semi-dark .sidebar-wrapper .sidebar-header {
    background: var(--eapp-dark-2);
}
.logo-icon {
    width: 25px;
}
.logo-text {
    letter-spacing: 0;
}
.sidebar-wrapper .metismenu a .menu-title {
    margin-left: 10px;
    font-size: 13px;
}
.sidebar-wrapper .metismenu a .parent-icon {
    font-size: 18px;
    line-height: 1;
}
.sidebar-wrapper .metismenu a{
	letter-spacing: 0;
}
html.semi-dark .sidebar-wrapper .sidebar-header .logo-text {
    color: var(--eapp-light-1);
    font-size: 21px;
    font-weight: 500;
}
.page-wrapper {;
    margin-top: 80px;
}
.page-content {
    padding: 5rem 2.5rem 3rem 2.5rem;
}
.topbar .navbar {
    height: 80px;
    padding: 1rem 2.5rem;
}
.topbar {
    height: 80px;
}
.sidebar-header {
    height: 80px;
}
.sidebar-wrapper .metismenu{
	margin-top:80px;
}
.card-body p{
	font-size: 13px;
	letter-spacing: 0;
}
.card-body h4{
	font-size: 42px;
}
.search-control {
    font-size: 14px;
    font-family: var(--eapp-body-font);
    height: 42px;
}
.bg-login {
    background-image:unset;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;

    background: #fcfeff;
}
.section-authentication-signin .card .card-body > div{
    border: none !important;
}
.form-control {
    padding: 10px 15px;
}
.form-control[type=password]{
    letter-spacing: -1.5px;
}
.section-authentication-signin .card .card-body .form-body .d-grid{
    display: flex !important;
    justify-content: center;
}
.section-authentication-signin .card .card-body .form-body .btn{
    padding: 9px 25px !important;
    background: #383838;
    border-color: #242424;
}
.section-authentication-signin .card .card-body .form-body .btn:hover{
    background: #00c8ff;
    border-color: #228cff;
}
.btn{
    transition: all ease-in .3s !important;
}
.row > *{
    margin-top: var(--cs-gutter-y) !important;
}
.btn-group-vertical>.btn, .btn-group>.btn{
    border-radius: 0;
}
.btn-group-vertical>.btn-check:checked+.btn, .btn-group-vertical>.btn-check:focus+.btn, .btn-group-vertical>.btn.active, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn:focus, .btn-group-vertical>.btn:hover, .btn-group>.btn-check:checked+.btn, .btn-group>.btn-check:focus+.btn, .btn-group>.btn.active, .btn-group>.btn:active, .btn-group>.btn:focus, .btn-group>.btn:hover {
    box-shadow: none;
}
.card-body{
    padding: 20px;
}
div.dataTables_wrapper div.dataTables_filter label {
    padding-right: 5px;
}
div.dataTables_wrapper div.dataTables_filter input {
    box-shadow: none !important;
}
div.dataTables_wrapper div.dataTables_filter {
    margin-bottom: 15px;
}
html.semi-dark .sidebar-wrapper .metismenu a {
    color: var(--eapp-semi-dark-a);
}
.sidebar-wrapper .metismenu{
    padding: 0;
}
.card{
    border-radius: 0;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination a{
    border-radius: 0;
}
.active>.page-link, .page-link.active {
    z-index: 3;
    color: var(--bs-pagination-active-color);
    
}
.search-show {
    font-size: 18px;
    left: unset;
    right: 15px;
}
.box{
    background: #ffffff;
    border: 0 solid transparent;
    margin-bottom: 1.5rem;
    padding: 20px 5px;
    box-shadow: 0 5px 15px rgb(57 98 254 / 2%), 0 3px 6px rgb(117 108 254 / 12%);
}
.box-body .btn{
    display: inline-flex;
    width: auto;
    background: var(--eapp-dark-1);
    color: #ffffff;
    padding: 8px 25px;
}
.table-messages table thead tr th:nth-child(2),
.table-messages table tbody tr td:nth-child(2){
    white-space: normal;
}
table .btn-group .btn, table .col .btn{
    padding-right: 0 !important;
    padding-left: 0 !important;
    border-radius: 3px !important;
    margin-right: 3px;
    width: 36px;
    height: 36px;
}
tbody, td, tfoot, th, thead, tr {
    border-color: inherit;
    border-style: solid;
    border-width: 1px !important;
}
table.dataTable>thead>tr>th:not(.sorting_disabled) {
    padding: 14px 40px 14px 10px !important
}
.btn i {
    vertical-align: middle;
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination a {
    border-radius: 0;
    font-size: 14px;
}