.tablet-only,
.mobile-only {
        display:none;
}
.if-sidr {
        display:none;
}
.if-sidr {
        display:none;
}


/*
 * Menu responsive (SidR)
 */
#sidr-left {
        width: 265px;
        left: -270px;
}
.sidr-inner {
        padding-top:20px;
}
.sidr .index-tree {
        margin:0 10px;
        background:none;
        padding-bottom: 10px;
        padding-right:10px;
        padding-top:0;
}
/*.sidr .index-tree li.tree-item {
        background: #007596;
}*/
/*.sidr .tree-root,
.sidr .index-tree ul.tree-branch {
        border-radius:6px;
        overflow:hidden;
}*/
.sidr .index-tree .tree-separator {
        border:none;
}
.sidr .index-tree .tree-root.active {
        background: #007596;
        border-radius: 6px;
        overflow: hidden;
}
.sidr .tree-item-btn .tree-item-inner {
        border: none;
}
.sidr .index-tree .tree-item:last-child .tree-item-inner {
        border:none;
}
.sidr .tree-branch > .tree-item-inner {
        background: #007596;
        padding-bottom: 6px;
        padding-top: 10px
}
.sidr .tree-branch > .tree-item-inner h5 {
        margin:0;
}
.sidr ul.tree-branch.with-attached-btn {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
}
.sidr ul.tree-branch.with-attached-btn + ul.tree-branch {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        margin-top:1px;
}
.sidr .index-tree .tree-separator-10 {
        height: 20px;
}
#sidr-left .nav-pills {
        /*display:none;  car on affiche tous les panes directement */
}
/*#sidr-left .nav-pills > li {
        background:none;
}
#sidr-left .nav-pills > li > a {
        background:#f1f1f1;
        color:#444;
        font-size:9px;
}
#sidr-left .nav-pills > li.active > a {
        background:#4388cc;
        color:#fff;
}*/


/* Gestion des tableaux non responsives */
.non-responsive-table-wrapper {
        margin-bottom:20px;
}
.non-responsive-table-wrapper table {
        margin-bottom:0 !important;
}

@media screen and (max-width:1600px)
{
        header.navbar-fixed-top #main_menu .nav > li > a {
                font-weight:400;
                font-size:11px;
                padding-left:14px;
                padding-right:14px;
        }
        
        #page {
                /* max-width: calc(100% - 40px); */
                min-width:0;
        }

        ul#modules-units{
                padding-right: 150px;
        }
}

