#nav {
    background-color: #1D2A5B;
    box-shadow: none;
}

.navbarwhite {
    background-color: white !important;
    color: #0f123f !important;
}

hr  {
    border: 1px solid white !important;
    width: 100%;
}



h3 {
    color: #0f123f !important;
}

.main-sidebar .brand-text {
    transition: margin-left .3s linear,opacity .3s ease,visibility .3s ease;
    font-style: normal !important;
    font-weight: bold !important;
    font-size: 20px !important;
    line-height: 27px !important;
    letter-spacing: 0.005em !important;
}


.nav-sidebar {
    position: relative;
    background-color: white !important;
}



.nav-sidebar .nav-treeview > .nav-item > .nav-link > .nav-icon {
    width: 1.6rem;
    color: #0f123f;
}

.main-footer {
    background: #fff;
    border-top: 1px solid white;
    color: #0f123f;
    padding: 1rem;
}

.nav-link:focus, .nav-link:hover {
    background-image: linear-gradient(to right, #00bfdd, #aeebf4, #c8f1f8, white)!important;
    border-radius: 0.25rem;
}



.layout-navbar-fixed .wrapper .sidebar-dark-primary .brand-link:not([class*="navbar"]) {
    background-color: white !important;
}

.layout-navbar-fixed .wrapper .sidebar-dark-primary .brand-link:not([class*=navbar]) {
    text-align: center;
}


.form-control {
    display: block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: .375rem .75rem;
    font-size: 0.8rem !important;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc !important;
    border-radius: .25rem;
    box-shadow: inset 0 0 0 transparent;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}



.bg-secondary {
    background-color: #c1c1c1!important;
}



.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #c1c1c1;
    border-color: #c1c1c1;
}

.page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #0f123f;
    background-color: #fff;
    border: 1px solid #dee2e6;
}

.page-link:hover {
    z-index: 2;
    color: #0f123f;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6;
}



.card-primary.card-outline {
    border-top: 3px solid white !important;
}



.newform-control {
    display: block;
    width: 100%;
    height: 47px;
    margin-top: 7px;
    padding: 0.375rem 0.75rem;
    font-size: 0.8rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc !important;
    border-radius: 0.25rem;
    box-shadow: inset 0 0 0 transparent;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}



#newDateForm {
    margin-top: 7px;
    height: 47px;
    margin-left: 0px !important;
}

#newNumberForm {
    margin-top: 7px;
    height: 47px;
    margin-left: 0px !important;
}




.btnSubmit {
    color: white !important;
}

.btnSubmit {
    background-color: #0f123f !important;
    color: white;
    font-size: 20px;
    border-radius: .25rem;
}

.btnSubmit:hover {
    color: white !important;
    background-color: #141752 !important;
}

.btn-danger {
    color: white !important;
    background-color: #ab0101 !important;
    border-color: #ab0101 !important;
}

.btn-danger:hover {
    color: #fff !important;
    background-color: #c82333 !important;
    border-color: #c82333 !important;
}

.btn-primary {
    color: white !important;
    background-color: #0052b4 !important;
    border-color: #0052b4 !important;
}

.btn-primary:hover {
    color: #fff !important;
    background-color: #007bff !important;
    border-color: #007bff !important;
}

.btn-success {
    color: white !important;
    background-color: #006400 !important;
    border-color: #006400 !important;
}

.btn-success:hover {
    color: #fff !important;
    background-color: #2ca444 !important;
    border-color: #2ca444 !important;
}

.btn-warning {
    color: white !important;
    background-color: #ffc107 !important;
    border-color: #ffc107 !important;
}

.btn-warning:hover {
    color: #fff !important;
    background-color: #FFD700 !important;
    border-color: #FFD700 !important;
}

#purplebtn {
    color: white !important;
    background-color: #4B0082 !important;
    border-color: #4B0082 !important;
}

#purplebtn:hover {
    color: #fff !important;
    background-color: #8A2BE2 !important;
    border-color: #8A2BE2 !important;
}

.btn-info {
    color: white !important;
    background-color: #138496 !important;
    border-color: #138496 !important;
}

.btn-info:hover {
    color: #fff !important;
    background-color: #17a2b8 !important;
    border-color: #17a2b8 !important;
}

button:hover {
    opacity: 1;
}

.btn-register {
    position: relative;
    margin-right: 20px;
    width: 116px;
    height: 31px;

    font-style: normal;
    font-weight: bold !important;
    font-size: 12px !important;
    line-height: 14px;
}

