:root {
    --bg-nav: #ffffff;
    --bg-main: #f2f4f7;
    --bg-hover: #f2f2f2;
    --text-color: #575757;
    --text-gray: #bdc3c7;
    --capi-green: #38a833;
    --green-hover: #2ed226;
    --capi-orange: #e64c13;
    --orange-hover: #ff4500;
    --capi-purple: #931b80;
    --purple-hover: #e222c4;
    --capi-admin: #0F84CE;
    --capi-blue: #4F99C6;
    --capi-yellow: #ffed00;
    --text-white: #ffffff;
    --text-planning: #000000;
    --blue-link : #0062D9;
    --timeline-old: #fbe9eb;
    --timeline-new: #ecfdf0;
    --breadcrumb-active: #6c757d;
    --bg-panel-body: #f2f2f2;
    --bg-big-bt: white;
    --text-color-desactive: lightgrey;
    --bt-session-link-color-hover : black;
    --bg-action: #f2f4f7;
    --bg-hover-table: #e7e7e7;
    --bg-odd-table: #efefef;
    --bg-ribbon: #fff;
    --cooltipz-font-size: 12px;
    --capi-primary-grey: #F2F4F7;
    --capi-bleu-primaire: #191E36;
    --capi-grey-blue: #5D6B98;
    --capi-gris: #B5BEC6;
}

.dark-theme {
    --bg-nav: #292929;
    --bg-main: #000000;
    --text-color: #d2d2d2;
    --bg-hover: #313131;
    --text-planning: #ffffff;
    --blue-link: #4DADFF;
    --timeline-old: #8b0000;
    --timeline-new: #006400;
    --bg-panel-body: #464646;
    --bg-big-bt: #2a2a2a;
    --text-color-desactive: #6c6c6c;
    --bt-session-link-color-hover : white;
    --bg-action: #313131;
    --bg-ribbon: #313131;
    --bg-hover-table: #676767;
    --bg-odd-table: #464646;
}

