body.imamu .text-body {
    color: #666 !important;

}
#loading {
    z-index: 99999;
}

#login {
    background:url('../images/bg.png');
    background-position: left;

}

body.login .bg-side {

}

.min-h-220 {
    min-height:250px
}


@font-face{
    font-family:ds;
    src:url(../fonts/ds/ds.eot);
    src:url(../fonts/ds/ds.eot#iefix) format("embedded-opentype"),url(/themes/custom/momrah-theme/fonts/ds/ds.ttf) format("truetype"),url(/themes/custom/momrah-theme/fonts/ds/ds.woff) format("woff"),url(/themes/custom/momrah-theme/fonts/ds/ds.svg#ds) format("svg");
    font-weight:400;
    font-style:normal;
    font-display:block;
}

@font-face {
    font-display: swap;
    font-family: IBM;
    font-style: normal;
    font-weight: 100;
    src: url(../fonts/IBM/IBMPlexSansArabic-Light.ttf) format("truetype");
}
@font-face {
    font-display: swap;
    font-family: IBM;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/IBM/IBMPlexSansArabic-Regular.ttf) format("truetype");
}
@font-face {
    font-display: swap;
    font-family: IBM;
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/IBM/IBMPlexSansArabic-Medium.ttf) format("truetype");
}
@font-face {
    font-display: swap;
    font-family: IBM;
    font-style: normal;
    font-weight: 600;
    src: url(../fonts/IBM/IBMPlexSansArabic-SemiBold.ttf) format("truetype");
}
@font-face {
    font-display: swap;
    font-family: IBM;
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/IBM/IBMPlexSansArabic-Bold.ttf) format("truetype");
}


body {
    font-family: IBM, sans-serif;
}




body, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, input, textarea, blockquote, th, td {
    line-height: 24px;
}

.ltr {
    direction: ltr;
}

.fw-500 {
    font-weight: 500;
}



header #search-input {
    width: 100px;
    transition: width 0.3s ease;

}


header #search-input:focus {
    width: 200px;
}


#survey {
    background:#F9FAFB url('../images/s-background.png') no-repeat bottom center;
    background-size: cover;
}

.slick-dots {
    position: relative;
    bottom: -15px;
    right: 0;
    left: 0;
    text-align: center;
}

.slick-dots li {
    width: 16px;
    height: 16px;
    background: #fff;
    color: #fff;
    border: solid 1px var(--bs-primary);
    border-radius: 50%;
    margin: 0 5px;
    display: inline-block;
}

.slick-dots li button {
    color: transparent;
    border: none;
    background: none;
}

.slick-dots li button:before {
    color: transparent;
    border: none;
    background: none;
}

.slick-dots li.slick-active {
    background-color: var(--bs-primary);
    border: solid 1px var(--bs-primary);
    position: relative;
}

.slick-slide img.icon {
    display: unset;
}

.ministy-word {
    position: relative;
}

.ministy-word::before {
    content: "”";
    font-size: 8rem;
    position: absolute;
    top: 0;
    right: -15px;
    /*color: var(--bs-primary);*/
    color: #14573A;
}


.ministy-word::after {
    content: "“";
    font-size: 8rem;
    position: absolute;
    bottom: -70px;
    left: 0;
    /*color: var(--bs-primary);*/
    color: #14573A;

}

#ministy-page .ministy-word::after {
    content: "“";
    font-size: 8rem;
    position: absolute;
    bottom: -80px;
    left: 0;
    color: var(--bs-primary);
} 



ul.nav-bordered {
    border-bottom: solid 1px #D6D9E0;
    margin-bottom: 2rem !important;
}
ul.nav-bordered .nav-link {
    color: #1D1D1F;
    border: 0 !important;
    background: transparent !important;
}
ul.nav-bordered .nav-link.active, ul.nav-bordered .nav-link:hover, ul.nav-bordered .nav-link:focus {
    border: 0 !important;
    background: none !important;
    outline: none !important;
    color: rgba(var(--bs-primary-rgb));
    border-bottom: solid 4px rgba(var(--bs-primary-rgb)) !important;
    font-weight: bold;
}

.circle-i {
    background-color: var(--background-brand-light);
    border-radius: 100%;
    color: var(--icon-success);
    display: block;
    font-size: var(--display-sm--regular);
    height: 56px;
    line-height: 1.9;
    width: 56px;
    text-align: center;
}


.circle-48 {
    background-color: var(--background-brand-light);
    border-radius: 100%;
    color: var(--icon-success);
    display: block;
    font-size: 1rem;
    height: 48px;
    line-height: 48px;
    width: 48px;
    text-align: center;
}

.circle-32 {
    border-radius: 100%;
    color: var(--icon-success);
    display: block;
    font-size: var(--display-xs--regular);
    height: 32px;
    line-height: 1.9;
    width: 32px;
    text-align: center;
}


.lh-40 {
    line-height: 40px;
}

.lh-48 {
    line-height: 48px;
}

.lh-60 {
    line-height: 60px;
}



.slick-arrow {
    border:0;
    border-radius: 100%;
    height: 48px;
    width: 48px;
    position: absolute;
    bottom: -60px;
    font-size: 0;
    background-color: var(--bs-primary);
    color: #fff;

}

.slick-arrow:active , .slick-arrow:hover {
    background-color: #F9FAFB;

}

.slick-prev {
    left: calc(50% - 60px);
}

.slick-prev::before {
    font-family: 'Font Awesome 6 Free';
    content: "\f104";
    font-size: 1rem;
    font-weight: 900;
}

.slick-next {
    right: calc(50% - 60px);
}


.slick-next::before {
    font-family: 'Font Awesome 6 Free';
    content: "\f105";
    font-size: 1rem;
    font-weight: 900;
    

}

.slick-prev:hover::before , .slick-next:hover::before {
    color: #000000 !important;

}


.partners-swiper   .slick-arrow {
    border:0;
    border-radius: 4px;
    height: 40px;
    width: 40px;
    position: absolute;
    bottom: calc(50% - 15px);
    font-size: 0;
    background-color: var(--bs-light);
    color: var(--bs-dark);

}

.partners-swiper  .slick-arrow:active , .partners-swiper  .slick-arrow:hover {
    background-color: #F9FAFB;

}

.partners-swiper  .slick-prev {
    left: -50px;
}

.partners-swiper  .slick-prev::before {
    font-family: 'Font Awesome 6 Free';
    content: "\f104";
    font-size: 1rem;
    font-weight: 900;
}

.partners-swiper  .slick-next {
    right: -50px;
}


.partners-swiper  .slick-next::before {
    font-family: 'Font Awesome 6 Free';
    content: "\f105";
    font-size: 1rem;
    font-weight: 900;

}

.partners-swiper  .slick-prev:hover::before ,.partners-swiper  .slick-next:hover::before {
    color: #000000 !important;

}



#apps .app-image {
    margin-bottom: -1rem;
    margin-left: -2rem;
}

.bg-light-green {
    background-color: var(--colors-primary-sa-flag-25);
}

.page-sidebar .list-group-item {
    font-weight: bold;
    color: var(--bs-gray-600);
    border:none

}
.page-sidebar .list-group-item.active {
    background-color:transparent;
    color: var(--bs-gray-900);
    border: none;
    border-right: solid 5px var(--bs-primary);
}


footer {
    background-color: #074d31;
    color: #fff;
}

footer a , footer h5 , footer p  {
    color: #fff;
}


.view-filters:not(.execluded) input[type=text] {
    background-image: url("../images/icons/icon-search.svg");
    background-repeat: no-repeat;
    background-position: calc(100% - 11px) center !important;
    padding-inline-start: 2.5rem !important;
    margin: 0 !important;
}


.view-filters:not(.custom) .form-item input.form-text, .view-filters:not(.custom) .form-item input.form-date {
    display: block;
    width: 100%;
    height: 2.5rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-dark);
    background-color: #fff;
    background-clip: padding-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    border: 1px solid #9DA4AE;
    border-radius: 0.25rem;
    padding: 0 0.5rem;
}

.form-control:hover, .form-control.active, .form-select:hover, .form-select.active {
    border-color: var(--bs-gray-950) !important;
}

.form-control:focus, .form-select:focus {
    box-shadow: none;
    border-bottom-color: var(--bs-gray-950) !important;
    border-bottom-width: 0.125rem !important;
}



