/* ADLSA ICONS */
@charset "UTF-8";

@font-face {
    font-family: "adlsa-icons";
    src: url("fonts/adlsa-icons.eot?v=4");
    src: url("fonts/adlsa-icons.eot?#iefix") format("embedded-opentype"), url("fonts/adlsa-icons.woff?v=4") format("woff"), url("fonts/adlsa-icons.ttf?v=4") format("truetype"), url("fonts/adlsa-icons.svg#adlsa-icons") format("svg");
    font-weight: normal;
    font-style: normal;
}

[data-icon]:before {
    font-family: "adlsa-icons" !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[class^="adlsaicons-"]:before,
[class*=" adlsaicons-"]:before {
    font-family: "adlsa-icons" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.adlsaicons-services:before {
    content: "\61";
}

.adlsaicons-building:before {
    content: "\62";
}

.adlsaicons-network:before {
    content: "\63";
}

.adlsaicons-government:before {
    content: "\64";
}

.adlsaicons-resources:before {
    content: "\65";
}

.adlsaicons-recruitment:before {
    content: "\66";
}

.adlsaicons-meeting:before {
    content: "\67";
}

.adlsaicons-graduation:before {
    content: "\68";
}

.adlsaicons-government2:before {
    content: "\69";
}

.adlsaicons-family:before {
    content: "\6a";
}

.adlsaicons-building2:before {
    content: "\6b";
}

.adlsaicons-training:before {
    content: "\6c";
}

.adlsaicons-workflow:before {
    content: "\6d";
}

.adlsaicons-eform:before {
    content: "\6e";
}

.adlsaicons-eservice:before {
    content: "\6f";
}
/* END OF ADLSA ICONS */

html, body, form {
    font-size: 14px;
}

body {
    font-family: lato;
    color: #474747;
}

.ion-ios-calendar-outline:before {
    padding-right: 8px;
    color: #474747;
}

.ion-ios-calendar-outline:lang(ar):before {
    padding-right: 0;
    padding-left: 8px;
}

/*@font-face {
    src: url('../fonts/Proxima_Nova_Semibold.ttf');
    font-family: ProximaNovasemi;
    font-weight: 600;
}*/

/*general rules*/

.main-content > .container {
    padding: 15px;
}

.fixed-link a p {
    margin-top: 8px;
}

#fromDate, #toDate {
    padding-top: 16px;
}

.nopadding {
    padding: 0;
}

.paddingZero {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.floatleft {
    float: left;
}

.block {
    display: block;
}

span.icon-mobile-stars-menu {
    color: #872248;
    font-size: 5rem;
    cursor: pointer;
    z-index: 99999;
}

.margin0 {
    margin: 0;
}

.directionRight {
    direction: rtl;
}

.textright {
    text-align: right;
}

    .textright:lang(ar) {
        text-align: left;
    }

.inline-block {
    display: inline-block !important;
}

ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

i.ion-ios-clock-outline {
    display: inline-block;
    margin-right: 7px;
}

.tweet-info .i.ion-ios-clock-outline {
    margin-right: 5px;
}

a {
    color: #7e6649;
}

/*a:hover {
        text-decoration: none;
    }*/

.center {
    text-align: center;
}

img {
    max-width: 100%;
}

.ms-cui-img-cont-float img {
    max-width: none !important;
}

html * {
    outline: none !important;
    font-variant-ligatures: none;
}

.separator32 {
    display: block;
    height: 32px;
    width: 100%;
}

.clocksizefix {
    font-size: 1.5714rem;
    vertical-align: middle;
}


/*style customisation */

header {
    padding-top: 15px;
}

    header a {
        color: #484848;
        font-size: 0.9rem;
        padding: 0;
    }

    header > .container {
        padding: 15px 0;
    }

ul.header-menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

    ul.header-menu li {
        display: inline-block;
        margin-right: 16px;
        margin: 10px 16px 25px 0;
    }

        ul.header-menu li:lang(ar) {
            margin: 25px 16px 10px 0;
        }

        ul.header-menu li a {
            display: block;
            text-decoration: none;
        }

            ul.header-menu li a:hover {
                text-decoration: none;
            }

        ul.header-menu li i {
            color: #7e6649;
            /*vertical-align: bottom;*/
            font-size: 1rem;
        }

            ul.header-menu li i:before {
                color: #7e6649;
            }

/*flags & profile*/
.profile_language {
    text-align: right;
}

div#language_selector .btn {
    padding: 0px 5px;
    border: none;
}

.flagstrap span.caret {
    vertical-align: top;
}

span.caret {
    border: none;
    position: relative;
    margin-left: 5px !important;
}

    span.caret:after {
        display: block;
        font-family: "Ionicons";
        content: "\f3d0";
        position: relative;
        color: #7e6649;
    }

span.bs-caret span.caret:after {
    top: -7px;
    left: -7px;
}

html .dropdown-menu > .active > a span {
    color: #fff !important;
}

div#language_selector .btn span:hover, div#language_selector .btn {
    background: transparent;
    box-shadow: none;
    outline: none;
}

.user-profile, div#language_selector .btn {
    font-family: ProximaNovasemi;
    font-size: 0.9rem;
}

    .user-profile a img {
        margin-right: 5px;
    }

/*menu*/
.menu {
    border-top: 1px solid #eee9e2;
    /*background-color: #f2f2f2;*/
}

.show {
    display: block;
}

nav#nav-menu ul {
    list-style: none;
    padding: 0;
}

    nav#nav-menu ul li {
        display: inline-block;
        position: relative;
        margin-right: 17px;
    }

        nav#nav-menu ul li a {
            font-family: lato;
            padding: 30px 0px 30px 0;
            display: block;
            font-weight: bold;
            font-size: 1.15rem;
        }

            nav#nav-menu ul li a:hover, nav#nav-menu ul li a:active, nav#nav-menu ul li a:focus {
                color: #484848;
            }

div.search-form, label.advancedSearchLnk {
    display: inline-block;
    color: #7e6649;
    position: relative;
}

    div.search-form, label.advancedSearchLnk:lang(ar) {
        font-family: inherit !important;
    }

label.advancedSearchLnk {
    margin: 0 10px 0 0;
}

    label.advancedSearchLnk:lang(ar) {
        margin: 0 0 0 10px;
    }

nav#nav-menu ul li ul {
    position: absolute;
    left: 0;
    top: 100%;
    padding: 0;
    margin: 0;
    display: none;
    -webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -ms-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms;
}

    nav#nav-menu ul li ul li {
        display: block;
    }

        nav#nav-menu ul li ul li a {
            width: 115px;
            padding: 10px 20px;
        }

a:visited {
    color: #484848;
}

nav#nav-menu ul li:hover ul {
    display: block;
    background: white;
    z-index: 999;
    border: 1px solid #fcf8e3;
}

html nav#nav-menu ul li a span {
    font-size: 0.9rem;
    margin-left: 5px;
    padding: 5px;
    display: inline-block;
    text-align: right;
    padding-right: 0;
}

.haschild > a:after {
    font-family: "Ionicons";
    /*content: "\f3d0";*/
    margin-left: 10px;
    top: 3px;
    position: relative;
}

/*slider*/
#slider,
.slider-page {
    background-size: cover;
    background-repeat: no-repeat;
    font-family: lato;
    color: #ffffff;
    position: relative;
    background-position: center;
    padding: 0;
}

    #slider h2,
    .slider-page h2 {
        font-weight: 100;
        font-size: 3.25rem;
        padding: 80px 10px 10px 10px;
        text-shadow: 1px 2px 1px #000;
        margin: 0 auto;
        width: 80%;
    }

    #slider h3,
    .slider-page h3 {
        font-size: 2.5rem;
        font-weight: bold;
        text-shadow: 1px 2px 1px #000;
        letter-spacing: 1px;
        padding: 10px 10px 80px 10px;
        margin: 0 auto;
        width: 80%;
    }

.diapo-sides.leftside {
    text-align: center;
    padding: 0;
    width: 100%;
    margin: 0 auto;
    /*height: 375px;*/
}

.diapo-sides.rightside {
    height: 100%;
}

.sliderAbs {
    height: 100%;
    right: 0;
}

.diapo-sides.rightside a {
    color: inherit;
}

.diapo-sides.rightside .row {
    position: relative;
    font-size: 1.15rem;
    padding-left: 15%;
}

.diapo-sides.rightside a:last-child .row {
    height: 34%;
}

.diapo-sides.rightside a:nth-child(1) .row {
    background: rgba(132, 37, 71, 0.66);
}

.diapo-sides.rightside a:nth-child(2) .row {
    background: rgba(255, 255, 255, .85);
    color: #7e6649;
}

.diapo-sides.rightside a:nth-child(3) .row {
    background: rgba(190, 156, 113, 0.9);
}

.diapo-sides.rightside a:nth-child(4) .row {
    background: rgba(132, 37, 71, 0.66);
}


/*****/

.slider-page > .container {
    position: relative;
}

.slider-page .sliderAbs {
    position: absolute;
    top: 0;
    bottom: 0;
}

.slider-page .diapo-sides.rightside a {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    font-size: 1.8rem;
    padding: 40% 15px;
    text-align: center;
}


    .slider-page .diapo-sides.rightside a.gold {
        background: rgba(160, 127, 93, 0.9);
    }

    .slider-page .diapo-sides.rightside a.blue {
        background: rgba(53, 87, 101, 0.9);
    }

    .slider-page .diapo-sides.rightside a.blue-fonce {
        background: rgba(101, 135, 152, 0.9);
    }

    .slider-page .diapo-sides.rightside a.pink {
        background: rgba(130, 38, 70, 0.9);
    }

    .slider-page .diapo-sides.rightside a.pink-fonce {
        background: rgba(66, 26, 89, 0.9);
    }

.slider-page .diapo-sides span {
    display: block;
}

.slider-page .diapo-sides img {
    margin: 0 0 35px;
}

.slider-page .diapo-sides.rightside a:hover,
.slider-page .diapo-sides.rightside a:focus {
    color: #fff;
}

/******/


div.search-form a {
    -webkit-appearance: none;
    color: #7e6649;
    -webkit-appearance: none;
    top: 25px;
    line-height: 35px;
    position: absolute;
    right: 0;
    font-size: 1rem;
    width: 30px;
    height: 35px;
    text-align: center;
}

    div.search-form a:lang(ar) {
        right: auto !important;
        left: 0;
    }

    div.search-form a i {
        line-height: 35px;
    }

.search-page div.search-form a {
    color: #7e6649;
    position: absolute;
    font-size: 1rem;
    top: 0;
    width: 30px;
    height: 35px;
    line-height: 35px;
    text-align: center;
}

    .search-page div.search-form a i {
        line-height: 35px;
    }

.search-page div.big-search a {
    color: #7e6649;
    position: absolute;
    font-size: 1rem;
    right: 15px !important;
}

    .search-page div.big-search a:lang(ar) {
        left: 60px;
    }

div.search-form input[type="text"] {
    border: 1px solid #dedede;
    margin-left: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 7px 10px;
    padding-right: 30px;
    display: inline-block;
    width: 100%;
    max-width: 180px;
    font-weight: 400;
    color: rgba(71, 71, 71, 0.5);
    margin: 25px 5px 25px 0;
    height: 35px;
}

    div.search-form input[type="text"]:lang(ar) {
        padding-right: 10px;
        padding-left: 30px;
    }

form.search-form input[type="text"]::-webkit-input-placeholder {
    color: rgba(71, 71, 71, 0.5);
}

form.search-form input[type="text"]::-moz-placeholder {
    color: rgba(71, 71, 71, 0.5);
}

form.search-form input[type="text"]:-ms-input-placeholder {
    color: rgba(71, 71, 71, 0.5);
}

form.search-form input[type="text"]:-moz-placeholder {
    color: rgba(71, 71, 71, 0.5);
}

.form-control {
    /*Jumpy's*/
    /*border-radius:40px;*/
    border-color: #dedede !important;
    border: 1px solid;
    box-shadow: none;
    padding: 6px 12px !important;
}

    .form-control:focus {
        border-color: #dedede !important;
        box-shadow: none !important;
    }

.genBtn {
    position: relative !important;
    margin: 0 !important;
}

#slider .diapo-sides span {
    display: inline-table;
    max-width: 50%;
    vertical-align: middle;
    padding-left: 20px;
    text-transform: capitalize;
}

#slider .diapo-sides img {
    width: auto;
    display: inline;
}

.owl-dots {
    position: relative;
    bottom: 50px;
    /*left: 10px;*/
}

    .owl-dots .owl-dot {
        /*background: #69615c;*/
        background: rgba(255,255,255,0.5);
        height: 10px;
        width: 10px;
        display: inline-block;
        margin: 5px;
        border-radius: 100%;
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        transition-duration: 300ms;
        box-shadow: 1px 2px 1px #000;
    }

        .owl-dots .owl-dot.active {
            background: #FFFFFF;
        }

/*services*/
.services {
    /*    margin-top: 60px; */
    font-family: lato;
    color: #ffffff;
    margin: 30px auto;
}

#s4-bodyContainer {
    padding-bottom: 0px;
}

.services h2 {
    padding: 0;
    margin: 0 0 0px 0;
    font-weight: 700;
    font-size: 1.8rem;
    color: #474747;
    position: relative;
    font-family: lato;
}

h2.bordred, h1.bordred {
    padding: 0;
    margin: 0 0 40px 0;
    font-weight: 700;
    font-size: 1.8rem;
    color: #474747;
    position: relative;
    font-family: lato;
}

    h2.bordred:after, h1.bordred:after {
        content: '';
        background: #7e6649;
        width: 65px;
        height: 3px;
        display: block;
        bottom: -15px;
        position: relative;
    }

    h2.bordred.center:after, h1.bordred.center:after, h2.bordred.center:after {
        margin: 0 auto;
    }

.services h3 {
    /* color:white; */
    margin: auto;
    font-size: 1.5rem;
    padding: 0 5px;
    /*font-weight: 600;
    max-width: 200px;*/
    font-family: "GE SS Two light", "lato" !important;
}

.services h4 {
    font-size: small;
    font-weight: 300;
}

.services .service_item {
    background: #872248;
    overflow: hidden;
    margin: 5px;
    color: white;
    /*padding: 10px 0;*/
    /*min-height: 115px;*/
}

/*.services .service_item:hover,
    .services .service_item:active,
    .services .service_item:focus {
        box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.40);
    }*/

