/*****************************************************  RTL ******************************************************/

body {
    color: #76838f;
    font-family: Roboto, sans-serif;
    font-size: 21px;
}

.navbar-header {
    float: right;
}

.site-menubar-unfold .site-navbar .navbar-container {
    margin-left: 0px;
    margin-right: 260px;
}

.navbar-toolbar {
    float: right;
}

.navbar-right {

    float: left !important;
}

.site-menubar-unfold .page, .site-menubar-unfold .site-footer {

    /*margin-right: 260px;*/
    margin-left: 0px;

}

.site-menubar {
    right: 0px;
    display: none;
}

.page-title {
    /* text-align: right; */
}

.page-header-actions {

    left: 30px;
}

.page-header .breadcrumb {
    /*    direction: rtl;*/
    /* text-align: right; */
}

.panel-title {

    /* text-align: right; */

}

.panel-actions {

    left: 30px;
}

table {
    /*    direction: rtl;*/
}

th {
    /* text-align: right; */
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after {
    left: 4px !important;
}

form {
    /*    direction: rtl;*/
}

.site-menu > .site-menu-item {
    /*    direction: rtl;*/
    /* text-align: right; */
}

.navbar-toolbar > li {
    float: right;
}

.navbar-mega .dropdown-menu {

    right: auto;
}

.site-menubar-fold .site-navbar .navbar-container {

    margin-right: 90px;
    margin-left: 0px;

}

.site-menubar-fold .page, .site-menubar-fold .site-footer {
    margin-left: 0;
    margin-right: 90px;
}

.form-horizontal .control-label {
    text-align: left !important;
}

.btn-primary {
    background-color: #167ac6;
}

.form-signin .btn-primary {
    background-color: #167ac6;
}

h3, p {
    /* text-align: right; */
    /*    direction: rtl;*/
}

label {
    min-width: 130px;
}

.navbar-toolbar {
    display: none;
}

.navbar-toolbar-right {
    display: block;
}

.btn {
    font-size: 18px;
}

.page-login-v2 .page-login-main {

    padding-top: 20px;
}

.alert {
    /* text-align: right; */
    /*margin-right: 260px; */
    margin-bottom: 0px;
    font-size: 18px;
}

.alert a {
    padding-left: 10px;
}

.alert-error {
    color: #167ac6;
}

.site-menubar-unfold .site-menu-icon {
    margin-left: 16px;
    margin-right: 16px;
}

.site-menu .site-menu-sub {
    font-size: 21px;
}

.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary.focus:active, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover {

    background-color: #76838f;

}

.site-menubar-unfold .site-menu-icon {

    margin-right: 0px;
}

.question {
    width: 50%;
}

.question-annee {
    width: 40%;
}

table td {
    color: #000;
}

.checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] {

    margin-left: 0px;
    position: relative;

}

input[type="checkbox"], input[type="radio"] {
    line-height: normal;
    margin: 4px 10px 0 !important;
}

h3.annee {
    font-size: 35px;
    color: #167ac6;
}

h3.commune {
    font-size: 35px;
}

.titre_1 {
    font-size: 24px;
    color: #000;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
}

.titre_2 {
    font-size: 20px;
    color: #167ac6;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
}

.tabs {
    background-color: #f1f4f5;
}

.tabs_1 {
    border-bottom: solid 0px #263238;
}

.tabs_2 {
    width: 100% !important;
    border: solid 5px #167ac6;
    display: none;
}

.table-questions {
    border: solid 5px #167ac6;
    border-top: none;
    display: none;
}

.tabs_1 .tabs_active {
    background-color: #167ac6;
    color: #fff;
}

.tabs_2 .tabs_active {
    background-color: #263238;
    color: #fff;
}

.tabs td {
    border-top: none !important;
}

.no-margin {
    margin: 0px;
}

.footer-form {
    background-color: #f1f4f5;
    padding: 15px;

}

#data-loader {
    display: none;
}

#field-questionnaire {

    display: none;
}

.badge {
    font-size: 23px;
    padding: 7px 10px;
}

.form-control {
    height: 43px;
    border: 1px solid #167ac6;
    width: 100%;
}

footer {
    font-size: 12px;
}

.mois .checkbox {
    float: right;
}

.mycheckbox, .myradio {
    position: relative;
    display: block;
}

.mois .mycheckbox {
    float: right;
}


.dropdown-menu a {
    text-align: left;
    font-size: 15px;
}

.dropdown-menu li .icon:first-child, .dropdown-menu li > a .icon:first-child {

    margin-left: 0.5em;
    margin-right: 0;

}

.icon {
    margin-left: 15px;
}

.wb-trash {
    color: #167ac6;
}

#page_body {
    display: none;
}

#page-login .h1, #page-login .h2, #page-login .h3, #page-login h1, #page-login h2, #page-login h3 {
    margin-bottom: 5px;
    margin-top: 10px;
}

.filter {

    background-color: #ccd5db;
    padding: 10px;
    margin-bottom: 10px;

}

input, textarea {

    direction: ltr;
    /* text-align: right; */
    color: #000 !important;
    font-size: 20px !important;
}

label, select {
    color: #000 !important;
    font-size: 20px !important;
}

.danger {
    background-color: #f96868;
}

#captcha {
    float: right;
    margin-right: 0px;
    width: 70%;

}

