/*@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:noto!important;
}

 

.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;
    align-content: center !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;
}


.e-item {
    padding: 15px 10px 3px 10px;
}

.e-control{
    font-size:13px!important
}

.e-grid .e-rowcell {
    padding: 4px  2px !important
}


/*.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;
  }
}
  */
.loader {
    font-size: 10px;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    position: relative;
    text-indent: -9999em;
    animation: mulShdSpin 1.1s infinite ease;
    transform: translateZ(0);
}
@keyframes mulShdSpin {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255,255,255, 0.2), 2.5em 0em 0 0em rgba(255,255,255, 0.2), 1.75em 1.75em 0 0em rgba(255,255,255, 0.2), 0em 2.5em 0 0em rgba(255,255,255, 0.2), -1.8em 1.8em 0 0em rgba(255,255,255, 0.2), -2.6em 0em 0 0em rgba(255,255,255, 0.5), -1.8em -1.8em 0 0em rgba(255,255,255, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255,255,255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255,255,255, 0.2), 1.75em 1.75em 0 0em rgba(255,255,255, 0.2), 0em 2.5em 0 0em rgba(255,255,255, 0.2), -1.8em 1.8em 0 0em rgba(255,255,255, 0.2), -2.6em 0em 0 0em rgba(255,255,255, 0.2), -1.8em -1.8em 0 0em rgba(255,255,255, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(255,255,255, 0.5), 1.8em -1.8em 0 0em rgba(255,255,255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255,255,255, 0.2), 0em 2.5em 0 0em rgba(255,255,255, 0.2), -1.8em 1.8em 0 0em rgba(255,255,255, 0.2), -2.6em 0em 0 0em rgba(255,255,255, 0.2), -1.8em -1.8em 0 0em rgba(255,255,255, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255,255,255, 0.2), 1.8em -1.8em 0 0em rgba(255,255,255, 0.5), 2.5em 0em 0 0em rgba(255,255,255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255,255,255, 0.2), -1.8em 1.8em 0 0em rgba(255,255,255, 0.2), -2.6em 0em 0 0em rgba(255,255,255, 0.2), -1.8em -1.8em 0 0em rgba(255,255,255, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(255,255,255, 0.2), 1.8em -1.8em 0 0em rgba(255,255,255, 0.2), 2.5em 0em 0 0em rgba(255,255,255, 0.5), 1.75em 1.75em 0 0em rgba(255,255,255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255,255,255, 0.2), -2.6em 0em 0 0em rgba(255,255,255, 0.2), -1.8em -1.8em 0 0em rgba(255,255,255, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255,255,255, 0.2), 1.8em -1.8em 0 0em rgba(255,255,255, 0.2), 2.5em 0em 0 0em rgba(255,255,255, 0.2), 1.75em 1.75em 0 0em rgba(255,255,255, 0.5), 0em 2.5em 0 0em rgba(255,255,255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255,255,255, 0.2), -1.8em -1.8em 0 0em rgba(255,255,255, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(255,255,255, 0.2), 1.8em -1.8em 0 0em rgba(255,255,255, 0.2), 2.5em 0em 0 0em rgba(255,255,255, 0.2), 1.75em 1.75em 0 0em rgba(255,255,255, 0.2), 0em 2.5em 0 0em rgba(255,255,255, 0.5), -1.8em 1.8em 0 0em rgba(255,255,255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255,255,255, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255,255,255, 0.2), 1.8em -1.8em 0 0em rgba(255,255,255, 0.2), 2.5em 0em 0 0em rgba(255,255,255, 0.2), 1.75em 1.75em 0 0em rgba(255,255,255, 0.2), 0em 2.5em 0 0em rgba(255,255,255, 0.2), -1.8em 1.8em 0 0em rgba(255,255,255, 0.5), -2.6em 0em 0 0em rgba(255,255,255, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}




/*.center-spinner {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
}*/

.float-down-left {
    position: absolute;
    left: 0;
    bottom: 20px
}

.float-down-right {
    position: absolute;
    right: 0;
    bottom: 20px
}

html[dir=rtl] .float-down-left {
    position: absolute;
    right: 0;
    bottom: 20px
}
html[dir=rtl] .float-down-right {
    position: absolute;
    left: 0;
    bottom: 20px
}

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
}

.content-center  td {
    align-content: center!important;
    vertical-align: middle;
}

.card-header {
    min-height: 60px !important;
   
}

.card-header-min .card-header {
    min-height: 60px !important;
    padding: 0 0.1rem !important;
}



/*Steper*/
  @@font-face {
        font-family: 'stepper-icons';
        src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype');
        font-weight: normal;
        font-style: normal;
    }

    [class^="sf-icon-"],
    [class*=" sf-icon-"] {
        font-family: 'stepper-icons' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: inherit;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .sf-icon-ordered:before {
        content: "\e704";
    }

    .sf-icon-delivery:before {
        content: "\e705";
    }

    .sf-icon-review:before {
        content: "\e708";
    }

    .sf-icon-package:before {
        content: "\e709";
    }

    .orientation-stepper-section .orientation-header-wrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .orientation-header-wrapper p {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 15px;
        font-weight: 600;
    }

    .orientation-stepper-section {
        width: 75%;
        margin: 0 auto;
    }

        .orientation-stepper-section .orientation-stepper-control:has(.e-vertical) {
            min-height: 480px;
            margin: 10px;
        }

        .orientation-stepper-section .orientation-stepper-control:has(.e-horizontal) {
            width: 85%;
            margin: auto;
            padding: 13% 0;
        }

        .orientation-stepper-section #orientation-options {
            margin: 0 auto;
            align-items: center;
            justify-content: space-evenly;
            display: flex;
            flex-wrap: wrap;
        }

    @@media only screen and (max-width: 900px) {
        .orientation-stepper-section {
            width: 90%;
        }

            .orientation-stepper-section .orientation-stepper-control:has(.e-horizontal) {
                width: 100%;
            }

            .orientation-stepper-section #orientation-options {
                gap: 15px;
            }
    }

    @@font-face {
        font-family: 'Survey-icons';
        src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype');
        font-weight: normal;
        font-style: normal;
    }

    [class^="sf-icon-"],
    [class*=" sf-icon-"] {
        font-family: 'Survey-icons' !important;
        speak: none;
        font-size: 55px;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: inherit;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .sf-icon-survey-feedback:before {
        content: "\e700";
    }

    .sf-icon-survey-intro:before {
        content: "\e703";
    }

    .sf-icon-survey-status:before {
        content: "\e707";
    }

    #validation-step-content input[type=radio] {
        vertical-align: top;
    }

    .feedback-label {
        margin-bottom: 10px;
    }

    #feedback-text {
        color: #000;
        width: 90%;
        height: 50px;
        resize: vertical;
    }

    #agreement-text p {
        text-align: justify;
    }

    #validation-step-content .success-message {
        color: green;
        font-weight: bold;
        margin-top: 10px;
        font-size: 16px;
    }

    #validation-step-content .required {
        color: red;
    }

    #validation-step-content .error-label {
        height: 20px;
        color: #e5184b;
        font-size: 12px;
        font-weight: 600;
        line-height: 15px;
        visibility: hidden;
        margin: 3px 0 0;
    }

    #validation-step-content .question-container {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .validation-stepper-section {
        width: 70%;
        margin: 40px auto;
    }

    #validation-step-content {
        position: relative;
        width: 65%;
        min-height: 250px;
        margin: 0 auto;
    }

    .step-content {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        opacity: 0;
        pointer-events: none;
    }
        /* Display the active step content */
        .step-content.step-active {
            animation: fadeInUp 0.4s;
            opacity: 1;
            z-index: 1000;
            pointer-events: all;
        }
    /* Keyframes */
    @@keyframes fadeInUp {
        from {
            opacity: 0;
            -webkit-transform: translate3d(0, 50%, 0);
            transform: translate3d(0, 50%, 0);
        }

        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }

    @@media only screen and (max-width: 965px) {
        .validation-stepper-section {
            width: 100%;
        }

        #validation-step-content {
            width: auto;
            margin: auto 5%;
        }
    }



    /*scroll*/
 