.services .noColorAnchor:hover .service_item,
.services .noColorAnchor:active .service_item,
.services .noColorAnchor:focus .service_item {
    box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.20);
}


.services_items {
    margin: -5px;
    margin-top: 10px;
}

.service_item img {
    width: auto;
    margin-top: 15px;
}

.service_item_container.col-md-2 {
    width: 20% !important;
}

/*.services .service_item .col-md-4 {*/
.services .service_item .service_icon {
    border-left: 1px solid #92385a;
    min-height: 90px;
    height: 90px;
    text-align: center;
    /*background: rgba(0, 0, 0, 0.03);*/
    /*padding: 10px 0;*/
    display: table;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .services .service_item .service_icon:lang(en) {
        border-right: 1px solid #92385a;
        border-left: 0;
    }

.services_items .service_item_container:nth-child(even) .service_item .service_icon {
    border-left: 1px solid #8e7557;
}

    .services_items .service_item_container:nth-child(even) .service_item .service_icon:lang(en) {
        border-right: 1px solid #8e7557;
        border-left: 0;
    }

/*.services .service_item .col-md-8.col-xs-8 {*/
.services .service_item .service_title {
    min-height: 90px;
    height: 90px;
    padding: 6px 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.services .service_item .service_icon_mainpage .adlsaicons {
    font-size: 34px !important;
}

.service_maintitle {
    font-size: 1.25rem !important;
}

.services_items .col-md-3:nth-child(even) .service_item, .services_items .col-md-2:nth-child(even) .service_item {
    background: #7e6649;
}

    .services_items .col-md-3:nth-child(even) .service_item:hover {
        /*background: #98774b;*/
    }

    .services_items .col-md-3:nth-child(even) .service_item .col-md-4,.services_items .col-md-2:nth-child(even) .service_item .col-md-4 {
        border-right-color: #ad9372;
        /*filter: saturate(112%);*/
        /*background: #7e6649;*/
    }

/*news*/

.latest_news > .container .container:nth-last-child(1) > div > div {
    padding: 0;
}

#HomeLatestNewsAR, #HomeLatestNews {
    padding: 15px;
    border: 1px solid #f2f2f2;
    height: 380px;
}

/*#HomeLatestNewsAR > div, #HomeLatestNews > div {
        height: 100px;
    }*/

.news_slider {
    /* -webkit-box-shadow: 0px 3px 5px 0px rgba(226, 226, 226, 0.5); */
    -moz-box-shadow: 0px 3px 5px 0px rgba(226, 226, 226, 0.5);
    /* box-shadow: 0px 3px 5px 0px rgba(226, 226, 226, 0.5); */
    font-family: lato;
    /*border: 1px solid #f2f2f2;*/
    /*background: #f7f7f7;*/
    line-height: 22px;
    padding: 0 0 20px 0;
    /* margin-top: 50px; */
    /*border-radius: 5px;*/
}

    .news_slider header {
        padding-top: 0px;
    }

    .news_slider article figure a {
        display: block;
    }

        .news_slider article figure a img {
            margin: 0;
        }

    .news_slider article time {
        color: #7e6649;
        display: block;
        margin-top: 15px;
    }

        .news_slider article time i {
            font-size: 1.4rem;
            vertical-align: sub;
        }

            .news_slider article time i:before {
                color: #7e6649;
            }

    .news_slider article h2 {
        font-size: 1.15rem;
        color: #5e5e5e;
        font-weight: 900;
        line-height: 30px;
        margin: 5px 0;
        /*max-width: 390px;*/
        text-align: justify;
    }

    .news_slider article .excerpt {
        font-weight: 400;
        color: #727374;
    }

    .news_slider article a.news_permalink {
        /* background: #7e6649; */
        color: #872248;
        /* padding: 6px 16px; */
        /* margin: 10px 0 0 0; */
        /* border-radius: 4px; */
        /* min-width: 75px; */
    }

        .news_slider article a.news_permalink i {
            /*margin-left: 5px;*/
            display: inline-block;
            vertical-align: middle;
        }

    .news_slider .owl-dots {
        position: static;
        width: 100%;
        text-align: center;
        height: 20px;
    }

        .news_slider .owl-dots .owl-dot {
            background: rgba(166, 136, 99, 0.27);
        }

            .news_slider .owl-dots .owl-dot.active {
                background: #7e6649;
            }

/*news*/

/*quick access*/
div#quick_access {
    font-family: lato;
    border: 1px solid #f2f2f2;
    padding: 15px;
    min-height: 380px;
}

    div#quick_access ul {
        /*margin-top: 50px;*/
        list-style: none;
        padding: 0;
    }

        div#quick_access ul li {
            padding: 5px 0;
        }

            div#quick_access ul li:last-child {
                padding-bottom: 0;
            }

            div#quick_access ul li a {
                color: #727374;
            }

                div#quick_access ul li a:before {
                    content: "\f0da";
                    font-family: 'fontawesome';
                    color: #7e6649;
                    margin-right: 10px;
                    text-decoration: none;
                    display: inline-block;
                }

            /*div#quick_access ul li a:before:hover,
                    div#quick_access ul li a:before:active,
                    div#quick_access ul li a:before:focus {
                        text-decoration: none;
                    }*/

            div#quick_access ul li:last-child a {
                border: none;
            }

.full-width-slider-with-image .row .col-md-4 {
    padding: 0 5px;
    position: relative;
}

    .full-width-slider-with-image .row .col-md-4 img {
        width: 100%;
    }
/*quick access*/

/*full-width-slider-with-image*/

.full-width-slider-with-image {
    margin: 30px 0;
    font-family: lato;
}

.full-width-slider-item .the_link {
    color: #fff;
    text-align: center;
    /* height: 50%; */
    margin: auto;
    position: absolute;
    /* top: 0; */
    left: 0;
    bottom: 0;
    right: 0;
    width: calc(100%);
    /* max-width: 400px; */
    /* min-width: 270px; */
    font-size: 1.25rem;
    /*background-color: rgba(0,0,0, 0.5);*/
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 90%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 90%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

    .full-width-slider-item .the_link a {
        max-width: 80%;
        display: block;
        text-align: center;
        margin: 0 auto;
    }

    .full-width-slider-item .the_link h3 {
        margin: 10px 0;
        font-size: 1.5rem;
        color: #fff;
        min-height: 40px;
        text-shadow: 1px 1px 4px #000000;
        /* margin-bottom: -15px; */
    }

full-width-slider-item .the_link a i {
    color: #7e6649;
    border: 2px solid;
    border-radius: 100%;
    height: 20px;
    width: 20px;
    display: inline-block;
    margin: 0 auto;
    font-size: 1.15rem;
    text-align: center;
    line-height: 18px;
}

/*full-width-slider-with-image*/

/*events*/
/*.events {
    margin-top: 83px;
}*/

div#events_slider {
    font-family: lato;
    margin-top: 10px;
}

    div#events_slider .dateCreated:lang(en) {
        border: 1px solid #ede7e0;
        border-right: 3px solid #7e6649;
        padding: 15px;
    }

    div#events_slider .dateCreated:lang(ar) {
        border: 1px solid #ede7e0;
        border-left: 3px solid #7e6649;
        padding: 15px;
    }

    div#events_slider .col-md-8.col-xs-8 {
        padding-left: 30px;
    }

    div#events_slider .dateCreated span.day, div#events_slider .dateCreated span.month {
        display: block;
        text-align: center;
        color: #7e6649;
    }

    div#events_slider .dateCreated span.day {
        font-size: 1.5rem;
        font-weight: 700;
    }

    div#events_slider .dateCreated span.month {
        font-size: 1.5rem;
        font-weight: 400;
    }

    div#events_slider h3 {
        margin-top: 10px;
        font-size: 1.15rem;
        font-weight: 700;
        color: #474747;
        line-height: 30px;
        max-width: 580px;
    }

    div#events_slider .event-item .date_event {
        color: rgba(166, 136, 99, 1);
        font-size: 1rem;
        margin: 10px 0;
        font-weight: 600;
    }

        div#events_slider .event-item .date_event i {
            font-size: 1.15rem;
            vertical-align: sub;
        }

            div#events_slider .event-item .date_event i:before {
                color: rgba(166, 136, 99, 1);
            }

    div#events_slider .about_event {
        /*max-width: 580px;*/
        text-align: justify;
    }

    div#events_slider p.event_archive a {
        display: inline-block;
        margin: 10px 0;
        color: #872248;
        /*font-weight: 900;*/
    }

        div#events_slider p.event_archive a i {
            margin-left: 5px;
            display: inline-block;
            vertical-align: middle;
        }

    div#events_slider .owl-dots {
        position: relative;
        clear: both;
        text-align: center;
        bottom: 0 !important;
    }

        div#events_slider .owl-dots .owl-dot {
            background: rgba(169, 139, 104, 0.27);
        }

            div#events_slider .owl-dots .owl-dot.active {
                background: #a98b68;
            }

/*events*/

/*feeds*/
.feeds {
    font-family: 'lato';
    background: #f8f8f8;
    /*padding-top: 20px;*/
    padding: 2em 0;
    /*border-top: 1px solid #f2f2f2;*/
}

.services-details.feeds {
    padding-top: 0;
}

.feeds.bg-white {
    margin-top: 0;
    padding-top: 0px;
    padding-bottom: 0px;
}

/*.feeds ul {
    margin-top: 40px;
}*/

.feeds ul:not(.pagination) li {
    display: block;
    /*border-bottom: 1px solid #e5e6ed;*/
    padding: 5px 0;
}

    .feeds ul:not(.pagination) li:last-child {
        border-bottom: 0;
        padding-bottom: 0;
    }

/*.feeds ul li a {
    display: block;
}

#laws.feeds ul li a {
    display: inline-block;
}*/

.feeds ul li:first-child {
    /*padding: 0 0 10px;*/
}

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

.feeds ul li a {
}

.company-services.forms .feeds ul li a,
.company-services .feeds ul li a {
}

#training .progress {
    margin-bottom: 5px;
}

div#training .training-video .training-content-wrapper:first-of-type {
    border-bottom: 1px solid #e5e6ed;
    margin-bottom: 10px;
    padding-bottom: 5px;
}

.progress {
    box-shadow: none;
    background: transparent;
    margin-top: 10px;
    height: auto;
    width: 90%;
    border-radius: 0;
    overflow: visible;
}


#eforms span.about_file {
    /*display: inline-block;*/
    text-decoration: none;
    /*margin-top: 5px;*/
}

    #eforms span.about_file:hover {
        text-decoration: underline;
    }

    #eforms span.about_file span.file_info {
        display: block;
        font-size: 0.9rem;
        color: #b7b7b7;
        font-style: italic;
        font-weight: 300;
    }

div#eforms li a img {
    vertical-align: top;
    margin-right: 17px;
}

span.download {
    color: #7e6649;
    display: block;
    text-align: left;
    vertical-align: text-bottom;
}

    span.download:lang(en) {
        text-align: right;
    }


.tweet-item {
    background: transparent url(../img/bg_twitter.png) no-repeat;
    /*background-size: auto 70%;
    background-position: center bottom;*/
    background-size: auto 100%;
    background-position: center 22px;
}

.tweet-header {
    color: #872248;
    border-bottom: 1px solid #e5e6ed;
    padding-bottom: 10px;
    margin: 0 0 20px 0;
}

.feeds .tweet-header .col-md-6.account_id a, .feeds .tweet-header .lasttweets a {
    font-size: 0.9rem;
}

.tweet-header .col-md-6.account_id a {
    font-size: 0.9rem;
    color: inherit;
}

.tweet-header .lasttweets a {
    font-size: 1rem;
    font-weight: 900;
    text-align: right;
    color: inherit;
    display: inherit;
}

.feeds .tweet-content {
    font-size: 0.9rem;
}

.tweet-content {
    font-size: 1rem;
    margin-bottom: 10px;
    line-height: 25px;
    font-weight: 400;
}

.twiter-feed {
}

    .twiter-feed .tweet-info {
        font-weight: 700;
        font-size: 0.9rem;
        color: #727374;
    }

twiter-feed .tweet-info i {
    vertical-align: sub;
}

.tweet-info i {
    color: #7e6649;
    font-size: 1.4rem;
    vertical-align: sub;
}

.twiter-feed .owl-dots {
    bottom: 0px;
    right: 0;
    left: auto;
}

    .twiter-feed .owl-dots .owl-dot {
        background: rgba(166, 136, 99, 0.27);
    }

        .twiter-feed .owl-dots .owl-dot.active {
            background: rgba(166, 136, 99, 1);
        }

/*feeds*/

/*footer*/
footer {
    /*-webkit-box-shadow: 1px 1px 20px 0px #e4e4e4;
    -moz-box-shadow: 1px 1px 20px 0px #e4e4e4;
    box-shadow: 1px 1px 20px 0px #e4e4e4;
    padding: 0px 0 15px 0px;*/
    font-family: lato;
    border-bottom: 5px solid #7e6649;
}

    footer #copyTxt {
        padding: 15px 0;
        font-size: 0.9rem;
        text-align: center;
    }
    /*.homefeeds{
	padding-top:20px;
}*/
    footer h3 {
        font-size: 1.15rem;
        color: #474747;
    }

        footer h3:lang(en) {
            font-weight: 600;
        }

    footer li {
        padding: 5px 0;
    }

    footer a {
        color: #474747;
    }

a.arrowed:before {
    content: "\f0da";
    font-family: 'fontawesome';
    color: #7e6649;
    margin-right: 5px;
    font-size: 1rem;
    display: inline-block;
    text-decoration: none;
}

#login-dash footer {
    padding: 50px 0 36px 0px;
}

.home-eforms,
.home-projects,
.home-trainings {
    background-color: white;
    padding: 15px;
    border: 1px solid #f2f2f2;
    min-height: 280px;
}

.home-eforms {
}

.home-projects {
}

.home-trainings {
}



/*footer*/

.footer-link-groups {
    padding: 0 0 15px 0;
}

    .footer-link-groups .footer-links {
        width: 20%;
    }

.footer-logo-and-hours {
    text-align: center;
    padding: 20px 0;
}

.working-hours {
    padding-top: 15px;
}

    .working-hours h4 {
        color: #7e6649;
        font-size: 1.15rem;
        font-weight: 600;
    }

    .working-hours .horaires i {
        font-size: 1.4rem;
        vertical-align: middle;
    }

    .working-hours .horaires span {
        margin-right: 5px;
    }