.color-green{color:#2ecc71 !important;}
.color-gray-2{color: #f3f3f3 !important;}
.color-red{color: #e74c3c;}

.float-left {float: left!important;}
.float-right {float: right!important;}
.d-flex {display: flex;}
.flex-justify-content-center {justify-content: center;}
.flex-align-items-center {align-items: center;}

.p-0 {padding: 0!important;}
.p-5 {padding: 5px!important;}
.m-t-20{margin-top: 20px;}
.m-r-10{margin-right: 10px !important;}
.m-b-0{margin-bottom: 0px !important;}
.m-b-20{margin-bottom: 20px !important;}
.m-l-30{margin-left: 30px !important;}

.font-x-small{font-size: x-small;}

html {
    position: relative;
}
body {
    margin: 0;
    font-family: 'Open Sans', sans-serif;
}

.vertical-align-middle{vertical-align: middle;}
.cursor-pointer{cursor: pointer;}

body > main footer.footer {
    bottom: 0;
    left: 0;
    position: relative;
    right: 0;
}

body:not(.dark-theme) .contChangeTheme .fa-sun{display: none;}
body.dark-theme .contChangeTheme .fa-moon{display: none;}

.d-inline-block{
    display: inline-block;
}

.d-flex{
    display: flex;
}

a {
    color: var(--blue-link);
    text-decoration: none;
}
a:hover,
a:focus {
    color: #2E75A3;
    text-decoration: none;
}
a:focus {
    outline: none;
}

.navbar-nav > li{
    margin-bottom: 0;
}
.navbar-collapse{
    overflow: hidden !important;
}
.navbar-default {
    background: #337AB7;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover {
    color: #A4DC2D;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus{
    color: #fff;
    background-color:#2C5B8E;
}
.navbar-default .navbar-nav > li > a{
    color: #ffffff;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus{
    background: #18477A;
    color: #ffffff;
}
.navbar-nav > li > .dropdown-menu{
    min-width: 100%;
    margin-top: 2px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
.navbar-default .navbar-nav > .open > .dropdown-menu{
    padding: 3px 4px;
}
.navbar-default .navbar-nav > .open > .dropdown-menu > li > a{
    padding: 6px 9px;
}
.nav > li > a:hover, .nav > li > a:focus{
    background-color: transparent;
}
.navbar-form .form-control{
    height: 25px;
    padding: 6px;
}
.navbar-default .navbar-brand {
    color:white;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{
    border-color: #2C5B8E;
}

.navbar-default .navbar-toggle{
    border-color: #00677C;
}
.navbar-default .navbar-toggle .icon-bar{
    background-color: #ffffff;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
    background-color: #2C5B8E;
}
.badge-warning{
    background-color: #FD6600;
}
.equipe {
    background-color: #EAE9F5 !important;
    color: #7556EE !important;
    font-size: 12px;
    font-weight: 400;
    display: inline-block;
    padding: .35em .65em;
    border-radius: 5px;
}
.badge.bg-grey {
    color: #101828;
    background-color: #F2F4F7;
    border: 1px solid #F2F4F7;
    font-size: 12px;
    font-weight: 400;
    border-radius: 50rem !important;
}
.breadcrumb{
    padding: 8px 15px;
    margin-bottom: 21px;
    list-style: outside none none;
    background-color: unset;
    font-size: large;
}
.breadcrumb > .active{
    color: var(--breadcrumb-active);
}

/* Jquery UI */
.ui-accordion .ui-accordion-icons{
    padding-left: 0.2em;
}
/* End Jquery UI */
.bgfooter{
    background-color:#1A2226;
}
.bgfooter{
    color: #ffffff;
}
.bgfooter a{
    color: #ffffff;
}


.flex-grow-1{flex-grow: 1;}



.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
}

.panel{
    background-color: var(--bg-nav);
}

#leNavbar {
    background: var(--bg-nav);
    color: var(--text-color);
    width: 100%;
    height: 70px;
    justify-content: space-between;
    align-items: center;
    padding: 0px 10px;
    /*font-family: 'Lato', sans-serif;*/
    position: fixed;
    z-index: 99;
}

#leNavbar > div {
    display: flex;
    width: 100%;
    height: 100%;
}

#leNavbar .logo img {
    width: 187px;
    max-height: 100%;
}

#super_cont {
    display: flex;
    width: 100%;
    flex-grow: 1;
}

#sidebar-container.sidebar-expanded {
    width: 230px !important;
}

#sidebar-container {
    background: var(--bg-nav);
    display: flex;
    flex-direction: column;
    color: var(--text-color);
    max-height: 100%;
    z-index: 100;
    position: fixed;
    margin-top: 70px;
    bottom: 0;
    top: 0;
    /*font-family: 'Lato', sans-serif;*/
}

#sidebar{
    flex-shrink: 0;
    width: 230px;
    position: relative;
}

#sidebar > div {
    overflow: hidden;
    position: fixed;
    z-index: 1000;
    top: 70px;
    left: 0;
    width: 230px;
    height: calc(100% - 70px);
    display: flex;
    flex-direction: column;
    background: var(--capi-bleu-primaire);
}

#sidebar ul {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-top: 20px;
}

#sidebar li{
    margin: 0 12px;
}

#sidebar li a {
    text-decoration: none;
    color: var(--capi-primary-grey);
    width: 100%;
    align-items: center;
    justify-content: flex-start;
    display: block;
    position: relative;
    padding: 8px 12px;
    font-size: 16px;
}

#sidebar li.sans-a{
    padding: 17px 20px;
    font-size: 16px;
    color: var(--text-color);
}

#sidebar li a i {
    min-width: 30px;
    font-size: 18px;
}

#sidebar li a:hover, #sidebar li.active a {
    border-radius: 6px;
}

#sidebar li.active a {
    background-color: var(--capi-purple);
}

#sidebar li a:hover{
    background-color: var(--capi-grey-blue);
}

#main_container {
    display: flex;
    flex-direction: column;
    background-color: var(--bg-main);
    width: 100%;
    flex-grow: 1;
    /*font-family: 'Open Sans', sans-serif;*/
    margin-top: 70px;
    color: var(--text-color);
    font-size: 13px;
}