.inner-page-container .inner-page-content {
    background-color: rgba(0,0,0,0);
    box-shadow: initial;
    border-radius: 0;
    padding: 0
}

.inner-page-container .inner-page-content .view-news .pager {
    background: transparent;
    margin-top: 2rem;
}

.pager {
    margin-top: 1.25rem;
}

.pager .pager__items {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 0;
    margin: 0;
    gap: 0.5rem;
}

.pager .pager__items .pager__item {
    list-style: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0;
    padding: 0.5rem;
    color: #161616;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
}

.pager .pager__items .pager__item.pager__item--ellipsis {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 0.25rem;
    border: 1px solid #161616;
}

.pager .pager__items .pager__item::after {
    width: 1.5rem;
    height: 0.1875rem;
    border-radius: 624.9375rem;
    background: var(--bs-primary);
}

.pager .pager__items .pager__item a {
    color: #161616;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    min-width: 1.5rem;
    text-align: center;
}

.pager .pager__items .pager__item.is-active::after,.pager .pager__items .pager__item:hover::after {
    content: "";
}

.pager .pager__items .pager__item.pager__item--ellipsis::after {
    display: none;
}

.pager .pager__items .pager__item.is-active a,.pager .pager__items .pager__item:hover a {
    color: #161616;
}


body.momra .view-filters .dropdown-menu {
    padding: 1rem 0.75rem;
    border-radius: 0.5rem;
    border: 1px solid #D2D6DB;
    background: #FFF;
}

.view-filters:not(.custom) .form-item.form-wrapper,.view-filters:not(.custom) .form-item .form-checkboxes .form-checkboxes {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
    align-self: stretch !important;
}

.view-filters:not(.custom) .form-item .form-check-input {
    margin: 0;
}

.view-filters:not(.custom) .form-type-select {
    min-width: 220px;
}

.view-filters:not(.custom) .form-wrapper {
    min-width: 200px;
}

.view-filters:not(.custom) .form-wrapper legend {
    margin-bottom: 0.2rem;
    font-size: 0.875rem;
}

.view-filters:not(.custom) .form-radios {
    display: flex;
}

.view-filters:not(.custom) .form-radios .form-type-radio {
    display: flex;
    margin-bottom: 0;
    margin-top: 0.6rem;
}

.view-filters:not(.custom) input.form-radio {
    width: 1em;
    height: 1em;
    border-radius: 50%;
    margin: 0.4rem;
    padding: 0;
    margin-top: 0.25em;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0,0,0,0.25);
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
}

.view-filters:not(.custom) .form-actions {
    margin: 0;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    align-self: stretch;
}

.view-filters:not(.custom) .dropdown-menu .filtration-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0.75rem;
    max-height: 30rem;
    overflow: auto;
    margin-bottom: 1rem;
}

.view-filters:not(.custom) .dropdown-menu .filtration-container .fieldgroup {
    border-bottom: 1px solid #D2D6DB;
    padding-bottom: 0.75rem;
}

.view-filters:not(.custom) .dropdown-menu .filtration-container .fieldgroup:last-child {
    border: 0;
}

.view-filters:not(.custom) .dropdown-menu .form-radios {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
    align-self: stretch !important;
}

.view-filters:not(.custom) .dropdown-menu .form-radios input.form-radio {
    margin: 0;
    display: none;
}

.view-filters:not(.custom) .dropdown-menu .form-radios input.form-radio:checked {
    filter: grayscale(10);
}

.view-filters:not(.custom) .dropdown-menu .form-radios label {
    cursor: pointer;
    width: 100%;
}