/*social links*/
.sociailLnk {
    margin-top: 20px;
    text-align: center;
}

    .sociailLnk ul li {
        display: inline-block;
    }

        /*.sociailLnk ul li:first-child a {
            margin-left: 0;
        }*/

        .sociailLnk ul li a {
            height: 30px;
            width: 30px;
            background: #7e6649;
            color: #fff;
            text-align: center;
            margin: 0 4px;
            line-height: 33px;
            border-radius: 100%;
            display: block;
            padding: 0;
        }

            .sociailLnk ul li a:hover {
                background: gray;
            }

/*.sociailLnk ul li:first-child a {
            margin-right: 0;
        }

            .sociailLnk ul li:first-child a:lang(en) {
                margin-right: 8px;
            }*/

.social-copyright {
    margin-top: 50px;
}

.col-md-5.copyright {
    line-height: 1em;
    padding: 20px 5px;
    color: rgba(71, 71, 71, 0.8);
    font-size: 1.15rem;
}

.close {
    text-align: right;
}
/*social links*/
.fixed-floating-bar {
    /*margin-bottom:10px;*/
    width: 90px;
    position: fixed;
    top: 50%;
    right: 15px;
    margin-top: -184px;
    z-index: 23;
}

.popup-content {
    display: none;
}

.popup {
    background: #fff;
    box-sizing: border-box;
    display: none;
    padding: 50px;
    width: 80%;
    height: 785px;
    max-height: 785px;
    overflow: auto;
    position: fixed;
    top: 50%;
    right: 80px;
    z-index: 22;
    -ms-transform: translate(0px, -50%);
    -webkit-transform: translate(0px, -50%);
    transform: translate(0px, -50%);
    -webkit-box-shadow: 1px 1px 10px 1px rgba(86,86,48,0.5);
    -moz-box-shadow: 1px 1px 10px 1px rgba(86,86,48,0.5);
    box-shadow: 1px 1px 10px 1px rgba(86,86,48,0.5);
    border-right: 2px solid #7e6649;
}

    .popup .col-sm-4 {
        padding: 0 5px;
    }

    .popup h3 {
        margin-top: 0;
        margin-bottom: 30px;
    }


.fixed-link.active {
    position: relative;
}

    .fixed-link.active::after {
        background: url(../img/arrow-right.png) no-repeat left center;
        content: "";
        height: 15px;
        left: -11px;
        position: absolute;
        top: 50%;
        margin-top: -12px;
        width: 11px;
    }

.feed-item .icon {
    width: 105px;
    display: table-cell;
    border-right: 1px solid #8b5a7c;
    vertical-align: middle;
    text-align: center;
    padding: 25px 0;
    background: rgba(0, 0, 0, 0.03);
}

.feed-item .tab-cell {
    padding: 15px;
}

.feed-item {
    background: #733962;
    font-size: 1.5rem;
    color: #fff;
    display: table;
    width: 100%;
    margin: 0 0 50px;
}

.popup.costum_form textarea {
    margin-top: 0;
    margin-bottom: 0;
}

.col-sm-4:first-child .feed-item {
    background: #872248;
}

.col-sm-4.last .feed-item {
    background: #504459;
}

.col-sm-4:first-child .feed-item .icon {
    border-right: 1px solid #92385a;
}

.col-sm-4.last .feed-item .icon {
    border-right: 1px solid #6e6475;
}

.feed-item label {
    width: 100%;
    vertical-align: middle;
}

.feed-item [type="radio"]:checked + label:after, .feed-item [type="radio"]:not(:checked) + label:after {
    width: 100%;
    height: 100%;
    background: transparent;
    top: 0;
    left: 0;
    border: 8px solid #7e6649;
    border-radius: 0;
}

.feed-item [type="radio"]:checked + label:before, .feed-item [type="radio"]:not(:checked) + label:before {
    border: transparent;
    background: transparent;
}

.fixed-floating-bar .fixed-link:nth-child(even) {
}

.fixed-floating-bar .fixed-link a {
    padding: 15px 5px 10px;
    font-family: lato;
    font-weight: 400;
    font-size: 0.9rem;
    display: block;
}

.fixed-floating-bar .fixed-link:nth-child(odd) a {
    background: #a68863;
    color: #fff;
}

.fixed-floating-bar .fixed-link:nth-child(even) a {
    color: #7e6649;
    background: #FFFFFF;
}

/*the traning video section*/

.training-content-wrapper {
    position: relative;
}

div#training .training-content-wrapper:first-of-type {
    margin-top: 50px;
}

.training-content-wrapper video {
    max-width: 100%;
}

#training button[data-state="pause"] i:before {
    content: "\f210";
}

#training button.playpause {
    position: absolute;
    height: 40px;
    width: 40px;
    background: rgba(255, 255, 255, 0.51);
    border: none;
    top: calc(50% - 20px);
    right: calc(50% - 20px);
    border-radius: 100%;
    text-align: center;
    opacity: .5;
    color: #fff;
}

#training:hover button.playpause {
    opacity: 1;
}

div.video-controls {
    color: #474747;
}

    div.video-controls h2 {
        padding: 0;
        margin: 0;
        font-size: 0.9rem;
        font-weight: 700;
        display: -webkit-box;
        max-height: 100px;
        line-height: 1.4;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        max-height: 1.5em;
    }

    div.video-controls h3 {
        font-size: 0.9rem;
        margin: 5px 0;
    }

.col-md-4 #training div.video-controls h3 {
    font-size: 0.9rem;
}

.progress {
    box-shadow: none;
    background: transparent;
    margin-top: 10px;
    height: auto;
    width: 90%;
    border-radius: 0;
    overflow: visible;
}

html .progress progress {
    display: none;
    max-width: 100%;
    color: #872248;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border: none;
    border-radius: 15px;
    height: 12px;
    margin: 0;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #f1f1f4;
}

:root .timer-progress .ongoindTime {
    display: none;
}

html .controls progress::-moz-progress-bar, progress::-moz-progress-bar {
    background-color: #872248;
    border-radius: 15px;
}

html progress[value]::-webkit-progress-value {
    background-color: #872248;
    border-radius: 15px;
}

.timer-progress {
    display: block;
    position: relative;
}

    .timer-progress .ongoindTime, .timer-progress .videoLength {
        display: inline-block;
        width: 45%;
        font-size: 0.9rem;
        color: #474747;
    }

progress[value] {
    color: #872248;
}

    progress[value]::-webkit-progress-bar {
        border: 1px solid #f0f1f4;
        background-color: #ffffff;
        ;
        border-radius: 2px;
        -webkit-transition-duration: 500ms;
        -moz-transition-duration: 500ms;
        -ms-transition-duration: 500ms;
        -o-transition-duration: 500ms;
        transition-duration: 500ms;
    }

/******************************************************************************************************************
                                                        news details page
*******************************************************************************************************************/
div#sidebar_posts,
div#popular_post,
div#social_feed,
div#archive_posts,
.archivedPages div#popular_post {
    margin-bottom: 3rem;
    padding: 15px;
    border: double #f2f2f2;
}

.doc_forms, .laws-block, #register, #cntINf {
    margin: 0;
    margin-bottom: 3rem;
    padding: 15px;
    border: double #f2f2f2;
}

#news_details div#social_feed {
    margin-bottom: 60px;
}

#page-title {
    background-image: url(/ar/SmallBanner/banner.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 250px;
}

div#page-title h1, div#page-title h2 {
    font-size: 3.25rem;
    color: #fff;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.65);
    padding: 61px 0;
    font-weight: 600;
}

div#the_post h1 {
    font-size: 1.8rem;
    line-height: initial;
    font-weight: 600;
}

/*breadcrumb*/

/*div#breadcrumb ul {
    margin: 10px 0;
}*/

div#breadcrumb ul li {
    display: inline-block;
}

    div#breadcrumb ul li a {
        padding: 5px 5px 5px 0;
        display: block;
        font-size: 0.9rem;
        color: #757575;
    }

    div#breadcrumb ul li:last-child a {
        color: #5e5e5e;
    }

    div#breadcrumb ul li:first-child a {
        padding-left: 0;
    }

    div#breadcrumb ul li a:after {
        display: inline-block;
        content: "\f3d3";
        font-family: "Ionicons";
        margin-left: 10px;
    }

    div#breadcrumb ul li:last-child a:after {
        display: none;
    }

/*breadcrumb*/

/*the posts */
#the_post, #titleDiv {
    font-family: lato;
    /*margin-bottom: 2em;*/
}

#titleDiv {
    margin-bottom: 2em;
}

.company-services #the_post {
    margin-bottom: 75px;
}


#the_post .bordred,
#sidebar_posts .bordred {
    /*margin-top: 0;*/
    /*margin-bottom: 45px;*/
}

#the_post .bordred,
#titleDiv .bordred {
    padding-top: 15px;
    text-align: justify;
}

.post_date {
    color: #7e6649;
    font-size: 1rem;
    margin: 20px 0 10px 0;
    font-weight: 600;
}

.latest_post_item .video_item_permalink {
    margin-bottom: 10px;
    border-bottom: 1px solid #edeef2;
    padding-bottom: 10px;
}

.latest_post_item:last-child,
.video_item_permalink:last-child {
    border: none;
}

.post_info .post_date {
    color: rgba(166, 136, 99, 0.64);
}

.latest_post_item .post_date,
.video_item_permalink .post_date {
    margin: 0 0 10px 0;
}

.latest_post_item .post_date {
    margin-bottom: 5px;
}

div#popular_post_loop {
    margin-top: 30px;
}

#the_post .post_content h3 {
}

#the_post h3 {
}

.post_content,
.tab-content {
    line-height: 30px;
    text-align: justify;
}

    .post_content ul li {
        color: inherit;
    }

        .post_content ul li a {
            color: #7e6649;
        }

:lang(ar) .post_content ul li:before {
    content: "\f361";
    font-family: "Ionicons";
    color: #7e6649;
    font-size: 1.15rem;
    margin-left: 10px;
    float: right;
    /*vertical-align: middle;*/
    margin-right: 1px;
}

:lang(en) .post_content ul li:before {
    content: "\f363";
    font-family: "Ionicons";
    color: #7e6649;
    font-size: 1.15rem;
    margin-right: 10px;
    /*vertical-align: middle;*/
    margin-left: 1px;
}

.post_content ul li:before {
}

div#newsletter .form-wrapper {
    margin-top: 50px;
    font-size: 1.15rem;
}

    div#newsletter .form-wrapper form * {
        margin-bottom: 13px;
        width: 100%;
    }

    div#newsletter .form-wrapper form button {
        background: #7e6649;
        color: #fff;
        border: none;
        padding: 11px;
        font-size: 1.15rem;
    }

    div#newsletter .form-wrapper form input {
        padding: 9px;
        font-size: 1.15rem;
        border: 1px solid #dcdcdc;
        color: #727374;
        margin-top: 10px;
    }

a.see-more {
    color: #872248;
    display: block;
    text-align: right;
    font-size: 1rem;
    line-height: 2.5rem;
}

    a.see-more:lang(en) {
        /*margin-right: 15px;*/
        text-align: right;
    }

.latest_post_item {
    /*padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #edeef2;*/
}

    .latest_post_item .post_date, .post_date.small,
    .video_item_permalink .post_date {
        font-size: 0.9rem;
    }

    .latest_post_item a, .video_item_permalink a, a.post_txt_lnk {
        color: inherit;
    }

.video_item_permalink h3, .video_item_permalink h3 a {
    margin: 0;
    display: inline-block;
}

    .video_item_permalink h3 a img {
        width: 100%;
    }

.popular_post_item:after {
    content: "";
    position: relative;
    background: #edeef2;
    height: 1px;
    width: calc(100% - 30px);
    left: 15px;
    bottom: -11px;
}

.popular_post_item:last-child:after {
    display: none;
}

.popular_post_item {
    line-height: 1em;
    position: relative;
    overflow: hidden;
}

    .popular_post_item a.post_thumb {
        width: 25%;
        display: block;
    }

        .popular_post_item a.post_thumb img {
            width: 95%;
        }

    .popular_post_item .post_link_details {
        float: left;
        max-width: 67%;
        margin-left: 10px;
    }

#popular_post div#popular_post_loop h3 {
    margin: 0;
    line-height: 1.4em;
    font-size: 1rem;
}

#popular_post div#popular_post_loop .post_date {
    margin-top: 10px;
}

span.icon-mobile-stars-menu {
    color: #872248;
    font-size: 70px;
    cursor: pointer;
    z-index: 99999;
    -webkit-box-shadow: 1px 4px 4px rgba(0, 0, 0, 0.36);
    -moz-box-shadow: 1px 4px 4px rgba(0, 0, 0, 0.36);
    box-shadow: 1px 4px 4px rgba(0, 0, 0, 0.36);
    border-radius: 100%;
}

/*archive posts*/
div#archive_posts ul li a {
    color: #5e5e5e;
    font-size: 1.15rem;
    display: block;
    border-bottom: 1px solid #ebebf1;
    padding: 15px 0;
    text-transform: capitalize;
}

div#archive_posts ul li:last-child a {
    border: none;
}

div#archive_posts ul li a span {
    margin-right: 10px;
    font-size: 1.5rem;
    vertical-align: middle;
    color: #ababab;
}

/*media center*/
#gallery {
    display: flex;
    flex-wrap: wrap;
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
    border: 1px solid #e3dbd1;
}

.post_info {
    /*padding-top: 5px;*/
}

/*.post_thumbnail img {
    width: 100%;
}*/

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

ul.share-it li {
    display: inline;
}

    ul.share-it li a {
        font-size: 1.5rem;
        padding: 10px;
        display: inline-block;
        color: #8e2f53;
    }

/*accordion*/
div#accordion {
    margin-bottom: 10px;
}

    div#accordion h3 {
        font-size: 1rem;
        color: #474747;
        cursor: pointer;
        padding: 5px 25px 5px 10px;
        border-bottom: 1px solid #e4e4e4;
        line-height: 30px;
        background: #fcfcfc;
        margin: 0 0 5px 0;
    }

        div#accordion h3:lang(ar) {
            padding: 5px 10px 5px 25px;
        }

        div#accordion h3:lang(en) {
            font-weight: 600;
        }

        div#accordion h3:after {
            content: "\f0da";
            font-family: fontawesome;
            right: 25px;
            position: absolute;
            color: #7e6649;
            font-size: 1rem;
        }

        div#accordion h3.ui-state-active:after {
            content: "\f0d7";
        }