#page-content {
    padding: 20px 40px;
    min-height: calc(100vh - 70px - 40px);
}

.big_icon img {
    box-shadow: none;
    border: 0;
}

.course-tool a{
    color: var(--capi-purple);
}

.course-tool a:hover, .course-tool em:hover, a .bigIco:hover{
    color: var(--purple-hover);
}

.course-tool a.text-muted, .course-tool em.text-muted {
    color: var(--text-gray);
}

.titrePage {
    margin-bottom: -20px;
    list-style: outside none none;
    background-color: var(--capi-purple);
    padding: 15px;
    margin-right: 40px;
    margin-left: 40px;
    position: relative;
    font-size: 1.2em;
    font-weight: 700;
    color: white;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
    border-radius: 0.5rem;
}

#page-content > .container > .row {
    background: var(--bg-nav);
    padding-top: 35px;
    border-radius: 5px;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}

#view_as_link{
    position: relative;
    z-index: 5;
}


/* =========== switch ========== */
.switch {
    position: relative;
    display: inline-block;
    width: 34px;
    height: 16px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 14px;
    width: 14px;
    left: 2px;
    bottom: 1px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider:not(.notColorOnSelect) {
    background-color: #2196F3;
}

input:focus + .slider:not(.notColorOnSelect) {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(16px);
    -ms-transform: translateX(16px);
    transform: translateX(16px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

/* ======== fin ========= */

.bottom_actions_fixed {
    position: relative;
    background: none;
}

.form-control{
    background-color: unset;
    color: var(--text-color);
}

.list-group-item {
    background: unset;
}


.thumbnail{
    background-color: unset;
    border: 0;
}

.panel-default {
    border-color: #ECF0F1;
    border: 0;
}

.panel-default>.panel-heading {
    color: black;
    background-color: unset;
    border: 0;
    font-size: 1.3em;
    color: var(--text-color);
}

.panel-default>.panel-heading > img, .panel-default>.panel-heading > i, .panel-default>.panel-heading > a, .sidebar .panel-heading a[data-toggle="collapse"]{
    padding: 20px;
    background: var(--capi-purple);
    display: inline-block;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
    border-radius: 0.5rem;
    color: white;
}

.panel-default>.panel-heading > i{
    padding: 30px;
}

.panel-heading a[data-toggle="collapse"]{
    color: var(--text-color);
}

.panel-body {
    padding: 15px;
    background: var(--bg-panel-body);
    color: var(--text-color);
}

.panel-heading + .panel-body {
    padding: 15px;
    background: var(--bg-action);
    margin-top: -63px;
    padding-top: 70px;
    color: var(--text-color);
}

.panel-collapse .panel-body {
    padding: 15px;
    background: var(--bg-panel-body);
    color: var(--text-color);
    border: 0 !important;
}

button.btn.btn-link.btn-sm.admin-edit-block.pull-right {
    background: var(--capi-green);
    padding: 10px;
    border: 0;
    border-radius: 5px;
    color: #ffffff;
    width: 40px;
    text-align: center;
}

button.btn.btn-link.btn-sm.admin-edit-block.pull-right:hover {
    background: var(--green-hover);
}

.sidebar .panel-collapse .panel-body {
    margin-top: -48px;
    padding-top: 39px;
}

.panel-collapse .panel-body a{
    color: var(--text-color);
}
.panel-collapse .panel-body a:hover {
    color: var(--blue-link);
    color: var(--bt-session-link-color-hover);
}

.view-global .panel-default.panel-view, .report-section .item-report .panel-default {
    border: 0;
    box-shadow: none;
    padding: 0;
}

.view-global .panel-body, .report-section .panel-body{
    background: var(--bg-action);
}

.view-global .btn-default{
    border: 0;
}

.btn-primary {
    color: var(--text-white);
    background: var(--capi-green);
    border-color: var(--capi-green);
}

.btn-primary:hover {
    color: var(--text-white);
    background: var(--green-hover);
    border-color: var(--green-hover);
    outline: none !important;
    box-shadow: none !important;
}

.btn.btn-default {
    background-color: var(--bg-nav);
    border-color: var(--text-color);
    color: var(--text-color);
}

.wobblebar-loader:not(:required) {
    background: var(--capi-green);
}


#courses_block span.item-icon img,
#profile span.item-icon img,
.course-tool .big_icon img
{
    display: none;
}

#courses_block span.item-icon img+span.ico::before,
#profile span.item-icon img+span.ico::before,
.bigIco::before
{
    font-family: 'Font Awesome 6 Pro';
    font: var(--fa-font-light);
    font-size: 15px;
    position: relative;
    display: inline-block;
    transition: 0.3s font-weight;
}
.bigIco{color: var(--capi-purple);}
a.text-muted+a .bigIco{color: var(--text-gray);}
a+.bigIco{cursor: pointer;}

.bigIco:hover::before{
    font-weight: 900;
}

#courses_block span.item-icon img[src*="new-course.png"]+span.ico::before {content: '\f02d';}
#courses_block span.item-icon img[src*="session.png"]+span.ico::before {content: '\f51c';}
#courses_block span.item-icon img[src*="order-course.png"]+span.ico::before {content: '\f15d';}
#courses_block span.item-icon img[src*="history-course.png"]+span.ico::before {content: '\f1da';}
#courses_block span.item-icon img[src*="clock.png"]+span.ico::before {content: '\f017';}
#courses_block span.item-icon img[src*="learnpath.png"]+span.ico::before {content: '\f83e';}
#profile span.item-icon img[src*="database.png"]+span.ico::before {content: '\f15c';}
#profile span.item-icon img[src*="edit-profile.png"]+span.ico::before {content: '\f4ff';}
.bigIco.course_description::before {content: '\f05a';font-size: 40px;}
.bigIco.document::before {content: '\f07b';font-size: 40px;}
.learnpath::before {content: '\f5c3';font-size: 40px;}
.link::before {content: '\f0ac';font-size: 40px;}
.quiz::before {content: '\f0ae';font-size: 40px;}
.announcement::before {content: '\f0a1';font-size: 40px;}
.gradebook::before {content: '\f891';font-size: 40px;}
.glossary::before {content: '\f031';font-size: 40px;}
.attendance::before {content: '\f256';font-size: 40px;}
.course_progress::before {content: '\f83e';font-size: 40px;}
.calendar_event::before {content: '\f073';font-size: 40px;}
.forum::before {content: '\e595';font-size: 40px;}
.dropbox::before {content: '\f56e';font-size: 40px;}
.user::before {content: '\f500';font-size: 40px;}
.group::before {content: '\f0c0';font-size: 40px;}
.chat::before {content: '\f086';font-size: 40px;}
.student_publication::before {content: '\f5da';font-size: 40px;}
.survey::before {content: '\e4e3';font-size: 40px;}
.wiki::before {content: '\57';font-size: 40px;}
.notebook::before {content: '\f249';font-size: 40px;}
.blog_management::before {content: '\f57d';font-size: 40px;}
.bigIco.tracking::before {content: '\e0e3';font-size: 40px;}
.course_setting::before {content: '\f013';font-size: 40px;}
.course_maintenance::before {content: '\f0ad';font-size: 40px;}

#image-message-container a.expand-image {display: none;}


img[src*='img/icons/22/session.png'],
img[src*='img/icons/22/2rightarrow.png']
{
    display: none;
}

.actions img, .actions img:hover {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: none;
    width: 25px;
}

.actions a[href*="course_log_groups.php"],
.actions a[href*="course_log_resources.php"],
.actions a[href*="main/attendance/index.php"],
.actions a[href*="tracking/course_log_events.php"]
{
    display: none;
}

.actions a {
    font-size: 1.7em;
    background: var(--capi-purple);
    padding: 3px;
    border: 0;
    border-radius: 5px;
    color: #ffffff;
    display: inline-block;
    width: 45px;
    text-align: center;
}

.actions a:hover {
    background: var(--purple-hover);
}

.actions a[href="#"] {
    background: var(--purple-hover);
}

.new_actions {
    background: var(--bg-action);
    border: 0;
}

.new_actions .nav > li > a {
    border-right: 1px solid var(--bg-nav);
}

.new_actions i{
    padding: 5px;
    font-size: 20px;
    color: var(--text-color);
}

.new_actions .nav-pills li.active a {
    background:var(--capi-purple);
}

.new_actions .nav .active a:hover, .new_actions .nav li a:hover {
    background:var(--purple-hover);
    border-right-color: var(--bg-nav);
}

.new_actions .nav li a:hover i, .new_actions .nav-pills li.active a i, .new_actions .nav .active a:hover i{
    color: white;
}

table[id^='sessionstable'] {
    border: 0;
}
.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: var(--bg-odd-table);
}

.data_table tr.row_even {
    background-color: transparent;
}

.data_table tr.row_odd:hover, .data_table tr.row_even:hover, .table-hover>tbody>tr:hover {
    background-color: var(--bg-hover-table);
}

table[id^='sessionstable'].table-bordered>tbody>tr>td, table[id^='sessionstable'].table-bordered>tbody>tr>th{
    border: 0;
}

.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border: 0;
}

.dropdown-menu {
    background-color: var(--bg-panel-body);
    color: var(--text-color);
}

.dropdown-menu>li>a {
    color: var(--text-color);
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{
    background-color: var(--capi-purple);
}

.form-control:focus {
    border-color: var(--capi-purple);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgb(147 27 128 / 60%);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgb(147 27 128 / 60%);
}

footer.footer {
    min-height: 40px;
}

#contFormLogin {
    display: flex;
    align-items: center;
    justify-content: center;
}
#contFormLogin div#login-block {
    box-shadow: none !important;
}

