.dzUpload  {
    /* position: relative; */
    /* border: 2px dotted #444f65; */
    /* border-radius: 0px; */
    /* color: white; */
    /* font: bold 24px/200px arial; */
    /* height: 40px; */
    /* width: 40px; */
    /* margin: 30px auto; */
    /* text-align: center; */
    /* width: 200px; */
  }
  

.dzUpload.dz-drag-hover {
    border: 2px solid #FE5;
    color: #FE5;
}

.dzUpload.dropped {
    background: #222;
    border: 2px solid #444;
}

.dz-preview {display:none;}

.hideSelectCarets .select {background-image: none !important;}
.hideSelectCarets tr.hover:hover td .select {
    background-image: linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%) !important;
}

.hiddenUntilHover {display: none;}
.hiddenOnHover {display: block;}
tr.hover:hover .hiddenUntilHover {display: block;}
tr.hover:hover .hiddenOnHover {display: none;}

.hiddenUntilHover svg {fill:rgb(255,255,255);fill-opacity:.25;}
.hiddenUntilHover svg:hover  {fill:#ef4444;fill-opacity:1; cursor:pointer;}



.badge-blue {background-color: rgba(6, 182, 212, .5); color:#fff;}
.badge-green {background-color: rgba(34, 197, 94, .5); color:#fff;}
.badge-purple {background-color: rgba(99, 102, 241, .5); color:#fff;}
.badge-pink {background-color: rgba(236, 72, 153, .5); color:#fff;}
.badge-orange {background-color: rgba(245, 158, 11, .5); color:#fff;}
.badge-red {background-color: rgba(239, 68, 68, .5); color:#fff;}



.tab.tab-active {border-color:#D926A9}


input.highlightFadeSuccess, select.highlightFadeSuccess {
    color:#1FB2A6;
    animation-name:hfSuccess;
    animation-fill-mode:forwards;
    animation-duration:2.5s;
    animation-delay:0s;
}
input.highlightFadeError, select.highlightFadeError {
    color:#F87272;
    animation-name:hfError;
    animation-fill-mode:forwards;
    animation-duration:2.5s;
    animation-delay:0s;
}
@keyframes hfSuccess {
    0% {color:#1FB2A6;}
    75% {color:#1FB2A6;}
    100% { color:inherit;}
}
@keyframes hfError {
    0% {color:#F87272;}
    75% {color:#F87272;}
    100% { color:inherit;}
}


/* .table {border-radius: 0px;} */
.table :where(tbody th,tbody td){
  background-color: #191D24;
}
.table.hover :where(tbody tr,tbody td){
  background-color: #3d4553;
}

.table tr:hover td {
  background-color: #3d4553 !important;
}

.table.noPad .input-sm, .table.noPad .select-sm{
  padding:0 .1rem;
  background-color: transparent;
  border-radius: 0px;
}

.table-compact.noPad :where(th,td){
  padding:.18rem;
}

.activeRow td input.input{color:#fff;}
.table .activeRow :where(tbody th,tbody td){
  background-color: #111318 !important;
}
.table.hover .activeRow :where(tbody tr,tbody td){
  background-color: #111318 !important;
}


::-webkit-input-placeholder {
  font-style: italic;
}
:-moz-placeholder {
  font-style: italic;  
}
::-moz-placeholder {
  font-style: italic;  
}
:-ms-input-placeholder {  
  font-style: italic; 
}

.powerSelect {
  position:absolute;
  top:0;
  left:0;
  z-index:50;
  background-color:#3d4553;
}


.scrollbar::-webkit-scrollbar {
    width: 8px;
    height: 20px;
  }

  .scrollbar::-webkit-scrollbar-track {
    border-radius: 100vh;
    background: #1F242D;
  }

  .scrollbar::-webkit-scrollbar-thumb {
    background: #2A303C;
    border-radius: 100vh;
    border: 3px solid #2A303C;
  }

  .scrollbar::-webkit-scrollbar-thumb:hover {
    background: #3e4654;
    border-color: #2A303C;
  }


  .qs-datepicker-container{
    background: #1F242D;
    color:#fff;
    /* scale: .75 */
    /* width: 12.5em; */
    font-size: .9em;
  }

  .qs-controls {background-color: #3d4553;}




/* .input[value="0000-00-00"]::-webkit-datetime-edit {
    color: transparent; 
} */
