/* usefull classes */
h3 {
    font-weight: bold;
    color: #961010;
    position: relative;
    font-size: 2rem !important;
}

.col-md-2-4 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

@media (min-width: 768px) {
    .col-md-2-4 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

.navSearch input:-internal-autofill-selected {
    background-color: transparent !important;
}

.searchResult p:empty {
    display: none;
}

.cardList.searchResult:hover {
    transform: scale(1.008) !important;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 3px 8px;
}

a:hover {
    text-decoration: none !important;
}
/*
  .home h1,
  .home h2,
  .home h3 {
      color: #ffffff !important;
  }
  */
h4 {
    font-weight: 500;
    color: #3C57A1;
    margin-bottom: 30px
}

    h4 *[class*="icon-"] {
        font-size: 16px;
    }

p {
    font-size: 16px;
    font-weight: 500;
    color: #000000;
}

.dFlex {
    display: flex;
}

.cBlue {
    color: #961010 !important;
}

.cBlue2 {
    color: #931B1B;
}

.cBlueGreen {
    color: #1D73BF !important;
}

.cBlack {
    color: #000000 !important;
}

.cLightGrey {
    color: #999999 !important;
}

.cGray {
    color: #666666 !important;
}

.cLightGray {
    color: #999999 !important;
}

.cDardGray {
    color: #333333 !important;
}

.f14 {
    font-size: 14px !important;
}

.f16 {
    font-size: 16px !important;
}

.f17 {
    font-size: 17px;
}

.f18 {
    font-size: 18px;
}

.f20 {
    font-size: 20px;
}

.f21 {
    font-size: 21px;
}

.f22 {
    font-size: 22px;
}

.f24 {
    font-size: 24px;
}

.f30 {
    font-size: 30px;
}

.semiBold {
    font-weight: 500;
}

.bold {
    font-weight: bold;
}

.mt--30px {
    margin-top: -30px;
}

.hAuto {
    height: auto !important;
}

label {
    font-weight: 500;
}
/* End of usefull classes */

/* breadcrumb */
/* Style the list */
ul.sitebreadcrumb {
    padding: 10px 0;
    list-style: none;
    margin-top: 10px;
}

    /* Display list items side by side */
    ul.sitebreadcrumb li {
        display: inline;
        font-size: 18px;
    }

        /* Add a slash symbol (/) before/behind each list item */
        ul.sitebreadcrumb li + li:before {
            content: "";
            border: solid black;
            border-width: 0 2px 2px 0;
            display: inline-block;
            padding: 2.5px;
        }

.ar ul.sitebreadcrumb li + li:before {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    margin-left: 10px;
}

.en ul.sitebreadcrumb li + li:before {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    margin-right: 10px;
}

/* Add a color to all links inside the list */
ul.sitebreadcrumb li {
    color: #000;
    font-weight: bold;
    font-size: 17px;
}

    ul.sitebreadcrumb li a {
        color: #000;
        text-decoration: none;
        font-weight: bold;
        font-size: 17px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 300px;
        display: inline-block;
        vertical-align: middle;
    }

.ar ul.sitebreadcrumb li {
    margin-left: 8px;
}

.en ul.sitebreadcrumb li {
    margin-right: 8px;
}
/* Add a color on mouse-over */
ul.sitebreadcrumb li a:hover {
    color: #01447e;
    text-decoration: underline;
}
/* end of breadcrumb */

html,
body {
    overflow-x: hidden;
}

body {
    position: relative;
    padding-bottom: 550px;
}

    body,
    body * {
        box-sizing: border-box;
        font-family: 'Helvetica', Courier, monospace;
        box-sizing: border-box;
    }

.en,
.en * {
    direction: ltr;
    text-align: left;
}

.ar,
.ar * {
    direction: rtl;
    text-align: right;
}

.mainContainer {
    width: calc(100% - 120px);
    margin-left:60px;
    margin-right:60px;
}

[class^="icon-"], [class*=" icon-"] {
    vertical-align: baseline;
}

.boxStyle {
    display: inline-block;
    background: #ffffff;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: 15px;
    padding: 30px;
    position: relative;
}

    .boxStyle.noPadding {
        padding: 0;
    }

.whiteColor,
.whiteColor * {
    color: #ffffff;
}

.whiteBtn {
    background: #ffffff;
}

    .whiteBtn:hover {
        background: #f1f1f1;
    }

.yellowBtn {
    background: #F6BE00;
    color: #000000;
    border-radius: 15px;
    padding: 20px 30px;
    font-size: 18px;
    font-weight: 500;
    cursor: pointer;
    display: inline-block;
}

    .yellowBtn:hover {
        background: #e8b200;
        color: #000000;
    }

.projectDemoBtn {
    position: absolute;
    right: 30px;
    top: 20px;
}


.mainImg {
    border-radius: 15px;
    width: 100%;
    height: 400px;
    object-fit: cover;
}

.form-select {
    background-color: #fff;
    background-image: url("../images/arrow-down.png");
    background-repeat: no-repeat;
    background-size: 10px auto;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}


.en .form-select {
    background-position: right 20px center;
}

.ar .form-select {
    background-position: left 20px center;
}

.form-date {
    color-scheme: dark;
}

body.home .headerWrapper {
    box-shadow: none;
}

.form-search {
    background-color: #fff;
    background-image: url("../images/search-icon.png");
    background-repeat: no-repeat;
    background-size: 15px auto;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.en .form-search {
    background-position: right 20px center;
}

.ar .form-search {
    background-position: left 20px center;
}


.eventsSection, .webLocationSection {
    /*
    background-color: #f0f0f0;
        */
    padding: 50px 0;
}

    .eventsSection .cardLink {
        position: absolute;
        bottom: 20px;
    }

.ar .eventsSection .cardLink {
    right: 20px;
}

.en .eventsSection .cardLink {
    left: 20px;
}

.w100 {
    width: 100%;
    display: inline-block;
    position: relative;
}

.servicesSection {
    padding: 20px 0 50px 0;
}


.photoVideoGallery {
    padding: 50px 0;
    /*
    background-color: #f1f1f1;
        */
}

.cP1 {
    padding: 0 100px;
}

.cP2 {
    padding: 0 150px;
}

/* minister section */

.ministerSection {
    padding: 50px 0;
}

.ministerImg {
    width: 100%;
    height: auto;
}

.ar .ministerDetails {
    padding: 40px 15px 0 0;
}

.en .ministerDetails {
    padding: 40px 0 0 15px;
}

.ministerDetails h4 {
    color: #000;
    font-size: 25px;
    font-weight: bold !important;
}

.ministerDetails p {
    font-size: 19px;
}
/* end of minister section */

/* fact and figures section */
.factsFiguresSection {
    background-color: #FDFCFC;
    padding: 40px 0 0 0;
}

    .factsFiguresSection .col-md-3 {
        border-right: 1px solid #A3A3A3;
    }

    .factsFiguresSection .col-md-3:nth-child(4n+1) {
        border-right: none;
    }

    .factsFiguresSection h3,
    .factsFiguresSection h5 {
        color: #931B1B;
    }
/* end of facts and figures section */

/* Contact Us Section */
.contactUsSection {
    padding: 50px 0;
}

    .contactUsSection .cardList h5 {
        color: #961010 !important;
        font-weight: bold;
    }

        .contactUsSection .cardList h5 a {
            vertical-align: top;
        }

.ar .contactUsSection .cardList h5 a {
    margin-right: 6px;
}

.en .contactUsSection .cardList h5 a {
    margin-right: 6px;
}

.contactUsSection .cardList h5 a span {
    color: #961010 !important;
}

.contactUsSection .cardList h6 {
    color: #000000;
    font-weight: bold;
}
/* End Contact Us Section */

/* Auxiliary Agencies Section */
.auxiliaryAgenciesSection {
    padding: 50px 0;
}

    .auxiliaryAgenciesSection ul {
        padding: 0;
        margin: 20px 0 0 0;
        text-align: center;
    }

        .auxiliaryAgenciesSection ul li {
            display: inline-block;
            margin: 0 10px;
        }
            /*
.ar .auxiliaryAgenciesSection ul li:first-child{
margin-right: 0;
}
.ar .auxiliaryAgenciesSection ul li:last-child{
    margin-left: 0;
}
.en .auxiliaryAgenciesSection ul li:first-child{
    margin-left: 0;
    }
    .en .auxiliaryAgenciesSection ul li:last-child{
        margin-right: 0;
    }
    */
            .auxiliaryAgenciesSection ul li img {
                width: 100%;
                height: 100%;
                object-fit: contain;
                object-position: center;
                ;
            }
/* End of Auxiliary Agencies Section */

.socialFloating {
    position: fixed;
    width: 30px;
    height: 120px;
    display: inline-block;
    background-color: #e5e5e5;
    top: 200px;
    z-index: 9999;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
    overflow: hidden;
}

    .socialFloating ul {
        padding: 0;
        margin: 0;
    }

        .socialFloating ul li {
            list-style: none;
        }

.ar .socialFloating {
    border-radius: 0 10px 10px 0;
    left: 0;
}

.en .socialFloating {
    border-radius: 10px 0 0 10px;
    right: 0;
}

/* chat */
.chatHolder {
    position: fixed;
    width: 70px;
    height: 70px;
    display: inline-block;
    background-color: #961010;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 10px;
    z-index: 9999;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}

.ar .chatHolder {
    left: 10px;
}

.en .chatHolder {
    right: 10px;
}

.chatHolder *[class*="icon-"].one {
    font-size: 30px;
    color: #fff;
}

.chatBoxHolder {
    background-color: rgba(0, 0, 0, 0.06);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    z-index: 99999;
}

    .chatBoxHolder.show {
        display: inline-block;
    }

.chatBox {
    width: 350px;
    height: 250px;
    border-radius: 15px;
    background-color: #ffffff;
    position: fixed;
    bottom: 75px;
    left: 75px;
    z-index: 9999;
    text-align: center;
    padding: 30px 20px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    display: inline-block;
}

    .chatBox *[class*="icon-"].two {
        width: 50px;
        height: 50px;
        margin: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #961010;
        border-radius: 50%;
        font-size: 20px;
        color: #fff;
    }

    .chatBox h6 {
        font-size: 16px;
        font-weight: bold;
    }

    .chatBox p {
        font-size: 14px;
    }

    .chatBox input[type="text"] {
        width: 100%;
        height: 40px;
        border: 1px solid #cccccc;
        border-radius: 20px;
        padding: 5px 10px;
    }
/* End of chat */
@media only screen and (max-width: 768px) {
    .contactUsPage .cardList .mb-2 {
        margin-bottom: 0 !important;
    }

    .contactUsPage .cardList .col-md-3 {
        margin-bottom: 20px !important;
    }

    .ar .m-30-V-D {
        margin-right: 0 !important;
    }

    .en .m-30-V-D {
        margin-right: 0 !important;
    }

    .ar .m-10-V-D {
        margin-right: 0 !important;
    }

    .en .m-10-V-D {
        margin-right: 0 !important;
    }

    .ar .greyTextSection {
        padding-right: 20px !important;
    }

    .en .greyTextSection {
        padding-left: 20px !important;
    }

    .newsDate {
        position: relative !important;
        display: inline-block !important;
        width: 100% !important;
        margin-top: 0px !important;
    }

    .imgCard.six {
        aspect-ratio: 1 / 0.5 !important;
    }

    .imgCard.four.normalPointer {
        aspect-ratio: 1 / 0.5 !important;
    }

    h3 {
        font-size: 1.5rem !important;
    }

    .mainContainer {
        width: calc(100% - 40px);
        margin: 0 20px;
    }

    .border-v-d:after {
        display: none !important;
    }

    .ar .p-40-V-D {
        padding-right: 15px !important;
    }

    .en .p-40-V-D {
        padding-left: 15px !important;
    }

    .borderBlue:after {
        display: none !important;
    }

    .hotlines.d-flex {
        display: initial !important;
    }

    .gradiantSection {
        background-size: auto 100% !important;
    }

        .gradiantSection .mt-5,
        .contactUsPage .mt-5 {
            margin-top: 0px !important;
        }

    .contactUsPage h4 {
        margin-bottom: 0;
    }

    *[class*="col-"], *[class="col"] {
        margin-bottom: 20px;
    }

    .contactUsPage *[class*="col-"], .contactUsPage *[class="col"] {
        margin-bottom: 0px !important;
    }

    .cP1 {
        padding: 0 0;
    }

    .cP2 {
        padding: 0 0;
    }
}



/*** main nav ***/
.mainNav {
    width: 100%;
    position: relative;
    padding:0 40px;
}

    .mainNav.navbar {
        height: 100px;
        z-index: 9;
        z-index: 9999;
        background-color: #fff;
        border-radius: 15px;
        box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
    }

.mainNav.navbar-white .navbar-nav .nav-link {
    color: #000 !important;
}

.mainNav.navbar a:hover,
.mainNav.navbar-light .navbar-nav .nav-link:hover {
    color: #F6BE00 !important;
}

.mainNav.navbar-light .navbar-nav .nav-link,
.mainNav.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
    color: #fff !important;
}

.ar .mainNav.navbar-nav {
    margin-left: auto !important;
    margin-right: 0 !important;
}

.en .mainNav.navbar-nav {
    margin-right: auto !important;
    margin-left: 0 !important;
}

.dropdown-toggle::after {
    display: none !important;
}

.dropdown-toggle::before {
    content: "";
    position: absolute;
    left: 10px;
    z-index: 11;
    display: block;
    width: 8px;
    height: 8px;
    border-top: 2px solid #000;
    border-left: 2px solid #000;
    top: 10px;
    transform: rotate(225deg);
    position: absolute;
    top: 15px;
}

.ar .dropdown-toggle::before {
    left: 10px;
}
.en .dropdown-toggle::before {
    right: 10px;
}

    .navSearch {
    position: relative;
    height: 45px;
}

        .navSearch .btn.btn-main-color {
            background-color: #931B1B;
            color:#ffffff;
            display:flex;
            gap:10px;
            padding:10px 15px;
        }
            .navSearch .btn.btn-main-color *[class*="icon"]{
                color:#fff;
            }

            .navSearch form .icon-icon-search {
                float: left;
            }

        .navSearch input[type=text],
        .navSearch input[type=text]:-internal-autofill-selected,
        .navSearch input[type=text]:-webkit-autofill,
        .navSearch input[type=text]:-webkit-autofill:hover,
        .navSearch input[type=text]:-webkit-autofill:focus {
            background-color: transparent !important;
            border: none;
            outline: none;
            color: #ffffff;
            color-scheme: light;
        }

        .navSearch input[type=text]::placeholder {
            color: rgba(255, 255, 255, .5)
        }

.ar .navSearch input[type=text] {
    width:250px;
    padding: 10px 40px 10px 20px;
    background: transparent !important;
    border: 1px solid #f1f1f1;
    color:#000000;
}

.en .navSearch input[type=text] {
    padding: 10px 20px 10px 40px;
    background: transparent !important;
    border: none !important;
}

.navSearch *[class*="icon-"] {
    font-size: 25px;
    color: #B66767;
}

.ar .navSearch *[class*="icon-"] {
    right: 10px;
}

.en .navSearch *[class*="icon-"] {
    right: 10px;
}

.mainNav .navbar-collapse {
    justify-content: space-between;
}

@media screen and (min-width: 992px) {
    .ar .mainNav .navbar-collapse {
margin-right:15px;
    }
    .en .mainNav .navbar-collapse {
        margin-left: 15px;
    }
    .navbar-expand-lg .navbar-nav .nav-link.dropdown-toggle {
        padding-left: 25px !important;
        position: relative;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        margin-left: 0px;
    }

    .col-1-5 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
        padding: 0 15px;
        box-sizing: border-box;
    }
    }