#login-block .panel-body{
    background: var(--bg-nav);
}

#contBtMenu{
    display: none;
}
#contLogoTop {
    display: flex;
    align-items: center;
}

ul.nav.navbar-nav.navbar-right {
    display: flex;
    align-items: center;
    margin-right: 0px;
}

ul.nav.navbar-nav li a, #leNavbar button {
    display: inline-block;
    text-decoration: none;
    padding: 10px 15px;
    color: var(--text-color) !important;
    background: none;
    border: 0;
}

ul.nav.navbar-nav li a:hover, ul.nav.navbar-nav .open>a, #leNavbar button:hover {
    background-color: var(--bg-hover);
    color: var(--text-color) !important;
    border-radius: 5px;
}

.dropdown.avatar-user .dropdown-menu {
    position: absolute;
    right: 0px;
    left: auto;
    background-color: var(--bg-nav);
    color: var(--text-color);
    padding: 10px;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
    border-radius: 0.25rem;
    border: 0;
}

.dropdown.avatar-user .dropdown-menu a {
    width: 100%;
}

.contListBtSession{
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}

.btSession {
    position: relative;
    min-height: 150px;
    height: 100%;
    background: var(--bg-big-bt);
    flex-direction: column;
    display: flex;
    border-radius: 12px;
    border: 1px solid #B5BEC6 !important;
    padding: 20px 20px;
}