.form-signin .form-control {
    /*    /*    direction: rtl;*/
    width: 100%;

}

.site-navbar li .badge {
    font-size: 14px;
    padding: 5px 8px;
    margin-left: -10px !important;
}

.table .icon {
    margin: 0px;
}

.modal-body h5 {
   direction: rtl;
    font-size: 17px;
}

.rtlText {
    direction: ltr;
    /* text-align: right; */
}

#list_user {

    padding: 10px;
    /*background-color: wheat;*/
    border: 1px solid #263238;

}

.width-100-100 {

    width: 100% !important;

}

#list_user th, #list_user td {
    font-size: 14px;
}

#list_user label {

    min-width: 10px;

}

.nav-tabs > li {
    float: right;
}

.dashboard-page button {
    font-size: 34px;
    padding: 25px;
    width: 100%;
    margin: 5px;
}

.dashboard-page button i {
    font-size: 64px;
}

.dashboard-page button.btn-info {
    background-color: #fff;
    color: #167ac6;
    border: 1px solid #167ac6;
}

.dashboard-page button.btn-info {
    background-color: #fff;
    color: #167ac6;
    border: 1px solid #167ac6;
    margin-bottom: 25px;
}

.checkbox-inline {
    columns: 3;
    border: solid 1px #000;
    padding: 40px 10px 5px;
    display: inline-block;
    position: relative;
}

.checkbox-inline-type {
    text-align: center;
    columns: 4;
    border: solid 1px #000;
    padding: 40px 10px 5px;
    display: inline-block;
    position: relative;
}

/*-----------------*/
/*.navbar-brand-text {
    margin-left: -10px;
}*/

@media only screen and  (min-width: 300px) {
    .navbar-brand-logo {
        height: 300%;
        margin-left: -60%;
    }
}

@media only screen and  (min-width: 768px) {
    .navbar-brand-logo {
        height: 200%;
        margin-top: -23%;
        margin-left: -74%;
    }
}

@media screen and  (max-width: 768px) {
    .site-menubar-unfold .site-navbar .navbar-container {
        margin-left: 0px;
        margin-right: 0px;
    }

    .navbar-brand-center {
        left: 100%;
    }
}

@media only screen and (min-width: 1200px) {
    .navbar-brand-logo {
        height: 32px;
        margin-top: -45px;
        margin-left: 172px;
    }
}

.nav-pills > li {
    float: left;
    font-size: 16px;
    margin-top: 10px;
}

/* <!----------Debut Aouadi Mohaed Ali - Module Formations------------------> */
nav.navbar.sub-menu {
    border-top: 1px solid #FFF;
    min-height: 40px;
}

nav.navbar.sub-menu .navbar-brand {
    height: 40px;
    font-size: 18px;
    padding: 10px 10px;
}

nav.sub-menu .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 16px;
}

.card.text-right.card.border.border-danger {
    border: 1px solid #842a2a33;
    padding: 4px;
    box-shadow: 2px 5px 10px 0px #263238;
}

a.btn.btn-dashboard {
    background-color: #263238;
    border-color: #263238;
    color: #FFF;
}

.text-right {
    float: right;
}

.panel-group.list-formation .panel-title {
    position: relative;
    padding: 15px 30px !important;
    font-size: 18px;
    padding-right: 56px !important;
}

@media print {
    div {
        page-break-inside: avoid;
    }
}

hr.hr-dotted.col-sm-12 {
    border-top: 1px dashed #526069;
}

.has-errorr {
    background-color: #f96868;
}

/* <!----------Begin Aouadi Mohaed Ali - Module Formations------------------> */
/*cours des comptes*/
h3.title_audit {
    font-size: 35px;
    /*color: #167ac6;*/
}

.titre_cdc {
    font-size: 20px;
    color: #167ac6 !important;
    /*font-weight: bold !important;*/
    text-align: center;
    cursor: pointer;
}

i.icon.icon-dhasboard {
    position: absolute;
    top: 0px;
    right: 20px;
}

span.text-dashboard {
    font-size: 28px;
}

.btn-info h6 {
    font-size: 20px;
}

div.list-formation {
    text-align: right;
    border: 1px solid #e4eaec;
}

table {
    direction: rtl;
}

table th {
    text-align: right;
}

div.form-rtl {
    direction: rtl;
}

div.form-rtl input, div.form-rtl textarea {
    text-align: right;
}

.BtnChangeMapSession {
    color: green;
    font-size: 20px;
}

.BtnChangeSession {
    font-size: 20px;
}

a.btn.btn-xs.BtnAddSession {
    border: 1px solid #c5c5b1;
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 80%;
        margin: 30px auto;
    }
}

h2.panel-title{
    font-size: 20px;
    padding: 5px !important;
}
.panel {
    margin-bottom: 6px;
}
i.icon.fa-remove{
    color: red;
}
.btn-catalogue.btn-icon.btn-sm {
    border: 1px solid;
    color: #ca0201;
    background: #fff;
    float: left;
}
.panel-collapse h4, h3, p {
    text-align: right;
    direction: rtl;
}
.panel-group.list-formation .panel-title {
    position: relative;
    padding: 15px 30px;
    font-size: 18px;
    padding-right: 56px;
}
/* <!----------End Aouadi Mohaed Ali - Module Formations------------------> */