/*
 * Container style
 */
.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto;
}

/*
 * Scrollbar rail styles
 */
.ps__rail-x {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  height: 15px;
  /* there must be 'bottom' or 'top' for ps__rail-x */
  bottom: 0px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-y {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  width: 15px;
  /* there must be 'right' or 'left' for ps__rail-y */
  right: 0;
  /* please don't change 'position' */
  position: absolute;
}

.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
  display: block;
  background-color: transparent;
}

.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
  opacity: 0.6;
}

.ps__rail-x:hover,
.ps__rail-y:hover,
.ps__rail-x:focus,
.ps__rail-y:focus {
  background-color: #eee;
  opacity: 0.9;
}

/*
 * Scrollbar thumb styles
 */
.ps__thumb-x {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, height .2s ease-in-out;
  -webkit-transition: background-color .2s linear, height .2s ease-in-out;
  height: 6px;
  /* there must be 'bottom' for ps__thumb-x */
  bottom: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__thumb-y {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, width .2s ease-in-out;
  -webkit-transition: background-color .2s linear, width .2s ease-in-out;
  width: 6px;
  /* there must be 'right' for ps__thumb-y */
  right: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x {
  background-color: #999;
  height: 11px;
}

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y {
  background-color: #999;
  width: 11px;
}

/* MS supports */
@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important;
  }
}



#message {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 9999;
}

.modal-header, .modal-footer {
  border: none !important;
}


.panel-picture {
  width: 100%;
  background-color: #9c9c9c;
}
.panel-picture img {
  width: 100%;
  height: auto;
}


.panel-file {
  display: block;
}
.panel-file .panel {
  padding: 15px;
}
.panel-file label {
    font-size: 0.875rem;
    line-height: 1.4rem;
    vertical-align: top;
    margin-bottom: .5rem;
}
.panel-file small {
  display: block;
  margin-top: 5px;
  font-size: 10px !important;
}


#clones {
  display: none;
}


.hidden {
  display: none;
}

.dropzone {
  border: none !important;
  background: #f8f7f6 !important;
}
.dz-message {
  font-size: 12px !important;
  font-weight: 300 !important;
  color: #757575 !important;
}


.media img {
  width: 50px;
  height: 50px;
  border-radius: 100%;
}



form {
  max-width: 100%;
}


.placeholder {
  color: #c9c8c8 !important;
}


.twitter-typeahead {
  display: block !important;
}





.sticky-top {
  top:100px;
}




.reloadarea { position:relative; }
.reloadarea .reloadedlayer {

  top:0px; left:0px;
  position: absolute;
  background-color:rgba(255, 255, 255, 0.8);
  width: 100%;
  height: 100%;
  z-index: 999;

}
.reloadarea .reloadedlayer i { font-size: 30px; }


.uploadwidth { min-width:200px; }



.select2-container { width: 100% !important; }







#sideframe {
  background-color: #fff;
  width: 100%;
  height: fit-content;
  position: absolute;
  top: 0px;
  right: -200%;
  z-index: 6;
  padding: 50px;
  transition: all .5s;
  padding-top: 150px;
}
#sideframe.show {
  right: 0px;
}
.sideframeclose { position: fixed; top: 190px; right: 30px; z-index: 99; }


.table[appendtable] tr td { white-space: nowrap; }
.table[appendtable] tr.minheight td { padding: 10px !important; }
.table[appendtable] .form-control { padding: 10px; min-width: 50px !important; }
.table[appendtable] .form-control.error { border-color: #ff4747; }


.table[appendtable] tr[clone] { display: none; }


tr.edit td:last-child button:not( :nth-child(1) ) { display: none; }
tr.save td:last-child button:not( :nth-child(2), :nth-child(3) ) { display: none; }


table i.mdi { font-size: 14px !important; }


.popover-header { font-size: 12px !important; }

.popover-body { font-size: 10px; }


.nowrap { white-space: nowrap; }

[isreadonly] { background-color: #e9ecef !important; }


[data-aggregatetable] { top: 1.5rem; left: 1.875rem; z-index: 1; }
[data-aggregatetable] .custom-select { height: 45px; }
.aggregatetable { display: none; }
.aggregatetable td:nth-child(1) { width: 30px; }

.btn-primary.disabled, .btn-primary:disabled {
  background-color: #686868 !important;
  border-color: #686868 !important;
}




.tooltip { width: 100px !important; max-width: 100px !important; min-width: 100px !important; }
.tooltip-inner { font-size: 10px !important; }





[data-count] { position: relative; }
[data-count]:after { content: attr(data-count); position: absolute; top: 0px; right: -5px; color: red; font-size: 8px; font-weight: 600; }


.excel-upload { position: absolute; top: 10px; }



@media (max-width: 767px) {

.excel-upload { position: relative; }

}