.btSession > div:nth-child(1){
    flex-grow: 1;
    justify-content: center;
    align-items: center;
    display: flex;
    text-align: center;
}
.btSession > div:nth-child(2){
    margin-top: 10px;
}

.btSession hr{
    margin: 5px;
}

.btSession .contChargement {
    height: 100%;
    width: 100%;
    display: flex;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    align-items: center;
    justify-content: center;
    color: #3498db;
}

.btSession.desactive a:not(.btn-info), .btSession.desactive .titreDesactive{
    cursor: not-allowed;
}


.btSession .contIcoDesactive{
    display: none;
    position: absolute;
    top: 15px;
    left: 15px;
    color: var(--text-color);
}

.btSession.desactive .contIcoDesactive{
    display: inline-block;
}

.btSession a:not(.btn-info){
    color: var(--text-color);
    transition: 0.3s all;
}

.btSession:not(.desactive) .titre:hover, .btSession:not(.desactive) .titre:hover a {
    color: var(--bt-session-link-color-hover);
}

.contIcoV {
    position: absolute;
    top: 5px;
    right: 8px;
    font-size: 16px;
    color: green !important;
}

.modal-content {
    color: var(--text-color);
}

.capi_bt{
    color: #191E36;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
    border: 1px solid #191E36;
    border-radius: 8px;
    padding: 10px 16px;
    background: white;
    transition: 0.3s all;
}
.capi_bt:hover{
    background: #ededed;
}

