#sidebar-menu ul li a.active, #sidebar-menu ul li a.active i {color: #fff !important;}
#sidebar-menu ul li a.active {background: #659711; border-radius: 10px}
#sidebar-menu ul li a.active img {filter: brightness(100)}
.sidebar-enable.vertical-collpsed .top-lnk {margin-left: 40px}
.page-content {background: #FAFAFA; min-height: 100vh}
.btn-success {
  background-color: #659711;
    border-color: #659711;}
.text-primary {color: #659711 !important}
.text-primary:hover {color: green !important}
.btn-primary {
  color: #fff;
  background-color: #659711;;
    border-color: #659711; border-radius: .7rem;}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {background: green; border-color: green}
.btn-outline-primary {border-color: #659711; color: #659711; border-radius: .7rem;}
.btn-outline-primary:hover {border-color: #659711; background-color: #659711 !important; color: #fff}
.text-success {color: #659711 !important}
.bg-green {background-color: #0E623D}
.bg-green ::placeholder {color: #fff; opacity: 1 !important}
.btn-top {background: #E9F6BD; color: #659711; border-radius: .7rem;}
.btn-top.active {background: none; color: #fff; border: 1px solid #E9F6BD}

#menutop {list-style: none;padding: 0; margin-top: -25px; margin-left: -25px; margin-bottom: 30px}
#menutop li { display: inline-flex;  border-radius: 0 20px 20px 0; background: #8B9196; margin-left: -20px}
#menutop li:first-child {background: #000; position: relative; z-index: 9; margin-left: 0}
#menutop li a {color: #fff; padding: 10px 30px; }
.text-green {color: #3B6506}


.btn-one {display: block; background: #fff; border: 1px solid #6B717A; color: #6B717A; font-size: 20px; padding: 1%; border-radius: .5rem; text-align: center}
.btn-one:hover {color: #fff; background: #6B717A}

.navbots .nav-link {background: #fff; border: 1px solid #000; text-align: center; border-radius: .5rem; margin-bottom: 20px; padding: 10px; font-size: 16px; color: #000; display: block}
.navbots .nav-link.active {background: #000; color: #fff}
.navbots .nav-link.active.selected {background: #3B6506; }
input[switch="success"]:checked + label {background: #3B6506;}
input[switch]:checked + label::before {font-size: 16px}

.accordion-button {border-bottom: none !important; box-shadow: none !important;}
.accordion-button:not(.collapsed) {
  color: #000;
    background-color: #F5FAF3; border-bottom: none !important}
.list-decimal {list-style: decimal}
.file-csv {vertical-align: middle; display: inline-block}
.file-csv:after {content: url("../../images/csv.svg");}

.auth-full-bg .bg-overlay {background: url("../../images/bg-auth-overlay.png"); background-size: cover}
.auth-full-bg {background-color: transparent}
.bg-light-green2 {background-color: #F5FAF3}
.navbar-header {background: #659711}

.lh-25px {line-height: 25px}
.vertical-menu {background-color: #F5FAF3}
.navbar-brand-box {background-color: #659711; position: relative}

.vertical-collpsed .vertical-menu #sidebar-menu > ul > li > a {padding: 10px 5px;
  min-height: inherit;}
.vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a {background: #659711; color: #fff; border-radius: 10px}
.vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a i {color: #fff; }
.metismenu li {margin: 10px 0}
.ap-search .form-control {border: 1px solid #659711; border-radius: 8px;}
.ap-search .form-control::placeholder {color: #659711 !important}
.ap-search span {color: #659711 !important; position: absolute; right: 10px; top: 0; font-size: 16px; line-height: 38px;}
.inpDate span {position: absolute; right: 10px; top: 10px}
.btn-link {background: none; border: none}
.link-primary {color: #659711 !important}

.trday {position: absolute; right: 12%; color: #718096}
.bg-primary-2 {background-color: #B5F0D4}
.fs-12px {font-size:12px}
input.border-bottom {border-top: none; border-right: none; border-left: none; border-bottom: 1px solid #333}

body.rightBar {width: 100%; overflow-x: hidden}
body.rightBar .main-content {margin-left: 0; margin-right: 450px;}
body.rightBar .footer {left: 0;}
body.rightBar.sidebar-enable.vertical-collpsed .main-content,
body.rightBar.vertical-collpsed .main-content {margin-left: 0; margin-right: 0px;}
body.rightBar.sidebar-enable.vertical-collpsed .vertical-menu,
body.rightBar.vertical-collpsed .vertical-menu { width: 0 !important; }
body.rightBar .vertical-menu {  right: 0 !important; width: 450px}
body.rightBar.sidebar-enable.vertical-collpsed .logo-sm,
body.rightBar.vertical-collpsed .logo-sm {display: none}
body.rightBar.sidebar-enable.vertical-collpsed .logo-lg, 
body.rightBar.vertical-collpsed .logo-lg {display: block}
body.rightBar.sidebar-enable.vertical-collpsed .navbar-brand-box,
body.rightBar.vertical-collpsed .navbar-brand-box {width: 250px !important}

.form-control, .select2-container--default .select2-selection--multiple {border-radius: .55rem !important;}


@media (max-width: 768px) {
    #vertical-menu-btn {left: 40px}
    .trday {position: relative; right: 0}
}