/* -- 00 : OVERWRITE FRAMEWORK */
a:hover{
  color: rgba(49, 117, 64, 1)
}
.mr-2{
  margin-right: 10px;
}
.text-primary{
  color: #231F20 !important
}
.card-title {
  font-size: 18px;
  font-weight: 400;
}
.card{
  border-radius: 20px;
}
.table>:not(caption)>*>*{
  background-color: #F6F6F8 !important;
  font-weight: 400;
}
.table>tbody>tr>td,
.table>tbody>tr,
.table-striped>tbody>tr:nth-of-type(odd),
table.table.dataTable.table-striped>tbody>tr:nth-of-type(2n+1)>*{
  background-color: #fff !important;
  box-shadow: none !important;
  border-bottom: 1px solid #E9E9E9;
}
.badge {
  font-size: 14px;
  color: #231F20;
  font-weight: 400;
  border-radius: 15px;
  padding: 5px 12px;
  text-transform: capitalize !important;
}
.bg-secondary{
  background-color: #F6F6F8 !important;
}
.bg-primary{
  background-color: #D3E9FF !important;
}
.badge.bg-primary{
  color: #006BEA;
}
.form-label {
  font-weight: 600;
}
.form-control {    /* border: none; */
  background: #fff;
  border-radius: 100px;
}
.btn-primary{
  font-size: 16px;
  border-radius: 20px;
  background-color: #000;
  /* background: linear-gradient(180deg, rgba(49, 117, 64, 1) 0%, rgba(17, 71, 47, 1) 100%); */
}
.btn{
  border-radius: 20px;
  text-transform: capitalize;
}
.btn:hover{
  /* background: linear-gradient(180deg, rgba(49, 117, 64, 1) 0%, rgba(17, 71, 47, 1) 100%); */
}

.page-item.active .page-link {
  background: linear-gradient(180deg, rgba(49, 117, 64, 1) 0%, rgba(17, 71, 47, 1) 100%);
}



/*  -- 01 : GENERAL COMMON  */
.badge.bg-info{
  background-color: #FFF6EC !important;
  color: #FBC78E !important;
}
.badge.bg-danger{
  background-color: #FFD3D3 !important;
  color: #EA2D00 !important;
}
.badge.bg-success{
  background-color: #ADDFBD !important;
  color: #09611E !important;
}
.badge.bg-secondary{
  background-color: #D3E9FF !important;
  color: #006BEA !important;
}

body{
  font-family: "Poppins", sans-serif;
}
.main{
  background-color: #F6F6F8;
}

/* ---- 01 A : HEADER  */
.sidebar-nav{
  padding-top: 20px;
}
.sidebar, .sidebar-content{
  background-color: #fff;
}
.sidebar-brand{
  background: -webkit-linear-gradient(rgba(49, 117, 64, 1), rgba(17, 71, 47, 1));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
a.sidebar-link{
  padding-left: 1rem;
  border-radius: 100px;
  margin: 2px 10px;
  border: none;
}
.sidebar-link, a.sidebar-link{
  background-color: transparent;
  color: #000;
}
.sidebar-link i, .sidebar-link svg, a.sidebar-link i, a.sidebar-link svg{
  color: #000;
}
.sidebar-header{
  color: #757575;
  text-transform: uppercase;
}
.sidebar-link:hover{
  color: #000 !important;
  background-color: #eee;
  border: none;
}
.sidebar-link:hover i, .sidebar-link:hover svg, a.sidebar-link:hover i, a.sidebar-link:hover svg{
  color: #000;
}
.sidebar-item.active>.sidebar-link{
  color: #fff !important;
  background-color: #231F20 !important;
}

.navbar-expand .navbar-nav .nav-link {
  color: #000;
  font-size: 11px;
  display: flex;
  flex-direction: column;
  line-height: 1;
}
.navbar-expand .navbar-nav .nav-link strong{
  color: #000 !important;
  font-size: 13px;
}
.userInfo{
  display: flex;
}
#userAvatar{
  width: 40px;
  height: 40px;
}

.breadcrumb{}
.breadcrumb .breadcrumb-item a{
  color: #231F20;
  font-size: 12px;
  cursor: pointer;
}
.breadcrumb-item+.breadcrumb-item::before{
  content: var(--bs-breadcrumb-divider, ">");
  line-height: 1.65;
}
.breadcrumb .breadcrumb-item:last-child a{
  color: rgba(49, 117, 64, 1);
  font-weight: 600;
}
.breadcrumb .breadcrumb-item:first-child{
  padding-left: 25px;
}
.breadcrumb .breadcrumb-item:first-child:before{
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  background: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-home"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>');
  background-size: 100%;
  position: absolute;
  transform: translateX(-25px);
}

/* ---- 01 B : CONTAINTER */
main.content > .container-fluid > h1{
  font-size: 30px;
}
main.content > .container-fluid > h6{
  text-transform: capitalize;
}
@media (min-width: 992px) {
  .content {
      padding: 2rem 2rem 1.5rem;
  }
}

