/**
 * Sahifa-rtl RTL (Right-To-Left) CSS -  Portail web
 */

@import url("./style-rtl.css");

@font-face {
    font-family: 'DroidKufi-Regular';
    font-style: normal;
    font-weight: normal;
    src: local('./DroidKufi-Regular'), url('./DroidKufi-Regular.ttf') format('truetype');
}

.breaking-news span.breaking-news-title {
    font-family: 'DroidKufi-Regular' !important;
}

.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
    font-family: 'DroidKufi-Regular' !important;
}

.entry p {
    font-family: 'DroidKufi-Regular' !important;
}

body.single .entry, body.page .entry {
    font-family: 'DroidKufi-Regular' !important;
}

/******Header-Content*****/
.header-content {
    padding: 10px 0px;
    margin: 0 auto;
}

/******Nav-Bar*****/
span.bloc-slogon-tn {
    display: -webkit-box;
    padding-top: 16px;
}

text.slogon-pcl-tn {
    font-family: 'DroidKufi-Regular' !important;
    font-size: 20px;
    line-height: 14px;
    padding: 0px 6px 0px 0px;
}

text.slogon-minister-tn {
    font-family: 'DroidKufi-Regular' !important;
    font-size: 14px;
    padding: 0px 6px 0px 0px;
}


.logo-tunise a img {
    max-width: 45px;
    padding-left: 5px;
    cursor: pointer;
}

#main-nav ul li {
    font-size: 14px;
}

.breaking-news ul a {
    font-size: 16px;
}

/******Content*****/

h1.h1-drapeau-tn a img,
h2.h1-drapeau-tn a img {
    max-width: 80px;
    max-height: 50px;
}

.logo-tunise img {
    max-width: 45px;
    padding-left: 5px;
    cursor: pointer;
}

span.title-site {
    font-family: 'DroidKufi-Regular' !important;
    font-weight: bold;
    font-size: 28px;
    padding-top: 8px;
    padding-right: 136px;
    padding-left: 20px;
}

h2.post-box-title, h2.post-box-title a {
    font-family: 'DroidKufi-Regular' !important;
}

h3.post-box-title, h3.post-box-title a {
    font-family: 'DroidKufi-Regular' !important;
}

.toggle h3 {
    font-family: 'DroidKufi-Regular' !important;
    font-size: 17px;
}

.toggle-content {
    font-family: 'DroidKufi-Regular' !important;
}

.entry ul li {
    font-family: 'DroidKufi-Regular';
    list-style: disc;
}

ul.menu li.wpml-ls-item {
    float: left !important;
}

li.search-menu-index {

    float: left !important;
}

/******Content*****/
.content {
    float: right;

}

.cat-box-title h2, .cat-box-title h3, .cat-box-title h4, .cat-box-title h5, .cat-box-title h6 {
    font-family: 'DroidKufi-Regular' !important;
}

.widget-top h4 {
    font-family: 'DroidKufi-Regular' !important;
}

.post-title {
    font-family: 'DroidKufi-Regular' !important;
}

.stripe-line {
    margin-top: 14px !important;
}

#sidebar {
    float: left;
}

div.map-row-12 {
    overflow: hidden;
    padding: 2px;
    width: 50%;
    float: left;
}

div.first-select-commune{
    float: right;
}
div.second-select-commune{
    float: left;
}

div.map-row-12 h1.list-gov {
    padding: 0 4px 0 0;
    font-size: 16px;

}

h5.somme-deps {
    display: initial;
}

a.more-link.link-gov {
    float: left;
    font-family: 'DroidKufi-Regular' !important;

}

.footer-widget-container .social-icons {
    position: absolute;
}

.arqam-lite-widget-counter li:nth-child(3n+1) {
    border-width: 0;
}

span#libListeElection {
    font-size: 14px;
    display: -webkit-box;
    width: 250px;
    padding-left: 0px;

}

span#pageFB {
    direction: inherit;

}

/************Data Table************/
td.valeur {
    direction: ltr !important;
    text-align: right;
}