.datepicker table tr td span.year{
    text-align: center !important;
}
@media only screen and (max-width: 992px) {
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: relative !important;
    }
    .webSiteTitle {
        height: auto !important;
        min-width: unset !important;
        max-width: unset !important;
        flex: 1;
        display: -webkit-box !important;
        -webkit-line-clamp: 3 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        font-size: 14px !important;
        padding-inline-start: 7px !important;
        padding-inline-end: 7px !important;
    }

    .mainNav {
        padding: 0 20px;
    }

    .homeSlider .owl-carousel-home {
        margin-top: 0px !important;
    }

    .headerWrapper .mainContainer{
        width:100% !important;
        margin:0 !important
    }

    .mainNav.navbar {
        border-radius: 0px !important;
        box-shadow: none !important;
    }

        .mainNav.navbar .navbar-collapse {
            position: absolute !important;
            top: 100px !important;
            width: 100% !important;
            right: 0px !important;
            left: 0px !important;
            border-radius: 0 !important;
        }

        .col-md-7.pt-100px .owl-carousel-prev-m {
            width: calc(100% + 120px) !important;
            margin-left: -60px;
            margin-right: -60px;
        }
        .greyTextSection {
            background-color: #ffffff !important;
            padding-top: 0px !important;
            height: auto !important;
        }
        .jobsListStyle li{
            width: 100% !important;
        }
        .hideMobile{
            display: none !important;
        }
        .navbar-collapse{
            background-color: #fff;
            border-radius: 10px;
        }
        .dropdown-toggle::before {
            border-top: 2px solid #000 !important;
            border-left: 2px solid #000 !important;
        }
        .ar .dropdown-toggle::before{
            left: 30px;
        }
        .en .dropdown-toggle::before{
            right: 30px;
        }
        .mBioImg:after{
            display:none;
        }
        .navbar-white .navbar-toggler {
            border-color: #000;
        }

        .navbar-toggler-icon .bar1,
        .navbar-toggler-icon .bar2,
        .navbar-toggler-icon .bar3 {
            width: 100%;
            height: 4px;
            background-color: #333;
            margin: 5px 0;
        }

        .navbar-collapse.collapse.show {
            box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        }
        .navSearch{
            height:auto !important;
        }
        .navSearch input[type=text]{
            width:100% !important;
        }
        #searchButton{
            display:none !important;
        }
        .navbar-nav .nav-link {
            padding-right: 15px !important;
            padding-left: 15px !important;
        }
    .searchdropdown{
        width:calc(100% - 15px) !important;
    }
    .navSearch {
        margin-top:15px !important;
    }
        .ar .navSearch {
        margin-right:15px !important;
    }
    .en .navSearch {
        margin-left: 15px !important;
    }
    .searchdropdown-content {
        padding: 0px !important;
        display: inline-block !important;
        position: relative !important;
        box-shadow:none !important;
            width:100%;
    }
            .searchdropdown-content .icon-icon-search{
                top:10px !important;
            }
            .ar .searchdropdown-content .icon-icon-search {
                right: 10px !important;
            }
        .en .searchdropdown-content .icon-icon-search {
            left: 10px !important;
        }
            .navbar-white .dropdown-menu {
                margin-left: 15px;
                margin-right: 15px;
            }
        .mainNav.navbar-white .navbar-nav .nav-link,
        .mainNav.navbar-white .navbar-nav .nav-link:hover,
        .mainNav.navbar-white .navbar-nav .nav-link:focus {
            color: #000 !important;
        }
        body {
            padding-bottom:0px;
        }
      }
  /*** End of main nav ***/
  /*
  .eventDetailsLogoHolder{
    width: 150px;
    margin: 0 auto;
  }
      */