.view-filters:not(.custom) .dropdown-menu .form-radios input.form-radio:checked + label {
    font-weight: 700 !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.view-filters:not(.custom) .dropdown-menu .form-radios input.form-radio:checked + label::after {
    content: "";
    width: 1.125rem;
    height: 1.125rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
}

.view-filters:not(.custom) .dropdown-menu .form-actions {
    display: flex !important;
}


.view-filters .dropdown-menu .fieldset-wrapper {
    width: 100%;
}

.view-filters:not(.custom) .search-sort .form-item-sort-bef-combine {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
    align-self: stretch !important;
    min-width: 200px;
}

.view-filters:not(.custom) .dropdown-menu .form-radios input.form-radio:checked {
    filter: grayscale(10);
}

.view-filters:not(.custom) .form-item label {
    display: block;
    margin-bottom: 0;
    color: #1F2A37;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.55556rem;
}

.view-filters:not(.execluded) .form-item {
    margin: 0 !important;
}

.form-composite > legend, .label {
    display: inline;
    margin: 0;
    padding: 0;
    font-size: inherit;
    font-weight: bold;
}


.pager .pager__items .pager__item.pager__item--first a span, .pager .pager__items .pager__item.pager__item--previous a span, .pager .pager__items .pager__item.pager__item--next a span, .pager .pager__items .pager__item.pager__item--last a span {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.pager .pager__items .pager__item.pager__item--first a::before, .pager .pager__items .pager__item.pager__item--previous a::before, .pager .pager__items .pager__item.pager__item--next a::before, .pager .pager__items .pager__item.pager__item--last a::before {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.5rem;
    height: 1.5rem;
    padding: 0.32813rem 0.51563rem;
    font-family: ds;
    content: "\eb16";
    font-size: 1.25rem;
}

.pager .pager__items .pager__item.pager__item--next a::before {
    content: "\f053";
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    font-size: .8rem;
}

.pager .pager__items .pager__item.pager__item--last a::before {
    content: "\f100";
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    font-size: 0.8rem;
}




#header{
    position:relative;
    z-index:99999;
    width:100%;
    background-color:var(--bs-white);
    border-top:1px solid #D2D6DB;
    border-bottom:1px solid #D2D6DB;
    transition:background-color 0.5s ease;
}
#header.inverted{
    position:fixed;
}
#header>.container>.row .columns{
    align-items:center;
}
#header .site-branding__logo{
    display:block;
}
#header .site-branding__logo img{
    margin-left:1rem;
    height:50px;
}
[dir="ltr"] #header .site-branding__logo img{
    margin-left:0;
    margin-right:1rem;
}
#header ul.menu{
    margin:0 !important;
    display:flex;
    align-items:center;
}
#header .dropdown-menu ul.menu{
    display:block;
}
#header .dropdown-menu>ul.menu{
    display:block;
    --bs-gutter-x:1.5rem;
    --bs-gutter-y:0;
    width:100%;
    max-width:1320px;
    padding-left:calc(var(--bs-gutter-x)* .5);
    padding-right:calc(var(--bs-gutter-x)* .5);
    margin-left:auto !important;
    margin-right:auto !important;
}
#header a{
    text-decoration:none;
}
#header .btn-link{
    text-decoration:none;
}
@media (max-width:991.98px){
    #header .columns{
        flex-flow:column;
        align-items:flex-end !important;
        padding:1rem;
        position:relative;
    }
    #header .navbar-toggler{
        position:absolute;
        top:1.3rem;
        border:0;
    }
    #header ul.menu{
        display:flex;
        align-items:flex-start;
        flex-flow:column;
        gap:1rem;
        padding:1rem 0;
    }
}
#header .header-mobile-container{
    width:100%;
    padding-top:0 !important;
    padding-bottom:0 !important;
}
#header .region-header-left .block{
    vertical-align:middle;
}
#header svg.ext{
    width:27px;
    height:24px;
    padding-right:0.2em;
    fill:var(--bs-primary);
    font-weight:900;
    border:none;
}
#header svg.ext path{
    stroke-width:0px !important;
}
#header .header-left{
    margin-right:auto;
}
[dir="ltr"] #header .header-left{
    margin-right:0;
    margin-left:auto;
}
@media (max-width:991.98px){
    #header{
        position:static;
    }
}
#header .menu,#header .menu-item,#header .links{
    margin:0;
    padding:0;
}
#header #navbarSupportedContent .contextual-region{
    position:static;
}
#header #navbarSupportedContent .block-content>ul li{
    list-style-type:none;
}
#header .menu-item-first>a{
    color:var(--bs-dark);
    position:relative;
    font-size:1rem;
    height:auto;
}
@media (max-width:991.98px){
    #header .menu-item-first{
        display:block;
        width:100%;
    }
    #header .menu-item-first>a{
        display:flex;
        align-items:center;
        justify-content:space-between;
        padding:0.5rem 1rem;
    }
}
#header .menu-item-first>a:before{
    content:"";
    display:none;
    position:absolute;
    width:94%;
    height:6px;
    border-radius:5rem;
    background-color:#9da4ae;
    bottom:-1px;
    right:3%;
    left:3%;
    margin:0 auto;
}
#header .menu-item-first>a.show::before{
    background-color:#1f2a37;
}
#header .menu-item-first>a.show::before,#header .menu-item-first>a:hover::before{
    display:block;
}
#header .menu-item-first>a.show{
    background-color:#e5e7eb;
}
#header .menu-item-first>a:hover{
    background-color:#f3f4f6;
}
#header .menu-item-first.menu-item--expanded{
    position:static;
}
#header .menu-item-first.menu-item--expanded.menu-level-0.menu-count-2>.dropdown-menu>.menu>li:last-child{
    width:100%;
    display:flex;
    justify-content:flex-end;
}
#header .menu-item-first.menu-item--expanded.menu-level-0.menu-count-2>.dropdown-menu>.menu>li:last-child a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:0.5rem;
    height:40px;
    border-radius:0.25rem;
    padding:15px;
    color:var(--bs-white);
    line-height:1.5rem;
    background:var(--bs-primary);
    font-size:1rem;
    font-weight:500;
    transition:all 0.5s ease;
}
#header .menu-item-first.menu-item--expanded.menu-level-0.menu-count-2>.dropdown-menu>.menu>li:last-child a::after{
    font-family:ds;
    content:"\eb1b" !important;
    color:var(--bs-white);
    font-weight:500;
    width:1rem;
    height:1rem;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:all 0.5s ease;
}
[dir="ltr"] #header .menu-item-first.menu-item--expanded.menu-level-0.menu-count-2>.dropdown-menu>.menu>li:last-child a::after{
    content:"\eb1a" !important;
}
#header .menu-item-first.menu-item--expanded.menu-level-0.menu-count-2>.dropdown-menu>.menu>li:last-child a:hover{
    color:var(--bs-white);
    background:var(--bs-primary-dark);
}
#header .menu-item-first.menu-item--expanded.menu-level-0.menu-count-2>.dropdown-menu>.menu>li:last-child a::before{
    display:none;
}
#header .menu-item-first.menu-item--expanded>.dropdown-menu{
    width:100%;
    border-radius:0;
    border:0;
    margin-top:1px;
    --bs-dropdown-padding-y:1.5rem;
}
@media (max-width:991.98px){
    #header .menu-item-first.menu-item--expanded>.dropdown-menu{
        position:static;
        padding:0;
        height:auto;
        max-height:initial;
    }
}
#header .menu-item-first.menu-item--expanded>.dropdown-menu>.menu>li{
    display:inline-block;
    vertical-align:top;
    margin-inline-end:1rem;
    width:calc(100% / 4 - 1.5rem);
}
#header .menu-item-first.menu-item--expanded.menu-count-2>.dropdown-menu>.menu>li{
    width:calc(100% / 5 - 1.5rem);
}
@media (max-width:1200px){
    #header .menu-item-first.menu-item--expanded.menu-count-2>.dropdown-menu>.menu>li{
        width:calc(100% / 4 - 1.5rem);
    }
}
@media (max-width:991.98px){
    #header .menu-item-first.menu-item--expanded>.dropdown-menu>.menu>li,#header .menu-item-first.menu-item--expanded.menu-count-3>.dropdown-menu>.menu>li{
        margin:0;
        width:100%;
    }
}
#header .menu-item-first.menu-item--expanded>.dropdown-menu>.menu>li>span{
    font-weight:700;
    font-size:1.25rem;
    color:var(--bs-primary);
    line-height:1.75rem;
    display:block;
    cursor:default;
}
#header .menu-item-first.menu-item--expanded.menu-level-0.menu-count-1>.dropdown-menu>.menu>li>span{
    display:none;
}
#header #block-balady-account-menu .block-content ul li{
    list-style:none;
    display:inline-block;
    margin:0 4px;
}
#header #block-balady-account-menu .block-content ul li a{
    color:#fff !important;
}
.inverted#header #block-balady-account-menu .block-content ul li a{
    color:#10615f;
}
@media (min-width:992px){
    #header .menu-item-first>a{
        display:flex;
        flex-direction:row;
        align-items:center;
        padding:0 0.719rem;
        border-radius:0.35rem 0.35rem 0 0;
        height:71px;
    }
    #header .dropdown-toggle::after{
        margin-top:5px;
        border:0 !important;
        font-family:ds;
        content:"\eb1c" !important;
        font-size:16px;
        color:var(--bs-dark);
        font-weight:400;
    }
    .inverted#header .dropdown-toggle.show::after{
        color:var(--bs-primary);
    }
}
#header .menu-item-first.menu-count-5 .dropdown-menu .menu-item a,#header .menu-item-first.menu-count-6 .dropdown-menu .menu-item a{
    font-weight:400;
    font-size:1.25rem;
    color:var(--bs-link-color);
    line-height:1.5;
    display:block;
    cursor:pointer;
}
#header .menu-item-first.menu-count-5 .dropdown-menu .menu-item a::before,#header .menu-item-first.menu-count-6 .dropdown-menu .menu-item a::before{
    content:"\eabb";
    font-family:ds;
    margin-inline-end:5px;
    margin-top:5px;
    font-size:1rem;
    transform:rotate(45deg);
}
#header .menu-item-first.menu-item--expanded.menu-level-0.menu-count-5>.dropdown-menu,#header .menu-item-first.menu-item--expanded.menu-level-0.menu-count-6>.dropdown-menu{
    min-height:150px;
    padding-left:42px;
}
#header #navbarSupportedContent .block-content .menu-level-1.menu-count-2.menu-item--expanded>a{
    font-weight:700;
    font-size:1.25rem;
    color:var(--bs-primary-darken);
    line-height:1.5;
    display:block;
}
#header #navbarSupportedContent .block-content .menu-level-1.menu-count-2.menu-item--expanded>a::after{
    content:"\eabb";
    font-family:ds;
    color:#10615f;
    speak:never;
    font-size:14px;
    margin-right:5px;
    vertical-align:sub;
    font-style:normal;
    font-weight:400;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}