.capi_bt.disabled{
    cursor: not-allowed;
    color: var(--text-color-desactive);
    border-color: var(--text-color-desactive);
}


.question_row_score .title-score .total {
    color: var(--text-color);
    background: var(--bg-panel-body);
    border: 0;
}

.ribbon {
    background: var(--bg-ribbon);
    border: 0;
}

.ribbon h4{
    color: var(--text-color);
}

.contQuestionEval{
    margin-bottom: 20px;
    background: white;
    /*box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;*/
    border-radius: 5px;
    padding: 15px;
}

.contQuestionEval h4 {
    font-size: 21px;
    font-weight: bold;
    color: var(--text-color);
}

/*====================== BTRADIO ===================*/

.contBtRadio {
    display: inline-block;
    position: relative;
    margin-right: 50px;
    margin-bottom: 12px;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    max-width: 23%;
}

.contBtRadio label, .contBtRadio input {
    cursor: pointer;
    transition: 0.5s all;
}

.contBtRadio input:where([type="checkbox"], [type="radio"]) {
    -webkit-appearance: none;
    appearance: none;
    width: 22px;
    height: 22px;
    margin: calc(0.75em - 11px) 0.25rem 0 0;
    vertical-align: top;
    border: 2px solid #ddd;
    border-radius: 4px;
    background: var(--bg-nav) no-repeat center center;
}

.contBtRadio input[type="radio"] {
    border-radius: 50%;
}

.contBtRadio input[type="radio"]:checked {
    background-image: url(images/radio_purple.svg);
}

.contBtRadio input:checked + div label, .contBtRadio input:checked + div i{
    color: var(--capi-purple);
}