.eventDetailsLogoHolder .square {
    width: 200px;
    display: inline-block;
    border-right: 2px solid #f1f1f1;
    padding-right: 20px;
    padding-left: 20px;
}

.ar .eventDetailsLogoHolder .square {
    right: 50%;
    position: absolute;
    margin-right: -100px;
}
.en .eventDetailsLogoHolder .square {
    left: 50%;
    position: absolute;
    margin-left: -100px;
}
    .eventDetailsLogoHolder .square img {
            object-fit: contain;
            object-position: center;
            width: 80%;
            height: 150px;
            border: 1px solid #cccccc;
            border-radius:10px;
        }
    .eventDetailsLogoHolder .circle {
        width: 150px;
        height: 150px;
        display: inline-block;
        border: 10px solid #f1f1f1;
        border-radius: 50%;
        overflow: hidden;
    }
  .eventDetailsLogoHolder .title{
    width: 150px;
    display: inline-block;
    font-weight: bold;
    color: #961010;
    text-align: center;
    font-size: 26px;
}

.eventDetailsLogoHolder .circle img {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
}

.circleLogo {
    width: 125px;
    height: 125px;
    min-width: 125px;
    display: inline-block;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    background-color: #ffffff;
}

.ar .circleLogo {
    margin-left: 15px;
}

.en .circleLogo {
    margin-right: 15px;
}

.circleLogo img {
    object-fit: contain;
    object-position: center;
    width: 100%;
    height: 100%;
}

.underII {
    margin-top: -30px;
    display: flex;
    align-items: normal;
}
/* btns */

.btn-grey {
    background-color: #f0f0f0;
    color: #000000;
    padding: 10px;
    border-radius: 10px;
    margin-top: 15px;
    font-weight: 500;
}

    .btn-grey.withspace {
        margin-top: 15px;
    }

.ar .btn-grey.withspace {
    margin-left: 15px;
}

.ar .btn-grey *[class*="icon-"] {
    margin-left: 5px;
}

.en .btn-grey.withspace {
    margin-right: 15px;
}

.en .btn-grey *[class*="icon-"] {
    margin-right: 5px;
}

.btn-blue {
    background-color: #931B1B;
    border-radius: 10px;
    color: #fff !important;
    min-width: 100px;
    height: 40px;
    text-align: center;
}

    .btn-blue:hover {
        background-color: #961010;
    }

    .btn-blue.two {
        border-radius: 5px;
    }

.iB {
    display: inline-block;
    font-size: 1.5rem;
    font-weight: bold;
    color: #000000;
    margin-top: 40px;
    margin-bottom: 30px;
}

/* jobs */

.jobsListStyle {
    padding: 0;
    margin: 10px 0 0 0;
}

    .jobsListStyle li {
        display: inline-block;
        width: 50%;
        margin: 10px 0;
        position: relative;
    }

    .jobsListStyle.mapList li {
        width: 100%;
    }

    .jobsListStyle li::after {
        content: "";
        width: 8px;
        height: 8px;
        background-color: #961010;
        border-radius: 50%;
        position: absolute;
        top: 8px;
    }

.ar .jobsListStyle li {
    float: right;
    padding-right: 20px;
}

    .ar .jobsListStyle li::after {
        right: 0;
    }

.en .jobsListStyle li::after {
    left: 0;
}

.en .jobsListStyle li {
    float: left;
    padding-left: 20px;
}

.jobsList {
    margin-top: 40px;
}

    .jobsList .nav-pills .nav-link {
        /*
    background-color: #ffffff;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    */
        padding: 10px 15px;
        /*
    margin-bottom: 15px;
    */
        border-radius: 10px;
        position: relative;
        display: inline-block;
        color: #961010;
    }

        .jobsList .nav-pills .nav-link.active {
            background-color: #961010;
            color:#ffffff;
        }

/*
    .jobsList .nav-pills .nav-link:before {
        content: "";
        border: solid #8f1414;
        border-width: 0 3px 3px 0;
        display: inline-block;
        padding: 3px;
        position: absolute;
        top: 34px;
    }
  .jobsList .nav-pills .nav-link.active:before{
    border: solid white; 
    border-width: 0 3px 3px 0;
  }
 .ar .jobsList .nav-pills .nav-link:before {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  left: 20px;
}
.en .jobsList .nav-pills .nav-link:before {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    right: 20px;
  }
*/

.navHolder {
    background-color: rgba(70, 117, 239, 0.08);
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 35px;
    display: block;
    white-space: nowrap;
    overflow: auto;
}

    /* width */
    .navHolder::-webkit-scrollbar {
        height: 5px;
    }

    /* Track */
    .navHolder::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    /* Handle */
    .navHolder::-webkit-scrollbar-thumb {
        background: #888;
    }

        /* Handle on hover */
        .navHolder::-webkit-scrollbar-thumb:hover {
            background: #555;
        }

/**** datepicker ****/
input.datepicker,
input.datepicker2{
    background-image: url(../images/cal-ico.jpg);
    background-repeat: no-repeat;
    background-size: 40px 40px;
}

    input.datepicker:focus-visible {
        outline: none;
    }

.ar input.datepicker {
    background-position: left;
}

.en input.datepicker {
    background-position: right;
}

.datepicker.dropdown-menu {
    z-index: 9999 !important;
}

.datepicker table tr td div {
    text-align: center;
}

/******** news Details ***********/
.newsDate {
    position: absolute;
    font-size: 16px;
    color: #000000 !important;
    top: 10px;
    font-weight: 500;
}

.ar .newsDate {
    left: 0px;
}

.en .newsDate {
    right: 0px;
}

/**********/

.withLocationIcon,
.withDateIcon {
    position: relative;
}

    .withLocationIcon .icon-location {
        position: absolute;
        top: 20px;
        font-size: 20px;
    }

.ar .withLocationIcon .icon-location {
    right: 20px;
}

.en .withLocationIcon .icon-location {
    right: 20px;
}

.withDateIcon .icon-cal {
    position: absolute;
    top: 20px;
    font-size: 20px;
}

.ar .withDateIcon .icon-cal {
    right: 20px;
}