.ui-accordion-content {
    padding: 10px;
    text-align: justify;
}

    .ui-accordion-content li a {
        margin: 10px;
        display: block;
    }

    .ui-accordion-content h4 {
        font-size: 1.15rem;
    }

button.btn.dropdown-toggle.btn-default {
    outline: none !important;
    border-radius: 3px;
    padding: 6px 30px 6px 12px;
}

    button.btn.dropdown-toggle.btn-default:lang(ar) {
        padding: 6px 12px 6px 30px;
    }

#faqs .btn-group.bootstrap-select,
#elibrary .btn-group.bootstrap-select,
#laws-list .btn-group.bootstrap-select {
    width: calc(100% - 80px);
    max-width: 154px;
}

.subsite .btn-group.bootstrap-select {
    max-width: 250px;
}

.video_item_permalink ul.share-it li a {
    padding: 0 10px 0 0;
}

.video_item_permalink ul.share-it {
    margin-top: 15px;
}

#faqs .col-md-4.text-right span.span_search,
#elibrary .col-md-4.text-right span.span_search,
#laws-list .col-md-4.text-right span.span_search,
.subsite .col-md-8.text-right span.span_search {
    width: 60px;
    display: inline-block;
    padding-right: 10px;
    font-weight: 600;
    line-height: 37px;
}

.subsite .col-md-8.text-right span.span_search {
    width: auto;
    font-size: 1rem;
    color: #474747;
}



#laws-list .col-md-4.text-right span.span_search,
.subsite .col-md-6.text-right span.span_search {
    font-weight: 700;
    color: #474747;
}


.bootstrap-select.btn-group .dropdown-toggle .filter-option,
.bootstrap-select.btn-group .dropdown-menu li a span.text {
    text-transform: capitalize;
    color: 5c5c5c;
}

/*media center*/
.page_description {
    font-size: 1.15rem;
    color: #5e5e5e;
    margin-bottom: 45px;
    line-height: 31px;
    text-align: justify;
}

.media-video-item .video_item_permalink h3 a {
    line-height: 1.5em;
    font-size: 1.15rem;
    color: #5e5e5e;
    font-weight: bold;
    text-align: justify;
}

.media-video-item .video_item_permalink .post_date {
    margin: 5px 0 5px 0;
    font-size: 1rem;
}

    .media-video-item .video_item_permalink .post_date i.ion-ios-clock-outline:before {
        color: #7e6649;
    }

.media-video-item {
    margin-bottom: 15px;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 15px;
}

    .media-video-item .imglink {
        display: block;
    }

        .media-video-item .imglink img {
            border: 1px solid #f0ebe5;
            margin: 0;
        }

    .media-video-item:last-child {
        border: none;
        padding: 0;
        margin: 0;
    }

.photo_gallery {
    margin-top: 45px;
}

.photo_gallery_center {
    position: relative;
    border: 1px solid #ddcec0;
}

    .photo_gallery_center a {
        display: block;
        background: rgba(135, 34, 72, 0.73);
        position: absolute;
        width: 100%;
        top: 0;
        height: 100%;
        /*padding: 5px;*/
        color: #fff;
    }

        .photo_gallery_center a .photo_item_info {
            position: absolute;
            width: 100%;
            text-align: center;
            height: 110px;
            top: 50%;
            transform: translateY(-50%);
        }

    .photo_gallery_center a {
        display: none;
    }

    .photo_gallery_center:hover a {
        display: block;
    }

    .photo_gallery_center a .photo_item_info h4 {
        font-size: 1rem;
        margin: 5px 0 0;
    }

    .photo_gallery_center a .photo_item_info .photo_count {
        font-size: 1rem;
        margin: 5px;
    }

.media-video-item a.video-lnk {
    position: relative;
}

    .media-video-item a.video-lnk:after {
        content: "\f04b";
        position: absolute;
        transform: translateY(-20%);
        left: 0;
        right: 0;
        top: 0;
        font-family: fontawesome;
        font-size: 1.8rem;
        color: #872248;
        background: rgba(255, 255, 255, 0.71);
        width: 50px;
        height: 50px;
        margin: 0 auto;
        border-radius: 100%;
        padding-left: 5px;
        text-align: center;
        line-height: 50px;
    }

/*suggestion & complaing form*/
.costum_form select, .costum_form input, .costum_form textarea {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 13px 10px;
    border: 1px solid #d7d7d7;
    color: rgba(71, 71, 71, 0.5);
    background: transparent;
    border-radius: 3px;
}

.costum_form select {
    line-height: 42px;
}

.costum_form input[type="submit"],
.costum_form input[type="reset"],
.costum_form .form-inline input[type="reset"],
.costum_form .btn {
    width: 220px;
    /*color: #fff;*/
    font-weight: 600;
    margin-top: 30px;
    margin-bottom: 0px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    font-size: 1.15rem;
    padding: 11px 10px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

.costum_form p {
    font-size: 1.15rem;
    margin: 0;
}

.setup-box .complaint_type {
    position: relative;
}

    .setup-box .complaint_type:before {
        background: #fbfbfb;
        margin: 11px 0;
        right: 1px;
    }

.complaint_type:before {
    content: "\f107";
    position: absolute;
    background: #fff;
    padding: 8px 15px;
    margin: 11px;
    right: 5px;
    pointer-events: none;
    font-family: fontawesome;
    color: #8a6d3b;
    font-size: 1.4rem;
}

#complaints-dash .complaint_type:before {
    background: #fbfbfb;
}

*::-webkit-input-placeholder {
    color: rgba(71, 71, 71, 0.5);
}

*:-ms-input-placeholder {
    color: rgba(71, 71, 71, 0.5);
}

*::-moz-placeholder {
    color: rgba(71, 71, 71, 0.5);
    opacity: 1;
}

*:-moz-placeholder {
    color: rgba(71, 71, 71, 0.5);
    opacity: 1;
}

/*contact us*/
.three-block-icons span:before,
.three-block-icons i:before {
    color: #7e6649;
}

div#contactus {
    margin-top: 30px;
}

    div#contactus .three-block-icons span.mainicon {
        margin-bottom: 10px;
        display: block;
    }

.three-block-icons h2.bordred {
    margin-bottom: 40px;
}

.three-block-icons p {
    font-size: 1.15rem;
}

.contact-item {
    font-size: 1.15rem;
    border-bottom: 1px solid #edeef3;
    padding: 15px 0;
    text-align: left;
}

    .contact-item span {
        margin-right: 5px;
        vertical-align: middle;
    }

    .contact-item:last-child {
        border: none;
    }

#map {
    height: 100%;
    min-height: 690px;
    width: 100%;
}

div#contact_map_address {
    overflow: hidden;
    margin-top: 20px;
}

    div#contact_map_address .col-md-12 {
        padding: 0;
        margin: 0;
    }

div#institution-locations {
    padding-left: 15px;
}

    div#institution-locations .institution-item {
        /*padding: 30px;*/
        padding: 15px 0px 15px 0px;
    }

        div#institution-locations .institution-item > div {
            padding: 0;
        }

        div#institution-locations .institution-item p {
            margin: 2px 0px 0px 0px;
        }

@media (min-width: 992px) {
    div#institution-locations .institution-item {
        height: 230px;
    }

    .full-width-slider-item {
        max-height: 130px !important;
    }
}

@media (max-width: 991px) {
    .institution-item .institution-item-image {
        height: 60px;
        width: auto;
    }
}

.lastfooter {
    text-align: center;
}

.institution-header img, .institution-header .institution-title {
    float: left;
    margin-right: 10px;
}

.institution-header img {
    /*width: 50px;*/
    height: 40px;
}

.institution-item h2 {
    margin: 0;
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 2;
}

.institution-horaire {
    color: #9c9c9c;
}

    .institution-horaire i {
        font-size: 1.15rem;
    }

div#institution-locations .institution-item:nth-child(odd) {
    background: #f7f7f7;
}

.col-md-12.institution-details p {
    font-size: 1rem;
    color: rgba(69, 70, 71, 0.87);
    max-width: 280px;
    margin-top: 10px;
}

    .col-md-12.institution-details p i {
        color: #7e6649;
        margin-right: 10px;
    }

/*e library*/
.media-video-items.grid .media-video-item {
    border: 1px solid #ede7e0;
    padding: 0;
    padding-bottom: 15px;
    overflow: hidden;
    margin-bottom: 20px;
}

    .media-video-items.grid .media-video-item img {
        width: 100%;
        border: none;
    }

.media-video-items.grid .video_item_permalink {
    padding: 30px;
}

/*****************************************************************************/
/************************************the audio player section*/
/*****************************************************************************/

.add-bottom {
    margin-bottom: 20px !important;
}

.left {
    float: left;
}

.right {
    float: right;
}




::selection {
    background-color: #7e6649;
    color: #ffffff;
}


/* Audio Player Styles
================================================== */

/* Default / Desktop / Firefox */
audio {
    margin: 0 15px 0 14px;
    width: 670px;
}

#mainwrap {
}

#audiowrap {
    background-color: #f8f8f8;
    margin: 0 auto;
    padding-bottom: 30px;
    margin-top: 20px;
}

#plwrap {
    margin: 0 auto 30px;
}

#tracks {
    position: relative;
    text-align: center;
}

#nowPlay {
    display: inline;
}

#npTitle {
    margin: 0 auto;
    font-size: 1rem;
    font-weight: 600;
    padding: 30px 0 20px 50px;
    display: block;
    line-height: 1em;
    text-align: center;
}

#npAction {
    padding: 21px;
    position: absolute;
}

#plList {
    margin: 0;
}

    #plList li {
        cursor: pointer;
        display: block;
        margin: 0;
        padding: 21px 0;
        transition: 300ms;
    }

        #plList li:hover {
        }

.plItem {
    position: relative;
}

.plTitle {
    left: 30px;
    overflow: hidden;
    position: relative;
    right: 0;
    text-overflow: ellipsis;
    top: 0;
    white-space: nowrap;
    font-size: 1rem;
    font-weight: 600;
    display: inline-block;
    vertical-align: middle;
    max-width: 60%;
}

    .plTitle span {
        float: left;
        font-weight: 100;
        text-transform: uppercase;
        font-size: 1rem;
        color: #757575;
        font-style: italic;
        width: 100%;
    }

.CurrentItemAction {
    display: inline-block;
    text-align: right;
    width: 30%;
    float: right;
}

    .CurrentItemAction span {
        display: inline-block;
        cursor: pointer;
        font-size: 1.5rem;
        color: #7e6649;
        border-left: 1px solid #e9e9e9;
        width: 33%;
        text-align: center;
        padding: 10px;
        max-width: 80px;
    }

        .CurrentItemAction span:first-child {
            border: none;
        }

.plSel .CurrentItemAction span {
    color: #801b10;
}

.plNum {
    padding-left: 21px;
    width: auto;
    display: inline-block;
    vertical-align: middle;
}

.plLength {
    padding-left: 21px;
    position: absolute;
    right: 21px;
    top: 0;
}

.plSel, .plSel:hover {
    ;
    cursor: default !important;
}

#tracks a[id^="btn"] {
    font-size: 1rem;
    color: #5e5e5e;
    cursor: pointer;
    display: inline-block;
    margin: 0;
    padding: 21px 27px;
    text-decoration: none;
}

    #tracks a[id^="btn"]:last-child {
        margin-left: -4px;
    }

    #tracks a[id^="btn"]::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

#tracks a#btnPlayPause {
    background: transparent;
    width: 40px;
    text-align: center;
    height: 40px;
    border-radius: 100%;
    padding: 0 !important;
    line-height: 30px;
    border: 10px solid #872248;
    vertical-align: middle;
}

a#btnPlayPause i {
    color: #872248;
    font-size: 2rem;
    vertical-align: middle;
    margin-top: -11px;
    margin-left: -3px;
}

.plItem .plNum i.ion-ios-mic {
    font-size: 3rem;
    color: #7e6649;
}

.plSel .plNum i.ion-ios-mic {
    color: #872248;
}

#plList li:nth-child(odd) {
    background: #fdfdfd;
}

#plList li:nth-child(even) {
    background: #fafafa;
}


.player-controls.scrubber {
    max-width: 680px;
    margin: 10px auto;
}

.customPlayer progress {
    width: 80%;
    cursor: pointer;
    margin: 0 5%;
}

.player-controls.scrubber small {
    color: #979797;
    font-size: 0.9rem;
    font-weight: 600;
}

.customPlayer progress[value] {
    -webkit-appearance: none;
    appearance: none;
    background-color: rgba(221, 221, 221, 1);
    /*color: #e4e2e2;*/
    height: 7px;
    animation-duration: 800ms;
    transition: 1s;
    border: none;
}


/*****************************************************************************/
/************************************the audio player section*/
/*****************************************************************************/


.login-dash div#header-right-side {
    padding: 25px 0 35px;
}

.login-dash .flagstrap {
    margin-top: 5px;
}

.back-site .btn {
    border-radius: 0;
    font-size: 0.9rem;
    vertical-align: middle;
    display: inline-block;
}


.box-login {
    margin: 0 auto;
    display: table;
}

.login-dash .main-content {
    margin: 110px 0;
}

.login-dash header {
    border-bottom: 1px solid #eee9e2;
}


.bloc-login {
    background: #7e6649;
    height: 500px;
    max-width: 390px;
    width: 100%;
    padding: 30px 60px !important;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 1rem;
}

    .bloc-login::after {
        position: absolute;
        content: "\f0da";
        font: normal normal normal 14px/1 FontAwesome;
        right: -9px;
        top: 50%;
        font-size: 2rem;
        color: #7e6649;
        z-index: 2;
    }


    .bloc-login h1 {
        font-size: 1.8rem;
        font-weight: bold;
    }

.bloc-pwd {
    background: #f7f7f7;
    height: 500px;
    padding: 55px 52px !important;
    max-width: 533px;
}

.bloc-login .costum_form {
    margin: 130px 0 0;
}

    .bloc-login .costum_form input[type="text"],
    .bloc-login .costum_form input[type="email"] {
        border-bottom: 1px solid #b9a184;
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 17px 10px 17px 55px;
        margin: 0;
    }

    .bloc-login .costum_form input[type="email"] {
        border-bottom: none;
    }


.bloc-pwd .costum_form input[type="text"],
.bloc-pwd .costum_form input[type="password"] {
    border-bottom: 1px solid #b9a184;
    border-top: none;
    border-left: none;
    border-right: none;
    padding: 13px 55px 13px 0;
    margin-top: 0;
    margin-bottom: 0;
}

