.bg-green{background-color: #23a55c !important;}
.text-green{color: #23a55c !important;}
.bg-light-green{background-color: #ebf4eb !important;}

.bg-teal{background-color: #20c997 !important;}
.text-teal{color: #20c997 !important;}


.bg-pink{background-color: #e83e8c !important;}
.text-pink{color: #e83e8c !important;}
.bg-light-pink{background-color: #fdedf3 !important;}

.bg-cyan{background-color: #17a2b8 !important;}
.text-cyan{color: #17a2b8 !important;}
.bg-light-cyan{background-color: #e8f5f7 !important;}

.bg-black{background-color: #181c32 !important;}
.text-black{color: #181c32 !important;}
.bg-light-black{background-color: #e9e9eb !important;}

.full-width{
  width: 100%;
}



::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #e1e9ff;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #6993ff;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #7e8299;
}




#kt_page_loader{
  position: fixed;
  height: 100vh;
  max-height: -webkit-fill-available;
  z-index: 99;
  transition: 0.7s ease-in-out;
}

#kt_page_loader.hide{
  transform: translateY(-120%);
}

.dataTables_wrapper .row:nth-child(1) div:nth-child(2){
  text-align: right;
}


.date_timeline .timeline-item .timeline-label{
  width: 120px !important;
}

.timeline.date_timeline:before{
  left : 121px !important
}

.pagination{
  float: right;
}