.en .withDateIcon .icon-cal {
    right: 20px;
}

.ar .withLocationIcon,
.ar .withDateIcon {
    padding-right: 50px;
}

.RTL {
    direction: rtl;
}

    .RTL * {
        direction: rtl;
    }

.withBluelineSide {
    display: block;
}

.ar .withBluelineSide {
    border-right: 3px solid #961010;
    padding-right: 15px;
}


.cardList ol li {
    font-size: 18px;
}

.imgShadow {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    border-radius: 5px;
    overflow: hidden;
    aspect-ratio: 2/3;
    width: 221px;
}

    .imgShadow img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

.ar .phd-25px {
    padding-right: 25px;
}

.en .phd-25px {
    padding-left: 25px;
}



.br-5px {
    border-radius: 5px !important;
}


a.imgCard {
    display: block;
}

.relatedNewsPanel .col-md-4 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.newsDetailsPanel .cardList,
.tab-pane .cardList {
    height: auto !important;
}

.pr-15px {
    padding-right: 15px;
}

.pl-15px {
    padding-left: 15px;
}


.rulesLegislationDownload {
    position: absolute;
    top: 50px;
}

.ar .rulesLegislationDownload {
    left: 30px;
}

.en .rulesLegislationDownload {
    right: 30px;
}



/* tables */

.customTable {
    width: 100%;
}

    .customTable tr.data {
        position: relative;
        background: #ffffff;
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
        border-radius: 15px;
    }

    .customTable tr.space {
        height: 25px;
    }

    .customTable tr.data td {
        padding: 30px 20px;
    }

        .customTable tr.data td a {
            color: #000000;
            font-weight: bold;
        }