/******Footer*****/
.alignleft {
    visibility: hidden;

}

.footer-widget-container .social-icons {
    position: absolute;
}

/*****************PoPup****************************/
.evaluation-graph__group {
    padding: 0px 10px 2px 55px !important;

}

.bar__value:after {
    content: attr(data-value);
    position: absolute;
    right: 10px;
    z-index: 1;
    padding: 0px !important;
    color: white;
    font-weight: 400;
}

.popupModal .cmo-graph__item__text {
    /*text-align: right !important;
    width: 156px;*/
    padding-bottom: 0px;
}

text.bar__legend__gouvernance {
    right: 27px;
    top: 0px;

}

h4.bar__legend {
    line-height: 1.9 !important;
    padding-right: 14px !important;
    color: #000;
    font-size: 1rem;
    margin-top: 0;
}

.bar__threshold {
    color: #000;
    right: 0 !important;
    border-left: 1px solid #004ea6 !important;
    border-right: 0 !important;
    padding-left: 6px !important;
    position: absolute !important;
    left: 30% !important;
    text-align: left !important;
    height: 32px;

}


.popupModal .cat-box-title {
    margin-bottom: -7px;
}

.popupModal a.more-link {
    float: left !important;
}

.popupModal .text-finance {
    margin-bottom: -5px;
}

.chart-finance #container {
    height: 280px !important;
    margin-top: 0px;
}

h1.name {
    padding-bottom: 5px;
}

p.one_half {
    padding-right: 7px;
    padding-top: 7px;

}

.popupModal .cat-box {
    /*margin-bottom: -25px;*/
}

.popupModal .cat-box-title {
    padding: 1px 0;

}

.popupModal .cmo-result-true {
    margin-top: 4px;
    margin-bottom: -5px;
}

.popupModal .cat-box-title .stripe-line {
    margin-top: 13px !important;
}

.popupModal .cmo-result h3 {
    float: left;
}

.bar__value {

    right: 0 !important;
}

.bar__container:after {
    position: initial !important;
    float: left !important;
    padding: 0 !important;
}


.somme-dep {
    font-size: 16px;
    padding-left: 20px;
}

.popupModal .groupe_cmo1 {
    text-align: center;
}

/*******************End PoPup******************************/
/**********************Begin Page Evaluation de perfomances***************************************/

@media (max-width: 30em) {

    table.responsive-table td:nth-child(1),
    table.responsive-table td:nth-child(2),
    table.responsive-table td:nth-child(3),
    table.responsive-table td:nth-child(4),
    table.responsive-table td:nth-child(5),
    table.responsive-table td:nth-child(6),
    table.responsive-table td:nth-child(7),
    table.responsive-table td:nth-child(8) {
        padding-left: 0;
        padding-right: 75%;

    }

    table.responsive-table td:nth-child(1):before,
    table.responsive-table td:nth-child(2):before,
    table.responsive-table td:nth-child(3):before,
    table.responsive-table td:nth-child(4):before,
    table.responsive-table td:nth-child(5):before,
    table.responsive-table td:nth-child(6):before,
    table.responsive-table td:nth-child(7):before,
    table.responsive-table td:nth-child(8):before {
        position: absolute;
        left: 0;
        right: .5em;
        font-weight: bold;
    }
}

/**********************End Page Evaluation de perfomances***************************************/
@media screen and (max-width: 768px) and (min-width: 320px) {
    .bar__threshold {
        right: 0 !important;
        border-left: 1px solid rgba(0, 0, 0, 0.6) !important;
        border-right: 0 !important;
        padding-left: 6px !important;
        position: absolute !important;
        left: 30% !important;
        text-align: left !important;
    }

    .popupModal .cmo-graph__item__text {
        width: auto;
    }

    .wide-box.media-respnsive li {
        float: right;
    }


}

@media only screen and (max-width: 330px) {
    div.map-row-12 {
        width: 100% !important;;
    }


}

@media only screen and (max-width: 480px) {
    span.title-site {
        font-size: 25px !important;
        padding-top: 8px !important;
        padding-right: 6px !important;
    }
}