.bloc-pwd .costum_form input[type="text"] {
    margin-bottom: 25px;
}


.bloc-pwd .costum_form input[type="submit"] {
    width: 187px;
    margin-top: 0;
}

.log-submit {
    margin: 55px -15px 0;
}

.log-links {
    margin: 15px 0 0;
}


    .log-links a {
        color: #5d5d5d;
        margin-left: 20px;
        text-decoration: underline;
    }



.login-dash .icon-smail,
.login-dash .icon-auth,
.login-dash .icon-user,
.login-dash .icon-pwd {
    position: absolute;
    left: 21px;
    top: 14px;
    font-size: 1.7142rem;
}

.login-dash .bloc-pwd .icon-user,
.login-dash .bloc-pwd .icon-pwd {
    right: 21px;
    left: auto;
    top: 16px;
    color: #7e6649;
}

.login-dash .bloc-pwd .icon-pwd {
    background: url(../img/icons/pwd.png);
    height: 24px;
    width: 24px;
}

.login-dash .icon-smail {
    background: url(../img/icons/smail.png);
    height: 24px;
    width: 24px;
}

.login-dash .icon-auth {
    background: url(../img/icons/auth.png);
    height: 24px;
    width: 24px;
}

    .login-dash .bloc-pwd .icon-pwd::before,
    .login-dash .icon-smail::before,
    .login-dash .icon-auth::before {
        content: "";
    }




.bloc-login *::-webkit-input-placeholder {
    color: #fff;
}

.bloc-login *:-ms-input-placeholder {
    color: #fff;
}

.bloc-login *::-moz-placeholder {
    color: #fff;
}

.bloc-login *:-moz-placeholder {
    color: #fff;
}

/*****/
.bloc-pwd *::-webkit-input-placeholder {
    color: #5d5d5d;
}

.bloc-pwd *:-ms-input-placeholder {
    color: #5d5d5d;
}

.bloc-pwd *::-moz-placeholder {
    color: #5d5d5d;
}

.bloc-pwd *:-moz-placeholder {
    color: #5d5d5d;
}

.login-dash .sociailLnk {
    margin: 60px 0 0;
}

.bloc-pwd h2 {
    margin-top: 0;
    margin-bottom: 70px;
    font-size: 1.5rem;
    color: #3d3d3d;
}

.bloc-pwd .sociailLnk ul li a {
    height: 35px;
    width: 35px;
    line-height: 36px;
    font-size: 1rem;
}


/****siteMap*****/
.siteMap a {
    color: #5e5e5e;
    font-size: 1.15rem;
    padding: 3px 0;
    display: block;
}

    .siteMap a.arrowed:before {
        margin-right: 10px;
        font-size: 1rem;
    }

.marg-90 {
    margin-bottom: 90px;
}

.post_thumbnail {
    position: relative;
}

.post-date {
    position: absolute;
    top: 47px;
    padding: 30px 30px 20px;
    color: #fff;
    background: #872248;
    left: 0;
    border-right: 4px solid #fff;
    font-size: 1.15rem;
}

    .post-date span {
        display: block;
        font-size: 1.8rem;
        font-weight: 700;
    }

.event-detail {
    font-size: 1.15rem;
}

.contact-info {
    font-size: 1.15rem;
    padding-left: 17px;
    /*responsive*/
    padding-right: 17px;
    /*end of responsive*/
}

    /*responsive*/
    .contact-info .form-wrapper {
        /*padding-left: 15px;
        padding-right: 15px;*/
        padding: 0;
    }
/*trainings generic listing*/
#ctl00_ctl35_g_d18efb47_5157_49c9_aeb2_579354732424 {
    padding-left: 15px;
    padding-right: 15px;
}

#seeAllEServices {
    color: #872248;
    font-size: 1.15rem;
    /*float: right;*/
    display: block;
    text-align: center;
}

    #seeAllEServices:lang(ar) {
        /*float: left !important;*/
    }

.feeds > div {
    margin-left: 15px;
    margin-right: 15px;
}

div#events_calendar_slider .dateCreated {
    text-align: center;
}
/*e services home*/
.search-services-home {
    margin-top: 15px;
}
/*organization chart*/
.organizationChartTree li {
    padding-left: 1px !important;
    padding-right: 1px !important;
}
/*end of responsive*/

.event-detail i,
.event-detail span.icon-email,
.contact-info i,
.contact-info span.icon-email {
    color: #7e6649;
    margin-right: 10px;
    font-size: 1.4rem;
    vertical-align: middle;
}


.event-detail span.icon-email,
.contact-info span.icon-email {
    font-size: 0.9rem;
}

.event-detail i.ion-ios-clock-outline {
    font-size: 1.4rem;
    font-weight: bold;
}



.event-detail span,
.contact-info span {
    display: inline-block;
    vertical-align: top;
}

.event-detail i.ion-ios-clock-outline {
    margin-top: 0;
}

.event-detail a,
.event-detail a:hover,
.event-detail a:focus {
    color: #727374;
}

.event-detail p,
.contact-info p {
    margin: 0;
    font-size: 1rem;
    padding: 5px 0;
}

    .event-detail p:last-child,
    .contact-info p:last-child {
        margin: 0;
        padding-bottom: 0;
    }

.slides li img {
    border: 1px solid #e0d5c9;
}

#carousel-flex .flex-active-slide img {
    border-bottom: 5px solid #872248;
    border-top: 1px solid #d5b2bf;
    border-left: 1px solid #d5b2bf;
    border-right: 1px solid #d5b2bf;
}

/*Page content overwrite*/
.post_content {
    text-align: justify !important;
    font-family: "GE SS Two light", "lato" !important;
    font-weight: normal !important;
    font-size: 1rem !important;
    line-height: 30px !important;
}

    .post_content p, .post_content span, .post_content div, .post_content a, .post_content li, .post_content td, .post_content th,
    .post_content h1, .post_content h2, .post_content h3, .post_content h4, .post_content h5, .post_content h6 {
        text-align: justify !important;
        font-family: "lato" !important;
        font-weight: normal !important;
        font-size: 1rem !important;
        line-height: 25px !important;
        color: #474747 !important;
    }

        .post_content p:lang(ar), .post_content span:lang(ar), .post_content div:lang(ar), .post_content a:lang(ar), .post_content li:lang(ar), .post_content td:lang(ar), .post_content th:lang(ar),
        .post_content h1:lang(ar), .post_content h2:lang(ar), .post_content h3:lang(ar), .post_content h4:lang(ar), .post_content h5:lang(ar), .post_content h6:lang(ar) {
            font-family: "GE SS Two light", "lato" !important;
        }

        .post_content a.btn {
            color: white !important;
            line-height: initial !important;
        }

    .post_content h6 {
        font-size: 1.3rem !important;
    }

    .post_content h5 {
        font-size: 1.4rem !important;
    }

    .post_content h4 {
        font-size: 1.5rem !important;
    }

    .post_content h3 {
        font-size: 1.6rem !important;
    }

    .post_content h2 {
        font-size: 1.7rem !important;
    }

    .post_content h1 {
        font-size: 1.8rem !important;
    }
/*Page content overwrite*/

.post_photos .flexslider {
    margin: 0 0 10px;
}

/******E-Forms-home*********/
.gold,
a.gold, a.gold:hover, a.gold:focus {
    color: #7e6649;
}

.btn-reset {
    background: #7e6649 !important;
    margin-left: 27px;
}

.black {
    color: #474747;
}

.btn-success,
.btn-success:focus,
.btn-success.focus,
.btn-success:hover {
    background: #872248 !important;
    border-color: #872248 !important;
}

.user-icon {
    width: 20px;
    height: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #7e6649;
}

.box_shadow {
    /*-webkit-box-shadow: 1px 1px 10px 1px rgba(220,217,217,1);
    -moz-box-shadow: 1px 1px 10px 1px rgba(220,217,217,1);
    box-shadow: 1px 1px 10px 1px rgba(220,217,217,1);*/
}

.helpDiv {
    padding: 2rem 0 0 0;
    margin: 15px;
}

.post_box {
    margin: 0 15px;
}

    .post_box form.search-form input[type="text"] {
        padding: 10px 27px;
        display: block;
        width: 100%;
        max-width: 100%;
        margin: 0;
    }

    .post_box form.search-form {
        display: block;
        color: #474747;
        font-size: 1.15rem;
    }

    .post_box .fa-search {
        color: #7e6649;
    }

    .post_box form.search-form button {
        top: 4px;
        right: 30px;
        font-size: 1.8rem;
    }

.services-tab span.icon {
    font-size: 3.9285rem;
    color: #7e6649;
    vertical-align: middle;
    display: table-cell;
}

.flex-order {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
}


.StandComit {
    border-bottom: 1px solid #ecebeb;
    padding: 22px 25px;
    border-left: 1px solid #ecebeb;
    display: table;
}

    .StandComit .tab-cell {
        padding-left: 15px;
        font-size: 1.15rem;
        font-weight: bold;
        line-height: 23px;
    }

.tab-cell {
    display: table-cell;
    vertical-align: middle;
}

ul.decimal {
    counter-reset: section; /* On initialise le compteur à 0 */
}

    ul.decimal li::before {
        counter-increment: section; /* On incrémente le compteur section */
        content: counter(section) ". "; /* On affiche le compteur */
        color: #7e6649;
        font-size: 1.4rem;
        font-family: lato;
    }

ul.arrow li:before {
    content: "\f363";
    font-family: "Ionicons";
    color: #7e6649;
    font-size: 1.8rem;
    margin-right: 10px;
    vertical-align: middle;
    margin-left: 1px;
}

.bg-white {
    background: #fff;
}

.pad-none {
    padding-left: 0;
    padding-right: 0;
}

.training-video {
    padding-bottom: 20px;
}

#training .training-video button.playpause {
    background: rgba(255, 255, 255, 1);
    opacity: 0.8;
    box-shadow: 1px 1px 20px 1px rgba(51, 51, 51, 0.77);
}


#training .training-video .ion-play {
    color: #872248;
    font-size: 1.15rem;
}

div#training .training-video .training-content-wrapper:first-of-type {
    margin-top: 0;
}

.training-video .owl-dots {
    bottom: 0;
    left: auto;
    right: 0;
}

    .training-video .owl-dots .owl-dot {
        background: #e7dfd5;
        margin: 2px;
    }

        .training-video .owl-dots .owl-dot.active {
            background: #7e6649;
        }

.post_box h3 {
    font-size: 1.15rem;
    color: #474747;
    font-weight: bold;
}

.company-services #the_post .bordred,
.survey-polls #the_post .bordred {
    margin-bottom: 30px;
}


/***Tabs***/
.services-tab {
    margin-bottom: 50px;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
}

    .services-tab .nav-tabs > li {
        background: #f8f8f8;
        height: 76px;
        border-top: 1px solid #e8e8e8;
        border-bottom: 1px solid #e8e8e8;
        border-left: 1px solid #e8e8e8;
        line-height: 76px;
        width: 25%;
    }

        .services-tab .nav-tabs > li:last-child {
            text-align: center;
        }

    .services-tab .nav-tabs {
        border-bottom: none;
    }

        .services-tab .nav-tabs > li > a {
            margin-right: 0;
            border-radius: 0;
            font-size: 1.15rem;
            color: #872248;
            font-weight: bold;
            padding: 0 25px;
            display: inline-block;
            vertical-align: middle;
        }

        .services-tab .nav-tabs > li.active {
            background: #fff;
            border-top: none;
            border-bottom: none;
        }

            .services-tab .nav-tabs > li.active:first-child {
                border-left: none;
            }

            .services-tab .nav-tabs > li.active > a, .services-tab .nav-tabs > li.active > a:hover, .services-tab .nav-tabs > li.active > a:focus {
                color: #872248;
                border: 1px solid transparent;
            }

        .services-tab .nav-tabs > li.active, .services-tab .nav-tabs > li:hover, .services-tab .nav-tabs > li:focus {
            background: #fff;
        }

        .services-tab .nav-tabs > li > a:hover, .services-tab .nav-tabs > li > a:focus {
            color: #872248;
            border: 1px solid transparent;
            background: transparent;
        }


    .services-tab .tab-content {
        padding-top: 30px;
        padding-left: 30px;
        padding-right: 30px;
    }

.bor-left-no {
    border-left: none;
}

.bor-bottom-no {
    border-bottom: none;
}
/****/
ul.check li:before {
    content: "";
    margin-right: 0;
}

ul.check .fa-check {
    font-size: 0.9rem;
    margin-right: 10px;
}

#register ul.check li {
    /*margin: 0 0 10px;*/
}

.fa-calendar {
    margin-right: 10px;
    background: url(../img/calander-2.png);
    background-position: left center;
    width: 18px;
    height: 18px;
}

    .fa-calendar:before {
        content: "" !important;
    }

.icon-user-circle,
.icon-request {
    font-size: 1.4rem;
    vertical-align: middle;
    margin-right: 5px;
}

#register,
#track_requests {
}

    #track_requests i,
    #track_requests span.icon-email {
        color: #7e6649;
        margin-right: 13px;
    }

        #track_requests i.fa-phone {
            font-size: 1.4rem;
        }

    #track_requests span.icon-email {
        font-size: 0.9rem;
    }

    #register h2.bordred {
        margin: 0 0 40px 0;
    }

.social-affaire #register h2.bordred,
.registration #register h2.bordred,
.profile #register h2.bordred,
.requests #register h2.bordred {
    margin: 0 0 50px 0;
}

#sidebar_posts .fa-caret-right,
#quick_access .fa-caret-right,
.doc_forms .fa-caret-right {
    margin-right: 10px;
}

#sidebar_posts .latest_post_item a,
.doc_forms .latest_post_item a {
}

#sidebar_posts .latest_post_item,
.doc_forms .latest_post_item {
    padding: 5px 0;
}

    #sidebar_posts .latest_post_item:last-child,
    .doc_forms .latest_post_item:last-child {
        padding-bottom: 0;
    }

.company-services div.video-controls h2 {
    font-size: 1rem;
    max-height: 100px;
    max-width: 200px;
    -webkit-line-clamp: 2;
}

.company-services.forms .services-tab span.icon {
    font-size: 3.4285rem;
}

.panel-heading .iconmoon {
    font-size: 2.1428rem;
    color: #872248;
    vertical-align: middle;
    display: table-cell;
    padding-right: 18px;
}

