.lcl-title-bg {
   background: #3E3174;
   color:#fff;
}
.lcl-title-menu-item {
   color: #17fc03 !important;
}
.btn-login {
   background:linear-gradient(280deg,#63ecd3 0%,#835af7 95%);
   color:#fff !important;
   border-radius:.5rem;
   display:block;
   padding:8px 20px;
   font-size:90%;
   text-transform:uppercase;
   font-weight:600;
   transition:transform 100ms ease-in-out
}
.btn-login:hover {
   color:#fff;
   transform:scale(1.03)
}
.lcl-menu-bg {
   background: #f5f6f7;
   color: #969faf !important;
}
.lcl-border-purple {
   color:#3E3174 !important;
}

.cd__main{
   position: relative;
   display: block !important;
}
.sidebar-wrap {
  width: 60px;
  height: auto;
  min-height: 100vh;
  background-color: #969faf;
  color: #fff;
  padding: 10px;
  transition: 0.8s;
}
.sidebar-wrap:hover {
  width: 280px;
}
.sidebar-wrap:hover .logo-wrap span {
  display: flex;
}
.sidebar-wrap:hover .nav li .nav-link span {
  display: flex;
}
.sidebar-wrap:hover .dropdown-wrap strong {
  display: flex;
}
.sidebar-wrap:hover .dropdown-wrap::after {
  display: inline-block;
}
.sidebar-wrap:hover .dropdown-wrap {
  justify-content: flex-start;
}
.sidebar-wrap .logo-wrap {
  color: #fff;
  font-size: 35px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.sidebar-wrap .logo-wrap span {
  font-size: 18px;
}
.sidebar-wrap .logo-wrap .icon-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  min-width: 40px;
}
.sidebar-wrap .nav {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  flex-wrap: nowrap;
}
.sidebar-wrap .nav::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  background-color: #f5f5f5;
}
.sidebar-wrap .nav::-webkit-scrollbar {
  width: 5px;
  background-color: #f5f5f5;
  border-radius: 5px;
}
.sidebar-wrap .nav::-webkit-scrollbar-thumb {
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #9b9b9b;
}
.sidebar-wrap .nav li {
  margin-top: 5px;
}
.sidebar-wrap .nav li .nav-link {
  color: #fff;
  padding: 0;
  font-size: 20px;
  display: flex;
  align-items: center;
  gap: 5px;
}
.sidebar-wrap .nav li .nav-link .icon-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  min-width: 40px;
}
.sidebar-wrap .nav li .nav-link span {
  font-size: 16px;
}
.sidebar-wrap .nav li .nav-link.active {
  background-color: #3E3174;
}
.sidebar-wrap .nav li .nav-link:hover {
  background-color: #3E3174;
}
.sidebar-wrap .dropdown-wrap {
  display: flex;
  align-items: center;
  color: #fff;
  gap: 15px;
  font-size: 16px;
}
.sidebar-wrap .dropdown-wrap .icon-wrap {
  min-width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#btn-back-to-top {
   position: fixed;
   bottom: 20px;
   right: 20px;
   display: none;
   color:#fff;
   background: #3E3174;
}
 .bg-lcl-card-header {
     background: #3E3174 !important;
     color: #f8f9fa !important;
     font-size: 1rem;
 }

 .hideme {
     display: none !important;
 }

 .premier_title {
    background: #E11F3C !important;
    color: white !important;
    font-weight: bold;
}

.division_1_title {
    background: #fcba03 !important;
    color: white !important;
    font-weight: bold;
}

.division_2_title {
    background: #2ebf35 !important;
    color: white !important;
    font-weight: bold;
}