/***************************************/
/************* DATATABLES **************/
/***************************************/
.tfoot-top
{
  display: table-header-group;
}

div.dataTables_wrapper div.dataTables_length
{
  text-align: left;
}

div.dataTables_wrapper div.dataTables_paginate
{
  text-align: right;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination
{
  justify-content: right !important;
}

.datatable tbody tr:last-child
{
  height: auto;
}


/***************************************/
/************ DATEPICKER MDB ***********/
/***************************************/
.datepicker-clear-btn
{
  display: none !important;
}

.datepicker-footer-btn
{
  letter-spacing: normal;
  border-radius: .25rem;
}

.datepicker-footer > *
{
  margin: .25rem;
}


/***************************************/
/**************** HEIGHT ***************/
/***************************************/
.height_40
{
  height: 40px;
}

.height_60
{
  height: 60px;
}

.height_80
{
  height: 80px;
}

.height_100
{
  height: 100px;
}

/***************************************/
/*************** SPACING ***************/
/***************************************/
.pt-0-5
{
  padding-top: 0.10rem !important;
}

.pt-0-7
{
  padding-top: 0.15rem;
}

.pt-1-5
{
  padding-top: 0.3rem !important;
}

.pt-1-7
{
  padding-top: 0.35rem !important;
}

.pt-2-5
{
  padding-top: 0.7rem !important;
}

.pt-2-6
{
  padding-top: 0.8rem !important;
}

.pt-2-9
{
  padding-top: 0.9rem !important;
}

.pt-3-1
{
  padding-top: 1.1rem !important;
}

.pt-3-5
{
  padding-top: 1.25rem !important;
}

.pt-3-6
{
  padding-top: 1.3rem !important;
}

.pt-4-1
{
  padding-top: 1.6rem !important;
}

.pt-4-3
{
  padding-top: 1.7rem !important;
}

.pt-4-5
{
  padding-top: 1.8rem !important;
}

.pt-4-55
{
  padding-top: 1.9rem !important;
}

.pt-4-6
{
  padding-top: 2.1rem !important;
}

.pt-4-7
{
  padding-top: 2.3rem !important;
}

.pt-5-1
{
  padding-top: 3.5rem !important;
}

.pt-14-5
{
  padding-top: 14.5rem !important;
}

.pl-50
{
  padding-left: 50px;
}

.ps-1-3
{
  padding-left: 0.3rem !important;
}

.ps-1-4
{
  padding-left: 0.35rem !important;
}

.ps-2-3
{
  padding-left: 0.7rem !important;
}

.ps-3-1
{
  padding-left: 1.05rem !important;
}

.ps-3-2
{
  padding-left: 1.15rem !important;
}

.ps-3-4
{
  padding-left: 1.3rem !important;
}

.ps-3-5
{
  padding-left: 1.35rem !important;
}

.ps-4-5
{
  padding-left: 2.5rem !important;
}

.mt-0_9
{
  margin-top: 0.1rem !important;
}

.mt-1_8
{
  margin-top: 0.4rem !important;
}

.letter-spacing-0-5
{
  letter-spacing: 0.5;
}

.mb-4_5
{
  margin-bottom: 2rem !important;
}


/***************************************/
/************** FONTS SIZE *************/
/***************************************/
.fs-6_5
{
  font-size: 0.7rem !important;
}

.fs-6_8
{
  font-size: 0.75rem !important;
}

.fs-7
{
  font-size: 0.85rem !important;
}

.fs-7_1
{
  font-size: 0.9rem !important;
}

.fs-7_2
{
  font-size: 0.95rem !important;
}

.fs-7_6
{
  font-size: 0.98em !important;
}

.fs-7_7
{
  font-size: 0.99em !important;
}

.fs-7_8
{
  font-size: 1rem !important;
}

.fs-7_9
{
  font-size: 1.1rem !important;
}

.fs-8
{
  font-size: 1.2rem !important;
}

.display-7
{
  font-size: 2rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-8
{
  font-size: 1.5rem;
  font-weight: 100;
  line-height: 1.2;
}

.display-9
{
  font-size: 1.2rem;
  font-weight: 100;
  line-height: 1.2;
}

.display-10, .display-11
{
  font-size: 1.1rem;
  font-weight: 100;
  line-height: 1.2;
}

.checkbox-xl .custom-control-label::before,
.checkbox-xl .custom-control-label::after {
  top: 1.2rem;
  width: 1.85rem;
  height: 1.85rem;
}

/***************************************/
/**************** ICONS ****************/
/***************************************/
.bi-active svg
{
  margin-top: -3px;
}

.form-select
{
  line-height: 1.35;
}

.sticky-top-main 
{
  position: sticky;
  top: 32;
  z-index: 1020;
}


/***************************************/
/*************** CURSORS ***************/
/***************************************/
.cursor-alias {cursor: alias;}
.cursor-all-scroll {cursor: all-scroll;}
.cursor-auto {cursor: auto;}
.cursor-cell {cursor: cell;}
.cursor-context-menu {cursor: context-menu;}
.cursor-col-resize {cursor: col-resize;}
.cursor-copy {cursor: copy;}
.cursor-crosshair {cursor: crosshair;}
.cursor-default {cursor: default;}
.cursor-e-resize {cursor: e-resize;}
.cursor-ew-resize {cursor: ew-resize;}
.cursor-grab {cursor: -webkit-grab; cursor: grab;}
.cursor-grabbing {cursor: -webkit-grabbing; cursor: grabbing;}
.cursor-help {cursor: help;}
.cursor-move {cursor: move;}
.cursor-n-resize {cursor: n-resize;}
.cursor-ne-resize {cursor: ne-resize;}
.cursor-nesw-resize {cursor: nesw-resize;}
.cursor-ns-resize {cursor: ns-resize;}
.cursor-nw-resize {cursor: nw-resize;}
.cursor-nwse-resize {cursor: nwse-resize;}
.cursor-no-drop {cursor: no-drop;}
.cursor-none {cursor: none;}
.cursor-not-allowed {cursor: not-allowed;}
.cursor-pointer {cursor: pointer;}
.cursor-progress {cursor: progress;}
.cursor-row-resize {cursor: row-resize;}
.cursor-s-resize {cursor: s-resize;}
.cursor-se-resize {cursor: se-resize;}
.cursor-sw-resize {cursor: sw-resize;}
.cursor-text {cursor: text;}
.cursor-w-resize {cursor: w-resize;}
.cursor-wait {cursor: wait;}
.cursor-zoom-in {cursor: zoom-in;}
.cursor-zoom-out {cursor: zoom-out;}


/***************************************/
/*************** SIDEBAR ***************/
/***************************************/
#main-sidebar.active
{
  left: 0;
}

#sidebarCollapse
{
  position: fixed;
  z-index: 1022;
}

#sidebar.active
{
  width: 190px;
  box-shadow: 3px 0px 25px #000000;
}

.overlay, .overlay_left, .overlay_loader
{
  display: none;
  position: fixed;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.7);
  z-index: 1023;
  opacity: 0;
  transition: all 0.5s ease-in-out;
}

.overlay.active, .overlay_left.active
{
  display: block;
  opacity: 0;
}

.overlay_loader.active
{
  display: block;
  opacity: 1;
}

#sidebar-right.active
{
  right: 0;
}


/***************************************/
/*************** OPACITY ***************/
/***************************************/
.item-show
{
  cursor: pointer;
  opacity: 1;
}

.item-hide
{
  cursor: normal;
  opacity: 0.5;
}


/***************************************/
/*************** DROPDOWN **************/
/***************************************/
.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: transparent;
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color: #fff;
  pointer-events: none;
  background-color: transparent;
}