.panel-title > a:hover, .panel-title > a:focus {
    text-decoration: none;
}


.panel-title > a .inline-block {
    vertical-align: middle;
    line-height: normal;
}

.panel-title > a {
    display: block;
    font-weight: bold;
}

.panel-body.post_content ul li {
    margin: 0 0 13px;
}

.panel-body.post_content ul {
    margin: 25px 0 40px;
}

.services-tab .panel-body {
    padding: 15px 40px;
}

.services-tab .panel-title > a[aria-expanded="true"] {
    color: #872248;
}

.services-tab {
    padding-bottom: 55px;
}


/* Input Controls */

[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
}

    [type="radio"]:checked + label,
    [type="radio"]:not(:checked) + label {
        position: relative;
        cursor: pointer;
        margin: 0;
        /*height: 22px;
    width: 22px*/
    }

.table-head-gold [type="radio"]:checked + label,
.table-head-gold [type="radio"]:not(:checked) + label {
    height: 22px;
    width: 22px;
}

[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 19px;
    height: 19px;
    border: 1px solid #e0d7cc;
    border-radius: 50%;
    background: #fff;
}

[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 9px;
    height: 9px;
    background: #89244b;
    position: absolute;
    top: 4.5px;
    left: 5px;
    border-radius: 50%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
/***Table head gold***/

.table-head-gold {
    margin-bottom: 10px;
    /*   margin-top: 30px;*/
}

    .table-head-gold > thead > tr > th, .table-head-gold > tbody > tr > th, .table-head-gold > tfoot > tr > th, .table-head-gold > thead > tr > td, .table-head-gold > tbody > tr > td, .table-head-gold > tfoot > tr > td {
        padding: 20px 33px;
        border-top: 1px solid #e7ded4;
        vertical-align: middle;
    }

.table-head-gold {
    color: #5e5e5e;
    font-size: 1.5rem;
}

    .table-head-gold > tbody > tr {
        background: #fcfcfc;
        border: 1px solid #e7ded4;
    }

        .table-head-gold > tbody > tr:nth-of-type(odd) {
            background-color: #f8f8f8;
            border-bottom: 2px solid #f4f1ee;
        }


    .table-head-gold > thead > tr > th {
        border-bottom: none;
        background: #7e6649;
        color: #fff;
        font-weight: bold;
        border-left: 1px solid #fff;
    }

    .table-head-gold .spacing {
        height: 8px;
    }

.no-more-tables td.mobile-pos {
    cursor: pointer;
    padding-left: 0;
}

.survey-polls .table-head-gold td + td {
    text-align: center;
}

.polls [type="radio"]:checked + label, .polls [type="radio"]:not(:checked) + label {
    width: 100%;
    padding-left: 24px;
    font-weight: 400;
    height: inherit;
}

    .polls [type="radio"]:checked + label:after, .polls [type="radio"]:not(:checked) + label:after {
        /*top: 12px;*/
    }

    .polls [type="radio"]:checked + label:before, .polls [type="radio"]:not(:checked) + label:before {
        /*top: 5px;*/
    }

.table.polls > thead > tr > th, .table.polls > tbody > tr > th, .table.polls > tfoot > tr > th, .table.polls > thead > tr > td, .table.polls > tbody > tr > td, .table.polls > tfoot > tr > td {
    border-top: none;
}

.table.polls > tbody > tr:nth-of-type(odd) {
    border-bottom: none;
}

.table.polls > tbody > tr {
    background: #fafafa;
    border: none;
}

.table.polls > tbody {
    border: 1px solid #e7ded4;
}

    .table.polls > tbody > tr > td {
        padding: 25px 27px 0;
    }


        .table.polls > tbody > tr > td.last {
            padding: 25px 27px 25px;
        }


/*****Table default****/

.table-default > tbody > tr:nth-of-type(even) {
    background-color: #f6f6f6;
}

.table-default > thead > tr > td, .table-default > tbody > tr > td, .table-default > tfoot > tr > td {
    padding: 30px 20px;
    font-size: 1.15rem;
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    border-top: none;
}

    .table-default > tbody > tr > td.status {
        border-right: 1px solid transparent;
    }

.table-default > thead > tr > th, .table-default > tbody > tr > th, .table-default > tfoot > tr > th {
    padding: 14px 22px;
    font-size: 1.15rem;
    font-weight: bold;
    border: 1px solid #e1e1e1;
}

.table-default > thead > tr {
    background: #f2f2f2;
}

    .table-default > thead > tr > th {
        border-bottom: none;
    }

.table-default > thead > tr {
    border-top: 1px solid #ddd;
}

.table-default > tbody > tr > td span.icon-delete {
    color: #7e6649;
    font-size: 1.428rem;
    float: right;
}
/***Calendar**/

.input-date input {
    margin: 0;
    box-shadow: none;
    border-radius: 0;
}

.input-date .glyphicon-calendar {
    background: url(../img/calander.png);
    height: 15px;
    width: 18px;
    background-size: 100%;
}

.glyphicon-calendar:before {
    content: "";
}

.input-date .input-group-addon {
    background-color: transparent;
    border-radius: 0;
}

.bootstrap-datetimepicker-widget td.active, .bootstrap-datetimepicker-widget td.active:hover {
    background-color: #872248 !important;
}

.picker-switch a {
    color: #872248 !important;
}

/*****/
.legend {
    background: #fbfbfb;
    border: 1px solid #eaeaea;
    padding: 34px 29px 49px;
}

.survey-polls #the_post {
    margin-bottom: 85px;
}

.legend .input-form.col-md-6 {
    padding-right: 9px;
    padding-left: 9px;
}

/***pagination**/


.pagination > li > a, .pagination > li > span {
    /*border-radius: 50% !important;
    margin: 0 3px !important;*/
}

    .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus,
    .pagination > li > a:hover {
        z-index: 3;
        color: #fff;
        background-color: #7e6649;
        border-color: #7e6649;
        border-radius: 4px !important;
    }

.pagination > li > a, .pagination > li > span {
    background-color: #eee;
    border: 0;
    font-weight: bold;
    font-size: 1rem;
    padding: 6px 12px;
    border-radius: 4px !important;
    margin-right: 1px !important;
    font-weight: normal;
}

    .pagination > li > a:first-child, .pagination > li > span:first-child {
        margin-right: 0 !important;
    }

.navList {
    padding-top: 15px;
    clear: both;
    text-align: center !important;
    margin-right: -15px; /*similar to row*/
    margin-left: -15px; /*similar to row*/
}

.btn-first {
    margin-left: 0;
}

    .btn-first:lang(ar) {
        margin-right: 0;
    }

.btn-last {
    margin-right: 0;
}

    .btn-last:lang(ar) {
        margin-left: 0;
    }

.btn-next, .btn-last, .btn-first, .btn-prev {
    display: inline-block;
    cursor: pointer;
    font-size: 1rem;
    margin: 0 5px;
}

.pagination {
    padding: 0px;
    margin: 0 !important;
    display: inline-block;
    vertical-align: middle;
}

    /*.btn-next {
    margin-left: 15px;
}

    .btn-next:lang(ar) {
        margin-left: 7.5px;
    }

.btn-prev:lang(ar) {
    margin-left: 15px;
    margin-right: 7.5px;
}*/

    .pagination .disabled {
        display: none;
    }

/****Services detail***/
.services-details div#accordion {
    padding: 0;
}

    .services-details div#accordion h3 {
        font-size: 1.15rem;
        border-top: 1px solid #e4e4e4;
        background: #fff;
        margin-top: 0;
        padding-left: 0;
    }

        .services-details div#accordion h3:lang(en) {
            font-weight: 600;
        }

        .services-details div#accordion h3.ui-state-active {
            border-top: none;
        }

        .services-details div#accordion h3:last-of-type {
            border-bottom: 1px solid #e4e4e4;
        }

.services-details div#accordion {
    margin-bottom: 50px;
}

.services-details ul.decimal li::before {
    /*font-weight: bold;*/
    margin-right: 4px;
}

.btn-meduim {
    width: 203px;
    display: block;
    padding: 10px 20px;
    text-align: center;
    margin: 10px 0 30px;
    font-weight: bold;
}


/**Laws****/
#laws.feeds li:nth-child(odd) {
    background: #f8f8f8;
}

/*hereeee*/
span.download i {
    margin: 0 5px 0 5px;
    font-size: 1.5rem;
    color: #872248;
    /*vertical-align: text-bottom;*/
}

/*span.download i:lang(ar) {
        margin: 0 0 0 10px;
    }*/

#laws span.download i,
#laws span.download .icon-Print {
}

    #laws span.download i,
    #laws span.download .icon-Print:hover {
        text-decoration: none;
    }

/*#laws span.download {
    right: 41px;
    top: 32%;
}*/

#laws .icon-Print:before {
    color: #872248;
}

#laws.feeds ul li {
    border-bottom: 1px solid #fff;
    padding: 15px;
    background: #fcfcfc;
    color: #5e5e5e;
    font-size: 1.15rem;
    position: relative;
    font-weight: bold;
}

#laws span.file_info {
    display: block;
    font-size: 0.9rem;
    color: #757575;
    font-style: italic;
    font-weight: normal;
}

#laws .about_file {
    display: inline-block;
}

    #laws .about_file h5 {
        font-size: 1rem;
    }

.file_info_title {
    font-size: 1.15rem;
}

.file_info_department {
}

.file_info_shortDesc {
    font-style: unset !important;
    font-size: 1rem !important;
}

#laws.feeds ul li img {
    margin-right: 10px;
    margin-bottom: 10px;
    float: left;
    display: inline-block;
}

#laws.feeds {
    /*margin-bottom: 100px;*/
    margin-top: 0;
    padding: 0;
}

    #laws.feeds ul {
        padding: 0px;
        margin: 15px 0 0 0;
    }

.search-page div.search-form input[type="text"] {
    margin-top: 0;
    margin-bottom: 0;
    color: #474747;
    font-size: 1rem;
    background: transparent;
}

.search-page div.search-form button {
    top: 20%;
}

.info-new {
    display: inline-block;
    background: #7e6649;
    padding: 5px 10px;
    border-radius: 20px;
    color: #fff;
    font-weight: bold;
    font-size: 0.9rem;
    margin-left: 30px;
}

#news_details .main-content {
    margin-bottom: 55px;
}

#complaint-suggestion .costum_form {
    margin-bottom: 120px;
}

/*****Wizard step*******/


.stepwizard-step {
    float: left;
    width: 25%;
}

    .stepwizard-step > a {
        color: #474747;
        text-decoration: none;
        padding: 10px 0 10px 34px;
        position: relative;
        display: block;
        border-radius: 0;
        outline-style: none;
        background: #f8f8f8;
        height: 61px;
        font-size: 1rem;
        font-weight: bold;
        border: 1px solid #e8e8e8;
        border-right: 0;
        border-left: 0;
    }

        .stepwizard-step > a.btn-first {
            border-left: 1px solid #e8e8e8;
            padding-left: 15px;
        }

        .stepwizard-step > a.btn-last {
            border-right: 1px solid #e8e8e8;
        }

        .stepwizard-step > a::after {
            content: " ";
            display: block;
            width: 43px;
            height: 43px;
            border-top: 31px solid transparent;
            border-bottom: 31px solid transparent;
            border-left: 23px solid #f8f8f8;
            position: absolute;
            top: 50%;
            left: 100%;
            z-index: 2;
            border-style: solid;
            border-color: #d8d8d8;
            border-width: 0px 1px 1px 0px;
            -ms-transform: rotate(-45deg); /* IE 9 */
            -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
            transform: rotate(-45deg);
            margin-top: -22px;
            margin-left: -40px;
            box-shadow: 3px 3px 0 1px #fff;
            transform-origin: center;
        }

        .stepwizard-step > a.btn-last::after {
            border: none;
            box-shadow: none;
        }

.setup-box {
    padding: 18px 28px 115px;
    background: #fbfbfb;
    border: 1px solid #ebebeb;
    margin: 6px 0 0;
}

small.form-text {
    font-size: 1rem;
    color: #5e5e5e;
}

.pink {
    color: #872248 !important;
}

.setup-box.costum_form select {
    color: rgba(71, 71, 71, 0.5);
}


.setup-box [type="radio"]:checked + label,
.setup-box [type="radio"]:not(:checked) + label {
    padding-left: 30px;
    font-size: 1.15rem;
    font-weight: 400;
    margin-top: 30px;
}


    .setup-box [type="radio"]:checked + label:before,
    .setup-box [type="radio"]:not(:checked) + label:before {
        top: 2px;
        background: #fbfbfb;
    }

.setup-box.costum_form input[type="submit"],
.setup-box.costum_form input[type="reset"],
.setup-box.costum_form .btn {
    margin-top: 65px;
}

.social-affaire div#social_feed {
    margin-bottom: 75px;
}

/**********/
#eligibility {
    margin: 0 0 60px;
}

ul.bg-grey li {
    background: #fbfbfb;
    padding: 18px 20px;
    border-top: 1px solid #eeeff3;
    font-size: 1.15rem;
    color: #5e5e5e;
}

    ul.bg-grey li:first-child {
        border-top: none;
    }

.fa-national {
    background: url(../img/national.png);
    width: 28px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    vertical-align: middle;
    margin-right: 13px;
}

ul.bg-grey li span {
    display: inline-block;
    vertical-align: middle;
}

.fa-user-1 {
    background: url(../img/user.png);
    width: 21px;
    height: 25px;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    vertical-align: middle;
    margin-right: 13px;
}

.privacy-policy {
    display: inline-block;
    vertical-align: middle;
    font-size: 1rem;
    margin-left: 21px;
    margin-top: 65px;
}

.form-inline {
    color: #5e5e5e;
    font-size: 1rem;
}

    .form-inline label {
        margin-bottom: 0;
    }

.costum_form .form-inline select, .costum_form .form-inline input, .costum_form .form-inline textarea {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    border: none;
    font-size: 1rem;
    text-align: right;
}

.form-inline .input-form {
    padding: 20px 13px;
}

    .form-inline .input-form:nth-child(2n+1),
    .item-request:nth-child(2n+1) {
        background: #f6f6f6;
    }

.profile .setup-box {
    padding: 0px 15px 115px;
}

.profile .post_content {
    margin-bottom: 20px;
}


.form-inline *::-webkit-input-placeholder {
    color: #606263;
}

.form-inline *:-ms-input-placeholder {
    color: #606263;
}

