/*GENERAL*/
.notransition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important;
  transition: none !important;
}
.text-divider{
    margin:0 0.25rem; /*top right botoom left*/  
}
/*NOTIFY*/
[data-notify="container"]{
    --padding:0.5rem;
    --close-btn-height:8px;
}
[data-notify="container"] button.close{
    position:absolute;
    top:var(--padding);
    right:var(--padding);
    height:var(--padding);
    width:var(--padding);
    background-size:calc(var(--padding)*1.2);
    padding:var(--padding);
}
[data-notify="container"] .alert{
    padding:var(--padding);
}
[data-notify="title"]{
    font-weight:bold;
    display:block;
    margin-bottom:var(--padding);
    margin-right:calc(2*var(--padding));
}
[data-notify="icon"]{
    margin-right:var(--padding);
}
[data-notify="message"]{
    display:block;
    font-style:italic;
}
[data-notify="progressbar"]{
    margin-top:calc(2*var(--padding));
}
/*LOADING*/
.loading{
    display:block;
    position:absolute;
    top: 0;
    left: 0;
    right:0;
    bottom:0;
    width:100%;
    height:100vh;
    background-color: rgba(16, 16, 16, 0.5);
    z-index:4000;
}
.loading-container{
    display:block;
    position:absolute;
    top: 0;
    left: 0;
    right:0;
    bottom:0;
    width:100%;
    height:100vh;
    background-color: transparent;
    z-index:-1000;
}
.loading.inside{
    position:absolute;
    height:100%;
    width: 100%;
}
.uil-ring-css {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 50%;
  width:50%;
}
.uil-ring-css > div {
  position: absolute;
  display: block;
  aspect-ratio:1/1;
  height:100%;
  max-height:200px;
  min-height:30px;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  -ms-animation: uil-ring-anim 1s linear infinite;
  -moz-animation: uil-ring-anim 1s linear infinite;
  -webkit-animation: uil-ring-anim 1s linear infinite;
  -o-animation: uil-ring-anim 1s linear infinite;
  animation: uil-ring-anim 1s linear infinite;
}
@-webkit-keyframes uil-ring-anim {
  0% {
    -ms-transform: translate(-50%,-50%) rotate(0deg);
    -moz-transform: translate(-50%,-50%) rotate(0deg);
    -webkit-transform: translate(-50%,-50%) rotate(0deg);
    -o-transform: translate(-50%,-50%) rotate(0deg);
    transform: translate(-50%,-50%) rotate(0deg);

  }
  100% {
    -ms-transform: translate(-50%,-50%) rotate(360deg);
    -moz-transform: translate(-50%,-50%) rotate(360deg);
    -webkit-transform: translate(-50%,-50%) rotate(360deg);
    -o-transform: translate(-50%,-50%) rotate(360deg);
    transform: translate(-50%,-50%) rotate(360deg);

  }
}
@-moz-keyframes uil-ring-anim {
  0% {
    -ms-transform: translate(-50%,-50%) rotate(0deg);
    -moz-transform: translate(-50%,-50%) rotate(0deg);
    -webkit-transform: translate(-50%,-50%) rotate(0deg);
    -o-transform: translate(-50%,-50%) rotate(0deg);
    transform: translate(-50%,-50%) rotate(0deg);

  }
  100% {
    -ms-transform: translate(-50%,-50%) rotate(360deg);
    -moz-transform: translate(-50%,-50%) rotate(360deg);
    -webkit-transform: translate(-50%,-50%) rotate(360deg);
    -o-transform: translate(-50%,-50%) rotate(360deg);
    transform: translate(-50%,-50%) rotate(360deg);

  }
}
@-ms-keyframes uil-ring-anim {
  0% {
    -ms-transform: translate(-50%,-50%) rotate(0deg);
    -moz-transform: translate(-50%,-50%) rotate(0deg);
    -webkit-transform: translate(-50%,-50%) rotate(0deg);
    -o-transform: translate(-50%,-50%) rotate(0deg);
    transform: translate(-50%,-50%) rotate(0deg);
  }
  100% {
    -ms-transform: translate(-50%,-50%) rotate(360deg);
    -moz-transform: translate(-50%,-50%) rotate(360deg);
    -webkit-transform: translate(-50%,-50%) rotate(360deg);
    -o-transform: translate(-50%,-50%) rotate(360deg);
    transform: translate(-50%,-50%) rotate(360deg);

  }
}
@-o-keyframes uil-ring-anim {
  0% {
    -ms-transform: translate(-50%,-50%) rotate(0deg);
    -moz-transform: translate(-50%,-50%) rotate(0deg);
    -webkit-transform: translate(-50%,-50%) rotate(0deg);
    -o-transform: translate(-50%,-50%) rotate(0deg);
    transform: translate(-50%,-50%) rotate(0deg);
  }
  100% {
    -ms-transform: translate(-50%,-50%) rotate(360deg);
    -moz-transform: translate(-50%,-50%) rotate(360deg);
    -webkit-transform: translate(-50%,-50%) rotate(360deg);
    -o-transform: translate(-50%,-50%) rotate(360deg);
    transform: translate(-50%,-50%) rotate(360deg);
  }
}
@keyframes uil-ring-anim {
  0% {
    -ms-transform: translate(-50%,-50%) rotate(0deg);
    -moz-transform: translate(-50%,-50%) rotate(0deg);
    -webkit-transform: translate(-50%,-50%) rotate(0deg);
    -o-transform: translate(-50%,-50%) rotate(0deg);
    transform: translate(-50%,-50%) rotate(0deg);
  }
  100% {
    -ms-transform: translate(-50%,-50%) rotate(360deg);
    -moz-transform: translate(-50%,-50%) rotate(360deg);
    -webkit-transform: translate(-50%,-50%) rotate(360deg);
    -o-transform: translate(-50%,-50%) rotate(360deg);
    transform: translate(-50%,-50%) rotate(360deg);
  }
}
.loading .loading-progress{
    display: block;
    height: auto;
    width: 100%;
    max-width: 300px;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
/*PROGRESS*/
.progress-bar {
    transition: width .2s ease;
}
.progress-info {
    display:block;
    width:100%;
    text-align:center;
    font-size:0.75rem;
}

/*TABLE*/
/*.table-light{
    --bs-table-bg: #f8f9fa;
    --bs-table-striped-bg: #ecedee;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #4abcff;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: rgb(204 204 255 / 25%);
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #dfe0e1;
}
#table-search-results.table-light{
    --bs-table-hover-bg: rgba(160,197,92,0.35) !important;
}
.table-light thead tr th{
    background-color:#424242 !important;
    color:#fff !important;
}
table.dataTable tbody tr.selected a, table.dataTable tbody th.selected a, table.dataTable tbody td.selected a {
    color: #ff7a49 !important;
}
table.dataTable tbody tr.selected, table.dataTable tbody th.selected, table.dataTable tbody td.selected{
    color:#000 !important;
}
#table-search-results tbody tr.selected, #table-search-results tbody tr.odd.selected,
#table-search-results tbody th.selected, 
#table-search-results tbody td.selected,
#table-search-results tbody tr.odd.selectd td{
    background-color:rgba(160, 4, 252, 0.35) !important;
    color:#000 !important;
}*/