span.international,
span.local {
    padding: 5px 10px;
    color: #ffffff;
    font-size: 12px;
    font-weight: normal;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
    .customTable tr.space{
        height:25px;
    }
        .customTable tr.data td{
        padding:30px 20px;
    }
            .customTable tr.data td a{
                color:#000000;
                font-weight:bold;
            }
            span.international,
            span.local {
                padding: 5px 10px;
                color: #ffffff;
                font-size:12px;
                font-weight:normal;
                -webkit-border-radius: 10px;
                -moz-border-radius: 10px;
                border-radius: 10px;
            }
            span.international {
                background-color: #961010;
            }
            span.local {
                background-color: #55C574;
            }
.customTable tr th {
    padding: 20px 20px;
}

.ar .customTable tr.data td:first-child {
    -webkit-border-top-right-radius: 15px;
    -webkit-border-bottom-right-radius: 15px;
    -moz-border-radius-topright: 15px;
    -moz-border-radius-bottomright: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}

.ar .customTable tr.data td:last-child {
    -webkit-border-top-left-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-bottomleft: 15px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}

.en .customTable tr.data td:last-child {
    -webkit-border-top-right-radius: 15px;
    -webkit-border-bottom-right-radius: 15px;
    -moz-border-radius-topright: 15px;
    -moz-border-radius-bottomright: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}

.en .customTable tr.data td:first-child {
    -webkit-border-top-left-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-bottomleft: 15px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}


.customTable2 {
    width: 100%;
}

    .customTable2 tr.data {
        position: relative;
    }

        .customTable2 tr th,
        .customTable2 tr.data td {
            padding: 20px;
        }

            .customTable2 tr.data td *[class*="icon-"] {
                background-color: rgba(0, 129, 196, 0.05);
                padding: 10px;
                border-radius: 50%;
                color: #0081C4;
            }

            .customTable2 tr.data td a {
                color: #000000;
                font-weight: bold;
            }

        .customTable2 tr.data:nth-child(odd) td {
            background-color: #F6F6F6;
        }

        .customTable2 tr.data:nth-child(even) td {
            background-color: #FFFFFF;
        }

    .customTable2.two tr.data:nth-child(odd) td {
        background-color: #FFFFFF;
    }

    .customTable2.two tr.data:nth-child(even) td {
        background-color: #F6F6F6;
    }

    .customTable2 tr th {
        background-color: rgba(70, 117, 239, 0.08);
        color: #0081C4;
        font-weight:500;
    }
    span.international,
    span.local {
        padding: 5px 10px;
        color: #ffffff;
        font-weight: normal;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    span.international {
        background-color: #961010;
    }

    span.local {
        background-color: #55C574;
    }
.ar .customTable2 tr th:last-child,
.ar .customTable2 tr td:last-child {
    text-align: left;
}

.en .customTable2 tr th:last-child,
.en .customTable2 tr td:last-child {
    text-align: right;
}

.ar .customTable2 tr th:first-child,
.ar .customTable2 tr.data td:first-child {
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.ar .customTable2 tr th:last-child,
.ar .customTable2 tr.data td:last-child {
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.en .customTable2 tr th:last-child,
.en .customTable2 tr.data td:last-child {
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.en .customTable2 tr th:first-child,
.en .customTable2 tr.data td:first-child {
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}


/* End of tables */
.ar .fAutoX {
    float: left;
}

.en .fAutoX {
    float: right;
}

.tab-content .tab-pane:last-child {
    margin-bottom: 0 !important;
}

    .tab-content .tab-pane:last-child hr {
        display: none;
    }


/***** FAQ ******/
.faqQuestion {
    width: 100%;
    display: inline-block;
    cursor: pointer;
    font-weight: 500;
    font-size: 18px;
    position: relative;
}

    .faqQuestion .icon-arrow-down {
        position: absolute;
        color: #961010;
        top: 1px;
    }

.ar .icon-arrow-down {
    left: 0;
}

.en .icon-arrow-down {
    left: 0;
}

.faqQuestion.toggled .icon-arrow-down {
    rotate: 180deg;
}

.faqAnswer,
.faqAnswer * {
    font-size: 18px;
    color: #000000 !important;
    font-weight:500;
}

.faqQuestion ~ .faqAnswer {
    display: none;
}

.faqAnswer p {
    margin-bottom: 0px;
}

.faqQuestion.toggled ~ .faqAnswer {
    display: inline-block;
}

.faqQuestion span[class*="icon-"] {
    font-size: 24px;
}
/*** End of FAQ ****/
.filters select {
    max-width: 300px;
}
.filters .search {
    width: 100%;
    max-width: 300px;
    border-radius: 5px !important;
    padding: 5px 10px !important;
    border: 1px solid #8C8B8B;
    height: 40px;
    background-image: url(../images/search-ico.jpg);
    background-repeat: no-repeat;
}

.filters .newFilterStyle {
    width: 100%;
    max-width: 300px;
    border-radius: 5px !important;
    padding: 5px 10px !important;
    border: 1px solid #8C8B8B;
    height: 40px;
}

    .filters .search:focus{
        outline:none;
    }
.filters .datepicker,
.filters .select2 {
    border: 1px solid #8C8B8B !important;
}

    .filters .select2:focus{
        box-shadow:none;
    }
    .filters .datepicker,
    .filters .select2,
    .filters .datepicker::placeholder,
    .filters .search::placeholder {
        color: #000000 !important;
        font-weight: 500 !important;
    }

.en .filters .search {
    margin-right: 10px;
    background-position:left center;
    padding-left:40px !important;
}
.ar .filters .search {
    margin-left: 10px;
    background-position: right center;
    padding-right: 40px !important;
}
.filters label {
    margin-bottom: 10px !important;
}

.paginationRestyling li a.pageNumber {
    background-color: #ffffff;
    border:1.5px solid #f1f1f1;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    display: inline-block;
    line-height: 40px;
    vertical-align: middle;
    text-align: center;
}

.paginationRestyling li.active a.pageNumber {
    background-color: #961010;
    border: 1px solid #961010;
    color: #ffffff;
}

.paginationRestyling li a {
    color: #000000;
    font-weight: bold;
}

    .paginationRestyling li a *[class*="icon"] {
        margin-top: 3px;
        display: inline-block;
        font-size: 10px;
        font-weight: bolder;
        line-height: 34px;
    }
        .paginationRestyling li a *[class*="icon"] {
            margin-top: 3px;
            display: inline-block;
            font-size: 10px;
            font-weight: bolder;
            line-height: 34px;
        }



.tableWithShadowPaddding {
    padding: 0 25px;
    width: calc(100% + 50px);
    margin: 0 -25px;
}

@media only screen and (max-width: 768px) {
    html{
         width: 100%;
         overflow-x: hidden;
    }
    .slideCont .textCont .textContHolder h2{
            margin-bottom: 15px !important;
    }
    .eventsSection .col {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .photoVideoGallery h3 {
        width: 50%;
        margin: 0 25%;
    }

    .auxiliaryAgenciesSection ul li {
        width: 100%;
        text-align: center;
    }

    .successPartnersImageHolder {
        margin: 10px auto;
    }

    .slideCont .textCont .textContHolder h2 {
        font-size: 22px;
    }

    .filters .d-flex, .history .d-flex {
        display: initial !important;
    }

    .history h5 {
        margin-top: 15px;
    }
    /*
    .filters .btn {
        margin-top: 15px;
    }
        */
    .rulesLegislationDownload {
        position: relative;
        top: 0;
        right: auto !important;
        left: auto !important;
    }

    .hideMob {
        display: none !important;
    }

    .hotlines li {
        width: 100% !important;
    }
}


/****************/

.greyBox {
    background-color: #F0F0F0;
    display: inline-block;
}

.en .m-30-V-D {
    margin-left: 30px;
}

.ar .m-30-V-D {
    margin-right: 30px;
}

.en .m-10-V-D {
    margin-left: 10px;
}

.ar .m-10-V-D {
    margin-right: 10px;
}

.en .p-40-V-D {
    padding-left: 43px;
}

.ar .p-40-V-D {
    padding-right: 43px;
}

.border-v-d:after {
    content: '';
    height: 100%;
    width: 1px;
    position: absolute;
    display: inline-block;
    top: 0;
}

.en .border-v-d:after {
    border-left: 1px solid #bcbcbc;
    left: 14px;
}

.ar .border-v-d:after {
    border-right: 1px solid #bcbcbc;
    right: 14px;
}

.borderBlue::after {
    border-color: #961010 !important;
}

.borderBold::after {
    border-width: 2px !important;
}

.hotlines {
    padding: 0;
}

    .hotlines li {
        list-style: none;
        width: calc(33.3% - 38px);
        margin-bottom:10px;
        display: inline-block;
        position: relative;
    }

.ar .hotlines li {
    margin-right: 35px;
}

.en .hotlines li {
    margin-left: 35px;
}

.hotlines li:after {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #000000;
    position: absolute;
    top: 8px;
}

.ar .hotlines li:after {
    right: -18px;
}

.dIB {
    display: inline-block;
}

.ar .mvr-15px {
    margin-right: 15px;
}

.en .mvr-15px {
    margin-left: 15px;
}

.minMaxCol {
    min-width: 200px;
    max-width: 300px;
}

.historyImg {
    max-width: 400px;
    margin-bottom: 25px;
}

.ar .historyImg {
    float: right;
    margin-left: 25px
}

.en .historyImg {
    float: left;
    margin-right: 25px
}

.ar .navSearch {
    margin-right: 20px;
}

.en .navSearch {
    margin-right: 20px;
}

.home .sitebreadcrumb {
    display: none;
}


/********internal error page ********/
.internalErrorHolder {
    width: calc(100% - 400px);
    margin: 200px 200px 0;
}

.text-dir {
    text-align: right;
}

.ar .text-dir {
    text-align: right;
}

.en .text-dir {
    text-align: left;
}
/***********/


/***********/

.gradiantSection {
    width: 100%;
    padding: 60px 60px;
    display: inline-table;
    background-image: url(../images/gradiant-bg.jpg);
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-color: #f6f9fe;
}

.greyTextSection {
    background-color: #f1f1f2;
    padding-top: 60px;
    height: 75%;
}

.ar .greyTextSection {
    padding-right: 60px;
}

.en .greyTextSection {
    padding-left: 60px;
}

.mBioImg {
    width: 100%;
    aspect-ratio: .6/.9;
    position: relative;
    background: rgb(225, 225, 225);
    background: linear-gradient(0deg, rgba(225, 225, 225, 1) 0%, rgba(225, 225, 225, 1) 83.5%, rgba(255, 255, 255, 1) 83.5%);
}

    .mBioImg:after {
        content: '';
        width: 125px;
        height: 75%;
        position: absolute;
        bottom: 0;
    }

.mInfo {
    max-height: 450px;
    overflow-y: auto;
}
    /* width */
    .mInfo::-webkit-scrollbar {
        width: 10px;
    }

    /* Track */
    .mInfo::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    /* Handle */
    .mInfo::-webkit-scrollbar-thumb {
        background: #888;
    }

        /* Handle on hover */
        .mInfo::-webkit-scrollbar-thumb:hover {
            background: #555;
        }

.ar .mBioImg:after {
    background: rgb(241,241,242);
    background: linear-gradient(-90deg, rgba(241,241,242,1) 0%, rgba(241,241,242,0) 100%);
    right: 0;
}

.mBioImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
}

.loadImgHolder {
    aspect-ratio: 1/0.80;
}

    .loadImgHolder img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: center;
    }

.bullet {
    width: 100%;
    display: inline-block;
}

    .bullet * {
        text-align: center;
        display: inline-block;
    }

a.imgVal * {
    color: #000000;
}

a.imgVal.selected * {
    color: #961010;
}

a.imgVal {
    padding-top: 30px;
    position: relative;
}

    a.imgVal:after {
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -10px;
        content: '';
        width: 20px;
        height: 20px;
        display: inline-block;
        line-height: 20px;
        border-radius: 50%;
        border: 10px solid #8C8B8B;
    }

    a.imgVal.selected:after {
        border: 5px solid #961010;
    }

    a.imgVal:before {
        content: '';
        top: 8px;
        margin-right: 8px;
        position: absolute;
        width: calc(100% + 500px);
        height: 5px;
        background-color: #8C8B8B;
        right: 50%
    }

    a.imgVal.selected:before {
        background-color: #961010;
    }

.owl-carousel-prev-m {
    width: calc(100% + 60px) !important;
    margin-top: 50px;
}

.ar .owl-carousel-prev-m {
    margin-left: -60px;
}

.loadImgHolder {
    position: relative;
}
/*
    .loadImgHolder::after {
        position:absolute;
        left:0;
        bottom:0;
        content:'';
        width: 100%;
        height: 75px;
        background: rgb(255,255,255);
        background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    }
    */
.bioTextHolder,
.bioImgHolder {
    display: inline-block;
}

.bioTextHolder {
    width: 40%;
}

.bioImgHolder {
    width: 30%;
}

.newFilters label {
    margin-top: 0;
}

.download-grey-holder{
    display:inline-block;
    background-color:#f1f1f1;
    width:100%;
    border-radius:5px;
    padding:15px 20px;
    margin-top:15px;
    vertical-align:middle;
    line-height:36px;
    color:#000000;
}


    .download-grey-holder .icon-donwload {
        background-color: rgba(0, 129, 196, 0.05);
        padding: 10px;
        border-radius: 50%;
        color: #0081C4;
    }

.ar .download-grey-holder .icon-donwload {
    float: left;
}

.en .download-grey-holder .icon-donwload {
    float: right;
}

.ar .relatedNewsPanel .col-md-12 {
    border-right: 1px solid #cccccc;
    margin-bottom: 0 !important;
}

.relatedNewsPanel .col-md-12 .cardList {
    padding-top: 20px;
    border-top: 1px solid #000000 !important;
    margin-top: 10px;
    border-radius: 0 !important;
    position: relative;
    margin-bottom: 30px;
}

.relatedNewsPanel .cLightGray {
    position: absolute;
    top: -30px;
}

.photoThumb .col-md-12 {
    display: none;
}

    .photoThumb .col-md-12:nth-child(1),
    .photoThumb .col-md-12:nth-child(2),
    .photoThumb .col-md-12:nth-child(3) {
        display: block;
        position: relative;
    }

    .photoThumb .col-md-12 .imagesNumber {
        display: none;
    }

    .photoThumb .col-md-12:nth-child(3) .imagesNumber {
        display: flex;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.5);
        align-items: center;
        justify-content: center;
        color: #ffffff;
        font-size: 20px;
        font-weight: bold;
        pointer-events: none;
    }

.navbar-collapse ul.navbar-nav {
    padding: 0 !important;
}
ul.navbar-nav * {
    white-space: nowrap;
}

.circleLogo {
    z-index: 9;
}

.controls {
    display: none;
}

.pt-100px {
    padding-top: 100px !important;
}


/********** opinionPoll **********/
.opinionPoll {
    width: 350px;
    min-height: 250px;
    position: fixed;
    right: 0;
    bottom: 0;
    background: #ffffff;
    z-index: 9999;
    border-radius: 15px;
    padding: 20px 20px 55px 20px;
    box-shadow: rgba(17, 12, 46, 0.15) 0px 0px 100px 0px;
}

    .opinionPoll .title {
        position: absolute;
        top: -15px;
        right: 0px;
        height: 50px;
        padding: 10px 20px;
        border-radius: 10px;
        background: #ffffff;
        font-weight: bold;
        max-width: 100%;
        overflow: hidden;
    }

.submitVoteButton {
    background: #961010;
    border-radius: 15px;
    height: 35px;
    display: inline-block;
    position: absolute;
    bottom: 20px;
    right: 20px;
    width: calc(100% - 40px);
    color: #ffffff;
    border: none;
    text-align: center;
    background: #961010;
}

    .submitVoteButton:disabled {
        opacity: .5;
        background: #666666;
    }

label.labelContainer {
    display: block;
    position: relative;
    padding-right: 25px;
    margin-top: 10px;
    margin-bottom: 10px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* Hide the browser's default radio button */
    label.labelContainer input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

/* Create a custom radio button */
.checkmark {
    position: absolute;
    top: 5px;
    right: 0;
    height: 15px;
    width: 15px;
    background-color: #ccc;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
label.labelContainer:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
label.labelContainer input:checked ~ .checkmark {
    background-color: #60BC37;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:before {
    content: "";
    position: absolute;
    display: block;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.container input:checked ~ .checkmark:after {
    display: block;
}

.container input:checked ~ span {
    color: #60BC37;
}

/* Style the indicator (dot/circle) */
label.labelContainer .checkmark:before {
    top: 3px;
    right: 3px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: white;
}

label.labelContainer .checkmark:after {
    top: 4px;
    right: 4px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #60BC37;
}



/********** contactUsSection ********/

.contactUsSection .cardList span {
    display: inline-block;
    vertical-align: middle;
}

.ar .contactUsSection .cardList span[class*="icon-"] {
    float: right;
}

.en .contactUsSection .cardList span[class*="icon-"] {
    float: left;
}

.contactUsSection .cardList span.data {
    width: calc(100% - 200px);
}

.ar .contactUsSection .cardList span.data {
    float: right;
    margin-right: 10px;
}

.en .contactUsSection .cardList span.data {
    left: 10px;
    float: left;
}

.contactUsSection .cardList span.title {
    color: #999999;
}

.en .contactUsSection .cardList span.title {
    float: right;
}

.ar .contactUsSection .cardList span.title {
    float: left;
}


.alert.alert-success {
    z-index: 999999;
    display: none;
}

    .alert.alert-success.show {
        display: block;
    }

.normalPointer {
    cursor: default !important;
}

.cardDesc.maxHeight {
    max-height: 105px;
    overflow: hidden
}

.photo-video-carousel .owl-nav {
    margin-top: 35px !important;
}

.ar .m-16-5 {
    margin-right: -16.5px;
}

.en .m-16-5 {
    margin-right: -16.5px;
}

.borderRadius10 {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.successPartnersImageHolder {
    width: 100px;
    height: 100px;
    background-color: #ffffff;
    display: block;
}

.whiteLogo {
    max-height: 80px;
    width: auto;
}

/*********** lightbox custom styles ********/

.photoLightBox div#lightboxed--content .lightboxed--frame img {
    height: 500px !important;
    top: 24% !important;
}

div#lightboxed--container {
    z-index: 9999 !important;
}

div#lightboxed--content .lightboxed--frame img,
div#lightboxed--content .lightboed--frame iframe {
    -ms-transform: translate(-50%, -50%) !important;
    -webkit-transform: translate(-50%, -50%) !important;
    transform: translate(-50%, -50%) !important;
    max-width: 1200px !important;
    max-height: 600px !important;
}

div#lightboxed--content .lightboxed--frame img {
    top: 350px !important;
}

div#lightboxed--content .lightboxed--frame iframe {
    top: 350px !important;
}

div#lightboxed--container {
    background: rgba(0, 0, 0, 0.35) !important;
}

div#lightboxed--content .lightboxed--frame img {
    border-radius: 20px;
}