#header .menu-item-first.menu-item--expanded>.dropdown-menu>.menu>li>.menu li{
    font-size:1rem;
    font-weight:500;
    color:var(--bs-primary);
    padding:0.5rem 0;
    line-height:1.5rem;
    transition:.2s all linear;
}
#header .menu-item-first.menu-item--expanded>.dropdown-menu>.menu>li>.menu li a,#header .menu-item-first.menu-item--expanded>.dropdown-menu>.menu>li>a{
    transition:.2s all linear;
    color:var(--bs-black);
}
#header .menu-item-first.menu-item--expanded>.dropdown-menu>.menu>li>.menu li a:hover,#header .menu-item-first.menu-item--expanded>.dropdown-menu>.menu>li>a:hover{
    color:#1F2A37;
    border-radius:0.5rem;
    background:#F3F4F6;
    padding:0.5rem;
    text-decoration:underline !important;
}
#header .menu-item-first.menu-count-5 .dropdown-menu .menu-item a,#header .menu-item-first.menu-count-6 .dropdown-menu .menu-item a{
    margin-bottom:0px !important;
    padding:10px 5px;
    display:flex;
    align-items:center;
    transition:.2s all linear;
}
#header .menu-item-first.menu-count-5 .dropdown-menu .menu-item:hover a,#header .menu-item-first.menu-count-6 .dropdown-menu .menu-item:hover a{
    color:var(--bs-primary);
    margin-right:2px;
}
[dir="ltr"] #header .menu-item-first.menu-count-5 .dropdown-menu .menu-item:hover a,[dir="ltr"] #header .menu-item-first.menu-count-6 .dropdown-menu .menu-item:hover a{
    margin-right:0px;
    margin-left:2px;
}
#header #navbarSupportedContent .block-content .menu-level-1.menu-count-2.menu-item--expanded>a::before{
    display:none;
}
@media print{
    .user-logged-in #header{
        display:none !important;
    }
}
@media (max-width:991.98px){
    #header.inverted{
        position:fixed;
    }
    #header.inverted #navbarSupportedContent{
        max-height:calc(100vh - 20rem);
        overflow-y:auto;
    }
}
#header .header-left .region.region-header-left{
    display:flex !important;
    align-items:center;
    justify-content:flex-end;
    flex-wrap:wrap;
}
#header .header-left .region-header-left li{
    list-style:none;
    display:block;
}
#header .header-left .region-header-left a:not(.balady-app,.btn-adv-search,.btn-sug),#header .header-left .region-header-left .btn:not(.balady-app,.btn-adv-search,.btn-sug){
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    position:relative;
    color:var(--bs-dark) !important;
    font-size:1rem;
    border:0 !important;
    border-radius:0.35rem 0.35rem 0 0;
    padding:0 0.719rem;
    height:71px;
}
#header .header-left .region-header-left .balady-app{
    margin-inline-end:0.719rem;
}
#header .header-left svg.ext{
    display:none;
}
@media (max-width:991.98px){
    #header .header-left .region.region-header-left{
        align-items:flex-end;
        justify-content:space-between;
        background:transparent;
        padding:0.5rem 1rem;
        border-radius:4px;
        gap:1rem 0.719rem;
    }
    #header .header-left .region-header-left a:not(.balady-app,.btn-adv-search,.btn-sug),#header .header-left .region-header-left .btn:not(.balady-app,.btn-adv-search,.btn-sug){
        height:auto;
        padding:0;
    }
    #header .header-left .region-header-left .btn.balady-app{
        width:100%;
        flex:0 0 100%;
    }
}
#header .header-left .region-header-left a i,#header .header-left .region-header-left .btn i{
    color:var(--bs-dark);
    font-size:1.25rem;
    margin-inline-end:0.25rem;
}
#header .header-left .region-header-left a:not(.balady-app,.btn-adv-search,.btn-sug):hover,#header .header-left .region-header-left .btn:not(.balady-app,.btn-adv-search,.btn-sug):hover{
    background-color:#f3f4f6;
}
#header .header-left .region-header-left a:not(.balady-app,.btn-adv-search,.btn-sug)::after,#header .header-left .region-header-left .btn:not(.balady-app,.btn-adv-search,.btn-sug)::after{
    content:"";
    display:none;
    position:absolute;
    width:94%;
    height:6px;
    border-radius:5rem;
    background-color:#9da4ae;
    bottom:-1px;
    right:3%;
    left:3%;
    margin:0 auto;
}
#header .header-left .region-header-left a:not(.balady-app,.btn-adv-search,.btn-sug):hover::after,#header .header-left .region-header-left .btn:not(.balady-app,.btn-adv-search,.btn-sug):hover::after{
    display:block;
}
[dir="ltr"] #header .languageswitcher .en{
    display:none;
}
[dir="rtl"] #header .languageswitcher .ar{
    display:none;
}
#header .languageswitcher ul li a.language-link::before{
    content:"";
    width:22px;
    height:22px;
    margin-inline-end:0.25rem;
    background:url(/themes/custom/balady_new/images/icons/icon-language.svg) no-repeat center;
}
#header .header-left .region-header-left .user-login-sso .dashboard::before{
    content:"";
    width:22px;
    height:22px;
    margin-inline-end:0.25rem;
    background:url(/themes/custom/balady_new/images/icons/icon-dashboard.svg) no-repeat center;
}


@media (min-width: 992.1px) {
    .items .slick-slide > div {
        width: 290px; 
    }     

    .carousal-all .slick-slide > div {
        width: 304px; 
    }     
}



.modal.modal-search{
    top:5.35rem;
    right:5px;
}
.modal.modal-search .modal-dialog{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    width:100%;
    max-width:100%;
    min-height:18.25rem !important;
    box-shadow:0px 12px 16px -4px rgba(16,24,40,0.08),0px 4px 6px -2px rgba(16,24,40,0.03);
    margin-right:0;
    margin-left:0;
}
.modal.modal-search .modal-content{
    border:0;
    border-radius:0 0 1rem 1rem;
    padding:0 5rem;
    background:#FFF;
}
@media (max-width:991.8px){
    .modal.modal-search .modal-content{
        padding:0 1rem;
    }
    .modal.modal-search{
        top:0.85rem;
        right:0;
    }
}
@media (max-width:576px){
    .modal.modal-search .modal-content{
        padding:0;
    }
    .modal-dialog{
        margin:0;
    }
    .modal.modal-search{
        top:1.75rem;
    }
}
.modal.modal-search .modal-header{
    justify-content:flex-end;
    border:0;
}
.modal.modal-search .modal-header .btn-close{
    opacity:1;
}
.modal.modal-search .modal-header .btn-close:hover{
    border-radius:0.25rem;
    background-color:#F3F4F6;
}
.modal-search-content{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
    align-self:stretch;
    padding:2rem 0rem;
    gap:2.5rem;
}
.modal.modal-search .view-filters .search-sort,.modal.modal-search .view-filters .search-popup{
    display:none;
}
.modal.modal-search .view-filters,.modal.modal-search .view-filters .search-box{
    width:100%;
    margin:0;
}
.modal.modal-search .search-api-form{
    display:flex;
    align-items:flex-start;
    gap:1rem;
    align-self:stretch;
}
.modal.modal-search .search-api-form{
    display:flex;
    align-items:flex-start;
    gap:1rem;
    align-self:stretch;
}
.modal.modal-search .views-element-container{
    flex:1 0 0;
}
.suggestions-content{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
    gap:1rem;
}
.modal.modal-search .text-suggestions{
    color:var(--bs-primary);
    font-size:1.125rem;
    font-weight:600;
    line-height:1.75rem;
}
.modal.modal-search .btn-sug{
    display:flex;
    align-items:center;
    gap:0.5rem;
}


.modal.modal-search .search-api-form .custom-exposed-form input[type="submit"] {
    background-color: var(--bs-primary);
    border: 1px solid var(--bs-primary);
    color: var(--bs-white);
    font-size: 1rem;
    border-radius: 0.25rem;
    padding: 0.375rem 0.75rem;
}


.modal.modal-search .view-filters .search-sort, .modal.modal-search .view-filters .search-popup, .modal.modal-search .search-api-form .custom-exposed-form .form-item label {
    display: none;
}

.modal.modal-search .search-api-form .custom-exposed-form {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    align-self: stretch;
}

.modal.modal-search .search-api-form .custom-exposed-form input[type="submit"]:hover {
    background-color: var(--bs-primary-dark);
    border: 1px solid var(--bs-primary-dark);
}


.headerLeft button {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    position: relative;
    color: var(--bs-dark) !important;
    font-size: 1rem;
    border: 0 !important;
    border-radius: 0.35rem 0.35rem 0 0;
    padding: 0 0.719rem;
    height: 71px;
    font-weight: bold;
}


.headerLeft button:hover {
    background-color: #f3f4f6;
}


.headerLeft button::after{
    content: "";
    display: none;
    position: absolute;
    width: 94%;
    height: 6px;
    border-radius: 5rem;
    background-color: #9da4ae;
    bottom: -1px;
    right: 3%;
    left: 3%;
    margin: 0 auto;
}

.headerLeft button:hover::after{
    display: block;
}

.headerSearch {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    position: relative;
    color: var(--bs-dark) !important;
    font-size: 1rem;
    border: 0 !important;
    border-radius: 0.35rem 0.35rem 0 0;
    padding: 0 0.719rem;
    height: 71px;
}

.headerSearch::before {
    content: "";
    width: 22px;
    height: 22px;
    margin-inline-end: 0.25rem;
    background: url('../images/icons/icon-search.svg') no-repeat center;
}


.table-striped>tbody>tr:nth-of-type(odd)>* {
    --bs-table-accent-bg: #f9fafb !important;
}


.external-link{
    color: #1B8354;
    padding-left: 1.5rem;
    position: relative;
}

.external-link::after {
    content:"";
    background: url('../images/icons/external-link.svg');
    position: absolute;
    left: 0;
    top: 4px;
    width: 18px;
    height: 18px;
}

.border-info-75 {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-info-rgb), 0.7) !important;
}



.bg-info-10 {
    background-color: rgba(var(--bs-info-rgb), 0.1) !important;
}


.bg-info-05 {
    background-color: rgba(var(--bs-info-rgb), 0.05) !important;
}