@media screen and (max-width:1220px)
{
        .tablet-only {
                display:block;
        }
        .tablet-hidden {
                display:none;
        }
        
        .left-col {
                width: 264px
        }
        header.navbar-fixed-top #main_menu .nav > li > a {
                font-size:0;
                padding: 14px 17px;
                text-align: center;
                line-height:0;
        }
        header.navbar-fixed-top #main_menu .nav > li > a .glyphicon {
                font-size:18px;
        }
        .navbar-nav {
                display:table;
                width:calc(100% - 55px); /* 55px = largeur du bouton logout */
        }
        .navbar-nav > li {
                display:table-cell;
                float:none;
        }
        .nav .caret {
                margin-left:7px;
                position:relative;
                top:-8px;
        }
        #top-bar .branding .branding-titles .software-title{
                display: none;
        }

        #page {
                /* max-width: calc(100% - 20px); */
                min-width:0;
        }
        #left-menu {
                position: absolute;
                top: 0;
                left: -264px;
                padding-left: 0;
                background-color: #eee;
                box-shadow: 1px 0 15px 0 rgba(0, 0, 0, 0.15);
                z-index: 5;
                transition: left .2s;
        }
        .left-col-open #left-menu{
                left: 0;
        }
        #left-menu .panel {
                margin: 10px;
        }
        #left-menu .index-tree {
                padding: 0px 0px 15px 0;
        }
        #left-menu-mobile-toggler {
                position: absolute;
                top: 26px;
                left: 195px;
                display:block;
                width: 35px;
                padding: 7px 9px 6px 10px;
                font-size: 0;
                background: #fff;
                border-radius: var(--ganesh-border-radius);
                box-shadow: 0 1px 1px 0 rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12), 0 1px 3px 0 rgba(0,0,0,0.2);
                transition: left .2s, background-color .2s;
                outline: 0;
                border: 0;
                cursor: pointer;
                z-index: 5;
        }
        .left-col-open #left-menu-mobile-toggler{
                left: 434px;
                border-top-left-radius: 0;
                border-bottom-left-radius: 0;
                background-color: #ececec;
                box-shadow: 3px 0 85px 0 rgba(0, 0, 0, 0.2);
        }
        .menu-collapsed #left-menu-mobile-toggler{
                left: 65px;
        }
        .left-col-open .menu-collapsed #left-menu-mobile-toggler{
                left: 304px;
        }
        #left-menu-mobile-toggler .menu-close,
        .left-col-open #left-menu-mobile-toggler .chevron{
                display: none;
        }
        #left-menu-mobile-toggler .chevron,
        .left-col-open #left-menu-mobile-toggler .menu-close{
                display: block;
        }

        #content .right-col, 
        #right-col-content {
                float:none;
                width: auto;
                padding: 25px;
                margin-left:0;
        }
        .home section.col-md-12 {
                padding-right:10px;
        }
        #content {
                /* padding-right:30px; */
                overflow: hidden;
        }
        section.home {
                padding-left:30px;
        }
        #content.has-left-col .page-title {
                margin-bottom: 15px;
                padding: 15px 15px 5px 50px; /* pour laisser la place au bouton pour déplier le menu de gauche (#left-menu-mobile-toggler) */
        }

        #sidr-left {
                top:51px;
                height: calc(100% - 63px);
                box-shadow: 1px 0 10px 0 rgba(0, 0, 0, 0.15);
                /*border-right: solid 1px #013F50;*/
        }
        #sidr-left,
        .index-tree .tree-item-label,
        .index-tree .tree-separator {
                background: #eee;
        }
        #content .index-tree ul.tree-branch.tree-btn-group, 
        #sidr-left .index-tree ul.tree-branch.tree-btn-group {
                margin: 10px;
        }
        #page-title-side-btns-toggler{
                top: 26px;
        }
        /*#sidr-left a {
                color:#fff;
        }*/

        #mysql-dump {
                display:none;
        }

        .if-sidr {
                display:block;
        }
        .if-sidr.submit-buttons {
                float:right;
                overflow:hidden;
                margin-top:-80px;
                margin-bottom:30px;
        }
        .if-sidr.submit-buttons .submit {
                float:left;
                margin-top:0 !important;
                margin-left:10px;
        }
        .if-sidr.submit-buttons .submit input {
                float:none;
                margin:0 !important;
        }
        .if-sidr.submit-buttons + .student-infos {
                clear:both;
        }
        #branding #branding-ganesh {
                right:-13px;
        }
        #branding #branding-ganesh .version-name,
        #branding #branding-ganesh .version-num {
                display:none;
        }

        /*
        * Colonne de gauche
        */
        .panel.student-infos{
                margin-top: 0;
        }

        .index-tree .tree-root {
                margin: 10px 10px 0 10px;
        }


        .table-overflow-x-shadow {
                top: 20px !important;
                bottom: 108px;
                height: auto !important;
        }

        /*
        * Modules
        */
        ul#modules-units{
                padding-right: 100px;
        }

         /*
        * Vue Etudiant - Info
        */
        .students.single #submit-container {
                right: 25px;
        }

        /* Texte */
        #modal-add-edit-text .modal-dialog {
                width: 90%;
        }
}