div#lightboxed--bttn_close {
    display:none !important;
    right: 50% !important;
    margin-right: -5px !important;
}


div#lightboxed--thumbs{
    display:flex !important;
    background-color:rgba(0,0,0,0.5);
    justify-content:center !important;
    width:100% !important;
}

div#lightboxed--bttn_prev,
div#lightboxed--bttn_next {
    top: auto !important;
    bottom: 10px !important;
    background-color:transparent !important;
    display:inline-block;
}

div#lightboxed--bttn_prev {
    right: 10px !important;
    left: auto !important;
    -webkit-transform: scaleX(-1) !important;
    transform: scaleX(-1) !important;
}
div#lightboxed--bttn_next {
    left: 10px !important;
    right: auto !important;
    -webkit-transform: scaleX(-1) !important;
    transform: scaleX(-1) !important;
}
.videoLightBox #lightboxed--bttn_close {
}
.videoLightBox #lightboxed--bttn_prev,
.videoLightBox #lightboxed--bttn_next,
.videoLightBox #lightboxed--thumbs {
    display: none !important;
}

.videoLightBox div#lightboxed--content .lightboxed--frame iframe {
    width: 80% !important;
    height: 500px !important;
    top: 22% !important;
}
/*****************/
/*
div#lightboxed--thumbs {
    background: rgba(0, 0, 0, 0.35) !important;
    width: 100% !important;
    text-align: center !important;
}
    div#lightboxed--thumbs .lightboxed--thumb {
        float: none !important;
        display:inline-block !important;
    }
    */
.owl-theme .owl-nav [class*=owl-] {
    margin: 5px 0 !important;
}

.owl-carousel .owl-stage-outer {
    padding: 4px 0 !important;
}
.owl-carousel.owl-carousel-home .owl-stage-outer {
    padding: 0px 0 !important;
}
.datepicker-dropdown.datepicker-orient-top::before {
    top: -7px !important;
    left: calc(50% - 6px) !important;
}

.datepicker-dropdown.datepicker-orient-top::after {
    top: -5px !important;
    left: calc(50% - 6px) !important;
}