.fc .fc-button-primary {
    background: transparent !important;
    border: 0 !important;
    color: #161616;
}
.fc-scrollgrid-sync-table th ,  .fc-theme-standard th .fc-scrollgrid-sync-inner {
    padding: 1rem !important;
    background-color: #f9fafb !important;
    text-align: right;
    font-weight: bold;
}
  .fc-theme-standard th .fc-scrollgrid-sync-inner a {
    color: #384250;
}

.fc-scrollgrid-sync-table>tbody>tr:nth-of-type(odd)>* {
    background-color: #fff !important;
}

.fc-scrollgrid-sync-table>thead , .fc-scrollgrid-sync-table>tbody>tr:nth-of-type(even)>* {
    background-color: #f9fafb !important;
}

.fc-theme-standard td, .fc-theme-standard th {
    border: 1px solid #D2D6DB;
}

.fc .fc-daygrid-day-top {
    display: flex;
    flex-direction: row;
}

.fc .fc-daygrid-day-top a {
    color: #384250;
    font-size: 1rem;
}

.fc .fc-toolbar.fc-header-toolbar {
    direction: ltr;
    position: relative;
}

.fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk:first-child {
    position: absolute;
    right: 4rem;
}

.fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk:last-child {
    direction: rtl;
    width: 210px;
}

.fc-toolbar-chunk:last-child .fc-button-group {
    justify-content: space-between !important;
    width: 220px;

}

.fc-toolbar-chunk:last-child .fc-button-group > .fc-button {
    flex: unset;
}

.fc-today-button {
    display: none !important;
}

.btn-default {
    background-color: #F3F4F6;
}

.min-height-700 {
    min-height: 1400px;
}






/* Dashboard */


/* Layout */
.page-wrapper {
  margin-right: 260px; /* space for side nav on desktop */
}

/* Toggle button (mobile only) */
.sidebar-toggle {
  position: fixed;
  top: 4.3rem;
  left: 1rem;
  z-index: 150;
  border-radius: 30px;
  padding-inline: 1.1rem;
  padding-block: 0.45rem;
  font-size: 0.9rem;
  display: none; /* hidden on desktop */
  min-width: auto !important;
}

[dir="ltr"] .sidebar-toggle {
  right: 1rem;
  left: auto;

}

.hero-section {
  min-height: 100vh;
  display: flex;
  /* align-items: center; */
  position: relative;
  overflow: hidden;
}



.hero-illustration {
  min-height: 320px;
  background:
    linear-gradient(145deg, #e6f6ef, #ffffff);
  border-radius: 2rem;
  box-shadow: 0 24px 60px rgba(15, 118, 110, 0.20);
  position: relative;
  overflow: hidden;
}

.hero-illustration::before,
.hero-illustration::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  filter: blur(0);
}

.hero-illustration::before {
  width: 140px;
  height: 140px;
  background: #0f766e;
  top: 10%;
  left: 20%;
  opacity: 0.9;
}

.hero-illustration::after {
  width: 260px;
  height: 260px;
  background: #22c55e;
  bottom: -10%;
  right: -10%;
  opacity: 0.6;
}

.hero-content h1 {
  font-weight: 700;
  font-size: 2.5rem;
  line-height: 1.4;
}

.hero-content p.lead {
  color: #6b7280;
  max-width: 26rem;
}

.btn-pill {
  border-radius: 9999px;
  padding-inline: 1.5rem;
  padding-block: 0.6rem;
  font-weight: 500;
}

.btn-main {
  background-color: #0f766e;
  border-color: #0f766e;
}

.btn-main:hover {
  background-color: #115e59;
  border-color: #115e59;
}

.btn-outline-main {
  color: #0f766e;
  border-color: #0f766e;
}

.btn-outline-main:hover {
  color: #fff;
  background-color: #0f766e;
  border-color: #0f766e;
}

/* Cards section */
.ds-card {
  background-color: #ffffff;
  border-radius: 1.5rem;
  box-shadow: 0 20px 45px rgba(15, 23, 42, 0.08);
  padding: 2rem;
  height: 100%;
}

.ds-card h3 {
  font-weight: 700;
  margin-bottom: 0.75rem;
}

.ds-card p {
  color: #6b7280;
  margin-bottom: 1.5rem;
}

/* Side navigation */


.side-nav {
  position: fixed;
  inset-block: 0;
  right: 0;
  width: 260px;
  background-color: #ffffff;
  border-left: 1px solid #e5e7eb;
  padding: 1.5rem 1.25rem;
  z-index: 1000000;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;

}

.side-nav-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
}

.side-nav-logo {
  display: flex;
  align-items: center;
  gap: .5rem;
  font-size: .85rem;
  font-weight: 600;
  color: #4b5563;
}

.side-nav-logo-badge {
  width: 32px;
  height: 32px;
  border-radius: 9999px;
  background: #0f766e;
}

.version-badge {
  font-size: .75rem;
  color: #9ca3af;
}

.side-nav-menu {
  font-size: .9rem;
}

.side-nav-item {
  border-radius: 0;
  padding: .5rem 0;
  display: flex;
  align-items: center;
  /* justify-content: space-between; */
  gap: .3rem;
  color: #374151;
  text-decoration: none;
  margin-bottom: .25rem;
    font-size: 16px;
    font-weight: 500;
}

.side-nav-item:hover {
  background-color: #f3f4f6;
}

.side-nav-item.active {
  background-color: #0f766e;
  color: #ffffff;
}

.side-nav-item span.icon {
  font-size: .9rem;
  opacity: .7;
}


.is-ltr .side-nav {
  left: 0; 
    right:auto;
}

.is-ltr .page-wrapper {
    margin-left: 260px;
    margin-right:auto
}

.lang-switch {
  margin-top: auto;
  display: flex;
  justify-content: flex-start;
}

.lang-switch button {
  border-radius: 9999px;
  font-size: .8rem;
  padding-inline: .9rem;
  padding-block: .4rem;
}


.side-nav ul.nav .nav-link {
    border-bottom:solid 1px #dee2e6 !important ;

}

.side-nav ul.nav .nav-link.active, .side-nav ul.nav .nav-link:hover, .side-nav  ul.nav .nav-link:focus {
    background-color:#f3f4f6 !important;
    border-bottom:solid 1px #ccc !important;
}

.side-nav ul.nav ul {
    
}
.side-nav ul.nav ul li a {
    display:block;
    padding: 5px 8px;
    font-size: var(--bs-nav-link-font-size);
    font-weight: var(--bs-nav-link-font-weight);
    color: #1D1D1F;
    text-decoration: none;
    transition: color 0.15s 
        ease-in-out, background-color 0.15s 
        ease-in-out, border-color 0.15s 
        ease-in-out;
    border-bottom:solid 1px #ccc !important;

}

.side-nav ul.nav ul li a:hover {
    background-color:#f3f4f6 !important;
    border-bottom:solid 1px #ccc !important;

}


.bigTitle {
    font-size:2rem;
    margin-bottom:1rem;
}

.fs-small {
    font-size:0.8rem;
    font-weight:normal;
}



.ui-widget {
    font-family:"IBM Plex Sans Arabic"
}

.ui-state-default {
    font-size: 1rem;
}

.ui-datatable-tablewrapper {
    border-radius: 10px;
    border-bottom: solid 1px #D2D6DB;
    width:100%

}

table {
    --bs-table-color: var(--bs-body-color);
    --bs-table-bg: transparent;
    --bs-table-border-color: var(--bs-border-color);
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: var(--bs-body-color);
    --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
    --bs-table-active-color: var(--bs-body-color);
    --bs-table-active-bg: rgba(0, 0, 0, 0.1);
    --bs-table-hover-color: var(--bs-body-color);
    --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
    width: 100%;
    margin-bottom: 1rem;
    color: var(--bs-table-color);
    vertical-align: top;
    border-color: var(--bs-table-border-color);
    border-radius: var(--bs-border-radius) !important;
}




.ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td, .ui-datatable tfoot th {
    line-height: 1.125rem !important;
    padding: 1rem .5rem;
    border: solid 1px #D2D6DB;;
    border-bottom: solid 1px #D2D6DB;
    
    color: var(--color-neutral-8);
    font-weight: var(--font-semi-bold);
    height: 48px;

    

}


 
 

 
 
 .ui-button-style {
    background: var(--bs-primary) !important;
    color: #fff !important;
    text-align: center !important;
    border: none !important;
    font-size: 1rem !important;
    box-shadow: none !important;
    text-shadow: none !important;
}


