.bg--dark {
    --color: #2A2A2C;
    background-color: var(--color) !important;
}


.cmn-btn {
    background-color: #CAAF7A;
    color: #fff;
    height: 50px;
    transition: background-color 0.3s ease;
}

.cmn-btn:hover, .cmn-btn:active {
    background-color: #D5B77F !important;
    color: #fff !important;
    border-color: transparent !important;
}

.login-wrapper {
    background-color: #9d9b9b;
}

.login-wrapper__top {
    background-color: #CAAF7A;
}

.login-wrapper__top::after {
    border-color: #CAAF7A transparent transparent transparent;
}

.login-main::before {
    background-color: #2A2A2C;
    filter: blur(2px);
    opacity: 0.3;
}

.login-main {
    background-color: #2A2A2C;
    background-position: left center;
    background-size: 450px;
}

.login-area::after {
    border-color: #9d9b9b;
    border: 0px;
}

.login-form .form-control {
    border-color: #ffffff;
}

.login-form .form-control:focus {
  background-color: transparent;
  border-color: #2A2A2C;
}

.sidebar__menu .sidebar-menu-item > a:hover .menu-icon {
  color: #CAAF7A;
  text-shadow: 1px 2px 5px #CAAF7A;
}

.sidebar__menu .sidebar-menu-item > a:hover .menu-title {
  color: #CAAF7A;
}

.sidebar__menu .sidebar-menu-item .side-menu--open,
.sidebar__menu .sidebar-menu-item.active > a {
  background-color: #CAAF7A !important;
}

.sidebar[class*='bg--'] .sidebar__menu .sidebar-menu-item .side-menu--open {
  background-color: #CAAF7A !important;
}

.sidebar[class*='bg--'] .sidebar__menu .sidebar-menu-item > a:hover {
  background-color: #CAAF7A59;
}

.sidebar__menu .sidebar-submenu .sidebar-menu-item.active > a {
  background-color: #CAAF7A59 !important;
}

.sidebar .slimScrollDiv .slimScrollBar {
  background-color: #CAAF7A !important;
  width: 5px !important;
  opacity: 1 !important;
}

.sidebar__menu-wrapper::-webkit-scrollbar-thumb {
  background: #CAAF7A; 
}
.sidebar__menu-wrapper::-webkit-scrollbar-thumb:hover {
  background: #CAAF7A !important; 
}

.sidebar .version-info {
    background-color: transparent;
}

.text--primary {
  color: #CAAF7A !important;
}

.form_hr {
    height: 3px;    
}

table.table--light thead th {
  border: none;
  color: #ffffff;
  background-color: #CAAF7A;
  padding-left: 20px;
  padding-right: 20px;
}

table.table--light.style--two tbody td {
    padding: 15px 20px;
}

.btn--primary {
    --color: #CAAF7A;
    background-color: var(--color) !important;
    border: 1px solid var(--color) !important;
    color: var(--btn-color) !important;
    transition: background-color 0.3s ease;
}

.btn--primary:hover, .btn--primary:active, .btn--primary:focus, .btn--primary:focus-visible {
    --color: #8e6d3e;
}

.bg--primary {
  --color: #CAAF7A;
}


.border-first {
    border: 1px solid #CAAF7A;
}

.border-second {
    border: 1px solid #28c76f;
}

.border-third {
    border: 1px solid #eb2222;
}

.border-fourth {
    border: 1px solid #ff9f43;
}

.wrap-text {
    white-space: normal !important;
    overflow-wrap: break-word;
}