body { font-family: Cairo }
@font-face {
    font-family: "bootstrap-icons";
}
.form-control{ text-align:right}
.accordianContainer .accordion-header h5 .accordion-button { font-size: 1rem; font-weight: bold }
.accordianContainer .eserviceList .eserviceLink text { font-size: 0.8rem; text-align: right }
.input-group .form-control { border-radius: 0 6px 6px 0 !important }
.form-select.is-valid:not([multiple]):not([size]) { background-position: left 1.25rem center, left center !important;  }
.vertical-Tab .nav.nav-tabs { padding-left: 1rem; padding-right: 0; }
.vertical-Tab .tab-content { border-right: 1px solid #005f71; border-left: none }
.steps { overflow: hidden }
.steps .step:first-child{margin-left:0; margin-right:auto}
.step-container { padding-left: 1rem; padding-right: 0; }
.step-circle::before { transform: translate(100%, -50%); right: -2px; }
.steps .step:last-child { margin-left: auto; margin-right: 0; }
.alert.alert-warning { border-left: none; border-right: 5px solid #d7b95b; }
.alert.alert-info { border-left: none; border-right: 5px solid #8fc0e5; }
.button-start-add { border-radius: 0 5px 5px 0 }
.button-end-add { border-radius:5px 0 0 5px}
.addon-date-btn { border-right: none; border-left: 1px solid #c1c1c1 }
.b-numeric-handler-wrap { left: 0; right: auto }
.form-control + .b-numeric-handler-wrap {
    border-top-left-radius: var(--bs-border-radius);
    border-bottom-left-radius: var(--bs-border-radius);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.was-validated .form-control:valid, .form-control.is-valid, .was-validated textarea.form-control:valid, textarea.form-control.is-valid { background-size: 14% 34% !important; background-position: left center; }
.lpx-nav-menu .outer-menu-item .lpx-inner-menu .lpx-inner-menu-item .lpx-menu-item-link{ padding-left:0; padding-right:45px}
.lpx-nav-menu .lpx-inner-menu-item .lpx-menu-item-icon { margin-right: 0; margin-left: 8px; }
.lpx-nav-menu .lpx-inner-menu .lpx-inner-menu .lpx-menu-item-link .lpx-menu-item-icon .lpx-icon.fa-chevron-right::before { content: "\f053" }

.lpx-nav-menu .lpx-menu-item-link .dd-icon{left:11px; right:auto}
.lpx-nav-menu .outer-menu-item .lpx-inner-menu-item .lpx-inner-menu .lpx-inner-menu-item .lpx-menu-item-link{padding-left:0; padding-right:55px}
.lpx-nav-menu .outer-menu-item .lpx-inner-menu .lpx-inner-menu-item .lpx-inner-menu .lpx-menu-item-link:after { content: ''; margin: 0 5px; }

.lpx-language-selection .dropdown-menu .dropdown-item:after { left: 0;right:auto }
.hover-trigger .lpx-sidebar-container .lpx-sidebar .lpx-logo-container .menu-collapse-icon.bi-filter-left::before {
    content: "\F12F";
}
#lpx-wrapper.hover-trigger .lpx-content-container {
    margin-right: 72px;
    margin-left:0;
    animation: reduceMargin 1s ease;
}

.lpx-content-container {
    margin-right: 280px;
    margin-left: 0;
    animation: increMargin 1s ease;
}
.eserviceList .eserviceLink:after{content:"\F12F";left: 12px; right: auto;}
.eserviceList .eserviceLink text{margin: 0 0.5rem 0 1.5rem;    text-align: right;}
@media only screen and (max-width: 767px) {
    .lpx-content-container {
        margin-right: 0px !important;
        margin-left: 0;
    }

    #lpx-wrapper.hover-trigger .lpx-content-container {
        margin-right: 0px !important;
        margin-left: 0;
    }
}

@keyframes reduceMargin {
    0% {
        margin-right: 280px;
    }

    100% {
        margin-right: 72px;
    }
}

@keyframes increMargin {
    0% {
        margin-right: 72px;
    }

    100% {
        margin-right: 280px;
    }
}