@media screen and (max-width:991px)
{
        header.navbar-fixed-top .left-col {
                    width: 25px;
                    height:50px;
                    background-position:center center;
                    border:none;
        }
        header.navbar-fixed-top .left-col > .ganesh-title {
                    display:none;
        }
        header.navbar-fixed-top .left-col > .ganesh-logo,
        header.navbar-fixed-top .left-col:hover > .ganesh-logo {
                    margin-left:11px !important;
        }
        .extension-menu-btn .ext-menu-btn-items {
                top:16px;
        }
        .extension-menu-btn .ext-menu-btn-items > .ext-menu-btn-it {
                left:0;
        }
        .extension-menu-inner .extension-item {
                margin-top:4px;
        }
        .right-col, #plugin_acl.right-col {
                    width:calc(100% - 55px); /* 55px = largeur du bloc avec le logo ganesh */
        }

        .non-responsive-table-wrapper {
                    width:100%;
                    overflow:auto;
        }
        .page-title {
                font-size: 21px;
        }
        #left-menu-mobile-toggler{
                top: 21px;
        }
        #page-title-side-btns-toggler{
                top: 19px;
        }
        #main-menu{
                /* width: 40px; */
        }
        #main-menu .btn-menu-collapse{
                /* display: none; */
        }
        #top-bar .branding-titles .school-title{
                display: none;
        }
        #top-bar #user-menu > a {
                padding: 6px 9px;
        }
        #top-bar #user-menu .user-menu-info {
                display: none;
        }
        #top-bar #user-menu > a > svg {
                margin-right: 0;
        }
        #top-bar #help-btn {
                padding: 6px 9px;
        }
        #top-bar #help-btn svg {
                margin-right: 0;
        }
        #top-bar #help-btn > span {
                display: none;
        }
        #top-bar #user-menu .dropdown-menu{
                top: 100%;
        }

        /*
         * Modal étudiant + inscription
         */
         form .panel-body-inner .row > div{
                margin-bottom: 10px;
        }
        #modal-student .modal-dialog, 
        .modal-add-edit-module .modal-dialog, 
        .modal.with-tabs .modal-dialog {
                width: calc(100% - 100px);
                padding: 0;
                border-radius: 0;
                min-width: 0;
                margin:0;
        }
        #modal-student .modal-body{
                height: calc(100% - 215px);
        }
        .modal.with-tabs .modal-body{
                height: calc(100% - 175px);
        }
        #modal-student .modal-body .tab-content,
        .modal.with-tabs .modal-body .tab-content,
        .modal.with-tabs .modal-body .col-md-10.tab-content {
                height:auto;
                overflow:auto;
                width: 100%;
        }
        #modal-student .modal-body:before, 
        .modal.with-tabs .modal-body:before{
                display: none;
        }
        #modal-student .modal-body .col-md-2.modal-left-col,
        .modal.with-tabs .modal-body .col-md-2.modal-left-col {
                width: auto;
                padding: 0px;
                  margin: 0;
                margin-top: 10px;
                margin-bottom: 5px;
                height: 50px !important;
        }
        .modal .nav-pills > li > a {
                display: flex;
                align-items: center;
                text-align: center;
                font-size: 10px;
                background: #fff;
                height:100%;
                padding: 5px 10px;
                font-size: 9px !important;
        }
        .btn-imprimer-fiche-etudiant {
                display:none;
        }
        .students.view fieldset legend, .modal fieldset legend {
                margin-bottom:10px;
        }
        .students.view fieldset, .modal fieldset {
                margin-bottom: 10px;
        }
        input#btn-add-document,
        input#btn-add-workplacement {
                width: 100%;
                margin-bottom: 10px;
        }
        #modal-student .modal-body .ganesh-loading {
                position: relative;
                top:0;
                left:0;
                margin-left: 50%;
                transform: translateX(-50%);
                margin-top: 40px;
                margin-bottom: 20px;
        }
        .modal-footer .left-buttons,.btn-change-student-section, .btn-archive-student, .btn-save-and-stay {
                display:none;
        }
        .modal .panel-heading {
                padding: 13px 15px 12px 15px;
        }
        .panel.collapsible.collapsed .panel-heading:after,
        .panel.collapsible .panel-heading:after {
                top: 50%;
                transform: translateY(-50%);
        }
        #modal-student .modal-footer {
                height: 90px;
        }
        #modal-student .modal-footer input {
                width: 48%;
                float: left;
                margin: 0px 1% !important;
        }
        #modal-student .modal-body .col-md-10 {
                padding: 0 10px;
        }
        .modal.with-tabs .modal-body form {
                padding:0 13px;
                width:auto;
                padding: 0;
                overflow-y: auto;
                height: 88%;
        }
        #modal-student .modal-header{
                height: 115px;
        }
        #modal-student .modal-header, 
        .modal.with-tabs .modal-header{
                padding-left: 15px;
        }
        #modal-student .modal-header h3 .student-name, 
        #modal-student .modal-header h3 .teacher-name, 
        #modal-student .modal-header h3 .student-surname,
        #modal-student .modal-header h3 .teacher-surname {
                width: 100%;
                display: block;
                text-overflow: ellipsis;
                overflow: hidden;
                white-space: nowrap;
        }
        #modal-student .modal-header h3 {
                width: 100%;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
        }
        #modal-student .modal-header .student-nav, 
        .modal .modal-header .modal-nav{
                display: none;
        }
        #modal-student .modal-body .modal-left-col:after, 
        .modal.with-tabs .modal-body .modal-left-col:after {
                display: none;
        }
        #modal-student .modal-header .student-photo {
                top: 15px;
                right: 15px;
        }
        #modal-student .modal-header ul {
                height:19px;
        }
        .nav>li>a {
                padding:8px 15px;
        }
        .students.view fieldset legend, 
        .modal fieldset legend {
                padding:8px 15px;
        }
        .modal .modal-body .col-md-2.modal-left-col .menu-select-mobile{
                display: block;
                padding-top: 0;
        }
        .modal .menu-select-mobile .menu-select-mobile-inner {
                display: flex;
                align-items: center;
                padding: 9px 15px 7px;
                background-color: var(--primary-color);
                color: #fff;
                font-family: 'Montserrat';
                font-weight: 600;
                border-radius: 6px;
                text-transform: uppercase;
                cursor: pointer;
                box-shadow: 0 1px 1px 0 rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12), 0 1px 3px 0 rgba(0,0,0,0.2);
        }
        .modal .menu-select-mobile .menu-select-mobile-inner > img{
                position: relative;
                top: -1px;
                width: 20px;
                margin-right: 5px;
                filter:invert();
        }
        .modals .menu-select-mobile .menu-select-mobile-inner .selected-item{
                margin-left: 4px;
        }
        .modal .menu-select-mobile.menu-select-open .menu-select-mobile-inner{
                border-bottom-left-radius: 0px;
                border-bottom-right-radius: 0px;
        }
        .modal.with-tabs .modal-body .col-md-2.modal-left-col .nav,
        #modal-student .modal-body .col-md-2.modal-left-col .nav{
                display: none;
                position: absolute;
                height: auto;
                top: 36px;
                left: 15px;
                right: 15px;
                border-bottom-left-radius: 4px;
                border-bottom-right-radius: 4px;
                box-shadow: 2px 6px 12px -1px rgba(0, 0, 0, .2);
                white-space: nowrap;
        }
        #modal-student .modal-body .col-md-2.modal-left-col .nav-pills>li,
        .modal.with-tabs .modal-body .col-md-2.modal-left-col .nav-pills>li {
                float: none;
                width: auto;
        }
        #modal-student .modal-body .col-md-2.modal-left-col .nav-pills>li:first-child, 
        .modal.with-tabs .modal-body .col-md-2.modal-left-col .nav-pills>li:first-child{
                border: none;
                overflow: initial;
        }
        #modal-student .modal-body .col-md-2.modal-left-col .nav-pills>li:last-child,
        .modal.with-tabs .modal-body .col-md-2.modal-left-col .nav-pills>li:last-child{
                margin-right: 0;
        }
        #modal-student .modal-body .col-md-2 .nav-pills>li.active>a{
                background-color: #ddd;
                color: var(--primary-color) !important;
        }
        #modal-student .modal-body .col-md-2 .nav-pills>li>a:not(.red), 
        .modal.with-tabs .modal-body .col-md-2.modal-left-col .nav-pills>li>a:not(.red){
                padding: 8px 15px;
        }
        .panel.collapsible .panel-body {
                padding: 0 15px;
        }
        .panel.collapsible .panel-body-inner {
                padding: 20px 0;
        }
        .document-list .document-status {
                grid-template-columns: 35% 65%;
        }

        .prior-courses-labels {
                display:none;
        }
        .prior-course > .row > .field {
                margin-bottom:10px;
        }
        .prior-course .course-options {
                margin-top:0;
        }
        .prior-courses .prior-course {
                padding-bottom:10px;
        }
        .prior-course .input-wrapper.error {
                margin-bottom: 25px;
        }

        .trombi-item {
                margin-right: 2%;
                width: 18%;
        }

        /*
        * Modules
        */
        ul#modules-units{
                padding-right: 50px;
        }

        /*
        * Evaluation
        */
        .evaluation-actions {
                display: flex;
                flex-direction: column;
        }
        section.evaluations.form .submit-buttons {
                text-align: left;
        }

        /*
        * Stage
        */
        .modal-workplacement .modal-header {
                height: 125px;
        }
        .modal-workplacement .modal-header .status-wrapper {
                position: initial;
        }

        /*
        * Epreuve
        */
        .page-exams #right-col-inner .row .col-md-2 {
                margin: 15px 0;
        }

        /*
        * Vue Etudiant - Info
        */
        .students.single #submit-container {
                top: 20px;
                right: 25px;
        }
        .students.view.single .page-title{
                width: 50%;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
        }
}