.orgChartHelper *.hiddenAnimation {
    opacity: 0;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.orgChartHelper * {
    opacity: 1;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.galleryCardMargins {
    padding: 30px 40px !important;
}

.galleryCardMarginsHolder {
    margin: 0 -40px !important;
}

.underII .iB {
    max-height: 75px;
    overflow: hidden;
}

/* width */
.table-responsive::-webkit-scrollbar {
    height: 10px;
}

/* Track */
.table-responsive::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.table-responsive::-webkit-scrollbar-thumb {
    background: #888;
}

    /* Handle on hover */
    .table-responsive::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

.ar .faqQuestion {
    padding-left: 45px !important
}

.en .faqQuestion {
    padding-right: 45px !important
}

.relatedNewsHolder {
    width: 100%;
    max-height: 800px;
    overflow-x: hidden;
    overflow-y: auto;
}

    .relatedNewsHolder .cardList {
        height: auto !important;
    }

    .relatedNewsHolder::-webkit-scrollbar {
        width: 10px;
    }

    /* Track */
    .relatedNewsHolder::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    /* Handle */
    .relatedNewsHolder::-webkit-scrollbar-thumb {
        background: #888;
    }

        /* Handle on hover */
        .relatedNewsHolder::-webkit-scrollbar-thumb:hover {
            background: #555;
        }


.detailsContainer {
    width: 100%;
    display: inline-block;
    text-align: center;
}

.ar .detailsContainer.lang {
    text-align: right;
}

.en .detailsContainer.lang {
    text-align: left;
}

.detailsContainer .details {
    width: 768px;
    margin: 0 auto;
    text-align: justify;
    display: inline-block;
    /*font-size: 22.5px;*/
}
    .detailsContainer .details * {
        text-align: justify;
    }
    .detailsContainer .details ol,
    .detailsContainer .details ul {
        padding-right: 0;
        padding-left: 0;
    }
/*
    .detailsContainer .details ol li,
    .detailsContainer .details ul li{
        list-style-position:inside;
    }
    .detailsContainer .details p {
        font-size: 22.5px;
        text-align: justify;
    }

    .detailsContainer .details h6 {
        font-size: 24px !important;
    }

    .detailsContainer .details h5 {
        font-size: 26px !important;
    }

    .detailsContainer .details h4 {
        font-size: 28px !important;
    }

    .detailsContainer .details h3 {
        font-size: 30px !important;
    }

    .detailsContainer .details h2 {
        font-size: 32px !important;
    }

    .detailsContainer .details h1 {
        font-size: 34px !important;
    }

    .detailsContainer .details h1,
    .detailsContainer .details h2,
    .detailsContainer .details h3,
    .detailsContainer .details h4,
    .detailsContainer .details h5,
    .detailsContainer .details h6 {
        margin-bottom: 10px;
        font-weight: 700;
    }
    */
.mobileView{
    display:none;
}
.desktopView{
    display:block;
}
.cardList .mb-15px {
    margin-bottom: 15px !important;
}
@media only screen and (max-width: 768px) {
    .mobileView {
        display: block;
    }

    .desktopView {
        display: none;
    }

    .mobileView .eventDetailsLogoHolder .square {
        right: initial;
        left: initial;
        position: relative;
        margin-right: initial;
        margin-left: initial;
        border-right: none;
        border-left: none;
        padding-right:0px;
        padding-left:0px;
    }
    .mb-15px-res {
        margin-bottom: 15px !important;
    }
    .w100-res {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        position: relative;
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
    }
    .contactUsPage *[class*="col-"].mb-15px-res {
        margin-bottom: 15px !important;
    }
    .restyleRelated.relatedNewsPanel .relatedNewsHolder {
        max-height: inherit;
        overflow-x: initial;
        overflow-y: initial;
    }
    .restyleRelated.relatedNewsPanel .col-md-12 {
        border-right: none;
        border-left: none;
    }
    .photoLightBox div#lightboxed--content .lightboxed--frame img {
        top: 14% !important;
    }
        div#lightboxed--stage div#lightboxed--thumbs {
            display: none !important;
        }
        .photoGalleryHolder .col-md-9{
            display:none;
        }
        .detailsContainer .details {
            width: 100% !important;
        }
        .detailsContainer .details p {
            text-align:justify;
        }
        div#lightboxed--bttn_prev, div#lightboxed--bttn_next {
            top: 50% !important;
            margin-top: 15px !important;
            bottom: initial !important;
            border: 2px solid #ffffff;
        }
        .pt-100px.minHistory{
            padding-top:0px !important;
        }
        .internalErrorHolder {
            width:  calc(100% - 60px) !important;
            margin: 0 30px !important;
        }
            .internalErrorHolder .justify-content-end{
                justify-content:center !important;
            }
        .navbar-expand-lg .navbar-nav .dropdown-menu {
            border: 1px solid #f1f1f1;
            border-radius: 10px;
            left: auto !important;
            right: 0px;
            box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 6px -1px, rgba(0, 0, 0, 0.03) 0px 2px 4px -1px;
            position: absolute;
            min-width: calc(100% - 40px);
        }
            .navbar-expand-lg .navbar-nav .dropdown-menu li .dropdown-item {
                border-bottom: 1px solid #f1f1f1;
            }

            .navbar-expand-lg .navbar-nav .dropdown-menu li:last-child .dropdown-item {
                border-bottom: none;
            }
        /*
        .detailsContainer .details,
        .detailsContainer .details * {
            font-size: 18px;
        }
        */
    }

.faqQuestion .icon-arrow-down {
    position: absolute;
    top: 1px;
}

.faqQuestion .icon-arrow-down {
    background-color: rgba(70, 117, 239, 0.08);
    font-size: 12px !important;
    padding: 7px;
    border-radius: 50%;
}

.faqQuestion.toggled .icon-arrow-down {
    background-color: rgba(70, 117, 239, 1);
    color: #ffffff;
    opacity: 1;
}

.jobsListStyle2 .icon-arrow-down {
    font-size: 12px !important;
    padding: 7px;
    border-radius: 50%;
    background-color: rgba(70, 117, 239, 1);
    color: #ffffff !important;
    opacity: 1;
}

.addressLine {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: calc(100% - 25px);
    display: inline-block;
    vertical-align: bottom;
}

a.icon-open-link:hover{
    vertical-align:initial !important;
}


.tooltip-inner {
    max-width: 320px;
    font-size: 16px;
    padding: 7px 10px;
    background: #FFFFFF;
    color: #000000;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-radius: 5px;
    border:1.5px solid #cccccc;
}

.tooltip.show {
    opacity: 1;
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before {
    border-bottom-color: #ffffff !important;
    display:none;
}

.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before {
    border-top-color: #ffffff !important;
    display: none;
}

.bs-tooltip-auto[x-placement^=left] .arrow::before, .bs-tooltip-left .arrow::before {
    border-left-color: #ffffff !important;
    display: none;
}

.bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before {
    border-right-color: #ffffff !important;
    display: none;
}

.trimOneLine {
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.icon-donwload.solid {
    border-radius: 20px;
    width: 25px;
    height: 25px;
    display: inline-block;
    line-height: 25px;
    text-align: center;
    font-size: 12px;
    font-weight: normal;
    background-color: #F4E8E8;
    color: #B66767;
}

.lineBox{
    border:1px solid #999999;
    width:100%;
    height:100%;
    display:inline-block;
    padding:15px;
    border-radius:10px;
}

.lH40{
    line-height:40px;
}
.errorImg{
    margin-top:10px;
    height:150px;
}


.otherHotLines .col-md-3:nth-child(2n),
.otherHotLines .col-md-3:nth-child(3n),
.otherHotLines .col-md-3:nth-child(4n),
.otherHotLines .col-md-3:nth-child(6n),
.otherHotLines .col-md-3:nth-child(7n),
.otherHotLines .col-md-3:nth-child(8n){
    padding: 0 15px !important;
}
    .otherHotLines .col-md-3:nth-child(2n):after,
    .otherHotLines .col-md-3:nth-child(3n):after,
    .otherHotLines .col-md-3:nth-child(4n):after,
    .otherHotLines .col-md-3:nth-child(6n):after,
    .otherHotLines .col-md-3:nth-child(7n):after,
    .otherHotLines .col-md-3:nth-child(8n):after{
        display: none !important;
    }


.cardList a.cHover:hover{
    vertical-align:bottom !important;
}

.catLabel {
    background: #f1f1f1;
    padding: 5px 10px;
    border-radius: 5px;
    margin: 5px 0 0 5px;
    display:inline-block;
    clear: both;
    font-size: 14px;
}
.tAlR {
    text-align: right !important;
    font-size: 0;
}



/*** New Pages CSS ***/
.innerBannerImgHolder{
    width:100%;
    aspect-ratio:1/.5;
    overflow:hidden;
    position:relative;
    display:inline-block;
}
.innerBannerImgHolder img{
    width:100% !important;
    height:100% !important;
    object-fit:cover;
}
    .innerBannerImgHolder h2,
    .imgCard h2{
        object-fit: cover;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 25px;
        padding: 10px 15px;
        font-size: 18px;
        color: #fff;
        background-color: rgba(0,0,0,0.5);
        z-index:9;
    }
.imgCard h2 {
    bottom: 10px;
    border-radius:10px;
}
        /******** FAQ *********/
        .faq-item {
            padding: 20px;
            cursor: pointer;
            border: 1px solid rgba(0, 0, 0, 0.25);
            background-color: rgba(0, 0, 0, 0);
            border-radius: 15px;
            margin-top: 20px;
        }

    .faq-item.active {
        border: 1px solid rgba(28, 79, 157, 1);
        background-color: rgba(28, 79, 157, 0.05);
    }

.faq-question {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: bold;
}

.faq-answer {
    margin-top: 0px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease, opacity 0.3s ease;
    opacity: 0;
    color: #666;
    font-size: 16px;
}

.faq-item.active .faq-answer {
    max-height: 200px; /* adjust based on content */
    opacity: 1;
    margin-top: 20px;
}

.arrow {
    transition: transform 0.3s ease;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background-color: #f0f0f0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.faq-item.active .arrow {
    transform: rotate(180deg);
    background-color: #1C4F9D;
}

.faq-item .arrow img {
    width: 16px;
    height: auto;
}

.faq-item.active .arrow img {
    filter: brightness(0) invert(1);
}

.newsNewStyle {
    padding: 20px;
    background-color: #F8F9FA !important;
    border:1px solid #dddddd;
    cursor:default !important
}
    .newsNewStyle img {
        cursor: default !important
    }


.faqList.styleTwo .faqQuestion{
    margin:0 !important;
    border-radius:0;
    width:100% !important;
    font-weight:bold;
}

.faqListHolder {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border:1px solid #dddddd;
    border-radius:10px;
}

    .faqListHolder .faqAnswer{
        padding-top:20px;
    }

    .faqListHolder .faqList.styleTwo:first-child .faqQuestion {
        border-radius: 10px 10px 0 0;
    }

.faqListHolder .faqList.styleTwo:last-child .faqQuestion {
    border-radius: 0 0 10px 10px;
}

.newTitle {
    color:#931B1B;
    position: relative;
    padding-bottom: 20px;
}

/*
.newTitle::after{
    content:"";
    width:100px;
    height:6px;
    border-radius:3px;
    background-color:#961010;
    position:absolute;
    left:50%;
    margin-left:-50px;
    bottom:0;
}
    */
.paginationRestyling.newOne *[style*="max-width"]{
        max-width:100% !important;
}

.externalCustomHeader{
    width:100%;
    height:125px;
    background: #B71C1CE5;
    background: linear-gradient(0deg,rgba(183, 28, 28, 1) 0%, rgba(0, 0, 0, 1) 100%);
    margin-bottom:0px;
    display:inline-block;
    gap:20px;
}
    .externalCustomHeader ~ .mainContainer .innerBannerImgHolder {
        aspect-ratio: 1 / .4 !important;
    }
    .externalCustomHeader ~ .mainContainer .owl-carousel .owl-stage-outer{
        padding-top:0 !important;
    }
    .externalCustomFooter {
        width: 100%;
        height: 125px;
        margin-top: 50px;
        display: inline-block;
        background-color: #282828;
    }

.externalCustomHeader .mainContainer {
    gap: 20px;
    height: 125px;
}


    .externalCustomHeader span {
        color: #fff;
        font-size: 25px;
        font-weight: bold;
    }

body.noPaddingBottom{
    padding-bottom: 0 !important;
}
.owl-carousel-inner.two.owl-theme .owl-dots .owl-dot span {
    background: #BBBBBB !important;
}
.owl-carousel-inner.owl-theme .owl-dots .owl-dot.active span {
    background: #ffffff !important;
}

    .owl-carousel-inner.two.owl-theme .owl-dots .owl-dot span, .owl-carousel-inner.owl-theme .owl-dots .owl-dot.active span {
    width: 10px !important;
    height: 10px !important;
}

.newSearchForm select option {
    color: black;
    font-weight: 500;
}

.newSearchForm select.empty {
    color: black;
}

.customNewTable thead th {
    border-top: 0;
    border-bottom: 0;
    background-color: #F4E8E8;
}

.table-striped.customNewTable tbody tr:nth-of-type(even) {
    background-color: rgba(0, 0, 0, 0.05) !important;
}

.table-striped.customNewTable tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.0) !important;
}