/***************************************/
/*************** LOADER ****************/
/***************************************/
#loader
{
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1050;
}



.topbar
{
  position: fixed;
  width: 100vw;
  height: 40px;
  z-index: 1024;
  background-color: var(--topbar-background-color);
  color: var(--white-color);
}

.modal-body p
{
  word-wrap: break-word;
}

.vh-80
{
  height: 80vh !important;
}

.progress-label
{
  float: left;
  margin-right: 1em;
}


/***************************************/
/**************** BUTTONS **************/
/***************************************/
.btn.disabled, .btn:disabled, fieldset:disabled .btn
{
  -webkit-box-shadow: none;
  box-shadow: none;
}


#clearBtn
{
  position: absolute;
  float: right;
  height: 2.2em;
  width: 1.5em;
  top: 0px;
  right: 0px;
  padding-top: 10px;
  padding-right: 3px;
  text-align: center;
  cursor: pointer;
}


/***************************************/
/************ MEDIAS QUERIES ***********/
/***************************************/
@media (max-width: 768px)
{
  #main-sidebar
  {
    width: 140px !important;
    left: -140px;
  }

  #sidebar.active
  {
    width: 50px !important;
  }

  .text-menu
  {
    display: none;
  }

  #sidebar-right
  {
    width: 350px !important;
  }
}


@media (max-width: 992px)
{
  .ms-minus-50
  {
    margin-left: -50px;
  }

  .pl-50
  {
    padding-left: 0px;
  }
}