.form-inline *::-moz-placeholder {
    color: #606263;
}

.form-inline *:-moz-placeholder {
    color: #606263;
}

.input-group.input-date {
    padding: 10px 0;
}

/***Requests****/
.requests .setup-box {
    padding: 18px 28px 80px;
    margin: 20px 0 0;
}

.item-request .fa-check,
.item-request .fa-times {
    font-size: 1.142rem;
    height: 33px;
    width: 33px;
    border-radius: 50%;
    border: 2px solid #7e6649;
    text-align: center;
    line-height: 31px;
    color: #7e6649;
}

.item-request {
    padding: 30px 29px 25px;
    background: #fcfcfc;
    font-size: 1.15rem;
    font-weight: bold;
    color: #5e5e5e;
    display: table;
    width: 100%;
}

    .item-request .date {
        font-size: 0.9rem;
        font-weight: 400;
        color: #979798;
        display: block;
        margin: 5px 0 0;
    }

.request-list {
    margin: 20px 0 0;
    border: 1px solid #eaeaea;
}


.ion-ios-clock-outline:before {
    color: #474747;
    font-weight: bold;
    display: block;
    font-size: 1.4rem;
}

.item-request .clocksizefix {
    font-size: 2.7142rem;
    margin: 0;
    line-height: 0;
}

.status {
    font-size: 1.15rem;
}

.requests .pagination {
    margin: 60px 0 40px;
}

.requests #quick_access {
    margin: 0 0 30px;
}

.item-request .pink {
    margin-left: 7px;
}

.requests .table-default {
    background: #fcfcfc;
    border-bottom: 1px solid #e1e1e1;
    font-size: 1.15rem;
    color: #5e5e5e;
    font-weight: 600;
    margin: 20px 0 0;
}

    .requests .table-default > thead > tr > td,
    .requests .table-default > tbody > tr > td,
    .requests .table-default > tfoot > tr > td {
        padding: 20px 20px;
    }

.requests .mobile-table-head {
    color: #7e6649;
}

/****/
.post-locations {
    /*margin: 70px 0 105px;*/
    margin-top: 3rem;
}

.post-serv h3 {
    margin: 0 0 5px;
    font-weight: bold;
    font-size: 1.15rem;
    color: #474747;
}

.post-serv .post_thumb img {
    max-width: 55px;
    height: auto;
}

.post-serv .post_thumb {
    margin-right: 15px;
}

.post-serv {
    padding: 0 0 10px 0;
    margin: 0 0 10px;
    border-bottom: 1px solid #f2f2f2;
    font-size: 1rem;
    color: #929292;
}

    .post-serv:last-child {
        border: none;
        padding-bottom: 0;
        margin-bottom: 0;
    }

.post-serv-content .fa-map-marker {
    margin-right: 8px;
    font-size: 1.214rem;
}

.post-serv-content {
    width: calc(100% - 70px);
    text-align: justify;
    float: right;
}


/**laws-block**/
.laws-block,
.doc_forms,
.subsite #sidebar_posts {
    margin: 0 0 50px;
}

    .laws-block .laws-block-item {
        margin-bottom: 1rem;
        min-height: 29px;
    }

        .laws-block .laws-block-item img {
            float: left;
            margin-right: 5px;
            display: inline-block;
        }

    /*.laws-block ul li {
        display: block;
    }*/

    .laws-block span.file_info {
        display: inline-block;
        font-size: 0.9rem;
        vertical-align: sub;
        color: #b7b7b7;
        font-style: italic;
        padding-left: 10px;
    }

        .laws-block span.file_info:lang(ar) {
            padding-left: 0;
            padding-right: 10px;
        }

    .laws-block span.about_file {
        display: inline-block;
        text-align: justify;
        width: calc(100% - 35px);
    }

    .laws-block li img {
        margin-right: 10px;
        margin-bottom: 0;
        display: inline-block;
        float: left;
    }

    /*.laws-block li img:lang(ar) {
            float: right;
        }

    .laws-block .download a {
        display: inline-block;
        margin: 0 6px;
    }

    .laws-block span.download {
        right: 5px;
    }

    .laws-block span.download .ion-ios-cloud-download-outline {
    }*/

    .laws-block .info-new {
        background: #872248;
        padding: 3px 5px;
        font-size: 0.9rem;
        margin-left: 3px;
    }

    .doc_forms .latest_post_item:last-child,
    .subsite #sidebar_posts .latest_post_item:last-child {
        margin-bottom: 0;
        padding-bottom: 0;
    }

.mawarad-app .post_thumb {
    margin: 0 15px 0 0;
    max-width: 90px;
    height: auto;
}

.mawarad-app {
    margin: 0 0 60px;
}

.download-app i {
    border-radius: 50%;
    background: #5b5b5b;
    height: 43px;
    width: 43px;
    color: #fff;
    line-height: 43px;
    text-align: center;
    font-size: 1.428rem;
    margin: 0 8px;
}

    .download-app i.fa-android {
        background: #96c200;
    }

.download-app span {
    font-weight: bold;
    margin-right: 20px;
    font-size: 1.15rem;
}



/********Ons's Css********/
.pastNewsText {
    font-size: 1.15rem;
    color: #5e5e5e;
}

div#accordion h3 a.archivedLink {
    color: #474747;
    font-size: 1.15rem;
}

.numberArticles {
    color: #818181;
    padding-left: 10px;
    font-weight: 400;
}

a.archivedLink .icon-archive {
    color: #7e6649;
    font-size: 1.428rem;
    padding-right: 10px;
}

    a.archivedLink .icon-archive:lang(ar) {
        padding-right: 0;
        padding-left: 10px;
    }

.popular_post_item a.post_thumb.imgEvent {
    width: 83px;
    height: 76px;
    overflow: hidden;
}

.archivedPages .ui-accordion-content {
    background-color: #f8f8f8;
    margin-bottom: 6px;
    padding-bottom: 0;
}

#the_post.archivedPages h3 {
    margin-bottom: 6px;
}

    #the_post.archivedPages h3.ui-accordion-header-active {
        margin-bottom: 0;
    }

.archivedPages .accordion .popular_post_item {
    padding: 20px;
    margin-bottom: 0;
}

    .archivedPages .accordion .popular_post_item .post_link_details {
        max-width: 83%;
    }

.archivedPages .post_date {
    margin: 0;
}

.archivedPages .popular_post_item:after {
    bottom: -20px;
}

.topCustom {
    position: relative;
}

.searchbox {
    position: absolute;
    top: 0;
    right: 0;
}

.archivedPages .input-group.input-date {
    max-width: 183px;
    width: 100%;
}

.archivedPages .input-date input {
    border-top-left-radius: 35px;
    border-bottom-left-radius: 35px;
}

.archivedPages .input-date .input-group-addon {
    border-top-right-radius: 35px;
    border-bottom-right-radius: 35px;
}

.archivedPages .costum_form input {
    padding: 6px 20px;
    font-size: 1rem;
}

.searchLabel {
    display: none;
    color: #474747;
    font-size: 1rem;
    font-weight: 700;
}

.archivedPages .input-date .glyphicon-calendar {
    background: url(../img/calander-sm.png);
    height: 15px;
    width: 18px;
    background-size: 100%;
}

.archivedPages #sidebar_posts .latest_post_item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

.archivedPages #sidebar_posts .latest_post_item {
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.archivedPages #popular_post_loop {
    margin-top: 0;
}

.archivedPages div#accordion h3 {
    margin-bottom: 5px;
}

.archivedPages .clocksizefix {
    font-size: 1.15rem;
    margin-right: 5px;
}

.archivedPages .accordion .post_date {
    margin: 10px 0 10px;
}

.archivedPages .container,
.archivedPages .container > div,
.archivedPages .container > div > div {
    padding: 0;
}

.archivedPages div#accordion h3:last-of-type {
    border-bottom: 1px solid #e4e4e4;
}

/*Weather section*/
@font-face {
    font-family: 'weather';
    src: url('WeatherFonts/artill_clean_icons-webfont.eot');
    src: url('WeatherFonts/artill_clean_icons-webfont.eot?#iefix') format('embedded-opentype'), url('WeatherFonts/artill_clean_icons-webfont.woff') format('woff'), url('WeatherFonts/artill_clean_icons-webfont.ttf') format('truetype'), url('WeatherFonts/artill_clean_icons-webfont.svg#artill_clean_weather_iconsRg') format('svg');
    font-weight: normal;
    font-style: normal;
}

.div-weather i {
    font-family: weather !important;
    font-size: 6rem;
    font-weight: normal;
    font-style: normal;
    text-transform: none;
    vertical-align: middle;
}

.div-weather .icon-0:before {
    content: ":";
}

.div-weather .icon-1:before {
    content: "p";
}

.div-weather .icon-2:before {
    content: "S";
}

.div-weather .icon-3:before {
    content: "Q";
}

.div-weather .icon-4:before {
    content: "S";
}

.div-weather .icon-5:before {
    content: "W";
}

.div-weather .icon-6:before {
    content: "W";
}

.div-weather .icon-7:before {
    content: "W";
}

.div-weather .icon-8:before {
    content: "W";
}

.div-weather .icon-9:before {
    content: "I";
}

.div-weather .icon-10:before {
    content: "W";
}

.div-weather .icon-11:before {
    content: "I";
}

.div-weather .icon-12:before {
    content: "I";
}

.div-weather .icon-13:before {
    content: "I";
}

.div-weather .icon-14:before {
    content: "I";
}

.div-weather .icon-15:before {
    content: "W";
}

.div-weather .icon-16:before {
    content: "I";
}

.div-weather .icon-17:before {
    content: "W";
}

.div-weather .icon-18:before {
    content: "U";
}

.div-weather .icon-19:before {
    content: "Z";
}

.div-weather .icon-20:before {
    content: "Z";
}

.div-weather .icon-21:before {
    content: "Z";
}

.div-weather .icon-22:before {
    content: "Z";
}

.div-weather .icon-23:before {
    content: "Z";
}

.div-weather .icon-24:before {
    content: "E";
}

.div-weather .icon-25:before {
    content: "E";
}

.div-weather .icon-26:before {
    content: "3";
}

.div-weather .icon-27:before {
    content: "a";
}

.div-weather .icon-28:before {
    content: "A";
}

.div-weather .icon-29:before {
    content: "a";
}

.div-weather .icon-30:before {
    content: "A";
}

.div-weather .icon-31:before {
    content: "6";
}

.div-weather .icon-32:before {
    content: "1";
}

.div-weather .icon-33:before {
    content: "6";
}

.div-weather .icon-34:before {
    content: "1";
}

.div-weather .icon-35:before {
    content: "W";
}

.div-weather .icon-36:before {
    content: "1";
}

.div-weather .icon-37:before {
    content: "S";
}

.div-weather .icon-38:before {
    content: "S";
}

.div-weather .icon-39:before {
    content: "S";
}

.div-weather .icon-40:before {
    content: "M";
}

.div-weather .icon-41:before {
    content: "W";
}

.div-weather .icon-42:before {
    content: "I";
}

.div-weather .icon-43:before {
    content: "W";
}

.div-weather .icon-44:before {
    content: "a";
}

.div-weather .icon-45:before {
    content: "S";
}

.div-weather .icon-46:before {
    content: "U";
}

.div-weather .icon-47:before {
    content: "S";
}

.div-weatherdate .div-weather,
.div-weatherdate .div-weather:lang(en) {
    text-align: center;
}

    .div-weatherdate .div-weather span {
        font-size: 2.25rem;
    }

.div-weatherdate .div-date div {
    text-align: center;
}
/*End of weather section*/

.secondFooterContainer {
    border-top: 1px solid #f2f2f2;
    padding-top: 15px;
}

.copyright {
    font-size: small;
    margin-top: 10px;
}

.noColorAnchor:visited {
    color: white;
    text-decoration: none;
}

.noColorAnchor:hover {
    color: white;
    text-decoration: none;
}

.search::-ms-clear {
    display: none !important;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

/*Subsite links on subsite*/

.service_item.sub {
    /*border-radius: 4px;*/
    color: #474747;
    background: #f8f8f8 !important;
    border: 1px solid #f2f2f2;
}

.services .service_item .service_icon {
    /*border-left: 1px solid #f2f2f2;*/
}

.services .service_item.sub .service_icon:lang(en) {
    /*border-right: 1px solid #f2f2f2;*/
    border-left: 0;
}

.services_items .service_item_container:nth-child(even) .service_item.sub .service_icon,
.services_items .service_item_container:nth-child(odd) .service_item.sub .service_icon {
    border-left: 1px solid #f2f2f2;
}

    .services_items .service_item_container:nth-child(even) .service_item.sub .service_icon:lang(en),
    .services_items .service_item_container:nth-child(odd) .service_item.sub .service_icon:lang(en) {
        border-right: 1px solid #f2f2f2;
        border-left: 0;
    }


/*.services_items .itemCnt:nth-child(even) .service_item.sub {
    border: 5px solid #7e6649;
}

.services_items .itemCnt:nth-child(odd) .service_item.sub {
    border: 5px solid #872248;
}

.services_items .itemCnt:nth-child(even) .service_item.sub:hover {
    border: 5px solid #98774b;
}

.services_items .itemCnt:nth-child(odd) .service_item.sub:hover {
    border: 5px solid #9a4565;
}

.service_item.sub:hover {
    background: #ffffff;
}*/

.col-md-4.col-xs-4.sub {
    border: none;
}

.service_item.sub img {
    opacity: .75;
}

.col-md-8.col-xs-8.flexitems {
    display: flex;
    justify-content: center;
    align-items: center;
}

.arrowed {
    /*text-decoration: none !important;*/
}

div#quick_access ul li:nth-child(1) a {
    /*padding: 3px 0;*/
}

.ms-cui-tt-a {
    width: auto !important;
}

/*a:focus {
    text-decoration: none !important;
}*/

.swal-button:lang(ar) {
    background-color: #872248;
    float: left;
}

.swal-button:lang(en) {
    background-color: #872248;
}

.swal-button-container:lang(ar) {
    float: left;
    margin-bottom: 10px;
}

.swal-button--cancel {
    color: white;
}

.font-button.plus {
    font-size: 1.2rem;
    color: #7E6649;
    font-family: lato;
}

    .font-button.plus:lang(ar) {
        position: relative;
        top: -0.29rem;
    }