.e-content {
    cursor: grab;
}

.e-content.active {
    cursor: grabbing;
}

/* Sidebar Item Styling */
.app-sidebar .menu-item {
  position: relative;
  transition: all 0.3s ease;
}

.app-sidebar .menu-item:hover > .menu-link,
.app-sidebar .menu-item.active > .menu-link {
  background-color: rgba(27, 132, 255, 0.1);
  border-left: 3px solid #1B84FF;
  color: #1B84FF;
  padding-left: calc(1rem - 3px);
}

.app-sidebar .menu-item.active > .menu-link {
  background-color: rgba(27, 132, 255, 0.15);
  font-weight: 600;
  color: #1B84FF;
}

.app-sidebar .menu-link {
  transition: all 0.3s ease;
  padding: 0.75rem 1rem;
  color: var(--bs-gray-700);
}

.app-sidebar .menu-link:hover {
  color: #1B84FF;
}

/* Modal Backdrop Overlay */
.modal.fade.show::backdrop,
.modal.show {
  background-color: rgba(0, 0, 0, 0.5);
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: opacity 0.3s ease;
}

.modal-backdrop.show {
  opacity: 1;
}

.modal.show ~ .modal-backdrop,
.modal.show + .modal-backdrop {
  display: block;
  opacity: 1;
}

/* Ensure modals display above backdrop */
.modal.show {
  z-index: 1050;
}