/*@font-face {
    font-family: 'roboto-light';
    src: url('.../font/roboto/roboto-light.ttf') format('truetype');
}
@font-face {
    font-family: 'inter-1';
    src: url('.../font/inter/inter-1.ttf') format('truetype');
}
@font-face {
    font-family: 'inter-2';
    src: url('.../font/inter/inter-2.ttf') format('truetype');
}*/

/*.mud-input > input.mud-input-root-outlined, div.mud-input-slot.mud-input-root-outlined{
    padding:20px 14px!important
}*/
@font-face {
    font-family: 'noto';
    src: url('/font/noto.ttf') format('truetype');
}
@font-face {
    font-family: 'notosansarabic_condensed-bold';
    src: url('../font/notosansarabic_condensed-bold.ttf') format('truetype');
}
@font-face {
    font-family: 'notosansarabic-bold';
    src: url('../font/notosansarabic-bold.ttf') format('truetype');
}
body {
    font-family:Inter!important;
}

.mud-input > input.mud-input-root, div.mud-input-slot.mud-input-root{
    font-size:14px;
    /*font-family:'Segoe UI Symbol';*/
       
}

.mud-input-helper-text.mud-input-error{
    font-size:12px
}

.validation-message {
    color: red;
    font-size: 12px;
    margin-top: 5px;
}

.noto-font {
    font-family: noto !important;
}



.row > label {
    align-content: center;
}

 .mud-dialog-width-sm {
    min-width: 350px
}
.menu-item .menu-content {
    padding: 0.1rem 0.1rem;
}

.w-110px {
    width: 110px !important
}

.menu-item .menu-link .menu-title {
    font-family: Inter
}

form .row{
    margin-top:2px;
    margin-bottom:4px;
}

.tb-small > .table > :not(caption) > * > * {
    padding:2px 2px !important;
}

.btn-xs {
    padding: 0.5rem 0.66rem !important
}

.no-border{
    border-bottom:none!important;
}

.sub-modal{
    margin-left:140px;
    margin-top:60px;
}

    .sub-modal .modal-content{
        border:dashed #7f7e7e 1px;
    }

.center-spinner {
    position: fixed;
    top: 50%;
    left: 50%;
 
    z-index: 1000;  
}
.spinner-overlay {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    background-color: rgba(255, 255, 255, 0.6);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}


.loader {
  color: darkred;
  font-size: 10px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  animation: mulShdSpin 1.3s infinite linear;
  transform: translateZ(0);
}

@keyframes mulShdSpin {
  0%,
  100% {
    box-shadow: 0 -3em 0 0.2em, 
    2em -2em 0 0em, 3em 0 0 -1em, 
    2em 2em 0 -1em, 0 3em 0 -1em, 
    -2em 2em 0 -1em, -3em 0 0 -1em, 
    -2em -2em 0 0;
  }
  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 
    3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, 
    -2em 2em 0 -1em, -3em 0 0 -1em, 
    -2em -2em 0 -1em;
  }
  25% {
    box-shadow: 0 -3em 0 -0.5em, 
    2em -2em 0 0, 3em 0 0 0.2em, 
    2em 2em 0 0, 0 3em 0 -1em, 
    -2em 2em 0 -1em, -3em 0 0 -1em, 
    -2em -2em 0 -1em;
  }
  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em,
     3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, 
     -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em,
     3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, 
     -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em,
     3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, 
     -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }
  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 
    3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, 
    -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
  }
  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 
    3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, 
    -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
  }
}


html[dir=rtl] .float-up-left {
    position: absolute;
    left: 0;
    top: 0
}

html:not([dir=rtl]) .float-up-left {
    position: absolute;
    right: 0;
    top: 0
}