/***************************************/
/************* 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 JQUERY **********/
/***************************************/
.ui-datepicker
{
  width: 19em;
  z-index: 998 !important;
}

.ui-datepicker td
{
  padding: 3px;
  padding-top: 5px;
}

.ui-widget-header
{
  background: none;
  border: none;
}


/***************************************/
/************ 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_80
{
  height: 80px;
}

.height_100
{
  height: 100px;
}


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

.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-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-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;
}

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


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

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

.fs-6_9
{
  font-size: 0.8rem !important;
}

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

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

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

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


/***************************************/
/*************** 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: 999;
}

#sidebar.active
{
  width: 250px;
  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: 997;
  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;
  box-shadow: -3px 0px 25px #000000;
}


/***************************************/
/*************** 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: 998;
}



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

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

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


/***************************************/
/**************** 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;
  }
}