@media screen and (max-width:768px)
{
        .desktop-only {
                display:none;
        }
        .mobile-only {
                display:block;
        }
        span.mobile-only {
                display:inline;
        }
        .mobile-hidden {
                display:none;
        }
        #page,
        header.navbar-fixed-top {
                border-right:none;
        }
        .page-title {
                margin-bottom: 45px;
        }
        #version {
                display:none;
        }
        #content,
        .menu-collapsed #content{
                border-radius: 0;
                margin: 0;
                margin-top: 50px;
        }
        .menu-collapsed #content:after{
                display: none;
        }
        #content{
                min-height: calc(100vh - 79px);
        }
        #page {
                max-width:none;
        }
        body.menu-mobile-open{
                overflow: hidden;
        }
        .home section.col-md-12 {
                padding-left:20px;
        }
        .home section {
                /* padding: 20px; */
                padding: 5px;
        }
        #sidr-left {
                top:59px;
        }
        body .bg-img {
                display: none;
        }
        #right-col-content .form-group{
                padding: 0;
        }
        /* .col-md-12{
                padding: 15;
        } */
        .table thead tr th,
        .table td,
        .modal .table th {
                padding-left: 5px;
                padding-right: 5px;
        }
        
        /*
        * Navigation
        */
        #main-menu,
        .menu-collapsed #main-menu{
                top: 0;
                left: -80vw;
                width: 80vw;
                background: var(--primary-background-color);
                background-attachment: initial;
                transition: left .4s;
                z-index: 2;
        }
        /* #main-menu  .mCustomScrollBox{
                overflow: hidden;
        } */
        .menu-mobile-open #main-menu {
                /* overflow: overlay; */
        }
        #main-menu::before{
                display: none;
        }
        #main-menu .heading{
                display: flex;
        }
        #main-menu .nav.navbar-nav {
                margin-top: 0;
        }
        #main-menu .nav.navbar-nav > .menu-item > a {
                padding: 17px 28px 17px 25px;
                font-size: 16px;
        }
        #main-menu .nav.navbar-nav > .menu-item > a:focus,
        #main-menu .nav.navbar-nav > .menu-item > a:hover {
                background-color: initial;
        }
        #main-menu .nav.navbar-nav > .menu-item.open > a{
                background-color: var(--primary-color);
        }
        #main-menu .nav.navbar-nav > .menu-item > a > svg {
                position: relative;
                top: 0;
                transform: none;
                right: 0;
        }
        #main-menu .nav.navbar-nav > .menu-item .menu-item-inner {
                grid-template-columns: 24px 1fr;
                column-gap: 13px;
                align-items: center;
        }
        #main-menu .nav.navbar-nav > .menu-item .menu-item-inner > svg {
                width: 24px;
        }
        #main-menu .nav.navbar-nav > .menu-item.open > a > svg {
                transform: rotate(180deg);
        }
        #main-menu .nav.navbar-nav > .menu-item.active > a > svg{
                transform: rotate(-90deg);
        }
        .menu-collapsed #main-menu .nav.navbar-nav > .menu-item .menu-item-inner > span,
        .menu-collapsed #main-menu .nav.navbar-nav > .menu-item > a > svg{
                opacity: 1;
        }
        #main-menu .menu-item .dropdown-menu {
                width: 100%;
        }
        .menu-collapsed #main-menu .menu-item .dropdown-menu{
                position: relative;
                top: initial;
                left: initial;
                z-index: 1;
        }
        .menu-collapsed #main-menu .menu-item .dropdown-menu > .dropdown-menu-item-title,
        #main-menu .menu-item .dropdown-menu > .dropdown-menu-item-title {
                display: none;
                padding: 3px 11px 3px 15px;
        }
        #main-menu .menu-item .dropdown-menu > li:nth-of-type(2){
                margin-top: 5px;
        }
        #main-menu .menu-item .dropdown-menu > li:last-of-type{
                margin-bottom: 5px;
        }
        #main-menu .menu-item .dropdown-menu > li > a {
                padding: 15px 25px 15px 25px;
                text-align: start;
                text-transform: none;
                font-size: 15px;
                line-height: 1;
        }
        #main-menu .dropdown-menu li .icon-menu {
                right: 9px;
        }
        #main-menu .dropdown-menu li .icon-menu li a {
                margin-right: 14px
        }
        #main-menu .dropdown-menu li .icon-menu li a svg {
                width: 24px;
        }
        #main-menu .btn-menu-collapse,
        #top-bar #help-btn,
        #top-bar .extensions-menu,
        #branding-school{
                display: none;
        }
        #main-menu .mCSB_inside > .mCSB_container{
                height: initial;
        }
        .menu-collapsed #main-menu .mCustomScrollBox, 
        .menu-collapsed #main-menu .mCSB_container{
                overflow: hidden;
        }


        #main-menu-backdrop{
                display: none;
                z-index: 1;
        }
        .nav .caret {
                display:none;
        }
        .navbar-nav {
                width:100%;
        }
        .navbar-nav > li:first-child,
        .navbar-nav > li#logout {
                display:none;
        }
        header.navbar-fixed-top #main_menu .nav > li > a {
                padding: 19px 10px;
        }
		header.navbar-fixed-top #user-menu .user-menu-info{
			display: none;
		}
		header.navbar-fixed-top .left-col {
			width: 45px;
        }
	.extension-menu-btn .ext-menu-btn-items > .ext-menu-btn-it {
            width: 25px;
	}
        #mobile-home-link {
                display:block;
                position:absolute;
                top:0;
                left:0;
                right:0;
                bottom:0;
        }
        header.navbar-fixed-top .left-col {
                height:58px;
        }
        .extension-menu {
                top:59px;
        }
        .extension-menu-btn .ext-menu-btn-items {
                top: 20px;
        }

        /* Top bar */
        #top-bar {
                height: 50px;
        }
        #top-bar .right-col{
                right: 15px;
        }
        #top-bar::before {
                display: none;
        }
        #top-bar .branding-titles .school-title{
                display: block;
        }
        #top-bar #user-menu > a {
                padding: 7px;
        }
        #top-bar #user-menu > a > svg {
                margin-right: 0;
        }
        #top-bar .favorite.favorite-template,
        #top-bar #add-favorite-btn{
                display: none;
        }
        #top-bar #user-menu .dropdown-menu {
                top: calc(100% - 10px);
                border-top-left-radius: 4px;
        }
        #top-bar .ganesh-logo{
                display: none;
        }
        #top-bar .branding-titles {
                margin-top: 0;
                margin-left: 40px;
                width: 200px;
                line-height: 1;
        }
        
        /* Main menu burger */
        #top-bar #main-menu-burger {
                display: flex;
        }

        /*
        * Home
        */
        .home .panel {
                min-height:0;
        }
        .home .panel-heading{
                border-top-right-radius: 3px;
                border-top-left-radius: 3px;
        }
        .home #other-panels {
                display:none;
        }
        .home #home-message-list,
        .home #home-actions-list {
                width:100%;
        }
        #home-message-list ul {
                max-height: 200px;
        }        
        .home #btn-customize-display{
                display: none;
        }
        .home .grid-stack {
                display: flex;
                flex-direction: column;
                padding: 0;
        }
        .home .grid-stack >.grid-stack-item {
                position: relative;
                top: initial !important;
                left: initial !important;
                bottom: initial !important;
                right: initial !important;
                width: 100% !important;
        }

        /* Calendar */
        #calendar-inner > .row {
                margin: 0;
        }
        #calendar-inner > .row > div {
                padding: 0;
        }
        #calendar-filters{
                padding-right: 45px !important;
        }
        #right-col-inner #calendar-filters .more-filters{
                right: 0 !important;
        }

        /* Cours */
        ul#modules-units{
                padding-right: 0;
        }
        ul#modules-units.full-width{
                width: auto;
        }
        .module-actions .glyphicon {
                font-size: 15px;
                margin-left: 8px;
        }
        li.module, ul.modules .ui-state-highlight {
                padding: 7px;
        }
        li.module .module-infos {
                padding-right: 50px !important;
        }
        .module-actions, .equipment-actions {
                top: 5px;
        }
        
        /* Page */
        #right-col-inner {
                display: flex;
                flex-direction: column;
                /*overflow-y: initial;
                /*overflow-x: auto;*/
                padding: 0px 15px 15px 15px;
                background: none;
                box-shadow: none;
        }
        #content .right-col, 
        #right-col-content {
                width: auto;
                margin-top: 65px;
                padding: 0;
                /* z-index: 3; */
        }
        #right-col-content .page-title-side-btns {
                position: relative;
                top: initial;
                white-space: nowrap;
                order: 20;
        }

        .sidr-inner {
                padding-top: 0;
        }
        .sidr .index-tree {
                margin: 0;
                padding: 0;
        }
        #sidr-left {
                top: 50px;
                height: calc(100% - 51px);
        }
        #left-menu{
                position: fixed;
                top: 50px;
        }
        .menu-collapsed #left-menu-mobile-toggler,
        #left-menu-mobile-toggler {
                position: fixed;
                top: 69px;
                left: 0;
                border-bottom-left-radius: 0;
                border-top-left-radius: 0;
        }
        .left-col-open .menu-collapsed #left-menu-mobile-toggler,
        .left-col-open #left-menu-mobile-toggler{
                left: 264px;
        }
        .index-tree .tree-item .tree-item-inner {
                padding: 12px 10px 11px 15px;
        }
        #content .page-title {
                position: fixed;
                top: 50px;
                left: 0;
                display: flex;
                flex-flow: wrap;
                align-items: center;
                column-gap: 5px;
                min-height: 59px;
                width: 100%;
                padding: 20px 15px 10px 50px;
                margin-bottom: 0;
                font-size: 20px;
                font-weight: 500;
                line-height: 0.8;
                background-color: #EBF0F3;
                z-index: 2;
        }

        #content .index-tree ul.tree-branch.tree-btn-group, 
        #sidr-left .index-tree ul.tree-branch.tree-btn-group {
                margin: 10px;
        }

        /*
        * Tables
        */
        table {
                /* margin-top: 85px; */
        }
        .new-datatable #datatable_wrapper {
                padding-bottom:0px;
                display: block;
                overflow-x: auto;
        }
        #datatable {
                position: relative;
                margin-top: 0 !important;
                /* margin-right: 15px; */
                border-radius: 4px;
                white-space: nowrap;
        }
        #datatable_wrapper #datatable {
                margin-top: 45px !important;
        }
        .page-bottom-btn, .page-top-btn {
                display:none !important;
        }
        #datatable .sorting_asc, 
        .sorting_desc, .sorting {
                background:none;
        }
        .new-datatable .dataTable {
                margin-top: 89px !important;
        }
        .table thead:first-child tr:first-child th.desktop-only:first-child + th{
                border-top-left-radius: var(--ganesh-border-radius);
        }
        div.dataTables_length {
                display:none;
        }
        .datatable-custom-filters select {
                max-width: 180px;
        }
        .datatable-custom-filters {
                display:none !important;
        }
        div.dataTables_wrapper div.dataTables_filter label {
                margin-right: 1px;
        }
        #datatable_wrapper div.dataTables_filter label{
                position: relative;
        }
        #datatable_wrapper div.dataTables_filter label:after {
                content: "\e003";
                font-family: 'Glyphicons Halflings';
                position: absolute;
                top: 26px;
                right: 10px;
                font-size: 12px;
                color: var(--primary-color);
                display: block;
        }
        #datatable_wrapper div.dataTables_filter input{
                width: 100%;
                padding: 5px 10px;
                border-radius: var(--ganesh-border-radius);
                border-color: var(--primary-color);
        }
        .new-datatable #datatable_wrapper div.dataTables_filter input{
                padding: 15px 10px 16px 10px;
                border-radius: 4px;
                border-color: var(--primary-color);
                color: var(--primary-color);
        }
        .new-datatable #datatable_wrapper div.dataTables_filter label:after {
                right: 10px;
                color: var(--primary-color);
        }
        .table-settings {
                position: fixed;
                top: 114px;
                right: 15px;
                z-index: 100;
        }
        div.dataTables_filter {
                position: fixed;
                top: 95px;
                left: 0;
                float: none;
                margin-bottom: 20px;
                padding: 0 15px 14px 15px;
                background-color: #ebeef3;
                clear: both;
                width: 100%;
                min-height: 0;
                z-index: 3;
        }
        .new-datatable div.dataTables_filter {
                position: fixed;
                top: 109px;
                left: 15px;
                width: 100%;
                padding: 6px 96px 13px 15px;
                margin-left: -15px;
                background-color: #ebeef3;
                z-index: 99;
        }
        .dataTables_wrapper .dataTables_filter.scrolling {
                box-shadow: 1px 1px 8px #c7c7c7;
        }
        .page-title.scrolling{
                box-shadow: 1px 1px 8px #c7c7c7;
        }
        div.dataTables_filter label {
                display:block;
                float:none;
                width:auto;
                margin-bottom: 0;
        }
        div.dataTables_filter label input {
                display:block;
                width:100%;
                padding: 8px;
                /* margin-top: 3px; */
                font-size: 13px;
                padding: 15px 10px;
        }
        .new-datatable #datatable_wrapper div.dataTables_filter:after {
                top: 50%;
                transform: translateY(-50%);
        }

        div.dataTables_paginate {
                /* margin-left: 15px; */
                text-align: left;
                float: none;
        }
        div.dataTables_info {
                /* margin-left: 15px; */
        }
        .column-filters-btn,
        .column-preferences-btn {
                position: relative;
                top: initial;
                right: initial;
                display: inline-block;
                color: var(--primary-color) !important;
        }
        
        .column-preferences-btn{
                margin-right: 5px;
        }
        .column-preferences-btn:after{
                display: none;
        }
        .column-preferences-btn .glyphicon,
        .column-filters-btn .glyphicon {
                background-color: #fff;
                padding: 8px;
                border-radius: 4px;
                font-size: 15px;
                border: 1px solid var(--primary-color);
        }
        .column-preferences-btn .glyphicon{
                font-size: 16px;
                padding: 7px 8px 8px 8px;
        }
        #formactions,
        #bulk-actions {
                display:none;
        }
        .pagination-sm>li>a,
        .pagination-sm>li>span{
                padding: 8px 15px;
                font-size: 11px;
        }
        .page-bottom-btn {
                box-shadow: none;
        }
        .page-title-side-btns .btn {
                margin-right: 15px;
                margin-left: 0;
        }
        .page-title-side-btns .btn:first-child {
                margin-left: 0;
        } 
        .page-title-side-btns .btn:last-child {
                margin-right: 0;
        }
        .table-overflow-x-shadow {
                display: none;
        }

        .table .student-cell .user-account-icon{
                display: none;
        }
        .subscriptions #datatable td > .subscriptions-warnings, 
        .subscriptions #datatable td > .glyphicon{
                margin-top: 3px;
        }
        #datatable thead th,
        table.dataTable thead>tr>th.sorting {
                min-width: 30px;
        }
        #datatable tr td:last-child .glyphicon {
                font-size: 14px;
                margin-top: -2px;
                margin-right: 4px;
                background-color: #fff;
                padding: 5px;
                box-shadow: 0 1px 1px 0 rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12), 0 1px 3px 0 rgba(0,0,0,0.2);
                border-radius: var(--ganesh-border-radius);
        }

        /*
        * Modal 
        */
        .modal{
                /*z-index: 1050 !important;*/
                overflow: visible;
        }
        #modal-student .modal-content, 
        .modal-add-edit-module .modal-content, 
        .modal.with-tabs .modal-content{
                height: 100vh;
                height: 100svh;
        }
        .modal-content {
                border: none;
                border-radius: 0;
                max-width: 100vw;
        }
        .modal-dialog {
                padding: 0;
                width: 100%;
        }
        #right-col-content .modal .panel{
                margin: 0;
        }
        .modal .panel-body-inner{
                padding: 0;
        }
        .modal .panel.table-panel .panel-body-inner table{
                margin-top: -15px;
        }
        body.modal-open{
                margin-right: 0;
        }
        .panel-heading .right > * {
                margin-left: 0px;
                padding-left: 0px;
                margin-top: 15px;
        }
        #modal-student .panel.collapsible .panel-heading {
                display: flex;
                flex-direction: column;
        }

        /*
        * Modal étudiant + inscription
        */
        #modal-student .modal-dialog, 
        .modal-add-edit-module .modal-dialog, 
        .modal.with-tabs .modal-dialog {
                width: 100%;
        }
        .document-list .document-status {
                grid-template-columns: 75% 25%;
        }
        .contact-list-item, ul.document-list li, .add-document-container, ul.form-fields-config li {
                grid-template-columns: 60% 30% 1fr;
        }
        .panel-heading .right > .off-school-checkbox {
          margin-left: 10px;
          padding-left: 10px;
        }
        #student-modules h3 + ul, #student-cursus h3 + ul {
                padding-left: 10px;
        }
        #student-modules .add-other-module, #student-cursus .add-other-module {
                float:initial;
                margin-bottom: 20px;
        }

        /*
        * Vue Etudiant - Info
        */
        .students.single #submit-container {
                position: relative;
                top: initial;
                right: initial;
                display: flex;
                justify-content: space-between;
                column-gap: 10px;
                margin: 0 15px;
        }
        .students.single .tab-content {
                display: flex;
                flex-direction: column-reverse;
        }
        .students.single #submit-container input {
                width: 50%;
        }

        .students.single #document-list li{
                grid-template-columns: 1fr 25% 50px;
        }

        /*
        * Trombi
        */
        div#trombi-items-inner {
                display: grid;
                grid-template-columns: 1fr 1fr 1fr;
                gap: 15px;
        }
        .trombi-item {
                margin-right: 0;
                width: 100%;
        }
        .trombi-item-photo {
                height: 130px;
        }

        /*
        * Stages
        */
        #companies-add .modal-dialog, #company-modal .modal-dialog, #workplacement-edit .modal-dialog, #workplacement-view .modal-dialog, #workplacement-add .modal-dialog {
                min-width:0 !important;
                width:auto;
        }

        /*
        * Modules
        */
        ul#modules-units {
                width:auto;
        }
        #btn-clone-section, .btn-add-unit {
                position:static;
                display:block;
                width:100%;
                margin-bottom:10px;
        }
        #modal-add-module .modal-dialog, 
        #modal-edit-module .modal-dialog, 
        #modal-add-section .modal-dialog, 
        #modal-edit-section .modal-dialog {
                width: 100%;
        }
        .page-modules #right-col-inner{
                overflow: initial;
        }

        /*
        * Enseignants
        */
        #modal-teacher .modal-dialog {
                min-width: initial;
                width: 100%;
        }
        #modal-teacher .modal-header .teacher-photo{
                right: 15px;
                top: 15px;
        }
        #modal-teacher .modal-footer #submit-container{
                display: flex;
        }

        /*
        * Evaluations
        */
        .if-sidr.submit-buttons {
                margin-top:0;
                float:none;
        }
        section.evaluations.form .submit-buttons div.submit {
                width: 50%;
        }
        .evaluations .page-title-bottom .evaluation-pagination {
                display: none;
        }
        section.evaluations.form .submit-buttons {
                display: flex;
                margin-bottom: 5px;
        }
        section.evaluations.form .submit-buttons .submit:first-child {
                margin-left: 0;
        }
        .overall-assessment .buttons{
                position: initial;
        }
        .overall-assessment .buttons .btn {
                width: 100%;
                margin-bottom: 10px;
        }
        .evaluation-actions .submit{
                margin: 15px;
        }

        /*
         * Cours 
         */
        .inline-editing-overlay {
                overflow: visible !important;
        }
        body.inline-editing{
                overflow: hidden;
        }

        /*
        * Modal Agenda
        */
        #modal-add-edit-event .modal-body{
                height: calc(100% - 180px);
        }
        #modal-add-edit-event #title-edit {
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
        }

        /*
        * Archive
        */
        .page-archives #modal-student .modal-footer input {
                width: 100%;
                margin: 0px !important;
        }
        .page-archives #modal-student .modal-header {
                height: 110px;
        }
        .page-archives #submit-container {
                display: grid;
                grid-template-columns: 1fr 1fr;
                column-gap: 10px;
        }

        /*
        * Chronologie
        */
        #right-col-content .panel {
                margin: 15px;
        }
        #right-col-content .chronology-year-params .panel {
                margin-left: 0;
        }

        /* 
        * Param evaluation
        */
        .page-params.action-evaluations .submit .btn-success {
                margin: 0 0 15px 15px;
        }

        /*
         * Param inscription
         */
        .page-params.action-subscriptions .subscriptions-documents {
                display: flex;
                flex-direction: column;
                gap: 15px;
        }

        li.submit-buttons {
                position: fixed;
                bottom: 0;
                left: 0;
                right: 0;
                padding: 10px;
                background: #fff;
                box-shadow: 0 0 12px 4px rgba(0, 0, 0, 0.1);
        }
        #right-col-content.form {
                padding-bottom: 50px;
        }
}

@media screen and (max-width:480px)
{
        #right-col-inner {
                padding-top:0;
                padding:0px 5px 5px 5px;
        }
}

@media screen and (max-width:360px)
{
}

@media(max-height:750px)
{
        #branding-school{
                position: relative;
                bottom: initial;
                left: initial;
                margin-top: 20px;
        }
}