/* xs modal used for results entry numpad */
#modal-block-numpad .modal-xs {
    --bs-modal-width: 300px !important;
}
  
  
@media print {
   .noprint {
      visibility: visible;
   }
   .print {
      visibility: block;
   }
}

/* for fixed header in tables */
.header {
    position: sticky !important;
    top: 0 !important;
}

.tableContainer {
            width: 100%;
            height: 400px;
            overflow-y: auto; 
            overflow-x: hidden; 
            scrollbar-width: thin;
}

/* extra small button */
.btn-xs, .btn-group-xs > .btn {
  --bs-btn-padding-y: 0.15rem;
  --bs-btn-padding-x: 0.25rem;
  --bs-btn-font-size: 0.575rem;
  --bs-btn-border-radius: var(--bs-border-radius-sm);
}

/* make text with class the fs-sm smaller for mobile*/
.fs-sm {
    font-size: 90% !important;
}

.hidden .hidden-xs .hidden-sm .hidden-md .hidden-lg .hidden-xl{
    display:none;
}
                                                   
.visible .visible-xs .visible-sm .visible-lg .visible-xl{
    display:block;
}

/*================================================    
    Back to Top
================================================*/
#back-to-top .top {
    position: fixed;
    bottom: 30px;
    right: 10px;
    margin: 0px;
    color: var(--white-color);
    background: var(--primary-color);
    z-index: 999;
    border: 1px solid var(--primary-color);
    font-size: 30px;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#back-to-top .top:hover {
    background: var(--dark-color);
    color: var(--white-color);
    border: 1px solid var(--dark-color);
}


/* extra widths oneui css only has w-25 w-50 w-75 -100 */
.w-30{
    width: 30% !important;
}
.w-35{
    width: 35% !important;
}
.w-40{
    width: 40% !important;
}
.w-45{
    width: 45% !important;
}


.circle {
          
          width: 50px;
          height: 50px;

          -webkit-animation: circle infinite .95s linear;
          -moz-animation: circle infinite .95s linear;
          -o-animation: circle infinite .95s linear;
          animation: circle infinite .95s linear;
          border: 2px solid #fc5b62;
          border-top-color: rgba(0, 0, 0, 0.2);
          border-right-color: rgba(0, 0, 0, 0.2);
          border-bottom-color: rgba(0, 0, 0, 0.2);
          -webkit-border-radius: 100%;
          -moz-border-radius: 100%;
          -ms-border-radius: 100%;
          border-radius: 100%;
      }
      
      @-webkit-keyframes circle {
      0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
      }
      100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
      }
    }
    @-moz-keyframes circle {
      0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
      }
      100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
      }
    }
    @-o-keyframes circle {
      0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
      }
      100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
      }
    }
    @keyframes circle {
      0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
      }
      100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
      }
    }