.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
        font-family:"IBM Plex Sans Arabic"

}

.cke_chrome {
        background-color: #fff !important;
    border: solid 1px #ced4da !important;

}

.cke_bottom 
{
            background-color: transparent !important;

}


.ui-formInputField , .ui-corsno-label , input.ui-autocomplete-input , input.ui-readonly-label ,.ui-inputfield, .ui-widget-content .ui-inputfield , .ui-paginator .ui-paginator-rpp-options {
    background-color: #fff !important;
    border: solid 1px #ced4da !important;
    border-radius: 4px !important;
    color: #272b30 !important;
    font-size: var(--font-size-s) !important;
    -webkit-transition: all 180ms 
linear;
    -o-transition: all 180ms linear;
    transition: all 180ms 
linear;
    padding: .375rem .75rem !important;
    height: 44px !important;
    width:100% !important;
}

input.ui-readonly-label {
    background-color: #f3f4f6 !important;

}
.ui-selectonemenu label.ui-selectonemenu-label  {
    background-color: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: #272b30 !important;
    font-size: 1rem !important;
    padding: 0.05rem .75rem !important;
}

.ui-selectonemenu {
    background:transparent !important;
}


.ui-selectonemenu-custom {
    background-color: transparent !important;
    padding: 0;
    box-shadow: none;
    
        padding: .375rem .75rem !important;
    height: 44px !important;
        background-color: #fff !important;
    border: solid 1px #ced4da !important;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
        box-shadow: none !important;

}


.ui-selectonemenu .ui-selectonemenu-trigger {
    padding: 0 10px;
    background-color: transparent;
    border: 0;
}


.ui-selectonemenu :hover {
    background-image: url(../images/downArrow.png) !important;
}

.ui-selectonemenu-panel-custom .ui-state-highlight , .ui-selectonemenu-panel-custom li.ui-state-hover {
    background-color: var(--bs-primary) !important;
}

main .ui-widget-content {
    background-color: transparent;
}


.ui-accordion {
    background:#fff !important;
}

.ui-accordion .ui-accordion-header {
    padding: 12px 16px;
    background-color:#fff;
    color:#161616 !important;
    width:100% !important;
    position:relative;
    font-family:"IBM Plex Sans Arabic" !important;
    font-size:24px  !important;
    height: 52px   !important;
    line-height:50px   !important;
    font-weight: 600 !important;
    padding: 0 15px 11px !important;
    background-image: none !important;
}

.ui-accordion .ui-accordion-header:hover {
    background-color:#f3f4f6;
    background-image:none;
}





.ui-accordion .ui-accordion-header::before {
    content:"";
    width:calc(100% - 1rem );
    height:1px;
    background:#d2d6db;
    position:absolute;
    right:0.5rem;
    top: -1px;
}

.ui-tabs.ui-tabs-top > .ui-tabs-nav li {
    position:relative;
    background:transparent !important;
    padding: 0 !important;
}

.ui-tabs.ui-tabs-top > .ui-tabs-nav li::after {
    position:absolute;
    content:"":
    position:absolute;
    width:40px;
    height:40px;
    border-radius:50%;
    background:var(--bs-primary)
}   

.ui-tabs .ui-tabs-nav .ui-tabs-selected {
    background-image: none;
    background-position: left center;
    background-repeat: no-repeat;
    background-color: var(--bs-primary) !important;
    border-bottom: medium none;
    box-shadow: none;
    color: #ffffff !important;
}


.ui-tabs .ui-tabs-nav li a {
    padding: 0 1.5rem;
}

.ui-tabs .ui-tabs-nav li a:hover {
        background-image: none  !important;
    background-color: var(--bs-primary) !important;
    color:#fff !important;
}




.ui-paginator-top , .ui-paginator-bottom {
    width:100%;
    height:auto;
}

.ui-paginator-top .ui-icon , .ui-paginator-bottom  .ui-icon{
    line-height:1.2
}


.ui-datatable-header  thead th,.ui-datatable-header  tbody td,.ui-datatable-header  tfoot td, .ui-datatable-header  tfoot th {
    border:0 !important;
}


.table-bordered>:not(caption)>*>* {
        border-width:0 !important;

}


.ui-paginator-jtp {
    font-family:"IBM Plex Sans Arabic" !important;
}

.ui-label-custom {
    font-size:1rem
}


.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 4px;
    height: 44px;
        color: #212529;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: left .75rem center;
    background-size: 16px 12px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 42px;
}


.select2-container--default .select2-selection--single .select2-selection__arrow b {
    position:relative;
    border-width:0;
    display:none;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    position:absolute;
    left:0;
}




/* */
.ui-paginator {
    padding:1rem !important; 
    background:var(--bs-light) !important;
    border:solid 1px var(--bs-gray-300) !important;
}

.ui-paginator-current {
    background:var(--bs-light) !important;
    border:solid 1px var(--bs-gray-300) !important;

}

.ui-paginator .ui-paginator-jtp ,.ui-paginator .ui-paginator-current {
    font-size:1rem !important;
    margin-inline:10px
}



.ui-paginator .ui-paginator-rpp-options , .ui-widget select  {
    background-color: #fff !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    border: solid 1px #ced4da !important;
    border-radius: 4px !important;
    color: #272b30 !important;
    font-size: var(--font-size-s) !important;
    -webkit-transition: all 180ms linear;
    -o-transition: all 180ms linear;
    transition: all 180ms linear;
    padding: .375rem .75rem !important;
    height: 44px !important;
    min-width:100px;
    background-position: left .75rem center !important;
    background-size: 16px 12px !important;
    
      -webkit-appearance: none; /* Safari & Chrome */
  -moz-appearance: none;    /* Firefox */
  appearance: none;         /* Standard */
  background-image: none;   /* Extra safety */



    }
    
    .ui-datatable .ui-widget select ,.ui-datatable .ui-paginator .ui-paginator-rpp-options {
    width:auto !important;

    }


.ui-widget select:hover, .ui-widget select.active, .ui-widget select:hover, .ui-widget select.active {
    border-color: var(--bs-gray-950) !important;
}

.ui-widget select:focus, .ui-widget select:focus {
    box-shadow: none;
    border-bottom-color: var(--bs-gray-950) !important;
    border-bottom-width: 0.125rem !important;
}

.ui-paginator-current {
    font-family:"IBM Plex Sans Arabic" !important;
}

.ui-paginator-next ,.ui-paginator-last ,.ui-paginator-prev ,.ui-paginator-next {
    padding:0 !important;
    width:24px;
    height:24px;
    background-position:center;
}


.ui-icon-seek-first {
    background:url('../images/firstPaging.png') no-repeat center !important;
}


.ui-icon-seek-end {
    background:url('../images/lastPaging.png') no-repeat center !important;
}

.ui-icon-seek-prev {
    background:url('../images/prevPage.png') no-repeat center !important;
}


.ui-icon-seek-next {
    background:url('../images/nextPaging.png') no-repeat center !important;
}

.ui-selectonemenu .ui-selectonemenu-trigger , .ui-selectonemenu-custom .ui-state-hover  {
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e) !important;    background-color: transparent !important;
    border: 0 !important;
    background-size: 16px !important;
    background-repeat: no-repeat !important;
    padding: 21px 13px !important;
}

.ui-selectonemenu-custom .ui-state-hover {
    background:none !important;
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e) !important;
}


.ui-selectonemenu-trigger {
    background:url(../images/downArrow.png) !important;

}

.ui-autocomplete-panel .ui-state-highlight {
    background:var(--bs-light) !important;
    color:var(--bs-dark) !important;
}



.ui-dialog .ui-dialog-titlebar {
    padding: 0.8em .4em .4em 1em; 
}

.ui-dialog {
    border:solid 1px var(--bs-light);
    border-radius:10px;
}

.ui-dialog .ui-widget-header, .ui-dialog .ui-dialog-content {
    background-color:var(--bs-light) !important;
    color: var(--bs-dark);
    font-size:1.2rem
}

.ui-dialog .ui-icon-closethick {
    background: transparent !important;
    border-radius: 0px !important;
    border: 0 none !important;
    background-image: url('../images/close.png') !important;
    width: 24px;
    height: 24px;
}