.table-striped.customNewTable a{
    color:#000000;
}

.socialAffairsDetails{
    width:100%;
    display:inline-block;
    padding:20px;
    border:1px solid #000000;
    border-radius:15px;
    margin-bottom:50px;
}


.socialAffairsDetails span.w100{
    margin:10px;
}

.extraPanels .cardData {
    padding: 0 15px 15px 15px;
}
.cDefault {
    cursor: default !important;
}

.faqList.styleTwo .faqQuestion .icon-arrow-down {
    background-color: #F4E8E8;
}

.faqList.styleTwo .faqQuestion.toggled .icon-arrow-down {
    background-color: #931B1B;
    color: #F4E8E8;
}

.btn.moreNewNews {
    background-color: #007BFF !important;
    min-width:auto !important;
}

    .btn.moreNewNews:hover {
        background-color: #006ee3 !important;
    }

.rFooter footer{
    position:relative;
}


.owl-carousel-home.owl-theme .owl-nav *,
.owl-carousel-inner.owl-theme .owl-nav * {
    font-family: ariel !important;
}

.newsletterDateHolder {
    background-color: #4675EF;
    padding: 0px 10px 0px 10px;
    border-radius: 5px;
    color: #fff;
}

.calenderPaper{
    display:inline-block;
    width:55px;
    height:55px;
}

.ar .calenderPaper{
    margin-left:10px;
}
.en .calenderPaper {
    margin-right: 10px;
}
.calenderPaper .month {
    background-color: #f8575c;
    width: 100%;
    height: 22px;
    font-weight: normal;
    color: #fff;
    display: inline-block;
    line-height: 18px;
    font-size: 15px;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    text-align: center;
}

    .calenderPaper .day {
        width: 100%;
        height: 33px;
        font-weight: 500;
        border-right: 1px solid #f1f1f1;
        border-left: 1px solid #f1f1f1;
        border-bottom: 1px solid #f1f1f1;
        color: #000;
        display: inline-block;
        line-height: 30px;
        font-size: 25px;
        text-align: center;
        -webkit-border-bottom-right-radius: 8px;
        -webkit-border-bottom-left-radius: 8px;
        -moz-border-radius-bottomright: 8px;
        -moz-border-radius-bottomleft: 8px;
        border-bottom-right-radius: 8px;
        border-bottom-left-radius: 8px;
    }
.eventsSection .cardList{
    padding-bottom:90px !important;
}
.eventsSection .cardList a {
    bottom: 30px !important;
}
.eventsSection .cardList a .aText {
    border-bottom: 1px solid #000;
    padding-bottom: 10px;
    font-size:16px;
}
    .eventsSection .cardList .cardTitle {
        font-size: 17px;
    }
    .eventsSection .cardList .cardDesc{
        font-size:16px;
    }
    .eventsSection .cardList a .icon-arrow-left2 {
        vertical-align: bottom;
    }

    .pDNews .imgCard {
        min-width: 150px;
        max-width: 150px;
        aspect-ratio: 1/.65 !important;
        border-radius: 10px;
    }


.pDNews:hover .cGray,
.pDNews:hover .cBlack{
    color:#931B1B !important;
}
/*ASalem*/
.martyr-service-description a {
    pointer-events: none;
    cursor: pointer;
    text-decoration-line: underline;
}

.faqAnswer.martyr-service-description a{
    pointer-events:initial !important;
    color:blue !important;
}

.mT-40px {
    margin-top: 40px;
}

.eventsSection .cardList.home .cardDate{
    position:absolute;
    bottom:55px;
}

.normal{
    font-weight:normal;
}
.webSiteTitle {
    height: 80px;
    min-width: 160px;
    max-width: 150px;
    align-items: center;
    display: flex;
    padding-inline-start: 5px;
}

.innerBannerImgHolder h2{
    text-align:center;
}

.mT-40px{
    margin-top:40px;
}

/*********************/
.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        margin-top: -6px;
        margin-left: -1px;
        -webkit-border-radius: 0 6px 6px 6px;
        -moz-border-radius: 0 6px 6px;
        border-radius: 0 6px 6px 6px;
    }
.ar .dropdown-submenu > .dropdown-menu{
    right:100% !important;
}
.en .dropdown-submenu > .dropdown-menu {
    left: 100% !important;
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

.dropdown-submenu > a:after {
    display: block;
    content: " ";
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    margin-top: 7px;
}
.ar .dropdown-submenu > a:after {
    float: left;
    border-width: 5px 5px 5px 0px;
    border-right-color: #ccc;
    margin-left: -10px;
}
.en .dropdown-submenu > a:after {
    float: right;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-right: -10px;
}

    .dropdown-submenu:hover > a:after {
        border-left-color: #fff;
    }

    .dropdown-submenu.pull-left {
        float: none;
    }

        .dropdown-submenu.pull-left > .dropdown-menu {
            left: -100%;
            margin-left: 10px;
            -webkit-border-radius: 6px 0 6px 6px;
            -moz-border-radius: 6px 0 6px 6px;
            border-radius: 6px 0 6px 6px;
        }
.customNewTable td{
    vertical-align:baseline !important;
}

.fWhite{
    color: #fff !important;
}

.videoThumbContainer{
    position:relative;
}

    .videoThumbContainer iframe {
        position: absolute;
        pointer-events: none;
        z-index: 999;
        width: 100%;
        object-fit: cover;
        object-position: center;
        border: none;
        transform: scale(2);
        top: 40%;
    }

    .videoThumbContainer.sh iframe {
        transform: scale(3);
        top: 75%;
        }

        .videoThumbContainer img {
            position: absolute;
            z-index: 99;
        }

body.noPaddingBottom div#lightboxed--thumbs,
body.noPaddingBottom #lightboxed--bttn_prev,
body.noPaddingBottom #lightboxed--bttn_next{
    display: none !important;
}

div#lightboxed--content .lightboxed--frame img, div#lightboxed--content .lightboxed--frame iframe {
    max-width:1000px;
    max-height:500px;
    width:600px;
    height:300px;
}

*[class*='fa-'], *[class*='fa-']::before{
    color: #961010 !important;
}

.daem-access-actions *[class*='fa-'],
.daem-access-actions *[class*='fa-']::before{
    color: #ffffff !important;
}