:root{
    --dark-brown: #432718;
    --lite-brown: #c4a092;
    --sage-green: #bbc3ae;
    --sage-green-transparent: rgba(187, 195, 174, 0.7);
    --sage-green-lite: #cfd5c6;
    --sage-green-ex-lite: #dee3d8;
    --n-orange: #f68720;
    --n-orange-transparent: rgba(246, 135, 32, 0.7); 
}

h1,h2,h3,h4,h5,h6{
    color: var(--dark-brown) !important;
}

.hover-t-white:hover{
    color: #fff !important;
}

th,.dataTables_info{
    color: var(--n-orange) !important;
}

.pagination li a{
    color: var(--n-orange) !important;
}

.date-table-container .page-item.active .page-link {
  z-index: 3;
  color: #fff !important;
  border-color: var(--n-orange) !important;
  background-color: var(--n-orange) !important;
}

.date-table-container .page-link:hover {
  color: #ffffff !important;
  background-color: var(--n-orange) !important;;
  border-color: var(--n-orange) !important;;
}

#frmmonthlyjournal label{
    color: var(--lite-brown) !important;
}

input:focus{
    border-color: var(--n-orange-transparent) !important;
    transition: all ease 0.2s;
}

select:focus{
    border-color: var(--n-orange-transparent) !important;
    transition: all ease 0.2s;
}
textarea:focus{
    border-color: var(--n-orange-transparent) !important;
    transition: all ease 0.2s;
}


/* .text-dark { color: #3b3f5c !important; } */
.text-dark { color: var(--dark-brown) !important; }
/* .text-muted { color: #888ea8 !important } */
.text-muted { color: var(--lite-brown) !important }

.text-lite-brown { color: var(--lite-brown) !important }
.text-n-orange { color: var(--n-orange) !important }

/* 26 - 6 - 25 */
.focus-border:focus {
  border-color: var(--n-orange-transparent) !important;
  transition: all ease 0.2s;
}

.bg-sage-color{
    background: var(--sage-green-ex-lite) !important;
}
.bg-sage-lite{
    background: var(--sage-green-ex-lite) !important;
}
.bg-sage-ex-lite{
    background: var(--sage-green-ex-lite) !important;
}
.bg-dark-brown{
    background: var(--dark-brown) !important;
}

.on-hover-orange:hover{
    background-color: var(--n-orange-transparent) !important;
}

div.on-hover-brown a:hover {
    color: var(--dark-brown) !important;
}

.menu a:hover{
    background-color: var(--n-orange-transparent) !important;
}

.menu a div{
    color: var(--dark-brown) !important;
}

.menu a div i{
    color: var(--dark-brown) !important;
}

.sidebarCollapse{
    background-color: var(--n-orange-transparent) !important;
}

.collapse-class:not(.collapsed){
    background-color: var(--n-orange-transparent) !important;
}

.full-screen-mode{
    background-color: var(--n-orange-transparent) !important;
}
.full-screen-mode i{
    color: var(--dark-brown) !important;
}

.nav-drop-header span{
    color: var(--n-orange) !important;
}

.menu ul a{
    color: var(--dark-brown) !important;
}

.page-header{
    color: var(--dark-brown) !important;
}

.btn-primary{
    background-color: var(--n-orange) !important;
}

.menu ul a::before{
    content: '';
    background-color: var(--n-orange-transparent) !important;
    position: absolute;
    height: 4px;
    width: 13px;
    top: 19.5px;
    left: 0px;
    border-radius: 20px;
}

.orange-style::before{
    content: '';
    background-color: var(--n-orange-transparent) !important;
    position: absolute;
    height: 4px;
    width: 13px;
    top: 19.5px;
    left: 0px;
    border-radius: 20px;
}

.tr70{
    opacity: 0.7;
}

.bg-n-orange{
    background-color: var(--n-orange) !important;
    color: var(--dark-brown) !important;
    border-color: var(--n-orange) !important;
}
.bg-n-orange-lite{
    background-color: var(--n-orange-transparent) !important;
    color: var(--dark-brown) !important;
    border-color: var(--n-orange-transparent) !important;
}

.text-sage-green{ color: var(--sage-green) !important }
.text-orange { color: var(--n-orange) !important; }
.text-lite-brown{ color: var(--lite-brown) !important }
.text-dark { color: var(--dark-brown) !important; }


.sc-container::before, .sc-container::after {
  content: "";
  position: absolute;
  top: 0;
  width: 44px;
  left: 100%;
  bottom: 50%;
  background: radial-gradient(100% 60% at top left, var(--sage-green-ex-lite) 98%,#fff 100%) right, radial-gradient(100% 40% at bottom right, #fff 98%,var(--sage-green-ex-lite) 100%) left;
    background-repeat: repeat, repeat;
    background-size: auto, auto;
  background-size: 50% 100%;
  background-repeat: no-repeat;
}

.t-sidebar-collapse .sc-container::before, .t-sidebar-collapse .sc-container::after {
  content: "";
  position: absolute;
  top: 0;
  width: 44px;
  left: 100%;
  bottom: 50%;
  background: radial-gradient(100% 60% at top right, transparent 98%,var(--sage-green-ex-lite) 100%) left, radial-gradient(100% 40% at bottom left, var(--sage-green-ex-lite) 98%,transparent 100%) right;
    background-repeat: repeat, repeat;
    background-size: auto, auto;
  background-size: 50% 100%;
  background-repeat: no-repeat;
  z-index: 1031;
}

.toast-header{
    background-color: var(--n-orange) !important;
    color: var(--dark-brown) !important;
}