.ui-dialog .ui-dialog-titlebar-close {
    background: transparent !important;
}

.ui-datatable tr.ui-state-highlight {
    background: var(--bs-gray-500) !important;
    color: var(--bs-gray) !important;
    font-weight: bold !important;
    text-shadow: none !important;
}


.ui-accordion.ui-accordion-rtl .ui-accordion-header .ui-icon {
    left: 10px;
    background-image: url(../images/downArrow.png) !important;
    width: 24px;
    height: 24px;
    z-index: 99999;
    background-position: center !important;
}

.ui-accordion .ui-accordion-content {
    margin-bottom:1rem !important;
    padding:1.5rem 1rem !important;
}


.ui-datatable-even , .ui-datatable-odd {
    font-family:"IBM Plex Sans Arabic" !important;
}



 .selectWrappar .form-select {
    border: 1px solid #D6D9E0 !important;
    border-radius: 6px !important;
    padding: 0.5rem 0.75rem 0.6rem !important;
    color: #808080 !important;
    font-weight: 400 !important;
    min-height: 46px;
}

.selectWrappar  .ui-selectonemenu-trigger {
    left: 10px !important;
    top: 15px !important;
}

.ui-picklist-list-wrapper {
    position:relative;
}

.ui-pickList-custom .ui-picklist-list {
    background:transparent !important;
    border:solid 1px var(--bs-border-color)  !important;
    border-radius:10px;
}

.ui-picklist-filter-container {
    position:absolute !important;
    top: 10px!important;
    left: 20px!important;
    right: 12px !important;
}

.ui-pickList-permissions .ui-picklist-source {
    height:246px !important;
    padding-top: 4rem;
    width:25%;
}
@media screen and (max-width: 480px) {
    .ui-pickList-permissions .ui-picklist-source {
        width:100%;
    }
}

.ui-icon-search {
       left: 10px;
       background-image: url(../images/downArrow.png) !important;
       width: 24px;
       height: 24px;
       z-index: 99999;
       background-position: center !important;
       top: 10px !important;
}


.ui-picklist-list .ui-state-hover , .ui-pickList-custom .ui-state-highlight{
    background: none repeat scroll 0 0 var(--bs-primary) !important;
    color: #ffffff !important;
    font-weight: bold !important;
}

/* Make PrimeFaces dialog look like Bootstrap card/modal */
.bs-dialog.ui-dialog .ui-dialog-titlebar {
    background: #f8f9fa;
    border-bottom: 1px solid #dee2e6;
    padding: .75rem 1rem;
}

.bs-dialog.ui-dialog .ui-dialog-content {
    padding: 0 !important; /* we control padding using Bootstrap classes */
}

.bs-dialog.ui-dialog {
    border: 1px solid #dee2e6;
    border-radius: .5rem;
    overflow: hidden;
}

/* Optional: make the close icon spacing consistent (even if closable=false) */
.bs-dialog.ui-dialog .ui-dialog-titlebar .ui-dialog-title {
    font-weight: 600;
}

/* PF 5.3: keep dialog within viewport */
.bs-dialog.ui-dialog {
  max-width: calc(100vw - 24px) !important;
  max-height: calc(100vh - 24px) !important;
}

/* allow scrolling if content is taller than viewport */
.bs-dialog.ui-dialog .ui-dialog-content {
  overflow: auto !important;
  max-height: calc(100vh - 140px); /* header + footer space */
}


.form-control, .form-select {
    border: 1px solid #D6D9E0 !important;
    border-radius: 6px !important;
    padding: 0.5rem 0.75rem 0.6rem !important;
    color: #808080 !important;
    font-weight: 400 !important;
}


/* form radio */

.d-flex > label {
    display: flex;
    align-items: center;
    gap: .5rem;
    cursor: pointer;
}

.d-flex > label > input[type="radio"] {
    margin-top: 0;
}


#cookieNotice.display-right {
    right: 2px;
    bottom: 2px;
    left: 2px;
    max-width: auto;
    border:solid 1px #000;
}

#cookieNotice h4 {
    font-size: 2.25rem;
    line-height: 2.75rem;
    letter-spacing: -0.02em;
    font-weight: 500;
    color: #000;
}

#cookieNotice.light p, #cookieNotice.light ul {
    color:#000;
    font-size: 1rem;
    line-height: 1.5em;
    font-weight:500
}

#cookieNotice a {
    color:var(--bs-link-color) !important;
}





.calendar {
    position: relative;
    border: 2px solid;
    border-color: var(--bs-primary) !important;
    width: 320px !important;
    font-family: 'IBM Plex Sans Arabic' !important;
}

.calendar thead .headrow , .calendar thead .title ,.calendar .button  , .calendar tbody td.active , .calendar tbody td.selected{
    background: var(--bs-primary) !important;
    background-color: var(--bs-primary) !important;
}

.calendar .nav {
    display: revert-layer !important;
}


.calendar thead .name {
    font-family: 'IBM Plex Sans Arabic' !important;
        font-size: 15px;
        

}

.calpprev {
    background: #fff url(../images/remove.png) no-repeat center !important;
}


.calprev {
    background: #fff url(../images/prevPage.png) no-repeat center !important;

}

.calnnext {
    background: #fff url(../images/add.png) no-repeat center !important;

}

.calnext {
    background: #fff url(../images/nextPaging.png) no-repeat center !important;

}

.calendar .nav:nth-child(4) , .calendar .nav:nth-child(5) {
    text-align: left;
    direction: ltr;
}


.calendar tbody td.today {
    border-color: var(--bs-primary)  !important;
}


.calendar tbody .day {
     background-color: var(--bs-light) !important;
    border: solid 1px var(--bs-gray-400) !important;
        font-family: 'IBM Plex Sans Arabic' !important;
font-size: 0.7rem !important;
}

.calendar tbody td.today {
    color:var(--bs-primary)  !important;
            font-family: 'IBM Plex Sans Arabic' !important;
}


.calendar thead .title {
    font-family: 'IBM Plex Sans Arabic' !important;
    font-size:1rem;
}

.calendar table {
    margin-bottom: .2rem;
}

.select2-container{
    width: 100% !important;
}

.value-box {
    display: inline-block;
    min-width: 220px;
    padding: 6px 10px;
    border: 1px solid #ced4da;
    border-radius: 4px;
    background-color: #f8f9fa;
    font-size: 14px;
    line-height: 1.4;
    color: #212529;
}


.ui-corner-all.form-select {
    height:48px !important
}

.ui-corner-all.form-select .ui-selectonemenu-trigger {
    top: 15px;
    left: 10px !important;
}

/* Remove JSF table layout */
.bs-radio table,
.bs-radio tbody,
.bs-radio tr,
.bs-radio td {
    display: block;
}

/* Bootstrap 5 radio styling */
.bs-radio td {
    margin-bottom: .75rem;
}

.bs-radio input[type="radio"] {
    margin-inline-end: .5rem;
}

.bs-radio label {
    cursor: pointer;
}


.bs-radio input[type="radio"] {
    width: 1.25em;
    height: 1.25em;
    accent-color: var(--bs-primary);
}


input[type="radio"] {
    width: 1.25em;
    height: 1.25em;
    accent-color: var(--bs-primary);
}



input[type="radio"]:focus, input[type="checkbox"]:focus {
    box-shadow: none !important;
}

.ui-button.btn.btn-primary {
    background-image: none !important;
    border-radius: var(--bs-border-radius) !important;
    box-shadow: none !important;
    border: var(--bs-border-width) solid var(--bs-primary) !important;
}

.ui-button.btn-primary {
    background-color: var(--bs-primary) !important;
    color: #fff !important;
}

.ui-button.btn-primary:hover {
    background-color: var(--bs-primary-bg-subtle) !important;
}

.max-60 {
    width: 60px !important;
    max-width: 60px !important;
}



.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background:var(--bs-btn-bg);
    color: var(--bs-btn-color);
    text-shadow: none;
}

button.ui-state-default:hover, {
    background:var(--bs-primary) !important;
    color: var(--bs-btn-hover-color) !important;
    text-shadow: none !important;

}



.ui-tabs.ui-tabs-top .ui-tabs-nav li.ui-tabs-selected {
    background-color: transparent !important;
    border-bottom: solid 3px var(--bs-primary) !important;
    color: #161616 !important;
}

