body {
    font-family: "DM Sans", sans-serif;
    font-weight: 400;
    font-style: normal;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "DM Sans", sans-serif;
}

.login-page, .register-page {
    background-color: #eee;
}

.login-box-body, .register-box-body {
    color:#000;
    border-radius: 5px !important;
    box-shadow: 0px 3px 6px 0px rgba(140, 149, 159, 0.15);
}

.btn-primary {
    background-color:#382F99;
    border-color:#382F99;
    color: #fff;    
}
    
.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    background-color:#2C257A;
    border-color:#2C257A;
}

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active, .sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {
    background-color:#382F99;
}

.btn-default {
    background-color: #eee;
    border-color:#eee;
}

.btn-default:hover, .btn-default:active, .btn-default:active:hover:focus {
    background-color:#ccc;
    border-color:#ccc
}

.bg-red, .callout.callout-danger, .alert-danger, .alert-error, .label-danger, .modal-danger .modal-body {
    background-color: #FF7575 !important;
    border: none !important;
    color:#eee;    
    border-radius:5px;
}

.bg-green, .callout.callout-success, .alert-success, .label-success, .modal-success .modal-body {
    background-color:#A4FF96 !important;
    border:none !important;
    color:#000 !important;
    border-radius:5px;
}

.bg-green, .callout.callout-success, .alert-info, .label-success, .modal-success .modal-body {
    background-color:#fff !important;
    border:1px solid #00c0ef;
    color:#000 !important;
    border-radius:5px;
    font-size:1em;
}

.content-wrapper, .right-side {
    background-color:#eee !important;
}

.navbar-custom-menu>.navbar-nav>li:hover {
    transition:0.3s;
}

.navbar-custom-menu>.navbar-nav>li:hover {
    background-color:#382F99;
}

.box {
    border-top:none !important;
    box-shadow: 0px 3px 6px 0px rgba(140, 149, 159, 0.15);
    border-radius:5px;
}

.table-bordered>thead>tr>th, .table-bordered>thead>tr>td {    
    height:1.5em;
    font-size:1em;
    vertical-align: middle;
}

.box-header>.fa, .box-header>.glyphicon, .box-header>.ion, .box-header .box-title {
    margin-top:20px;
    font-size:1em;
}

.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
    border:none;
    font-size:1em;
}

.small-box {
    border-radius:5px;
    box-shadow: 0px 3px 6px 0px rgba(140, 149, 159, 0.15);
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color:#382F99 !important;
    border-color:#382F99 !important;
}

.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side {
    background-color: #1e282c;
}

.skin-blue .sidebar-menu>li.header {
    background-color: #1e282c;
    color:#fff;
}

.skin-blue .sidebar a {
    color:#fff;
}

.skin-blue .main-header .navbar .sidebar-toggle:hover {
    background-color:#1e282c;
}

.skin-blue .sidebar-menu>li:hover>a, .skin-blue .sidebar-menu>li.active>a {
    border-left-color:#382F99;
}

.loading {
    width:48px;
}

.las {
    font-size:22px;
    vertical-align:middle;
}

.nav-tabs-custom>.nav-tabs>li.active {
    border-top-color: #382F99;    
}

.nav-tabs-custom>.nav-tabs>li.active>a, .nav-tabs-custom>.nav-tabs>li.active:hover>a {
    background-color: #eeeeee;
}

.alert-message {
    border:none !important;
    background-color:#eee !important;
    color:#000 !important;
    border-radius:1em !important;
}

.bg-application {
    background-color:#382F99;
    border-color:#382F99;
    color: #fff;     
}