@media only screen and (min-width: 320px) and  (max-width: 480px) {
    .popup .popupModal {
        left: 50%;
        top: 50%;
        overflow-y: scroll !important;
        transform: translate(-50%, -50%);

    }


    .popupModal .cat-box-title h2 {
        font-size: 11px;
    }

    div.name {
        height: 29px;
        padding-top: 4px;
    }

    span.namecom {
        text-align: center;
        font-weight: 300;
        font-size: 17px;
        padding-right: 7px;
    }

    span.namegov {
        float: left;
        padding-left: 10px;
        font-size: 13px;
    }

    .cat-box-title .stripe-line {
        margin-top: 7px !important;
    }

    .cmo-result h2 {
        margin-right: 0px !important;
        font-size: 12px !important;
        margin-top: 13px !important;
        text-transform: uppercase;
        text-align: center;
    }

    .popupModal .entry .index-cmo h3 {
        margin-top: 0px !important;
    }

    .popup .cmo-graph__item__text h3 {

        margin-bottom: 11px;
    }

    .bar__container {
        margin-top: 4px;
    }

    element.style {
        width: 40%;
    }

    .bar--overall .bar__value {
        background-color: #004ea6;
    }

    .bar__value {

        right: 0 !important;
    }

    .bar__container:after {
        position: initial !important;
        float: left !important;
    }

    .popupModal a.more-link.btnCmoEp {
        margin-top: -8px;
    }

    .popupModal .cat-box-title {
        margin-bottom: 0px;
    }

    span#libListeElection {
        line-height: 5;
        display: block;
    }
}

@media only screen and (width: 1024px) {
    .popupModal a.more-link.btnCmoEp {

        width: initial;
        margin-top: 13px;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 700px) {
    .popup .popupModal {
        top: 50%;
    }

    .popupModal .cat-box-title {
        margin-bottom: -13px;
    }
}

/***************RTL Mode*******************/
body {
    direction: rtl;
    font-family: 'DroidKufi-Regular' !important;
}

#logo {
    margin-right: initial;
}

a.all-project-btn {
    direction: rtl;
    position: absolute;
    top: 7px;
    right: auto;
    left: 0;
}

@media (min-width: 992px) {
    .full-header #logo {
       /* padding-right: 8px; */
        border-right: 0px solid #EEE;
    }
    nav.primary-menu .menu-link {
        font-size: 18px !important;
    }
    #title-ipapd {
        font-size: 18px !important;
        min-width: 370px;
    }
}

div.projet-a-la-une {
    position: relative;
    direction: ltr;
}

.real-estate-item-desc {
    direction: rtl;
}

.real-estate-item-link {
    left: 0px;
    right: auto;
}
div.a-la-une-title{
    direction: rtl;
}
#oc-images.carousel-widget{
    direction: ltr;
}
nav.primary-menu{
    /*direction: ltr;*/
}
.menu-item .sub-menu-trigger {
    right: auto;
    left: 0;
}
.icon-chevron-left:before,.icon-chevron-right::before  {
    content: "\e999";
}
#logo {
    margin-right: initial;
    margin-left: auto;
}
.popupModal .cmo-result h2 {
    margin-right: auto !important;
    font-size: 16px !important;
    text-align: right !important;
    margin-top: auto !important;
    margin-left: auto !important;
    margin-right: 20px !important;
}
.popupModal .cmo-result h5 {
    margin-right: auto !important;
    font-size: 12px !important;
    text-align: right !important;
    margin-top: auto !important;
    margin-left: auto !important;
    margin-right: 20px !important;
}
.irs {
    direction: ltr;
}
.breadcrumb {
    direction: rtl;
    left: 1px;
    right: auto;
}
.breadcrumb-item + .breadcrumb-item::before {
    float: right;
}
div.dataTables_wrapper div.dataTables_filter {
    text-align: left !important;
}

div.title-chart h5{
    font-weight: normal !important;
    font-size: 20px;
    margin-bottom: 0px;
}
.social-icon {
    float: right;
}