.ui-tabs.ui-tabs-top .ui-tabs-nav li.ui-tabs-selected a {
    color: #161616 !important;
    font-weight: 500;
}


.ui-tabs.ui-tabs-top .ui-tabs-nav li.ui-tabs-selected:hover {
    background: transparent !important;
}

.ui-tabs.ui-tabs-top .ui-tabs-nav li.ui-tabs-selected a:hover , .ui-tabs.ui-tabs-top .ui-tabs-nav li a:hover {
    background: transparent !important;
}


.ui-tabs.ui-tabs-top .ui-tabs-nav li:hover  {
    border-bottom: 3px solid rgb(209 213 219 / 1) !important;
    color: #384250 !important;
}

.ui-tabs.ui-tabs-top .ui-tabs-nav li:hover a {
    color: #384250 !important;

}

.ui-tabs.ui-tabs-top .ui-tabs-nav li a{
    padding: 10px 20px;
    font-weight: 400;
}

.formTab {
    height: auto !important;
}

.scan-buttons .ui-state-default .ui-icon {

}



.ui-rotated-label {
    display: flex !important;
    align-items: center !important;
}


.ui-rotated-label , .ui-background {
    background: var(--bs-primary);
}

.ui-selectmanymenu .ui-state-hover , .ui-selectmanymenu .ui-state-highlight {
    background: var(--bs-primary) !important;
}

.ui-background-40 {
	    width: 60px;
}

.ui-background-inner {
	-webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    width: 90px;
    height: 0px;
}

.ui-background-inner span {
	    -webkit-transform: unset;
    -moz-transform: unset;
    -ms-transform: unset;
    -o-transform: unset;
    filter: unset;
    width:unset;
}

/*.ui-state-default .ui-icon {
    background-image:url('../images/ui-icons.png') !important;
}*/


span.ui-scan-buttons {
    right: 3px !important;
}

body.imamu .btn-primary:hover, body.imamu .btn-primary.hover {
  color: rgba(var(--bs-primary));
  background: rgba(var(--bs-primary-rgb), 0.7) !important;
  border: solid 1px rgba(var(--bs-primary-rgb), 1);
}

.round-button-circle {
    height: 0;
    padding-bottom: 100%;
    border-radius: 50%;
    border: 5px solid var(--bs-secondary) !important;
    overflow: hidden;
    background: var(--bs-primary) !important;
    box-shadow: 0 0 3px var(--bs-secondary) !important;
}

.round-button a {
    font-family:"IBM Plex Sans Arabic" !important;
}

.value-box {
            display: block;
            width: 100%;
            padding: 6px 10px;
            border: 1px solid #ced4da;
            border-radius: 4px;
            background-color: #f8f9fa;
            font-size: 14px;
            line-height: 1.4;
            color: #212529;
        }
		

[dir="ltr"] .side-nav {
    left: 0;
    right: auto;
}


[dir="ltr"]  .page-wrapper {
    margin-left: 260px;
    margin-right: auto;
}

[dir="ltr"] .form-select {
    background-position: right .75rem center;
}



/* MOBILE: sidebar becomes offcanvas + toggle appears */
@media (max-width: 991.98px) {
  .page-wrapper {
    margin-right: 0;
  }



  /* show toggle button on mobile */
  .sidebar-toggle {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
  }

  /* side-nav as sliding panel */
  .side-nav {
    transform: translateX(100%);
    box-shadow: 0 0 30px rgba(15, 23, 42, 0.18);
    transition: transform 0.3s ease;
  }

  .side-nav.is-open {
    transform: translateX(0);
  }



    [dir="ltr"]  .page-wrapper {
        margin-left: 0;
        margin-right: auto;
    }




  [dir="ltr"] .side-nav {
    transform: translateX(-100%);
    box-shadow: 0 0 30px rgba(15, 23, 42, 0.18);
    transition: transform 0.3s ease;
  }

  [dir="ltr"] .side-nav.is-open {
    transform: translateX(0);
  }


    .side-nav  {
        overflow-y: scroll;
    }
}



[dir="ltr"] .ui-tabs-rtl {
    direction: ltr;
}


[dir="ltr"] .ui-accordion .ui-accordion-header .ui-icon {
    right: .5em;
    left:auto;
}


[dir="ltr"].ui-paginator .ui-paginator-rpp-options, [dir="ltr"] .ui-widget select {
    background-position: right .75rem center !important;
}



[dir="ltr"] .ui-tabs-rtl .ui-tabs-nav li, .ui-tabs-rtl .ui-tabs-nav li a {
    float: left
}


.ui-widget-content textarea.ui-inputfield {
    height: auto !important;
}



#inboxTableWrapper .ui-datatable thead th:last-child ,
#inboxTableWrapper .ui-datatable tr  td:last-child,
#inboxTableWrapper .ui-datatable thead th:first-child ,
#inboxTableWrapper .ui-datatable tr  td:first-child,
#inboxTableWrapper .ui-datatable thead th:nth-child(3) ,
#inboxTableWrapper .ui-datatable tr  td:nth-child(3),

#inboxTableWrapper .ui-datatable thead th:nth-child(10) ,
#inboxTableWrapper .ui-datatable tr  td:nth-child(10)

{
  width: 55px !important;
  text-align:center;
}

#inboxTableWrapper .ui-datatable thead th:nth-child(2) ,
#inboxTableWrapper .ui-datatable tr  td:nth-child(2) {
  width:60px;
  text-align:center;
}



#transTable .ui-datatable thead th:first-child ,
#transTable .ui-datatable tr  td:first-child,
#transTable .ui-datatable thead th:nth-child(3) ,
#transTable .ui-datatable tr  td:nth-child(3)
{
  width: 50px !important;
  text-align:center;
}

#transTable .ui-datatable thead th:nth-child(2) ,
#transTable .ui-datatable tr  td:nth-child(2) {
  width:60px;
  text-align:center;
}





.d-screen-large {
    display: revert;
}

 .ui-datatable table td {
    text-align: center;
 }


.w-18 {
    width: 18%;
}




.ui-translog-list {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.ui-translog-item {
    padding: 4px 6px;
    border-radius: 6px;
}

.ui-translog-chip {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    width: 100%;
}

.ui-translog-name {
    flex: 1;
    text-align: right;
    word-break: break-word;
}

.ui-translog-action {
    display: flex;
    align-items: center;
}

.ui-translog-info-icon {
    cursor: pointer;
    width: 16px;
    height: 16px;
}




@media (max-width: 991.98px) {
    .ui-datatable table {
        table-layout: auto;
    }

    .ui-translog-name {
        word-break: unset;
    }


/*    .ui-datatable table thead tr  {
        display:none;
    }

    .ui-datatable table tbody tr ,
    .ui-datatable table tbody tr td
    {
        width:100%;
        display: inline-table;
    }
*/


    .d-screen-large {
        display: none;
    }
}


@media (max-width: 576px) {

    .container, .container-sm {
        max-width: 560px;
    }
}


.ui-selectonemenu-panel .ui-selectonemenu-filter-container {
    width: 100% !important;

}

.ui-selectonemenu-toDepartments .ui-selectonemenu-filter {
    width: 100% !important;
}


.ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon {
    left: 12px !important;
    right: auto !important;
    top: 15px !important;
}

.public-queues-box {
	background: #ffffff;
	border-radius: 16px;
	box-shadow: 0 0.35rem 1rem rgba(0, 0, 0, 0.08);
	overflow: hidden;
}

 .queue-row {
    background: #ffffff;
    border: 1px solid #e9ecef;
    border-radius: 12px;
    padding: 0.9rem 1.2rem;
    margin-bottom: 10px;
    transition: all .2s ease;
}

.queue-row:hover {
    background: #f8f9fa;
    border-color: #d6dbe0;
    box-shadow: 0 0.25rem 0.6rem rgba(0,0,0,.08);
}

.queue-link {
    text-decoration: none;
    color: #212529;
    display: block;
}

.queue-name {
    font-weight: 600;
    font-size: 0.95rem;
}

.queue-arrow {
    color: #adb5bd;
}






#tbSearch .show {
	display: flex !important;
}

#tbSearch .hide {
	display: none !important;
}



.ui-icon.fa-regular {
	text-indent: unset;
    background-image: none !important;
	
}


.ui-state-highlight, .ui-widget-content .ui-state-highlight {
    background:transparent;
    border:0
}