.font-button.minus {
    font-size: 1rem;
    color: #7E6649;
    font-family: lato;
    position: relative;
    top: -0.1rem;
}

    .font-button.minus:lang(ar) {
        position: relative;
        top: -0.1rem;
    }

a.font-button.minus:hover, a.font-button.plus:hover {
    cursor: pointer;
}

.feeds .container .row .col-md-3:lang(en) {
    padding: 15px;
}

/* Start Region Dynamic Menu*/

ul#main-menu {
    list-style: none;
    padding: 0;
}

    ul#main-menu li {
        /*display: inline-block;*/
        position: relative;
        margin-right: 13px;
        padding: 0 5px;
    }

        ul#main-menu li a {
            font-family: lato;
            padding: 30px 0px 30px 0;
            display: block;
            font-weight: bold;
            color: #484848;
            cursor: pointer;
            font-size: 1.15rem;
        }

            ul#main-menu li a:lang(ar) {
                font-family: GE SS Two bold;
            }

            ul#main-menu li a:hover, ul#main-menu li a:active, ul#main-menu li a:focus {
                color: #484848;
            }

    ul#main-menu ul li ul {
        position: absolute;
        left: 0;
        top: 100%;
        padding: 0;
        margin: 0;
        display: none;
        -webkit-transition-duration: 300ms;
        -moz-transition-duration: 300ms;
        -ms-transition-duration: 300ms;
        -o-transition-duration: 300ms;
        transition-duration: 300ms;
    }

        ul#main-menu ul li ul li {
            display: block;
        }

            ul#main-menu ul li ul li a {
                width: 115px;
                padding: 10px 20px;
            }

    ul#main-menu ul li:hover ul {
        display: block;
        background: white;
        z-index: 999;
        border: 1px solid #fcf8e3;
    }

    ul#main-menu ul li a span {
        font-size: 0.9rem;
        margin-left: 5px;
        padding: 0px;
        display: inline-block;
        text-align: right;
        padding-right: 0;
        margin-right: 5px;
    }

    ul#main-menu li ul li {
        padding: 0;
        margin: 0;
        width: 100%;
    }

        ul#main-menu li ul li:hover, ul#main-menu li ul li a:hover {
            background: white;
            background-color: white;
        }


        ul#main-menu li ul li a {
            padding: 12px 17px;
        }

    ul#main-menu li a i {
        padding: 0 0.3rem;
    }

/* ENd Region Dynamic Menu*/

.pagination li {
    padding: 0px !important;
}


img#searchImg {
    max-width: none;
}


input[type=text]::-ms-clear {
    display: none;
}

/*calendar home wp*/
/*.calendarHomeWP .owl-dots:lang(ar) {
    padding-right: 0;
}*/

/*.calendarHomeWP > div > div > div:lang(ar) {
    padding-right: 0;
}*/

/*.calendarHomeWP .owl-dots:lang(en) {
    padding-left: 0;
}

.calendarHomeWP > div > div > div:lang(en) {
    padding-right: 0;
}*/
/*end calendar home wp*/

/*News Page*/
/*.filter-responsive-news {
    left: 0px;
    right: 25px;
    display: inline-block;
    padding-right: 0 !important;
}*/

.filter-responsive-news .filter-text-news {
    padding-top: 7px;
}

.search-responsive-news .search_optimize {
    margin: 0 !important;
    width: 220px !important;
    max-width: 220px !important;
}

.search-responsive-news .searchIcon {
    top: 5px;
}

.newsListing {
    margin-bottom: 25px;
}

/*Events Listing*/
.eventsListing, .galleryListing {
    margin-bottom: 25px;
}

    .eventsListing .searchIcon {
        top: 5px;
    }

    .eventsListing .search_optimize {
        margin: 0 !important;
        width: 220px !important;
        max-width: 220px !important;
    }

    .eventsListing .filter-text-events, .newsListing .filter-text-news {
        padding-top: 7px;
    }

/*training listing*/
.trainingsListing .search_optimize {
    margin: 0 !important;
    width: 220px !important;
    max-width: 220px !important;
}

.trainingsListing .searchIcon {
    top: 5px;
}

/*Laws Listing page*/
.lawsListing .search_optimize, .SurveyListJSControls .search_optimize {
    margin: 0 !important;
    width: 220px !important;
    max-width: 220px !important;
}

.lawsListing .searchIcon, .SurveyListJSControls .searchIcon {
    top: 5px;
}
/*gallery Listing page*/
.galleryListing .search_optimize {
    margin: 0 !important;
    width: 220px !important;
    max-width: 220px !important;
}

/*gallery Listing page*/
.eServicesListing .search_optimize {
    margin: 0 !important;
    width: 220px !important;
    max-width: 220px !important;
}

.eServicesListingHome .search_optimize {
    margin: 0 !important;
    width: 220px !important;
    max-width: 220px !important;
}

.eforms .search_optimize {
    margin: 0 !important;
    width: 220px !important;
    max-width: 220px !important;
}

.MRListing .search_optimize {
    margin: 0 !important;
    width: 220px !important;
    max-width: 220px !important;
}

/*.date-responsive-news{
    padding-top:25px;
    padding-right: 10px;
    padding-left: 0px;
}
.dropdown-menu{
    white-space: normal;
}
.navbar .nav li .dropdown-menu li a {white-space: normal !important;}*/

.mhmSelectedSector > h2 {
    cursor: pointer;
}

.lawsDeptFilter, .lawsAudienceFilter {
    /*margin-right: 20px !important;
    margin-left: 5px !important;*/
}

    .lawsDeptFilter:lang(ar), .lawsAudienceFilter:lang(ar) {
        margin-right: 5px !important;
        margin-left: 20px !important;
    }

.lawsDetailsTitle {
    padding-left: 15px;
}

    .lawsDetailsTitle:lang(ar) {
        padding-left: 0;
        padding-right: 15px;
    }

.lawsPostDate {
    padding-left: 40px;
    font-size: 0.9rem;
}

    .lawsPostDate:lang(ar) {
        padding-left: 0;
        padding-right: 40px;
    }

/*.bootstrap-datetimepicker-widget {
    direction: rtl;
}*/

.date-responsive-news {
    /*margin-top: 25px;*/
}

    .date-responsive-news > div > div {
        /*padding-left: 0px;*/
    }

.floatingToggle > span {
    position: absolute;
    top: 50%;
    color: white;
    direction: ltr;
    font-weight: bold;
}

.prev > .glyphicon-chevron-left:lang(ar), .next > .glyphicon-chevron-right:lang(ar) {
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}

.TrainerClass, .deptClass {
    margin-left: 10px;
}

    .TrainerClass:lang(ar), .deptClass:lang(ar) {
        margin-left: 0;
        margin-right: 10px;
    }

.noUnderlineAnchor:hover {
    text-decoration: none !important;
}

.themeBackground {
    background-color: #872248;
}

    .themeBackground h3 {
        color: white;
        padding: 15px;
    }

/*contact Us*/
.contact-us-info-icon:before {
    color: #7e6649 !important;
}

/* For jQuery validate */
label.error, label.error {
    color: red;
    font-style: italic;
    font-weight: normal;
}

div.error {
    display: none;
}

input.error, textarea.error, select.error {
    border: 1px solid red !important;
}

.requiredStar {
    color: red !important;
}

    .requiredStar:lang(ar) {
        vertical-align: super;
    }

.adminActionButtonsDiv {
    height: 31px;
}

.dropdown-menu > li > a {
    white-space: normal !important;
}

h3#firstHeading {
    color: #bc9438;
    font-size: 1.15rem;
}

/*#infoMainDiv {
    width: 265px;
    padding: 5px 0;
}

#infoDiv {
    display: inline-block;
    width: 70%;
}*/

/*#infoMainDiv:before {
    content: '';
    width: 25%;
    min-width: 50px;
    height: 40px;
    display: inline-block;
    background: url(../Images/marker-bg.png) no-repeat center center;
    background-size: 60%;
}*/


/* Organization chart */

.spanBox {
    border-radius: 4px;
    background-color: #8b7150;
    font-size: 1rem;
    color: white;
    width: 120px;
    display: inline-block;
    /*min-height:30px;*/
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 3px;
    padding-right: 3px;
    text-align: center;
    /*vertical-align: middle;*/
    border: 2px solid #926f44;
}

.tree ul {
    padding-top: 20px;
    position: relative;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

.tree li {
    float: left;
    text-align: center;
    list-style-type: none;
    position: relative;
    padding: 20px 5px 0 5px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}


    /*We will use ::before and ::after to draw the connectors*/

    .tree li::before,
    .tree li::after {
        content: '';
        position: absolute;
        top: 0;
        right: 50%;
        border-top: 1px solid #ccc;
        width: 50%;
        height: 20px;
    }

    .tree li::after {
        right: auto;
        left: 50%;
        border-left: 1px solid #ccc;
    }


    /*We need to remove left-right connectors from elements without 
any siblings*/

    .tree li:only-child::after,
    .tree li:only-child::before {
        display: none;
    }


    /*Remove space from the top of single children*/

    .tree li:only-child {
        padding-top: 0;
    }


    /*Remove left connector from first child and 
right connector from last child*/

    .tree li:first-child::before,
    .tree li:last-child::after {
        border: 0 none;
    }


    /*Adding back the vertical connector to the last nodes*/

    .tree li:last-child::before {
        border-right: 1px solid #ccc;
        border-radius: 0 5px 0 0;
        -webkit-border-radius: 0 5px 0 0;
        -moz-border-radius: 0 5px 0 0;
    }

    .tree li:first-child::after {
        border-radius: 5px 0 0 0;
        -webkit-border-radius: 5px 0 0 0;
        -moz-border-radius: 5px 0 0 0;
    }


/*Time to add downward connectors from parents*/

.tree ul ul::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    border-left: 1px solid #ccc;
    width: 0;
    height: 20px;
}

.tree li a {
    border: 1px solid #ccc;
    padding: 5px 10px;
    text-decoration: none;
    color: #666;
    font-family: arial, verdana, tahoma;
    font-size: 0.9rem;
    display: inline-block;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

    .tree li a:hover,
    .tree li a:hover + ul li a {
        background: #c8e4f8;
        color: #000;
        border: 1px solid #94a0b4;
    }


        /*Connector styles on hover*/

        .tree li a:hover + ul li::after,
        .tree li a:hover + ul li::before,
        .tree li a:hover + ul::before,
        .tree li a:hover + ul ul::before {
            border-color: #94a0b4;
        }

.servicesLocationMap {
    margin-left: 20px;
    padding-right: 29px;
}

    .servicesLocationMap:lang(ar) {
        margin-left: 0;
        padding-right: 0;
        margin-right: 20px;
        padding-left: 29px;
    }

textarea {
    resize: none;
}

.fromToDate {
    width: 165px !important;
}

.adlsaicons {
    color: inherit;
    font-size: 50px;
    /*display: table-cell;
    vertical-align: middle;*/
}

.ResponsiveButton, .topnav {
    display: none;
}

/* Search Page*/
.advSearchControls #fromDate, .advSearchControls #toDate {
    padding: 0;
    margin-top: 5px;
    margin-right: 8px;
    width: 158px !important;
    border: 0 solid white !important;
}

    .advSearchControls #fromDate:lang(en), .advSearchControls #toDate:lang(en) {
        margin-right: 0;
        margin-left: 8px;
    }

.advSearchControls #srchbtn {
    margin-right: 0;
    margin-left: 0;
    width: 220px !important;
    max-width: 220px !important;
}

.advSearchControls .searchIcon {
    cursor: pointer;
}

.advSearchControls #srchbtnSP {
    margin-right: 0px;
    max-width: 220px;
    width: 220px !important;
}

#SearchBox {
    display: none;
}
/*Search Page*/

.complaint_type-btn {
    color: white !important;
    border-radius: 4px;
    display: inline-block;
    float: right;
    width: auto !important;
    padding: 6px 12px !important;
    font-size: 1rem !important;
    line-height: 1.42857143;
    margin-top: 15px !important;
    height: auto !important;
}

    .complaint_type-btn.btn-success {
        border: 1px solid transparent !important;
    }

    .complaint_type-btn.btn-default {
        color: #444 !important;
        margin-right: 5px !important;
    }
/*Search Page*/

.eServiceDesc {
    margin-bottom: 0 !important;
}

/*centering logo in landscape mode*/
.headerLogoAnchor {
    /*display: inline-block;*/
    display: block;
}

    .headerLogoAnchor img {
        margin: 0;
    }

#MRList span.file_info:lang(en) {
    padding-left: 84px;
}

#MRList span.file_info:lang(ar) {
    padding-right: 84px;
}

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
    margin-top: -16px;
}

a.right.carousel-control.nobg {
    width: 5%;
}

a.left.carousel-control.nobg {
    width: 5%;
}

.ms-webpartzone-cell {
    margin: 0;
}

@media screen and (min-width: 768px) {
    .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
        margin-left: -15px !important;
        margin-right: 0 !important;
    }
}

/*Overwrite sharepoint classes*/
.latest_news .ms-fullWidth,
.latest_news .ms-webpart-chrome-fullWidth {
    display: block !important;
}

#eServiceFeedbackWP {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.langPickerRowOutside {
    margin-right: 16px;
}

.headerQatarPromise2022Logo img {
    margin: 1em 1em 0 1em;
    height: 50px;
}

.owl-carousel .owl-stage-outer .owl-item .event-item.row {
    margin: 0;
}

/*.bootstrap-select {
    max-width: 200px;
}*/
.eserviceIconDiv:lang(en) {
    padding-top: 2px;
    color: white;
    margin-left: 0;
    float: left;
    margin-right: 10px;
    display: inline-block;
    width: 55px;
    text-align: center !important;
    height: 55px;
    background-color: #872248;
    border-radius: 6px;
    font-size: 3em;
}

.eserviceIconDiv:lang(ar) {
    padding-top: 2px;
    color: white;
    margin-right: 0;
    float: right;
    margin-left: 10px;
    display: inline-block;
    width: 55px;
    text-align: center !important;
    height: 55px;
    background-color: #872248;
    border-radius: 6px;
    font-size: 3em;
}

ul.header-menu li span {
    cursor: pointer;
    margin: 25px 0 10px 0;
    display: block;
    text-decoration: none;
}

ul#Listing-Services > li > a {
    display: inline-block !important;
    width: 65px;
    vertical-align: top;
}

ul#Listing-Services li .about_file {
    display: inline-block;
    width: calc(100% - 65px);
}

.bootstrap-select {
    width: 206px !important;
}