.card{
  box-shadow: none !important;
}


/* -- 02 : DASHBOARD */
.dashboard__statistic{

}
.dashboard__statistic .card{
  box-shadow: none;
  color: #231F20;
  min-height: 140px;
}
.dashboard__statistic .card .card-title{
  padding-right: 25px;
  color: #231F20 !important;
  font-weight: 400;
  font-size: 13px;
}
.dashboard__statistic .card .card-title a{
  color: #231F20 !important;
  font-weight: 400;
  font-size: 13px;
}
.dashboard__statistic .card h1{
  font-size: 50px;    
  position: absolute;
  bottom: 0;
  display: flex;
  align-items: center;
}
.dashboard__statistic .card h1::before{
  content: '';
  display: block;
  width: 5px;
  height: 64%;
  background-color: transparent;
  position: absolute;
  left: -20px;
  /* transform: translateY(10px); */
}
.dashboard__statistic .card h1 svg{
  width: 30px;
  height: 30px;
  margin-left: 5px;
}
.dashboard__statistic .card .col-auto{
  position: absolute;
  top: 17px;
  right: 0;
}
.dashboard__statistic .card .col-auto .stat{
  width: 24px;
  height: 24px;
}
.dashboard__statistic .col-md-2:nth-child(1) .card{
  background-color: #EBF5FF;
}
.dashboard__statistic .col-md-2:nth-child(1) .card .stat{
  border: 1px solid #80B8F1;
  background: transparent;
}
.dashboard__statistic .col-md-2:nth-child(1) .card .stat svg{
  color: #80B8F1 !important;
}
.dashboard__statistic .col-md-2:nth-child(1) .card h1::before{
  background-color: #80B8F1;
}

.dashboard__statistic .col-md-2:nth-child(2) .card{
  background-color: #F4EDFF;
}
.dashboard__statistic .col-md-2:nth-child(2) .card .stat{
  border: 1px solid #C5A4FA;
  background: transparent;
}
.dashboard__statistic .col-md-2:nth-child(2) .card .stat svg{
  color: #C5A4FA !important;
}
.dashboard__statistic .col-md-2:nth-child(2) .card h1::before{
  background-color: #C5A4FA;
}

.dashboard__statistic .col-md-2:nth-child(3) .card{
  background-color: #FFF6EC;
}
.dashboard__statistic .col-md-2:nth-child(3) .card .stat{
  border: 1px solid #FBC78E;
  background: transparent;
}
.dashboard__statistic .col-md-2:nth-child(3) .card .stat svg{
  color: #FBC78E !important;
}
.dashboard__statistic .col-md-2:nth-child(3) .card h1::before{
  background-color: #FBC78E;
}

.component__tags_list a{
  margin: 2px 0;
}
.component__tags_list a.badge.bg-secondary{
  background-color: #F6F6F8 !important;
  color: #231F20 !important;
}
.component__tags_list a.badge.bg-secondary:hover{
  text-decoration: none;
  background: #317540 !important;
  background: linear-gradient(180deg, rgba(49, 117, 64, 1) 0%, rgba(17, 71, 47, 1) 100%) !important;
  color: #fff !important;
}
.dashboard__datatable .badge.bg-secondary{
  background-color: #F6F6F8 !important;
  color: #231F20 !important;
}


/* -- 03 : LOGIC */
.page-login{
  width: 100vw;
  height: 100vh !important;
  position: fixed;
  left: 0;
  top: 0;
  background-color: #000;
}
.page-login:before{
  content: '';
  background: url('../img/login-bg-2.jpg') center center / cover no-repeat fixed #000;
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 0;
  animation: login-bg-animation 2s infinite alternate;
}
.page-login .card{
  max-width: 560px;
  margin: auto;
  padding-top: 1.3rem;
  padding-bottom: 1.3rem;
  background: rgba(255, 255, 255, .9);
  box-shadow: 0 0px 10px 9px rgba(0, 0, 0, .2) !important;
}
.page-login h1{
  font-size: 50px;
  font-weight: 600;
  background: -webkit-linear-gradient(rgba(49, 117, 64, 1), rgba(17, 71, 47, 1));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 0;
}
.page-login .lead{
  color: #757575;
  margin-bottom: 30px;
}
.page-login .m-sm-3{
  padding-left: 2.2rem;
  padding-right: 2.2rem;
}
.page-login .form-label{
  font-weight: 400;
}
@keyframes login-bg-animation {
  from {
    filter: contrast(1) saturate(1);
    transform: scale(1);
  }
  to {
    filter: contrast(1.2) saturate(1.2);
    transform: scale(1.015);
  }
}


#assets-table{}
#assets-table img.thumbnail{
  width: 50px; 
}
.asset--filename{
  font-size: 15px;
  font-weight: 400;
  display: block;
  color: #231F20;
}
.asset--count{
  font-size: 12px;
  display: block;
  color: #aaa;
}


.action-button{
  display: unset;
  cursor: pointer;
}
.action-button *{
  cursor: pointer;
}
.action-button span:not(.icon){
  display: none;
}