.btn-registerpurple {
    position: relative;
    width: 200px;
    height: 31px;

    font-style: normal;
    font-weight: bold !important;
    font-size: 12px !important;
    line-height: 14px;
}

.btn-departments {
    position: relative;
    width: 116px;
    height: 31px;

    font-style: normal;
    font-weight: bold !important;
    font-size: 12px !important;
    line-height: 14px;
    margin-bottom: 5px !important;
}

.btn-mbcostdetail {
    width: 70%;
    font-style: normal;
    font-weight: bold !important;
    font-size: 12px !important;
    line-height: 14px;
}

.btn-reloadData {
    position: relative;
    width: 116px;
    height: 31px;

    font-style: normal;
    font-weight: bold !important;
    font-size: 12px !important;
    line-height: 14px;
    margin-bottom: 5px !important;
}




.img-loginclient {
    vertical-align: middle;
    border-style: none;
    max-height: 150px;
    position: absolute;
    top: 0px;
    left: 90px;
}



.swal2-styled.swal2-deny {
    background-color: #ab0101 !important;
}

.swal2-styled.swal2-confirm {
    background-color: #0052b4 !important;
}

.swal2-styled.swal2-cancel {
    background-color: #1C1C1C !important;
}



[class*="sidebar-dark"] .user-panel {
    border-bottom: 1px solid white !important;
}

[class*="sidebar-dark"] .brand-link {
    border-bottom: 1px solid white !important;
    color: rgba(255,255,255,.8);
}

[class*="sidebar-dark-"] .nav-sidebar > .nav-item.menu-open > .nav-link, [class*="sidebar-dark-"] .nav-sidebar > .nav-item:hover > .nav-link, [class*="sidebar-dark-"] .nav-sidebar > .nav-item > .nav-link:focus {
    background-image: linear-gradient(to right, #00bfdd, #aeebf4, #c8f1f8, white)!important;
    color: #0f123f;
}

[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link:focus, [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link:hover {
    background-image: linear-gradient(to right, #00bfdd, #aeebf4, #c8f1f8, white)!important;
    color: #fff;
}

[class*="sidebar-dark-"] .user-panel a:hover {
    color: #0f123f !important;
}

[class*="sidebar-dark-"] .sidebar a {
    color: #0f123f !important;
}



.paginate_button page-item active {
    background-color: white !important;
}



.text-dark {
    color: #0f123f!important;
}



input[type="text"] input[type=password] {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc !important;
    box-sizing: border-box;
}



.newtextarea {
    width: 100% !important;
    padding: 12px 20px !important;
    margin: 8px 0 !important;
    display: inline-block !important;
    border: 1px solid #ccc !important;
    box-sizing: border-box !important;
}



.os-content {
    background-color: white !important;
}

.os-scrollbar-handle {
    color: #0f123f !important;
    background-color: #0f123f !important;
}

.os-scrollbar-track {
    background-color: white !important;
}

.os-viewport {
    background-color: white !important;
}



.layout-navbar-fixed .wrapper .sidebar-dark-primary .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
    color: #0f123f;
}



.fa, .fas {
    font-weight: 900;
    color: #0f123f;
}



.bg-info {
    background-image: linear-gradient(#0957b3, #05b6d7)!important;
}

.bg-danger {
    background-image: linear-gradient(#0957b3, #05b6d7)!important;
}

.bg-success {
    background-image: linear-gradient(#0957b3, #05b6d7)!important;
}

.bg-warning {
    background-image: linear-gradient(#0957b3, #05b6d7)!important;
}



.content-header h1 {
    font-size: 1.8rem;
    margin: 0;
    color: #0f123f !important;
}



.content-wrapper {
    background: #f3f3fc !important;
}






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

.page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #0f123f;
    background-color: #fff;
    border: 1px solid #dee2e6;
}

.page-link:hover {
    z-index: 2;
    color: #0f123f;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6;
}



.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: white !important;
    border: 1px solid white !important;
    background-color: #dee2e6 !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, white)) !important;
    background: -webkit-linear-gradient(top, white 0%, white 100%) !important;
    background: -moz-linear-gradient(top, white 0%, white 100%) !important;
    background: -ms-linear-gradient(top, white 0%, white 100%);
    background: -o-linear-gradient(top, white 0%, white 100%) !important;
    background: linear-gradient(to bottom, rwhiteed 0%, white 100%) !important;
}



.info-box .info-box-icon {
    color: white !important;
}



p {
    color: #0f123f; 
}



a {
    color: #0f123f !important; 
}



a:hover {
    color: #0f123f !important; 
    text-decoration: none;
}



b, strong {
    font-weight: bolder;
    color: #0f123f !important;
}