.contBtRadio input:where([type="checkbox"]:not(#switchTheme), [type="radio"]):where(:active:not(:disabled), :focus) {
    border-color: var(--capi-purple) !important;
    outline: 1px solid var(--capi-purple) !important;
}

.contBtRadio .txt-min {
    font-size: 14px;
}

/*====================== CHECKBOX ===================*/
/* Cacher la checkbox par défaut */
.contCheckbox input[type="checkbox"] {
    display: none;
}

/* Style du label qui remplace la checkbox */
.contCheckbox .custom-checkbox {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 2px solid var(--capi-purple);
    border-radius: 5px;
    position: relative;
    cursor: pointer;
    vertical-align:middle;
}

/* Coche (✓) affichée quand la checkbox est cochée */
.contCheckbox input[type="checkbox"]:checked + .custom-checkbox::after {
    content: "✔";
    font-size: 16px;
    color: white;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* Couleur de fond quand cochée */
.contCheckbox input[type="checkbox"]:checked + .custom-checkbox {
    background-color: var(--capi-purple);
    border-color: var(--capi-purple);
}


.contCheckboxQuiz {
    display: flex;
    margin-bottom: 10px;
}

.contCheckboxQuiz > div:nth-child(1){
    margin-right: 10px;
}


.chosen-select-1 + .chosen-container-single .chosen-single span {
    display: block;
    overflow: hidden;
    margin-right: 26px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chosen-select-1 + .chosen-container-single .chosen-single {
    /*height: 34px;*/
    background: white;
    border-radius: 0;
}
/*======== FIN ==========*/

.erreur_form{color: red;}

.contGroupBtRadioEffet, .contGroupBtRadioEffet label {
    margin-top: 20px;
}
.contGroupBtRadioEffet, .contGroupBtRadioEffet label{
    position: relative;
}
/* radio */

.contGroupBtRadioEffet input[type="radio"] {
    display: none;
}

.contGroupBtRadioEffet input[type="radio"] +label {
    color: var(--text-color-desactive);
    font-weight: normal;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left: 5px;
    padding-right: 5px;
}

.contGroupBtRadioEffet input[type="radio"] +label::before {
    transition: all 250ms cubic-bezier(.4,.25,.3,1);
    content: "";
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: var(--text-color-desactive);
    border: 0px solid var(--text-color-desactive);
    font-size: 0;
    position: absolute;
    bottom: 175%;
    left: 50%;
    transform: translate(-50%, 50%);
}

.contGroupBtRadioEffet input[type="radio"] +label::after {
    transition: all 250ms cubic-bezier(.4,.25,.3,1);
    content: "";
    width: 0;
    height: 0;
    border-radius: 50%;
    background-color: var(--text-color-desactive);
    position: absolute;
    bottom: 175%;
    left: 50%;
    transform: translate(-50%, 50%);
}

.contGroupBtRadioEffet input[type="radio"]:checked+label{
    color: var(--capi-green);
}

.contGroupBtRadioEffet input[type="radio"]:checked + label::before {
    background-color: transparent;
    width: 20px;
    height: 20px;
    border-width: 2px;
    border-color: var(--capi-green);
}

.contGroupBtRadioEffet input[type="radio"]:checked + label::after {
    width: 12px;
    height: 12px;
    background-color: var(--capi-green);
}

.actions {
    background: var(--bg-action);
    border: 0;
}

.card{
    background: var(--bg-action);
    box-shadow: none;
    border: 0;
}

.progress-bar {
    background-color: var(--capi-green);
}

.capiNavPills {
    border: 1px solid #B5BEC6;
    border-radius: 10px;
    padding: 3px;
    display: inline-block;
}

.capiNavPills .nav-item {
    display: inline-block;
    text-decoration: none;
    width: 262px;
}

.capiNavPills .nav-item .nav-link{
    font-weight: bolder;
    color: #191E36;
    border-radius: 6px;
    width: 100%;
    text-align: center;
}

.capiNavPills .nav-item.active .nav-link{
    color: white;
    background: #670056;
}

.contCorrectionQuizFormateur{
    margin-bottom: 30px;
    padding: 15px;
    border-radius: 5px;
    background: #ffffff;
}

.contCorrectionQuizFormateur .contDetail > div{
    border: 1px dashed #d8d8d8;
}

.border-right-dashed {
    border-right: 1px dashed #d8d8d8;
}

.border-bottom-dashed {
    border-bottom: 1px dashed #d8d8d8;
}

.border-right-0{border-right: 0 !important;}

.p-10{
    padding: 10px;
}

.modal-dialog .modal-body{
    background: #F2F4F7;
}

.main-tracking-courselog-php #page-content > .container,
.main-link-link-php #page-content > .container,
.main-dropbox-index-php #page-content > .container,
.main-exercise-exercise-php #page-content > .container,
.main-document-document-php #page-content > .container,
.main-exercise-overview-php #page-content > .container,
.main-help-faq-php #page-content > .container,
.main-tracking-exams-php #page-content > .container,
.main-tracking-course-log-tools-php #page-content > .container,
.main-admin-settings-php #page-content > .container
{
    background: var(--bg-nav);
    padding: 10px;
}

.exercise_overview_options {
    background: var(--bg-action);
}

.table-well {
    background: var(--bg-action);
    border: 0;
}

.well {
    background: var(--bg-nav);
}

.breadcrumb img{
    display: none;
}

@media (min-width: 768px){
    .container {
        width: 100%;
    }

    #sidebar > div {
        opacity: 1 !important;
        transform: translate3d(0,0,0) !important;
    }

}

@media(max-width:767px){
    #contBtMenu{
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #sidebar{
        width: auto;
    }

    #sidebar > div {
        box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
        --animate-duration: 0.5s;
    }

    #sidebar > div:not(.animate__animated) {
        opacity: 0;
        transform: translate3d(-100%,0,0);
    }
}
@media(min-width:768px){}
@media(min-width:992px){
    #toolbar-courselog form#search_simple fieldset{
        display: flex;
    }
}
@media(min-width:1200px){}