/*****************************************************  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;
}

.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {

    float: right;

}

.form-horizontal .control-label {

    text-align: right !important;

}

.btn-primary {
    background-color: #336600;
}

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

.panel-collapse h4, 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: red;
}

.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: #ca0201;
}

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: #ca0201;
    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 #ca0201;
    display: none;
}

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

.tabs_1 .tabs_active {
    background-color: #ca0201;
    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 #000;
    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: right;
    font-size: 21px;
}

.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: red;
}

#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;
}

h5 {
    direction: rtl;
}

.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: 25px;
    padding: 25px;
    width: 100%;
    margin: 5px;
}

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

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

.dashboard-page button.btn-info {
    background-color: #fff;
    color: #ca0201;
    border: 1px solid #ca0201;
    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;
    font-size: 20px !important;
}

@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 only screen and (min-width: 1200px) {
    .navbar-brand-logo {
        height: 32px;
        margin-top: -49px;
        margin-left: 176px; 
    }
}

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

/* <!----------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: 20px;
    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;
    font-size: 18px;
    padding-right: 56px;
}

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

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

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

#loader-img {
    position: absolute;
    display: none;
    left: 38%;
    animation: spin 2s linear infinite;
}

/* <!----------Begin Aouadi Mohaed Ali - Module Formations------------------> */
i.icon.icon-dhasboard {
    position: absolute;
    top: 0px;
    right: 10px;
}

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

/* <!----------End Aouadi Mohaed Ali - Module Formations------------------> */


/* <!----------RY  datepicker Form------------------> */

/*cours des comptes*/
switch, .datepicker .next, .datepicker .prev, .datepicker tfoot tr th {

    cursor: pointer;
    color: #ca0201;

}

.datepicker table tr td, .datepicker table tr th {

    text-align: center;
    width: 30px;
    height: 30px;
    border-radius: 4px;
    border: none;


}

.datepicker table tr td.new, .datepicker table tr td.old {

    color: #777;

}

th.datepicker-switch {
    color: #ca0201;
}

/* <!----------RY------------------> */

hr.formations-list {
    margin-top: 5px;
    margin-bottom: 5px;
    border: 0px solid #FFF;
}

.star {
    visibility: hidden;
    font-size: 30px;
    cursor: pointer;
}

.star:before {
    content: "\2605";
    position: absolute;
    visibility: visible;
}

.star:checked:before {
    content: "\2606";
    position: absolute;
}

.btn-catalogue.btn-icon.btn-sm {
    border: 1px solid;
    color: #ca0201;
    background: #fff;
}

.modal-contenu, .modal-objectif, .modal-cat, .modal-sscat, .modal-duree, .modal-date-creation {
    font-size: 17px;
}

#style_Switcher {
    position: fixed;
    right: -200px;
    width: 200px;
    top: 172px;
    z-index: 9999;
}

#tie-plus {
    width: 50px;
    height: 50px;
    display: block;
    background: #2d353d;
    position: absolute;
    left: -50px;
    cursor: pointer;
    font-size: 25px;
    text-align: center;
    line-height: 50px;
    color: #FFF;
}

.panel-group.list-formation {
    margin-bottom: 0px;
    border: 2px solid #e4eaec;
}

.navbar-inverse.sub-menu {
    margin-bottom: 2px;
}

.breadcrumb {
    padding: 3px 30px;
    text-align: right;
}

li.breadcrumb-item-username {
    float: right;
    margin-top: 16px;
    font-size: 22px;
    color: #000;
}

/* <!----------End Aouadi Mohaed Ali - Module Formations------------------> */
tfoot input {
    width: 100%;
    padding: 3px;
    box-sizing: border-box;
}

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

.titre_3 {
    font-size: 20px;
    color: #263238;
    text-align: center;
    border-left: solid 5px #ca0201;
}

/**#loadingDiv {
    background: url("../../../images/loading.gif") center no-repeat;
    background-size: 100%;
    width: 100%;
}**/


/**    RY***/
.title_audit{
    font-size: 34px;
    text-align: center!important;
}