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);
}

.login-box {
    margin-top:2%;
}

.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:#FF5722;
    border-color:#FF5722;
    color: #fff;        
}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    background-color:#CC4E28;
    border-color:#CC4E28;
}

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

.btn-default {
    background-color: #f4f4f4;    
}

.btn-default:hover, .btn-default:active, .btn-default:active:hover:focus {
    background-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;
}

.skin-blue .main-header .navbar {
    background-color:#FF5722;   
}

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

.skin-blue .main-header .logo {
    background-color: #fff !important;
}

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

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

.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 {
    background-color:#eee;
    height:1.5em;
    text-transform:uppercase;
    font-size:1.2em;
    vertical-align: middle;
}

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

.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:1.2em;
}

.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:#FF5722 !important;
    border-color:#FF5722 !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:#FF5722;
}

.loading {
    width:48px;
}

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

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

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

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