#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-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;}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {background: green; border-color: green}
.btn-outline-primary {border-color: #659711; color: #659711}
.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}

#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: #FAFAFA}

.lh-25px {line-height: 25px}
.vertical-menu {background-color: #F5FAF3}
.navbar-brand-box {background-color: #F5FAF3; position: relative}
#vertical-menu-btn {position: absolute;
  right: 0;
  z-index: 9999;
  top: 0;}
.sidebar-enable.vertical-collpsed #vertical-menu-btn {right: -50px;}
.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}

.page-item.active .page-link {background-color: #659711;
  border-color: #659711;}

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