/*!
 *   CIT-A.com
!*/

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,100..900;1,100..900&display=swap');
/*
 * Root definitions
 * ----------------
!*/
:root {
  /* JAUNES / ORANGES */
  --clr-yellow: 244, 225, 60;
  --clr-lightyellow: 248, 239, 160;
  --clr-darkyellow: 226, 185, 40;
  --clr-yellow-active: 196, 129, 32;
  --clr-orange: 240, 160, 90;
  --clr-lightorange: 247, 195, 135;
  --clr-darkorange: 210, 110, 30;
  --clr-orange-active: 200, 105, 28;

  /* BLEUS / AQUA */
  --clr-blue: 115, 145, 185;
  --clr-lightblue: 185, 210, 230;
  --clr-light-blue: 130, 155, 185;
  --clr-aqua: 110, 200, 200;
  --clr-darkblue: 75, 105, 150;
  --clr-navy: 50, 65, 90;
  --clr-blue-active: 88, 110, 145;
  --clr-light-blue-active: 100, 125, 150;
  --clr-navy-active: 45, 55, 75;

  /* ROUGES / ROSES */
  --clr-red: 195, 90, 75;
  --clr-red-active: 165, 75, 65;
  --clr-lightred: 228, 160, 150;
  --clr-darkred: 140, 50, 45;
  --clr-fuchsia: 210, 105, 165;
  --clr-pink: 225, 135, 165;
  --clr-lightpink: 235, 180, 200;
  --clr-darkpink: 145, 60, 100;
  --clr-fuchsia-active: 185, 95, 150;
  --clr-maroon: 160, 75, 90;
  --clr-maroon-active: 145, 65, 80;

  /* VERTS */
  --clr-green: 90, 145, 90;
  --clr-lightgreen: 155, 210, 155;
  --clr-darkgreen: 70, 105, 70;
  --clr-lime: 145, 210, 135;
  --clr-olive: 120, 140, 110;
  --clr-green-active: 78, 125, 78;
  --clr-lime-active: 130, 195, 125;
  --clr-olive-active: 108, 125, 98;

  /* TURQUOISE / TEAL */
  --clr-turquoise: 130, 190, 180;
  --clr-lightturquoise: 180, 210, 205;
  --clr-darkturquoise: 95, 160, 150;
  --clr-teal: 120, 180, 180;
  --clr-teal-active: 110, 165, 165;

  /* VIOLETS / POURPRES */
  --clr-violet: 185, 130, 185;
  --clr-lightviolet: 205, 175, 205;
  --clr-darkviolet: 145, 60, 145;
  --clr-purple: 140, 110, 165;
  --clr-lightpurple: 190, 170, 200;
  --clr-darkpurple: 85, 60, 105;
  --clr-purple-active: 100, 90, 125;

  /* BRUNS / GRIS / NEUTRES */
  --clr-brown: 135, 100, 70;
  --clr-lightbrown: 195, 170, 130;
  --clr-darkbrown: 80, 60, 40;
  --clr-grey: 140, 140, 140;
  --clr-gray: 200, 195, 185;
  --clr-lightgrey: 210, 205, 195;
  --clr-darkgrey: 115, 105, 95;
  --clr-gray-active: 172, 164, 150;
  --clr-white: 255, 255, 255;
  --clr-white-active: 240, 240, 240;
  --clr-black: 0, 0, 0;
  --clr-black-active: 0, 0, 0;

  /* Opacités */
  --opacity-25: 0.25;
  --opacity-50: 0.5;
  --opacity-75: 0.75;
  --opacity-100: 1;
}

/*
 * Core: Genral Layout Style
 * -------------------------
 */

html, body {
    min-height: 100%;
}
.layout-boxed html, .layout-boxed body {
    height: 100%;
}
.carte {
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: small;
    overflow-x: hidden;
    overflow-y: auto;
}
.background-blur {

    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    z-index: -10;
    width: 100%;
    height: 100%;
    position: fixed;
    background-image: url('https://cdn.cit-a.com/images/webmanager.v2.0.jpg?v1.00');
    overflow: hidden;
    opacity: 0.12;
/*     filter: grayscale(50%) blur(10px);
    -webkit-filter: grayscale(50%) blur(10px);
    -moz-filter: grayscale(50%) blur(10px);
    -o-filter: grayscale(50%) blur(10px);
    -ms-filter: grayscale(50%) blur(10px); */
}
/* Layout */

.wrapper {
    min-height: 100%;
    position: static;
    overflow: hidden;
}
.wrapper:before, .wrapper:after {
    content: " ";
    display: table;
}
.wrapper:after {
    clear: both;
}
.layout-boxed .wrapper {
    max-width: 1250px;
    margin: 0 auto;
    min-height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
    position: relative;
}
.layout-boxed {
    background: url('../img/boxed-bg.jpg') repeat fixed;
}
/*
 * Content Wrapper - contins main content
 * ```.right-side has been deprecated as of v2.0.0 in favor of .content-wrapper  ```
 */

.content-wrapper, .right-side, .main-footer {
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.32, 1.25, 0.375, 1.15);
    -moz-transition: -moz-transform 0.3s cubic-bezier(0.32, 1.25, 0.375, 1.15);
    -o-transition: -o-transform 0.3s cubic-bezier(0.32, 1.25, 0.375, 1.15);
    transition: transform 0.3s cubic-bezier(0.32, 1.25, 0.375, 1.15);
    -webkit-transition: margin-left 0.3s cubic-bezier(0.32, 1.25, 0.375, 1.15);
    -o-transition: margin-left 0.3s cubic-bezier(0.32, 1.25, 0.375, 1.15);
    transition: margin-left 0.3s cubic-bezier(0.32, 1.25, 0.375, 1.15);
    margin-left: 230px;
    z-index: 820;
}
.layout-top-nav .content-wrapper, .layout-top-nav .right-side, .layout-top-nav .main-footer {
    margin-left: 0;
}
@media (max-width: 767px) {
    .content-wrapper, .right-side, .main-footer {
        margin-left: 0;
    }
}
@media (min-width: 768px) {
    .sidebar-collapse .content-wrapper, .sidebar-collapse .right-side, .sidebar-collapse .main-footer {
        margin-left: 0;
    }
}
@media (max-width: 767px) {
    .sidebar-open .content-wrapper, .sidebar-open .right-side, .sidebar-open .main-footer {
        -webkit-transform: translate(230px, 0);
        -ms-transform: translate(230px, 0);
        -o-transform: translate(230px, 0);
        transform: translate(230px, 0);
    }
}
.content-wrapper, .right-side {
    min-height: 100%;
    /*background-color: #fefefe;*/
    /*color: #fff;*/
    z-index: 800;
}
.main-footer {
    /*background: #fff;*/
    padding: 15px;
    /*color: #ccc;*/
    /*border-top: 1px solid #eee;*/
}
/* Fixed layout */

.fixed .main-header, .fixed .main-sidebar, .fixed .left-side {
    position: fixed;
}
.fixed .main-header {
    top: 0;
    right: 0;
    left: 0;
}
.fixed .content-wrapper, .fixed .right-side {
    padding-top: 50px;
}
@media (max-width: 767px) {
    .fixed .content-wrapper, .fixed .right-side {
        padding-top: 100px;
    }
}
.fixed.layout-boxed .wrapper {
    max-width: 100%;
}
/* Content */

.content {
    min-height: 250px;
    padding: 15px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}
/* H1 - H6 font */

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Open Sans', sans-serif;
}
/* General Links */

a {
    color: #3c8dbc;
}
a:hover, a:active, a:focus {
    outline: none;
    text-decoration: none;
    color: #72afd2;
}
/* Page Header */

.page-header {
    margin: 10px 0 20px 0;
    font-size: 22px;
}
.page-header>small {
    color: #666;
    display: block;
    margin-top: 5px;
}
/*
 * Component: Main Header
 * ----------------------
 */

.main-header {
    position: relative;
    max-height: 100px;
    z-index: 1030;
    background-color: unset;
}
.main-header>.navbar {
    margin-bottom: 0;
    /*margin-left: 230px;*/
    border: none;
    min-height: 55px;
    border-radius: 0;
}
.btn-website,
.btn-fullscreen-app,
.btn-poweroff {
  background: rgba(var(--clr-grey), 0.1); /* Default */
  color: #333;
  width: 48px;
  height: 48px;
  text-align: center;
  border-radius: 50px;
  margin: 4px 8px 0 0;
  display: flex;
  align-items: center;
  justify-content: center;

  padding: 0; /* Important : retire le padding qui fausse l'alignement */
}
.btn-poweroff {
    background: rgba(var(--clr-grey), 0.1);
}
.btn-fullscreen-app {
    background: rgba(var(--clr-blue), 0.15);
}
.btn-website {
    background: rgba(var(--clr-red), 0.15);
}
.layout-top-nav .main-header>.navbar {
    margin-left: 0!important;
}
.main-header #navbar-search-input {
    background: rgba(255, 255, 255, 0.2);
    border-color: transparent;
}
.main-header #navbar-search-input:focus, .main-header #navbar-search-input:active {
    border-color: rgba(0, 0, 0, 0.1) !important;
    background: rgba(255, 255, 255, 0.9);
}
.main-header #navbar-search-input::-moz-placeholder {
    color: #ccc;
    opacity: 1;
}
.main-header #navbar-search-input:-ms-input-placeholder {
    color: #ccc;
}
.main-header #navbar-search-input::-webkit-input-placeholder {
    color: #ccc;
}
.main-header .navbar-custom-menu, .main-header .navbar-right {
    margin-right: 5px;
    float: right;
}
@media (max-width: 991px) {
    .main-header .navbar-custom-menu a, .main-header .navbar-right a {
        /*
    color: inherit;
    background: transparent;
    */
    }
}
@media (max-width: 767px) {
    .main-header .navbar-right {
        float: none;
    }
    .navbar-collapse .main-header .navbar-right {
        margin: 7.5px -15px;
    }
    .main-header .navbar-right>li {
        color: inherit;
        border: 0;
    }
}
.main-header .sidebar-toggle {
    float: left;
    background-color: transparent !important;
    background-image: none;
    padding: 0;
    font-family: fontAwesome;
    border-radius: 50px;
    height: 40px;
    width: 40px;
    line-height: 40px !important;
    text-align: center;
    margin: 5px;
}
@media (min-width: 991px) {
    .main-header .sidebar-toggle {
        display: none;
    }
}
.main-header .sidebar-toggle:before {
    content: "\f0c9";
}
.main-header .sidebar-toggle:hover {
    color: #fff;
}
.main-header .sidebar-toggle .icon-bar {
    display: none;
}
.main-header .navbar .nav>li.user>a>.fa, .main-header .navbar .nav>li.user>a>.glyphicon, .main-header .navbar .nav>li.user>a>.ion {
    margin-right: 5px;
}
.main-header .navbar .nav>li>a>.label {
    position: absolute;
    top: 9px;
    right: 7px;
    text-align: center;
    font-size: 9px;
    padding: 2px 3px;
    line-height: .9;
}
.main-header .logo {
    display: block;
    float: left;
    height: 50px;
    font-size: 20px;
    line-height: 50px;
    text-align: center;
    width: 230px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 0 15px;
    font-weight: 300;
}
.main-header .navbar-brand {
    color: #fff;
}
.content-header {
    position: relative;
    padding: 15px 15px 0 15px;
}
.content-header>h1 {
    margin: 0;
    font-size: 26px;
    background: linear-gradient(90deg, rgb(var(--clr-grey)) 0%, rgb(var(--clr-black)) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    width: fit-content;
}
.content-header>h1>small {
    font-size: 15px;
    display: inline-block;
    padding-left: 4px;
    font-weight: 300;
}
.content-header>.breadcrumb {
    float: right;
    background: transparent;
    margin-top: 0px;
    margin-bottom: 0;
    font-size: 12px;
    padding: 7px 5px;
    position: absolute;
    top: 15px;
    right: 10px;
    border-radius: 2px;
}
.content-header>.breadcrumb>li>a {
    color: #444;
    text-decoration: none;
    display: inline-block;
}
.content-header>.breadcrumb>li>a>.fa, .content-header>.breadcrumb>li>a>.glyphicon, .content-header>.breadcrumb>li>a>.ion {
    margin-right: 5px;
}
.content-header>.breadcrumb>li+li:before {
    content: '>\00a0';
}
@media (max-width: 991px) {
    .content-header>.breadcrumb {
        position: relative;
        margin-top: 5px;
        top: 0;
        right: 0;
        float: none;
        background: rgb(255, 255, 255);
        background: rgba(255, 255, 255, 0.8);
        padding-left: 10px;
    }
    .content-header>.breadcrumb li:before {
        color: #97a0b3;
    }
}
.navbar-toggle {
    color: #fff;
    border: 0;
    margin: 0;
    padding: 15px 15px;
}
@media (max-width: 991px) {
    .navbar-custom-menu .navbar-nav>li {
        float: left;
    }
    .navbar-custom-menu .navbar-nav {
        margin: 0;
        float: left;
    }
    .navbar-custom-menu .navbar-nav>li>a {
        padding-top: 15px;
        padding-bottom: 15px;
        line-height: 20px;
    }
}
@media (max-width: 767px) {
    .main-header {
        position: relative;
    }
    .main-header .logo, .main-header .navbar {
        width: 100%;
        float: none;
        position: relative!important;
    }
    .main-header .navbar {
        margin: 0;
    }
    .main-header .navbar-custom-menu {
        float: right;
    }
    .main-sidebar, .left-side {
        /*padding-top: 100px!important;*/
    }
}
/*
 * Component: Sidebar
 * ------------------
 */

.logo-webcita {
    max-width: 180px;
    margin: 12px 0 0 12px;
    padding-left: 25px;
}
.main-sidebar, .left-side {
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 65px;
    height: calc(100vh);
    overflow-y: auto;
    width: 230px;
    z-index: 810;
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    -moz-transition: -moz-transform 0.3s ease-in-out;
    -o-transition: -o-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
}
.main-sidebar {
    scrollbar-width: thin;
    /* Firefox */
    scrollbar-color: transparent transparent;
    /* Firefox */
    will-change: transform;
    contain: layout;
}
.main-sidebar::-webkit-scrollbar {
    width: 4px;
    background-color: transparent;
}
.main-sidebar::-webkit-scrollbar-thumb {
    border-radius: 10px;
    opacity: 0;
    transition: opacity 1s ease;
}
/* Au survol, on montre une fine barre */

.main-sidebar:hover::-webkit-scrollbar-thumb, .main-sidebar:focus-within::-webkit-scrollbar-thumb, .main-sidebar:active::-webkit-scrollbar-thumb {
    background-color: rgba(var(--clr-lightgrey), 0.25);
    opacity: 1;
}
/* Pour Firefox */

.main-sidebar:hover {
    scrollbar-color: rgba(var(--clr-lightgrey), 0.25) transparent;
}
@media (max-width: 767px) {
    .main-sidebar, .left-side {
        -webkit-transform: translate(-230px, 0);
        -ms-transform: translate(-230px, 0);
        -o-transform: translate(-230px, 0);
        transform: translate(-230px, 0);
    }
}
@media (min-width: 768px) {
    .sidebar-collapse .main-sidebar, .sidebar-collapse .left-side {
        -webkit-transform: translate(-230px, 0);
        -ms-transform: translate(-230px, 0);
        -o-transform: translate(-230px, 0);
        transform: translate(-230px, 0);
    }
}
@media (max-width: 767px) {
    .sidebar-open .main-sidebar, .sidebar-open .left-side {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}
.sidebar {
    padding-bottom: 10px;
}
.directory .sidebar-menu>li>.treeview-menu {
    /* Use this only to modify the standard sidebar behaviour */
    border-left: 3px solid #eaeaea !important;
}
.directory .sidebar-menu>li>a:hover {
    border-left-color: #04aa06 !important;
    background-color: #00a65a !important;
}
.directory .sidebar-menu>li.active>a {
    background-color: rgba(var(--current-bg), var(--current-opacity)) !important;
    border-left: 3px solid rgba(var(--current-bg), 1) !important;
    color: rgba(var(--current-bg), 1) !important;
    font-weight: bold;
}
.directory .treeview-menu>li.active>a {
    background-color: #00a65a !important;
    color: #FFFFFF !important;
}
.directory .treeview-menu>li:hover {
    background-color: #00a65a !important;
    color: #FFFFFF !important;
    cursor: pointer;
}
.directory .treeview-menu>li>i {
    opacity: 0;
}
.directory .treeview-menu>li:hover>i {
    opacity: 1;
}
.directory .sidebar-menu>ul>.menu-open {
    /* Use this only to modify the standard sidebar behaviour */
    border-left: 3px solid #eaeaea !important;
}
.sidebar-menu>li.active>a {
    background-color: rgba(var(--current-bg), var(--current-opacity)) !important;
    color: rgba(var(--current-bg), 1) !important;
    font-weight: 400;
    border-left: 0 !important;
    margin: 3px;
    border-radius: 10px;
    padding-left: 10px;
}
/* TREEVIEV */

.tree, .tree ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.tree ul {
    margin-left: 0.5em;
    position: relative
}
.tree ul ul {
    margin-left: .5em
}
.tree ul:before {
    content: "";
    display: block;
    width: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border-left: 1px solid #fff;
}
.tree li {
    margin: 0;
    padding: 0 0 0 1em;
    line-height: 2em;
    color: #333333;
    font-weight: 300;
    font-size: 13px;
    position: relative
}
.tree li span {
    cursor: pointer;
}
.tree li i {
    font-size: 14px;
    font-weight: bold;
    color: #ccc;
}
.tree li span i {
    font-weight: normal !important;
}
.tree li i:hover {
    color: #44e3e3;
}
.tree li span.active:hover, .tree li span.active {
    font-weight: 700;
    border: 1px dashed #3c8dbc;
    background-color: #3c8dbc;
    color: #FFFFFF;
    padding: 4px 5px;
}
.tree li span:hover {
    font-weight: 700;
    border: 1px solid #3c8dbc;
    background: rgba(217, 233, 249, 0.8);
    padding: 4px 5px;
}
.tree ul li:before {
    content: "";
    display: block;
    width: 10px;
    height: 0;
    border-top: 1px solid #fff;
    margin-top: -1px;
    position: absolute;
    top: 1em;
    left: 0
}
.tree ul li:last-child:before {
    background: #fff;
    height: auto;
    top: 1em;
    bottom: 0
}
.indicator {
    margin-right: 7px;
    margin-left: 2px;
}
.tree li a {
    text-decoration: none;
    color: #369;
}
.tree li button, .tree li button:active, .tree li button:focus {
    text-decoration: none;
    color: #369;
    border: none;
    background: transparent;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    outline: 0;
}
/* // TREEVIEV */

/* ICON-PICKER */

.iconpicker-popover.popover {
    width: 235px !important;
}
/* // ICON-PICKER */

#actual_path {}
.path {
    float: left;
}
.fixed .sidebar {
    overflow: auto;
    height: 100%;
}
.sidebar-form input:focus {
    border-color: transparent!important;
}
.user-panel {
    padding: 10px;
}
.user-panel:before, .user-panel:after {
    content: " ";
    display: table;
}
.user-panel:after {
    clear: both;
}
.user-panel>.image>img {
    width: 45px;
    height: 45px;
}
.user-panel>.info {
    font-weight: 600;
    padding: 5px 5px 5px 15px;
    font-size: 14px;
    line-height: 1;
}
.user-panel>.info>p {
    margin-bottom: 9px;
}
.user-panel>.info>a {
    text-decoration: none;
    padding-right: 5px;
    margin-top: 3px;
    font-size: 11px;
    font-weight: normal;
}
.user-panel>.info>a>.fa, .user-panel>.info>a>.ion, .user-panel>.info>a>.glyphicon {
    margin-right: 3px;
}
.sidebar-menu {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.sidebar-menu li:hover {
    opacity: 1;
}
.sidebar-menu:hover li.header {
    opacity: 1;
}
.sidebar-menu:hover li {
    opacity: 0.5;
}
.sidebar-menu>li {
    position: relative;
    margin: 0;
    padding: 0;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}
.activeChosen {
    style="color: #fff;
 background-color: rgba(121, 85, 72, 0.2);
}
.Font400 {
    font-weight: 400 !important;
}
.Font300 {
    font-weight: 300 !important;
}
.sidebar-menu>li.active:hover {
    opacity: 1;
}
.sidebar-menu>li:hover {
    opacity: 0.75;
}
.sidebar-menu>li>a {
    padding: 9px 0 8px 5px;
    display: block;
    background-color: unset !important;
}
.sidebar-menu>li>a>.fa, .sidebar-menu>li>a>.fas, .sidebar-menu>li>a>.fad, .sidebar-menu>li>a>.glyphicon, .sidebar-menu>li>a>.ion {
    width: 30px;
    margin: 0 5px 0 0;
    font-size: 1.5rem;
    text-align: center;
}
.fad {
    --fa-primary-color: rgb(var(--clr-grey), 100%);
    --fa-secondary-color: rgb(var(--clr-lightgrey), 50%);
    --fa-primary-opacity: 1;
    --fa-secondary-opacity: 1;
}
li.active a .fad {
    --fa-secondary-color: rgb(var(--clr-white));
    width: 20px;
}
.sidebar-menu>li .label, .sidebar-menu>li .badge {
    margin-top: 3px;
    margin-right: 5px;
}
.sidebar-menu>li .label.pull-right.bg-green, .sidebar-menu>li .badge.pull-right.bg-green {
    position: absolute;
    right: 0;
}
.sidebar-menu li.header {
    padding: 10px 25px 10px 15px;
    font-size: 12px;
}
.sidebar-menu li>a>.fa-angle-left {
    width: auto;
    height: auto;
    padding: 0;
    margin-right: 10px;
    margin-top: 3px;
    position: absolute;
    right: 0;
}
.sidebar-menu li.active>a>.fa-angle-left {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.sidebar-menu li.active>.treeview-menu {
    display: block;
}
.sidebar-menu .treeview-menu {
    display: none;
    list-style: none;
    padding: 0;
    margin: 0 !important;
    background: rgba(var(--clr-white), 25%) !important;
}
.sidebar-menu .treeview-menu .treeview-menu {
    padding-left: 20px;
}
.sidebar-menu .treeview-menu>li {
    margin: 0;
    padding: 2px 0;
}
.sidebar-menu .treeview-menu>li>a {
    padding: 5px 5px 5px 15px;
    display: block;
    font-size: small;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
}
.sidebar-menu .treeview-menu>li>a>.fa, .sidebar-menu .treeview-menu>li>a>.glyphicon, .sidebar-menu .treeview-menu>li>a>.ion {
    width: 20px;
}
.sidebar-menu .treeview-menu>li>a>.fa-angle-left, .sidebar-menu .treeview-menu>li>a>.fa-angle-down {
    width: auto;
}
/*
 * Component: Dropdown menus
 * -------------------------
 */

/*Dropdowns in general*/

.dropdown-menu {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    border-color: #eee;
    border: 0px;
}
.dropdown-menu>li>a {
    color: #777;
}
.dropdown-menu>li>a>.glyphicon, .dropdown-menu>li>a>.fa, .dropdown-menu>li>a>.ion {
    margin-right: 10px;
}
.dropdown-menu>li>a:hover {
    background-color: #e1e3e9;
    color: #333;
}
.dropdown-menu>.divider {
    background-color: #eee;
}
/*
    Navbar custom dropdown menu
------------------------------------
*/

.navbar-nav>.notifications-menu, .navbar-nav>.messages-menu, .navbar-nav>.tasks-menu {
    position: relative;
}
.navbar-nav>.notifications-menu>.dropdown-menu, .navbar-nav>.messages-menu>.dropdown-menu, .navbar-nav>.tasks-menu>.dropdown-menu {
    width: 280px;
    padding: 0 0 0 0!important;
    margin: 0!important;
    top: 100%;
}
.navbar-nav>.notifications-menu>.dropdown-menu>li, .navbar-nav>.messages-menu>.dropdown-menu>li, .navbar-nav>.tasks-menu>.dropdown-menu>li {
    position: relative;
}
.navbar-nav>.notifications-menu>.dropdown-menu>li.header, .navbar-nav>.messages-menu>.dropdown-menu>li.header, .navbar-nav>.tasks-menu>.dropdown-menu>li.header {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    background-color: #ffffff;
    padding: 7px 10px;
    border-bottom: 1px solid rgb(249, 248, 246);
    color: #444444;
    font-size: 14px;
}
.navbar-nav>.notifications-menu>.dropdown-menu>li.footer>a, .navbar-nav>.messages-menu>.dropdown-menu>li.footer>a, .navbar-nav>.tasks-menu>.dropdown-menu>li.footer>a {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    font-size: 12px;
    background-color: #fff;
    padding: 7px 10px;
    border-bottom: 1px solid #eeeeee;
    color: #444!important;
    text-align: center;
}
@media (max-width: 991px) {
    .navbar-nav>.notifications-menu>.dropdown-menu>li.footer>a, .navbar-nav>.messages-menu>.dropdown-menu>li.footer>a, .navbar-nav>.tasks-menu>.dropdown-menu>li.footer>a {
        background: #fff!important;
        color: #444!important;
    }
}
.navbar-nav>.notifications-menu>.dropdown-menu>li.footer>a:hover, .navbar-nav>.messages-menu>.dropdown-menu>li.footer>a:hover, .navbar-nav>.tasks-menu>.dropdown-menu>li.footer>a:hover {
    text-decoration: none;
    font-weight: normal;
}
.navbar-nav>.notifications-menu>.dropdown-menu>li .menu, .navbar-nav>.messages-menu>.dropdown-menu>li .menu, .navbar-nav>.tasks-menu>.dropdown-menu>li .menu {
    max-height: 200px;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow-x: hidden;
}
.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a, .navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a, .navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a {
    display: block;
    white-space: nowrap;
    /* Prevent text from breaking */
    border-bottom: 1px solid rgb(249, 248, 246);
}
.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a:hover, .navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:hover, .navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a:hover {
    background: rgb(249, 248, 246);
    text-decoration: none;
}
.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a {
    color: #444444;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 10px;
}
.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a>.glyphicon, .navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a>.fa, .navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a>.ion {
    width: 20px;
}
.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a {
    margin: 0px;
    padding: 10px 10px;
}
.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>div>img {
    margin: auto 10px auto auto;
    width: 40px;
    height: 40px;
}
.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>h4 {
    padding: 0;
    margin: 0 0 0 45px;
    color: #444444;
    font-size: 15px;
    position: relative;
}
.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>h4>small {
    color: #999999;
    font-size: 10px;
    position: absolute;
    top: 0px;
    right: 0px;
}
.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>p {
    margin: 0 0 0 45px;
    font-size: 12px;
    color: #888888;
}
.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:before, .navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:after {
    content: " ";
    display: table;
}
.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:after {
    clear: both;
}
.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a {
    padding: 10px;
}
.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a>h3 {
    font-size: 14px;
    padding: 0;
    margin: 0 0 10px 0;
    color: #666666;
}
.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a>.progress {
    padding: 0;
    margin: 0;
}
.navbar-nav>.user-menu>.dropdown-menu {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    padding: 1px 0 0 0;
    border-top-width: 0;
    width: 245px;
}
.navbar-nav>.user-menu>.dropdown-menu, .navbar-nav>.user-menu>.dropdown-menu>.user-body {
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
}
.navbar-nav>.user-menu>.dropdown-menu>li.user-header {
    /*  height: 175px;*/
    padding: 10px;
    text-align: center;
}
.navbar-nav>.user-menu>.dropdown-menu>li.user-header>img {
    z-index: 5;
    max-height: 90px;
    max-width: 90px;
    /*border: 3px solid;*/
    border: 1px solid;
    border-color: transparent;
    border-color: rgba(255, 255, 255, 0.2);
}
.navbar-nav>.user-menu>.dropdown-menu>li.user-header>p {
    z-index: 5;
    color: #fff;
    color: rgba(255, 255, 255, 0.8);
    font-size: 17px;
    margin-top: 10px;
}
.navbar-nav>.user-menu>.dropdown-menu>li.user-header>p>small {
    display: block;
    font-size: 12px;
}
.navbar-nav>.user-menu>.dropdown-menu>.user-body {
    padding: 15px;
    border-bottom: 1px solid rgb(249, 248, 246);
    border-top: 1px solid #dddddd;
}
.navbar-nav>.user-menu>.dropdown-menu>.user-body:before, .navbar-nav>.user-menu>.dropdown-menu>.user-body:after {
    content: " ";
    display: table;
}
.navbar-nav>.user-menu>.dropdown-menu>.user-body:after {
    clear: both;
}
.navbar-nav>.user-menu>.dropdown-menu>.user-body a {
    color: #444 !important;
}
@media (max-width: 991px) {
    .navbar-nav>.user-menu>.dropdown-menu>.user-body a {
        background: #fff !important;
        color: #444 !important;
    }
}
.navbar-nav>.user-menu>.dropdown-menu>.user-footer {
    background-color: #f9f9f9;
    padding: 10px;
}
.navbar-nav>.user-menu>.dropdown-menu>.user-footer:before, .navbar-nav>.user-menu>.dropdown-menu>.user-footer:after {
    content: " ";
    display: table;
}
.navbar-nav>.user-menu>.dropdown-menu>.user-footer:after {
    clear: both;
}
.navbar-nav>.user-menu>.dropdown-menu>.user-footer .btn-default {
    color: #666666;
}
.navbar-nav>.user-menu .user-image {
    float: left;
    max-width: 25px;
    max-height: 25px;
    border-radius: 30%;
    margin-right: 10px;
    margin-top: -2px;
}
@media (max-width: 767px) {
    .navbar-nav>.user-menu .user-image {
        float: none;
        margin-right: 0;
        margin-top: -8px;
        line-height: 10px;
    }
}
/* Add fade animation to dropdown menus by appending
 the class .animated-dropdown-menu to the .dropdown-menu ul (or ol)*/

.open:not(.dropup)>.animated-dropdown-menu {
    backface-visibility: visible !important;
    -webkit-animation: flipInX 0.7s both;
    -o-animation: flipInX 0.7s both;
    animation: flipInX 0.7s both;
}
@keyframes flipInX {
    0% {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transition-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transition-timing-function: ease-in;
    }
    60% {
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }
    80% {
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }
    100% {
        transform: perspective(400px);
    }
}
@-webkit-keyframes flipInX {
    0% {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transition-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transition-timing-function: ease-in;
    }
    60% {
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }
    80% {
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }
    100% {
        transform: perspective(400px);
    }
}
/* Fix dropdown menu in navbars */

.navbar-custom-menu>.navbar-nav>li {
    position: relative;
}
.navbar-custom-menu>.navbar-nav>li>.dropdown-menu {
    position: absolute;
    right: 0;
    left: auto;
    color: rgb(255, 255, 255);
    background-color: rgb(0, 115, 183);
    border-color: rgb(255, 255, 255);
}
@media (max-width: 991px) {
    .navbar-custom-menu>.navbar-nav {
        float: right;
    }
    .navbar-custom-menu>.navbar-nav>li {
        position: static;
    }
    .navbar-custom-menu>.navbar-nav>li>.dropdown-menu {
        position: absolute;
        right: 5%;
        left: auto;
        background-color: rgba(243, 233, 217, 0.95);
        border-color: rgb(255, 255, 255);
    }
}
/*
 * Component: Form
 * ---------------
 */

.recherche {
    float: left;
    height: 36px;
    padding-left: 18px;
    border: 0;
    border-radius: 50px !important;
    font-size: 14px;
    font-weight: 300;
    background-color: rgba(var(--clr-gray), 25%);
}
.recherche:focus {
    box-shadow: none;
    background-color: rgba(var(--clr-white), 100%);
    transition: all 0.2s ease-in-out;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .1), 0 1px 15px rgba(132, 132, 132, 0.15) !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1), 0 1px 15px rgba(132, 132, 132, 0.15) !important;
}
.form-control {
    border-radius: 5px !important;
    box-shadow: none;
    border-color: rgb(240, 238, 233);
}
.form-control:focus {
    transition: all 0.2s ease-in-out;
    border: 0px solid #fefefe;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .075), 0 5px 15px rgba(132, 132, 132, 0.6);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .075), 0 5px 15px rgba(132, 132, 132, 0.6);
}
.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.datepicker tfoot tr th.today {
    font-weight: normal;
    display: table-cell;
    padding: 6px;
    border-radius: 50px;
    border: 0;
    background: rgba(var(--clr-lightgrey));
}
.datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover {
    color: var(--clr-darkgrey);
    background: rgba(var(--clr-lightgrey), var(--opacity-25));
    border: 0;
}
.datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:focus, .datepicker table tr td.active:hover:focus, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.disabled:hover:focus, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.active, .open .dropdown-toggle.datepicker table tr td.active:hover, .open .dropdown-toggle.datepicker table tr td.active.disabled, .open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
    background: rgba(var(--clr-darkblue), var(--opacity-50));
    border: 0;
}
.datepicker table tr td.day {
    border-radius: 50px;
    padding-top: 6px;
}
.datepicker.dropdown-menu {
    border: 1px solid rgba(0, 0, 0, 0.05);
}
.datepicker-dropdown:before {
    border-bottom-color: rgba(0, 0, 0, 0.12);
}
.select2.select2-container.select2-container--default.select2-container--below.select2-container--open {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .075), 0 5px 15px rgba(132, 132, 132, 0.6);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .075), 0 5px 15px rgba(132, 132, 132, 0.6);
}
.select2-container--open .select2-dropdown--below {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .075), 0 5px 15px rgba(132, 132, 132, 0.6);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .075), 0 5px 15px rgba(132, 132, 132, 0.6);
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--open .select2-selection--multiple {
    border-color: #fefefe;
}
.form-control::-moz-placeholder {
    color: #bbb;
    opacity: 1;
}
.form-control:-ms-input-placeholder {
    color: #bbb;
}
.form-control::-webkit-input-placeholder {
    color: #bbb;
}
.form-control:not(select) {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.form-group.has-success label {
    color: #00a65a;
}
.form-group.has-success .form-control {
    border-color: #00a65a !important;
    box-shadow: none;
}
.form-group.has-warning label {
    color: #f39c12;
}
.form-group.has-warning .form-control {
    border-color: #f39c12 !important;
    box-shadow: none;
}
.form-group.has-error label {
    color: #dd4b39;
}
.form-group.has-error .form-control {
    border-color: #dd4b39 !important;
    box-shadow: none;
}
textarea.form-control {
    min-height: 120px;
    /* hauteur de base */
    height: auto;
    resize: vertical;
    /* permet l'ajustement manuel */
    flex-grow: 1;
    display: block;
}
/* Étirement quand le textarea est le dernier élément du formulaire */

.form-group:last-child textarea.form-control {
    min-height: 300px;
    /* augmente si c’est le dernier champ */
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    /* cursor: not-allowed; */
    background-color: transparent;
    opacity: 1;
    border: 0px;
}
.svg-previews-column {
    width: 132px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    padding: 0 0 0 4px;
}
.svg-preview {
    border: 1px solid rgba(var(--clr-lightgrey), 0.5);
    background-color: rgb(var(--clr-white));
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.3s ease;
}
.svg-preview svg {
    margin: 2px;
    display: block;
}
.svg-error-message {
    position: absolute;
    top: 4px;
    right: 146px;
    color: rgb(var(--clr-red-active));
    font-size: 10px;
    pointer-events: none;
}
/* Label */

.control-label {
    padding-right: 0;
    padding-left: 0;
}
/* Input group */

.input-group .input-group-addon {
    border-radius: 0px 5px 5px 0 !important;
    border-color: transparent;
    background-color: rgba(var(--clr-lightgrey), var(--opacity-25));
    color: #333;
}
/* Input alignments */

input[type=number] {
    text-align: right;
}
input[type=text] {
    text-align: left;
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    margin-left: 20px;
}
.input-multilang-wrapper {
    display: flex;
    align-items: stretch;
}
.input-multilang-wrapper .form-control {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    margin-right: -1px;
    /* fusion bordures */
}
.input-multilang-wrapper .select2-container {
    /* width: 130px !important; */
    flex-shrink: 0;
    padding-left: 0;
}
#select2-LIBE_SELECT-container {
    background-color: rgba(var(--clr-lightgrey), 50%);
}
.input-multilang-wrapper .select2-container--default .select2-selection--single {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-left: 1pxx solid !important;
    height: 34px;
}
.select2-container .multilingual-icon {
    color: #555;
    margin-right: 4px;
    font-size: 15px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 33px;
}
/* button groups */
.btn-group {
    padding: 2px 0 2px 5px;
    border-radius: 50px;
    background-color: rgba(var(--clr-lightgrey), 25%);
}
.btn-group-vertical .btn.btn-flat:first-of-type, .btn-group-vertical .btn.btn-flat:last-of-type {
    border-radius: 0;
}
.filtre {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    float: unset;
    width: 40%;
    max-width: 400px;
    margin: 2px 0 0 10px;
}
.icheck>label {
    padding-left: 0;
}
/* DateTimePicker readonly */

.date_sortie {
    background-color: #ffffff !important;
    border: 1px solid #dddddd !important;
}
/*
 * Component: Progress Bar
 * -----------------------
 */

.progress, .progress>.progress-bar {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.progress, .progress>.progress-bar, .progress .progress-bar, .progress>.progress-bar .progress-bar {
    border-radius: 1px;
}
/* size variation */

.progress.sm, .progress-sm {
    height: 10px;
}
.progress.sm, .progress-sm, .progress.sm .progress-bar, .progress-sm .progress-bar {
    border-radius: 1px;
}
.progress.xs, .progress-xs {
    height: 7px;
}
.progress.xs, .progress-xs, .progress.xs .progress-bar, .progress-xs .progress-bar {
    border-radius: 1px;
}
.progress.xxs, .progress-xxs {
    height: 3px;
}
.progress.xxs, .progress-xxs, .progress.xxs .progress-bar, .progress-xxs .progress-bar {
    border-radius: 1px;
}
/* Vertical bars */

.progress.vertical {
    position: relative;
    width: 30px;
    height: 200px;
    display: inline-block;
    margin-right: 10px;
}
.progress.vertical>.progress-bar {
    width: 100%!important;
    position: absolute;
    bottom: 0;
}
.progress.vertical.sm, .progress.vertical.progress-sm {
    width: 20px;
}
.progress.vertical.xs, .progress.vertical.progress-xs {
    width: 10px;
}
.progress.vertical.xxs, .progress.vertical.progress-xxs {
    width: 3px;
}
.progress-group .progress-text {
    font-weight: 600;
}
.progress-group .progress-number {
    float: right;
}
/* Remove margins from progress bars when put in a table */

.table tr>td .progress {
    margin: 0;
}
.progress-bar-light-blue, .progress-bar-primary {
    background-color: #3c8dbc;
}
.progress-striped .progress-bar-light-blue, .progress-striped .progress-bar-primary {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-green, .progress-bar-success {
    background-color: #00a65a;
}
.progress-striped .progress-bar-green, .progress-striped .progress-bar-success {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-aqua, .progress-bar-info {
    background-color: #00c0ef;
}
.progress-striped .progress-bar-aqua, .progress-striped .progress-bar-info {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-yellow, .progress-bar-warning {
    background-color: #f39c12;
}
.progress-striped .progress-bar-yellow, .progress-striped .progress-bar-warning {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-red, .progress-bar-danger {
    background-color: #dd4b39;
}
.progress-striped .progress-bar-red, .progress-striped .progress-bar-danger {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
/*
 * Component: Small Box
 * --------------------
 */

.small-box {
    border-radius: 2px;
    position: relative;
    display: block;
    margin-bottom: 20px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.small-box>.inner {
    padding: 10px;
}
.small-box>.small-box-footer {
    position: relative;
    text-align: center;
    padding: 3px 0;
    color: #fff;
    color: rgba(255, 255, 255, 0.8);
    display: block;
    z-index: 10;
    background: rgba(0, 0, 0, 0.1);
    text-decoration: none;
}
.small-box>.small-box-footer:hover {
    color: #fff;
    background: rgba(0, 0, 0, 0.15);
}
.small-box h3 {
    font-size: 38px;
    font-weight: bold;
    margin: 0 0 10px 0;
    white-space: nowrap;
    padding: 0;
}
.small-box p {
    font-size: 15px;
}
.small-box p>small {
    display: block;
    color: #f9f9f9;
    font-size: 13px;
    margin-top: 5px;
}
.small-box h3, .small-box p {
    z-index: 5px;
}
.small-box .icon {
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    position: absolute;
    top: -10px;
    right: 10px;
    z-index: 0;
    font-size: 90px;
    color: rgba(0, 0, 0, 0.15);
}
.small-box:hover {
    text-decoration: none;
    color: #f9f9f9;
}
.small-box:hover .icon {
    font-size: 95px;
}
@media (max-width: 767px) {
    .small-box {
        text-align: center;
    }
    .small-box .icon {
        display: none;
    }
    .small-box p {
        font-size: 12px;
    }
}
/*
 * Component: Box
 * --------------
 */

.box {
    position: relative;
    border-radius: 7px 22px 7px 7px;
    background: rgba(var(--clr-white), 0.5);
    margin-bottom: 20px;
    width: 100%;
    box-shadow: unset;
}
.box.box-primary {
    border-top-color: #3c8dbc;
}
.box.box-info {
    border-top-color: #00c0ef;
}
.box.box-danger {
    border-top-color: #dd4b39;
}
.box.box-warning {
    border-top-color: #f39c12;
}
.box.box-success {
    border-top-color: #00a65a;
}
.box.box-default {
    border-top-color: #d2d6de;
}
.box.collapsed-box .box-body, .box.collapsed-box .box-footer {
    display: none;
}
.box .nav-stacked>li {
    border-bottom: 1px solid rgb(249, 248, 246);
    margin: 0;
}
.box .nav-stacked>li:last-of-type {
    border-bottom: none;
}
.box.height-control .box-body {
    max-height: 300px;
    overflow: auto;
}
.box .border-right {
    border-right: 1px solid rgb(249, 248, 246);
}
.box .border-left {
    /*border-left: 1px solid rgb(249, 248, 246);*/
}
.box .border-top {
    border-top: 5px solid #00c0ef;
}
.box.box-solid {
    border-top: 0px;
}
.box.box-solid>.box-header .btn.btn-default {
    background: transparent;
}
.box.box-solid>.box-header .btn:hover, .box.box-solid>.box-header a:hover {
    background: rgba(0, 0, 0, 0.1);
}

.box-header .box-tools .btn:hover {
  background-color: rgb(var(--current-bg)) !important;
  color: #fff;
}

.box.box-solid.box-default {
    border: 0px solid #d2d6de;
}
.box.box-solid.box-default>.box-header {
    color: #444444;
    background: #d2d6de;
    background-color: #d2d6de;
}
.box.box-solid.box-default>.box-header a, .box.box-solid.box-default>.box-header .btn {
    color: #444444;
}
.box.box-solid.box-primary {
    border: 0px solid #3c8dbc;
}
.box.box-solid.box-primary>.box-header {
    color: #ffffff;
    background: #3c8dbc;
    background-color: #3c8dbc;
}
.box.box-solid.box-primary>.box-header a, .box.box-solid.box-primary>.box-header .btn {
    color: #ffffff;
}
.box.box-solid.box-info {
    border: 0px solid #00c0ef;
}
.box.box-solid.box-info>.box-header {
    color: #ffffff;
    background: #00c0ef;
    background-color: #00c0ef;
}
.box.box-solid.box-info>.box-header a, .box.box-solid.box-info>.box-header .btn {
    color: #ffffff;
}
.box.box-solid.box-danger {
    border: 0px solid #dd4b39;
}
.box.box-solid.box-danger>.box-header {
    color: #ffffff;
    background: #dd4b39;
    background-color: #dd4b39;
}
.box.box-solid.box-danger>.box-header a, .box.box-solid.box-danger>.box-header .btn {
    color: #ffffff;
}
.box.box-solid.box-warning {
    border: 0px solid #f39c12;
}
.box.box-solid.box-warning>.box-header {
    color: #ffffff;
    background: #f39c12;
    background-color: #f39c12;
}
.box.box-solid.box-warning>.box-header a, .box.box-solid.box-warning>.box-header .btn {
    color: #ffffff;
}
.box.box-solid.box-success {
    border: 01px solid #00a65a;
}
.box.box-solid.box-success>.box-header {
    color: #ffffff;
    background: #00a65a;
    background-color: #00a65a;
}
.box.box-solid.box-success>.box-header a, .box.box-solid.box-success>.box-header .btn {
    color: #ffffff;
}
.box.box-solid>.box-header>.box-tools .btn {
    border: 0;
    box-shadow: none;
    background-color: rgba(var(--clr-white), var(--opacity-50));
}
.box.box-solid[class*='bg']>.box-header {
    color: #fff;
}
.box .box-group>.box {
    margin-bottom: 5px;
}
.box .knob-label {
    text-align: center;
    color: #333;
    font-weight: 100;
    font-size: 12px;
    margin-bottom: 0.3em;
}
.box>.overlay, .box>.loading-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.box .overlay {
    z-index: 1010;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 3px;
}
.box .overlay>.fa {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -15px;
    margin-top: -15px;
    color: #000;
    font-size: 30px;
}
.box .overlay.dark {
    background: rgba(0, 0, 0, 0.5);
}
.box-header {
    color: #444;
    display: block;
    padding: 4px;
    position: relative;
    border-radius: 16px 50px 50px 0;
}
.box-header:before, .box-header:after {
    content: " ";
    display: table;
}
.box-header:after {
    clear: both;
}
.box-header.with-border {
    border-bottom: 1px solid rgb(249, 248, 246);
}
.collapsed-box .box-header.with-border {
    border-bottom: none;
}
.box-header>.fa, .box-header>.glyphicon, .box-header>.ion, .box-header .box-title {
    display: inline-block;
    font-size: 14px !important;
    margin: 0;
    line-height: 22px;
    font-weight: 500;
    position: relative;
    align-items: center;
    height: 38px;
    padding: 8px 10px 4px 10px;
    border-radius: 5px;
}
.box-title i.fad {
    margin-right: 5px;
    --fa-primary-color: rgb(var(--clr-white), 50%);
    --fa-secondary-color: rgb(var(--clr-white), 100%);
}
.box-header>.fa, .box-header>.glyphicon, .box-header>.ion {
    margin-right: 5px;
}
.box-header>.box-tools {
    position: absolute;
    right: 0;
    top: 0;
}
.box-header>.box-tools [data-toggle="tooltip"] {
    position: relative;
}
.box-header>.box-tools.pull-right .dropdown-menu {
    right: 0;
    left: auto;
}
.btn-box-tool {
    padding: 5px;
    font-size: 12px;
    background: transparent;
    box-shadow: none!important;
    color: #97a0b3;
}
.open .btn-box-tool, .btn-box-tool:hover {
    color: #606c84;
}
.btn-box-tool:active {
    outline: none!important;
}
.box-body {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    padding: 10px;
}
.no-header .box-body {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}
.box-body>.table {
    margin-bottom: 0;
}
.box-body>.chart {
    position: relative;
    overflow: hidden;
    width: 100%;
}
.box-body>.chart svg, .box-body>.chart canvas {
    width: 100%!important;
}
.box-body .fc {
    margin-top: 5px;
}
.box-body .full-width-chart {
    margin: -19px;
}
.box-body.no-padding .full-width-chart {
    margin: -9px;
}
.box-body .box-pane {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 3px;
}
.box-body .box-pane-right {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 0;
}
.box-footer {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top: 1px solid rgb(249, 248, 246);
    padding: 10px;
    background-color: #ffffff;
}
.chart-legend {
    margin: 10px 0;
}
@media (max-width: 991px) {
    .chart-legend>li {
        float: left;
        margin-right: 10px;
    }
}
/* Widget: TODO LIST */

.todo-list {
    margin: 0;
    padding: 0px 0px;
    list-style: none;
    overflow: auto;
}
.todo-list>li {
    border-radius: 2px;
    padding: 5px;
    background: rgb(249, 248, 246);
    margin-bottom: 2px;
    border-left: 2px solid #e6e7e8;
    color: #444;
}
.todo-list>li:last-of-type {
    margin-bottom: 0;
}
.todo-list>li.danger {
    border-left-color: #dd4b39;
}
.todo-list>li.warning {
    border-left-color: #f39c12;
}
.todo-list>li.info {
    border-left-color: #00c0ef;
}
.todo-list>li.success {
    border-left-color: #00a65a;
}
.todo-list>li.primary {
    border-left-color: #3c8dbc;
}
.todo-list>li>input[type='checkbox'] {
    margin: 0 10px 0 5px;
}
.todo-list>li .text {
    display: inline-block;
    margin-left: 5px;
    font-weight: 600;
}
.todo-list>li .label {
    margin-left: 10px;
    font-size: 9px;
}
.todo-list>li .tools {
    display: none;
    float: right;
    color: #dd4b39;
}
.todo-list>li .tools>.fa, .todo-list>li .tools>.glyphicon, .todo-list>li .tools>.ion {
    margin-right: 5px;
    cursor: pointer;
}
.todo-list>li:hover .tools {
    display: inline-block;
}
.todo-list>li.done {
    color: #999;
}
.todo-list>li.done .text {
    text-decoration: line-through;
    font-weight: 500;
}
.todo-list>li.done .label {
    background: #d2d6de !important;
}
.todo-list .handle {
    display: inline-block;
    cursor: move;
    margin: 0 5px;
}
/* Chat widget (DEPRECATED - this will be removed in the next major release. Use Direct Chat instead)*/

.chat {
    padding: 5px 20px 5px 10px;
}
.chat .item {
    margin-bottom: 10px;
}
.chat .item:before, .chat .item:after {
    content: " ";
    display: table;
}
.chat .item:after {
    clear: both;
}
.chat .item>img {
    width: 40px;
    height: 40px;
    border: 2px solid transparent;
    border-radius: 50% !important;
}
.chat .item>img.online {
    border: 2px solid #00a65a;
}
.chat .item>img.offline {
    border: 2px solid #dd4b39;
}
.chat .item>.message {
    margin-left: 55px;
    margin-top: -40px;
}
.chat .item>.message>.name {
    display: block;
    font-weight: 600;
}
.chat .item>.attachment {
    border-radius: 3px;
    background: rgb(249, 248, 246);
    margin-left: 65px;
    margin-right: 15px;
    padding: 10px;
}
.chat .item>.attachment>h4 {
    margin: 0 0 5px 0;
    font-weight: 600;
    font-size: 14px;
}
.chat .item>.attachment>p, .chat .item>.attachment>.filename {
    font-weight: 600;
    font-size: 13px;
    font-style: italic;
    margin: 0;
}
.chat .item>.attachment:before, .chat .item>.attachment:after {
    content: " ";
    display: table;
}
.chat .item>.attachment:after {
    clear: both;
}
.box-input {
    max-width: 200px;
}
/*
 * Component: Info Box
 * -------------------
 */

.info-box {
    display: block;
    min-height: 90px;
    background: #fff;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    margin-bottom: 15px;
}
.info-box small {
    font-size: 14px;
}
.info-box .progress {
    background: rgba(0, 0, 0, 0.2);
    margin: 5px -10px 5px -10px;
    height: 2px;
}
.info-box .progress, .info-box .progress .progress-bar {
    border-radius: 0;
}
.info-box .progress .progress-bar {
    background: #fff;
}
.info-box-icon {
    border-top-left-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 2px;
    display: block;
    float: left;
    height: 90px;
    width: 90px;
    text-align: center;
    font-size: 45px;
    line-height: 90px;
    background: rgba(0, 0, 0, 0.2);
}
.info-box-content {
    padding: 5px 10px;
    margin-left: 90px;
}
.info-box-number {
    display: block;
    font-weight: bold;
    font-size: 18px;
}
.progress-description, .info-box-text {
    display: block;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.info-box-text {
    text-transform: uppercase;
}
.info-box-more {
    display: block;
}
.progress-description {
    margin: 0;
}
/*
 * Component: Timeline
 * -------------------
 */

.timeline {
    position: relative;
    margin: 15px 0 30px 0;
    padding: 0;
    list-style: none;
}
.timeline:before {
    content: '';
    position: absolute;
    top: 0px;
    bottom: 0;
    width: 1px;
    background: #ccc;
    left: 31px;
    margin: 0;
}
.timeline>li {
    position: relative;
    margin-right: 10px;
    margin-bottom: 15px;
}
.timeline>li:before, .timeline>li:after {
    content: " ";
    display: table;
}
.timeline>li:after {
    clear: both;
}
.timeline>li>.timeline-item {
    margin-top: 0px;
    margin-left: 60px;
    margin-right: 0px;
    padding: 0;
    position: relative;
}
.timeline>li>.timeline-item>.time {
    color: #999;
    float: right;
    /*padding: 10px;*/
    font-size: 12px;
}
.timeline>li>.timeline-item>.timeline-header {
    margin: 0;
    color: #555;
    border-bottom: 1px solid rgb(249, 248, 246);
    /*padding: 10px;*/
    padding: 8px;
    font-size: 14px;
    line-height: 1.1;
}
.timeline>li>.timeline-item>.timeline-header>a {
    font-weight: 600;
}
.timeline>li>.timeline-item>.timeline-body, .timeline>li>.timeline-item>.timeline-footer {
    padding: 10px;
}
.timeline>li.time-label>span {
    /*font-weight: 600;*/
    padding: 5px;
    display: inline-block;
    background-color: #fff;
    width: 60px;
}
.timeline>li>.fa, .timeline>li>.glyphicon, .timeline>li>.ion {
    width: 30px;
    height: 30px;
    font-size: 15px;
    line-height: 30px;
    position: absolute;
    background: #d2d6de;
    border-radius: 50%;
    text-align: center;
    left: 18px;
    top: 0;
}
/*
 * Component: Button
 * -----------------
 */

.btn {
    border-radius: 50px !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
    background-color: rgb(var(--clr-white));
    margin: 2px 5px;
    line-height: 24px;
    min-width: 38px;
    min-height: 38px;
}
.btn.uppercase {
    text-transform: uppercase;
}
.btn.btn-flat {
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-width: 1px;
}
.btn:active {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn:focus {
    outline: none;
}
.btn.btn-file {
    position: relative;
    overflow: hidden;
}
.btn.btn-file>input[type='file'] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    opacity: 0;
    filter: alpha(opacity=0);
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}
/* Neutre / gris */

.btn-default {
    background: rgb(var(--clr-lightgrey));
    border-color: rgb(var(--clr-lightgrey-dark));
    color: #444;
}
.btn-default:hover, .btn-default:active, .btn-default.hover {
    background: rgb(var(--clr-lightgrey-dark)) !important;
}
/* Primaire – bleu */

.btn-primary {
    background: rgb(var(--clr-blue));
    border-color: rgb(var(--clr-blue-active));
}
.btn-primary:hover, .btn-primary:active, .btn-primary.hover {
    background: rgb(var(--clr-blue-active));
}
/* Succès – vert */

.btn-success {
    background: rgb(var(--clr-green));
    border-color: rgb(var(--clr-green-active));
}
.btn-success:hover, .btn-success:active, .btn-success.hover {
    background: rgb(var(--clr-green-active));
}
/* Info – turquoise (réutilise aqua si tu en as) */

.btn-info {
    background: rgb(var(--clr-aqua));
    border-color: rgb(var(--clr-turquoise));
    /* un poil plus sombre */
}
.btn-info:hover, .btn-info:active, .btn-info.hover {
    background: rgb(var(--clr-turquoise));
}
/* Danger – rouge */

.btn-danger {
    background: rgb(var(--clr-red));
    border-color: rgb(var(--clr-red-active));
}
.btn-danger:hover, .btn-danger:active, .btn-danger.hover {
    background: rgb(var(--clr-red-active));
}
/* Warning – orange / jaune soutenu */

.btn-warning {
    background: rgb(var(--clr-orange));
    border-color: rgb(var(--clr-orange-active));
}
.btn-warning:hover, .btn-warning:active, .btn-warning.hover {
    background: rgb(var(--clr-orange-active));
}
/* Bouton blanc & outline inchangés */

.btn-white {
    background: #fff;
    border-color: #ccc;
    color: #333;
}
.btn-outline {
    border: 1px solid #fff;
    background: transparent;
    color: #fff;
}
.btn-outline:hover, .btn-outline:focus, .btn-outline:active {
    color: rgba(255, 255, 255, 0.7);
    border-color: rgba(255, 255, 255, 0.7);
}
.btn-link {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn[class*='bg-']:hover {
    -webkit-box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.2);
}
.btn-app {
    border-radius: 3px;
    position: relative;
    padding: 15px 5px;
    margin: 0 0 10px 10px;
    min-width: 80px;
    height: 60px;
    text-align: center;
    color: #666;
    border: 1px solid #ddd;
    background-color: rgb(249, 248, 246);
    font-size: 12px;
}
.btn-app>.fa, .btn-app>.glyphicon, .btn-app>.ion {
    font-size: 20px;
    display: block;
}
.btn-app:hover {
    background: rgb(249, 248, 246);
    color: #444;
    border-color: #aaa;
}
.btn-app:active, .btn-app:focus {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-app>.badge {
    position: absolute;
    top: -3px;
    right: -10px;
    font-size: 10px;
    font-weight: 400;
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    opacity: .1;
    filter: alpha(opacity=10);
    filter: grayscale(1);
    color: #000 !important;
    background-color: unset !important;
    border: unset !important;
}
/*
 * Component: Callout
 * ------------------
 */

.callout {
    border-radius: 3px;
    margin: 0 0 20px 0;
    padding: 15px 30px 15px 15px;
    border-left: 5px solid #eee;
}
.callout a {
    color: #fff;
    text-decoration: underline;
}
.callout a:hover {
    color: #eee;
}
.callout h4 {
    margin-top: 0;
    font-weight: 600;
}
.callout p:last-child {
    margin-bottom: 0;
}
.callout code, .callout .highlight {
    background-color: #fff;
}
.callout.callout-danger {
    border-color: #c23321;
}
.callout.callout-warning {
    border-color: #c87f0a;
}
.callout.callout-info {
    border-color: #0097bc;
}
.callout.callout-success {
    border-color: #00733e;
}
/*
 * Component: alert
 * ----------------
 */

.alert {
    border-radius: 3px;
}
.alert h4 {
    font-weight: 600;
}
.alert .icon {
    margin-right: 10px;
}
.alert .close {
    color: #000;
    opacity: 0.2;
    filter: alpha(opacity=20);
}
.alert .close:hover {
    opacity: 0.5;
    filter: alpha(opacity=50);
}
.alert a {
    color: #fff;
    text-decoration: underline;
}
.alert-success {
    border-color: #008d4c;
}
.alert-danger, .alert-error {
    border-color: #d73925;
}
.alert-warning {
    border-color: #e08e0b;
}
.alert-info {
    border-color: #00acd6;
}
/*
 * Component: Nav
 * --------------
 */

/* NAV PILLS */

.nav-pills>li>a {
    border-radius: 0;
    border-top: 3px solid transparent;
    color: #444;
}
.nav-pills>li>a>.fa, .nav-pills>li>a>.glyphicon, .nav-pills>li>a>.ion {
    margin-right: 5px;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:hover {
    background-color: rgb(249, 248, 246);
    border-top-color: #3c8dbc;
    color: #444;
}
.nav-pills>li.active>a {
    font-weight: 600;
}
.nav-pills>li>a:hover {
    background-color: #f6f6f6;
}
/* NAV STACKED */

.nav-stacked>li>a {
    border-radius: 0;
    border-top: 0;
    border-left: 3px solid transparent;
    color: #444;
}
.nav-stacked>li.active>a, .nav-stacked>li.active>a:hover {
    background-color: rgb(249, 248, 246);
    border-top: 0;
    border-left-color: #3c8dbc;
    color: #444;
}
.nav-stacked>li.header {
    border-bottom: 1px solid #ddd;
    color: #777;
    margin-bottom: 10px;
    padding: 5px 10px;
    text-transform: uppercase;
}
/* NAV TABS */

.nav-tabs-custom {
    margin-bottom: 5px;
    background: #fff;
    /*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);*/
    border-radius: 3px;
    box-shadow: 1px 13px 11px -9px rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow: 1px 13px 11px -9px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 1px 13px 11px -9px rgba(0, 0, 0, 0.1) inset;
}
.nav-tabs-custom>.nav-tabs {
    margin: 0;
    border: 0;
    background-color: #fff;
}
.nav-tabs-custom>.nav-tabs>li {
    border-top: 3px solid transparent;
    margin-bottom: -2px;
    cursor: pointer;
    height: 47px;
}
.nav-tabs-custom>.nav-tabs>li>a {
    border-radius: 0 !important;
    color: #333;
}
.nav-tabs-custom>.nav-tabs>li>a {
    border-radius: 5px !important;
    background: transparent;
    margin: 0px 5px 0 0;
}
.nav-tabs-custom>.nav-tabs>li:not(.active)>a:hover, .nav-tabs-custom>.nav-tabs>li:not(.active)>a:focus, .nav-tabs-custom>.nav-tabs>li:not(.active)>a:active {
    border-color: transparent;
    background-color: rgb(240, 238, 233);
}
.nav-tabs-custom>.nav-tabs>li.active {
    /*border-top-color: #888888;*/
    /*border-top-color: #3c8dbc;*/
    border-radius: 15px;
}
.nav-tabs-custom>.nav-tabs>li.active:hover>a, .nav-tabs-custom>.nav-tabs>li.active>a {
    border: 0;
    background-color: rgb(var(--clr-blue)) !important;
    color: #fff;
}
.nav-tabs-custom>.nav-tabs>li:hover>a {
    background-color: rgba(var(--clr-blue), 25%) !important;
}
.nav-tabs-custom>.nav-tabs>li:first-of-type {
    margin-left: 0;
}
.nav-tabs-custom>.nav-tabs>li:first-of-type.active>a {
    border-left-width: 1px;
}
.nav-tabs-custom>.nav-tabs.pull-right {
    float: none!important;
}
.nav-tabs-custom>.nav-tabs.pull-right>li {
    float: right;
}
.nav-tabs-custom>.nav-tabs.pull-right>li:first-of-type {
    margin-right: 0;
}
.nav-tabs-custom>.nav-tabs.pull-right>li:first-of-type.active>a {
    border-left-width: 1px;
    border-right-width: 0;
}
.nav-tabs-custom>.nav-tabs>li.header {
    line-height: 35px;
    padding: 0 10px;
    font-size: 20px;
    color: #444;
}
.nav-tabs-custom>.nav-tabs>li.header>.fa, .nav-tabs-custom>.nav-tabs>li.header>.glyphicon, .nav-tabs-custom>.nav-tabs>li.header>.ion {
    margin-right: 5px;
}
.nav-tabs-custom>.tab-content {
    background: rgba(var(--clr-lightgrey), 10%);
    padding: 10px 0 0 10px;
    border: 0;
    margin-top: 5px;
    border-radius: 5px;
    height: calc(100vh - 136px);
    overflow-y: auto;
    overflow-x: hidden;
}
.tab-content>.active {
    display: contents;
}
.tab-pane {
    max-height: unset;
}
@media (max-width: 991px) {
    .tab-pane {
        max-height: unset;
    }
}
/* tabs bottom */

.tabs-bottom.nav-3 li a {
    width: 3333.33333333% !important;
}
.tabs-bottom li a {
    border: 0;
}
/* PAGINATION */

.pagination>li>a {
    background: #fafafa;
    color: #666;
}
.pagination>li:first-of-type a, .pagination>li:last-of-type a {
    border-radius: 0;
}
/*
 * Component: Products List
 * ------------------------
 */

.products-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.products-list>.item {
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    padding: 10px 0;
    background: #fff;
}
.products-list>.item:before, .products-list>.item:after {
    content: " ";
    display: table;
}
.products-list>.item:after {
    clear: both;
}
.products-list .product-img {
    float: left;
}
.products-list .product-img img {
    width: 50px;
    height: 50px;
}
.products-list .product-info {
    margin-left: 60px;
}
.products-list .product-title {
    font-weight: 600;
}
.products-list .product-description {
    display: block;
    color: #999;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.product-list-in-box>.item {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    border-bottom: 1px solid rgb(249, 248, 246);
}
.product-list-in-box>.item:last-of-type {
    border-bottom-width: 0;
}
/*
 * Component: Table
 * ----------------
 */

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
    border-top: 0px solid rgb(249, 248, 246);
}
.table>thead>tr>th {
    border-bottom: 2px solid rgb(249, 248, 246);
    font-weight: 500;
}
.table tr td .progress {
    margin-top: 5px;
}
.table-bordered {
    border: 1px solid rgb(249, 248, 246);
}
.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
    border: 0px solid rgb(249, 248, 246);
    line-height: 2;
}
.table-bordered>thead>tr>th, .table-bordered>thead>tr>td {
    border-bottom-width: 2px;
}
.table.no-border, .table.no-border td, .table.no-border th {
    border: 0;
}
/* .text-center in tables */

table.text-center, table.text-center td, table.text-center th {
    text-align: center;
}
.table.align th {
    text-align: left;
}
.table.align td {
    text-align: right;
}
/*
 * Component: Label
 * ----------------
 */

.label-default {
    background-color: #e5e7eb;
    color: #555;
}
/*
 * Component: Direct Chat
 * ----------------------
 */

.direct-chat .box-body {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    position: relative;
    overflow-x: hidden;
    padding: 0;
}
.direct-chat.chat-pane-open .direct-chat-contacts {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}
.direct-chat-messages {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    padding: 10px;
    height: 250px;
    overflow: auto;
}
.direct-chat-msg, .direct-chat-text {
    display: block;
}
.direct-chat-msg {
    margin-bottom: 10px;
}
.direct-chat-msg:before, .direct-chat-msg:after {
    content: " ";
    display: table;
}
.direct-chat-msg:after {
    clear: both;
}
.direct-chat-messages, .direct-chat-contacts {
    -webkit-transition: -webkit-transform 0.5s ease-in-out;
    -moz-transition: -moz-transform 0.5s ease-in-out;
    -o-transition: -o-transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out;
}
.direct-chat-text {
    border-radius: 5px;
    position: relative;
    padding: 5px 10px;
    background: #d2d6de;
    border: 1px solid #d2d6de;
    margin: 5px 0 0 50px;
    color: #444444;
}
.direct-chat-text:after, .direct-chat-text:before {
    position: absolute;
    right: 100%;
    top: 15px;
    border: solid transparent;
    border-right-color: #d2d6de;
    content: ' ';
    height: 0;
    width: 0;
    pointer-events: none;
}
.direct-chat-text:after {
    border-width: 5px;
    margin-top: -5px;
}
.direct-chat-text:before {
    border-width: 6px;
    margin-top: -6px;
}
.right .direct-chat-text {
    margin-right: 50px;
    margin-left: 0;
}
.right .direct-chat-text:after, .right .direct-chat-text:before {
    right: auto;
    left: 100%;
    border-right-color: transparent;
    border-left-color: #d2d6de;
}
.direct-chat-img {
    border-radius: 50%;
    float: left;
    width: 40px;
    height: 40px;
}
.right .direct-chat-img {
    float: right;
}
.direct-chat-info {
    display: block;
    margin-bottom: 2px;
    font-size: 12px;
}
.direct-chat-name {
    font-weight: 600;
}
.direct-chat-timestamp {
    color: #999;
}
.direct-chat-contacts-open .direct-chat-contacts {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}
.direct-chat-contacts {
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    -o-transform: translate(100%, 0);
    transform: translate(100%, 0);
    position: absolute;
    top: 0;
    bottom: 0;
    height: 250px;
    width: 100%;
    background: #222d32;
    color: #fff;
    overflow: auto;
}
.contacts-list>li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    padding: 10px;
    margin: 0;
}
.contacts-list>li:before, .contacts-list>li:after {
    content: " ";
    display: table;
}
.contacts-list>li:after {
    clear: both;
}
.contacts-list>li:last-of-type {
    border-bottom: none;
}
.contacts-list-img {
    border-radius: 50%;
    width: 40px;
    float: left;
}
.contacts-list-info {
    margin-left: 45px;
    color: #fff;
}
.contacts-list-name, .contacts-list-status {
    display: block;
}
.contacts-list-name {
    font-weight: 600;
}
.contacts-list-status {
    font-size: 12px;
}
.contacts-list-date {
    color: #aaa;
    font-weight: normal;
}
.contacts-list-msg {
    color: #999;
}
.direct-chat-danger .right>.direct-chat-text {
    background: #dd4b39;
    border-color: #dd4b39;
    color: #ffffff;
}
.direct-chat-danger .right>.direct-chat-text:after, .direct-chat-danger .right>.direct-chat-text:before {
    border-left-color: #dd4b39;
}
.direct-chat-primary .right>.direct-chat-text {
    background: #3c8dbc;
    border-color: #3c8dbc;
    color: #ffffff;
}
.direct-chat-primary .right>.direct-chat-text:after, .direct-chat-primary .right>.direct-chat-text:before {
    border-left-color: #3c8dbc;
}
.direct-chat-warning .right>.direct-chat-text {
    background: #f39c12;
    border-color: #f39c12;
    color: #ffffff;
}
.direct-chat-warning .right>.direct-chat-text:after, .direct-chat-warning .right>.direct-chat-text:before {
    border-left-color: #f39c12;
}
.direct-chat-info .right>.direct-chat-text {
    background: #00c0ef;
    border-color: #00c0ef;
    color: #ffffff;
}
.direct-chat-info .right>.direct-chat-text:after, .direct-chat-info .right>.direct-chat-text:before {
    border-left-color: #00c0ef;
}
.direct-chat-success .right>.direct-chat-text {
    background: #00a65a;
    border-color: #00a65a;
    color: #ffffff;
}
.direct-chat-success .right>.direct-chat-text:after, .direct-chat-success .right>.direct-chat-text:before {
    border-left-color: #00a65a;
}
/*
 * Component: Users List
 * ---------------------
 */

.users-list>li {
    width: 25%;
    float: left;
    padding: 10px;
    text-align: center;
}
.users-list>li>img {
    border-radius: 50%;
    max-width: 100%;
    height: auto;
}
.users-list-name, .users-list-date {
    display: block;
}
.users-list-name {
    font-weight: 600;
    color: #444;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.users-list-name:hover {
    color: #999;
}
.users-list-date {
    color: #999;
    font-size: 12px;
}
/*
 * Component: Carousel
 * -------------------
 */

.carousel-control {
    background-image: none!important;
}
.carousel-control>.fa {
    font-size: 40px;
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    margin-top: -20px;
}
/*
 * Component: modal
 * ----------------
 */

.modal {
    background: rgba(0, 0, 0, 0.75);
    z-index: 10050;
}
@media (min-width: 992px) {
    .modal-lg {
        width: 1000px;
    }
}
.modal.fade .modal-dialog {
    transition: transform 0.15s ease-out, opacity 0.15s ease-out;
    transform: translateX(100%);
    opacity: 0;
}
.modal.in .modal-dialog {
    transform: translateX(0);
    opacity: 1;
    right: 0;
    top: 0;
    margin: 0;
    position: fixed;
}
@media (max-width: 991px) {
  .modal-dialog {
    width: 95%;
  }
}
.modal-body {
    height: calc(100vh - 59px);
    padding: 6px 10px 10px 10px;
}
.modal-content {
    border: 0;
    border-radius: 20px 0 0 20px;
}
@media (min-width: 768px) {
    .modal-content {
        -webkit-box-shadow: -4px 1px 100px rgba(0, 0, 0, 0.825) !important;
        box-shadow: -4px 1px 100px rgba(0, 0, 0, 0.825) !important;
    }
}
.modal-header {
    border-bottom : 0;
    padding: 0px;
    border-radius: 25px 0 0 0;
}
.modal-footer {
    border-radius: 0 0 15px 15px;
    padding: 0 5px 15px 15px;
    text-align: right;
    border-top: unset;
    position: fixed;
    right: 0;
    top: 3px;
}
.modal-title {
    display: inline-block;
    margin: 3px;
    line-height: 34px;
    font-weight: 500;
    position: relative;
    align-items: center;
    height: 44px;
    padding: 5px 15px 5px 7px;
    border-radius: 18px 5px 5px 0;
    font-size: 16px;
    /* background-color: rgb(var(--clr-red)); */
    color: rgb(var(--clr-white));
}
.modal-title i {
    text-align: center;
    line-height: 29px;
    padding: 0 8px;
}
.modal-primary .modal-header, .modal-primary .modal-footer {
    border-color: #307095;
}
.modal-warning .modal-header, .modal-warning .modal-footer {
    border-color: #c87f0a;
}
.modal-info .modal-header, .modal-info .modal-footer {
    border-color: #0097bc;
}
.modal-success .modal-header, .modal-success .modal-footer {
    border-color: #00733e;
}
.modal-danger .modal-header, .modal-danger .modal-footer {
    border-color: #c23321;
}
/*
.modal-dialog.modal-lg .modal-content .modal-body, .modal-dialog.modal-xl .modal-content .modal-body {
  height: calc(100vh - 122px);
  overflow-y: auto;
  overflow-x: hidden;
}
.modal-dialog.modal-lg {
  position: fixed;
  right: 0;
  top: 0;
  margin: 0;
  height: 100vh;
  width: 1000px;
  max-width: 95%;
}
*/

.modal-header .close {
    margin-top: -2px;
    font-size: x-large;
    color: unset;
    opacity: 1;
    display: none;
}

/* Interfèrence avec les select2 */
.modal-open .select2-dropdown {
  z-index: 10510 !important;
}
/*
 * Page: Mailbox
 * -------------
 */

.mailbox-messages>.table {
    margin: 0;
}
.mailbox-controls {
    padding: 5px;
}
.mailbox-controls.with-border {
    border-bottom: 1px solid rgb(249, 248, 246);
}
.mailbox-read-info {
    border-bottom: 1px solid rgb(249, 248, 246);
    padding: 10px;
}
.mailbox-read-info h3 {
    font-size: 20px;
    margin: 0;
}
.mailbox-read-info h5 {
    margin: 0;
    padding: 5px 0 0 0;
}
.mailbox-read-time {
    color: #999;
    font-size: 13px;
}
.mailbox-read-message {
    padding: 10px;
}
.mailbox-attachments li {
    float: left;
    width: 150px;
    border: 1px solid #f0eee9;
    margin-bottom: 5px;
    margin-right: 5px;
    text-align: center;
    /* background: rgba(244, 244, 244, 0.8); */
    padding: 0 4px 6px;
}
.mailbox-attachments li:hover {
    border: 1px solid #3c8dbc;
    background: rgb(255, 255, 255);
    cursor: pointer;
}
.mailbox-attachment-label {
    cursor: pointer;
    vertical-align: top;
    /*padding-right: 20px;*/
}
.mailbox-attachment-checkbox {
    display: block;
}
.mailbox-attachment-name {
    font-weight: bold;
    color: #666;
}
.mailbox-attachment-icon, .mailbox-attachment-info, .mailbox-attachment-size {
    display: block;
}
.mailbox-attachment-info {
    padding: 6px;
    float: left;
    max-width: 150px;
    border: 1px solid #fff;
    margin-bottom: 10px;
    margin-right: 2px;
    text-align: center;
    background: rgb(242, 240, 236);
    border-radius: 2px;
}
.mailbox-attachment-info:hover {
    border: 1px solid #3c8dbc;
    background: rgb(255, 255, 255);
    cursor: pointer;
}
.mailbox-attachment-info :hover {}
.mailbox-attachment-info .name {
    font-size: 12px;
    line-height: 18px;
    margin: 5px 0 0 0 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: keep-all;
    white-space: nowrap;
}
.mailbox-attachment-size {
    color: #999;
    font-size: 12px;
}
.mailbox-attachment-icon {
    text-align: center;
    font-size: 65px;
    color: #666;
    max-height: 92px;
    max-width: 100%;
    /*padding: 20px 10px;*/
}
.mailbox-attachment-icon.has-img {
    padding: 0;
    width: 150px;
    height: 150px;
}
.mailbox-attachment-icon.has-img>img {
    max-width: 100%;
    height: auto;
}
.mailbox-attachment-icon a img {
    max-height: 92px;
    max-width: 100%;
}
.blueimp-gallery>.indicator>li {
    width: 50px;
    height: 50px;
    background-size: contain;
}
.mailbox .table-mailbox {
    border-left: 1px solid rgb(249, 248, 246);
    border-right: 1px solid rgb(249, 248, 246);
    border-bottom: 1px solid rgb(249, 248, 246);
}
.mailbox .table-mailbox tr.unread>td {
    background-color: rgba(0, 0, 0, 0.05);
    color: #000;
    font-weight: 600;
}
.mailbox .table-mailbox tr>td>.fa.fa-star, .mailbox .table-mailbox tr>td>.fa.fa-star-o, .mailbox .table-mailbox tr>td>.glyphicon.glyphicon-star, .mailbox .table-mailbox tr>td>.glyphicon.glyphicon-star-empty {
    color: #f39c12;
    cursor: pointer;
}
.mailbox .table-mailbox tr>td.small-col {
    width: 30px;
}
.mailbox .table-mailbox tr>td.name {
    width: 150px;
    font-weight: 600;
}
.mailbox .table-mailbox tr>td.time {
    text-align: right;
    width: 100px;
}
.mailbox .table-mailbox tr>td {
    white-space: nowrap;
}
.mailbox .table-mailbox tr>td>a {
    color: #444;
}
@media (max-width: 991px) {
    .mailbox .nav-stacked>li:not(.header) {
        float: left;
        width: 50%;
    }
    .mailbox .nav-stacked>li:not(.header).header {
        border: 0!important;
    }
    .mailbox .search-form {
        margin-top: 10px;
    }
}
/*
 * Page: Lock Screen
 * -----------------
 */

/* ADD THIS CLASS TO THE <BODY> TAG */

.lockscreen {
    background: #d2d6de;
}
.lockscreen-logo {
    font-size: 35px;
    text-align: center;
    margin-bottom: 25px;
    font-weight: 300;
}
.lockscreen-logo a {
    color: #444;
}
.lockscreen-wrapper {
    max-width: 400px;
    margin: 0 auto;
    margin-top: 10%;
}
/* User name [optional] */

.lockscreen .lockscreen-name {
    text-align: center;
    font-weight: 600;
}
/* Will contain the image and the sign in form */

.lockscreen-item {
    border-radius: 4px;
    padding: 0;
    background: #fff;
    position: relative;
    margin: 10px auto 30px auto;
    width: 290px;
}
/* User image */

.lockscreen-image {
    border-radius: 50%;
    position: absolute;
    left: -10px;
    top: -25px;
    background: #fff;
    padding: 5px;
    z-index: 10;
}
.lockscreen-image>img {
    border-radius: 50%;
    width: 70px;
    height: 70px;
}
/* Contains the password input and the login button */

.lockscreen-credentials {
    margin-left: 70px;
}
.lockscreen-credentials .form-control {
    border: 0 !important;
}
.lockscreen-credentials .btn {
    background-color: #fff;
    border: 0;
    padding: 0 10px;
}
.lockscreen-footer {
    margin-top: 10px;
}
/*
 * Page: Login & Register
 * ----------------------
 */

.login-logo, .register-logo {
    font-size: 35px;
    text-align: center;
    margin-bottom: 25px;
    font-weight: 300;
}
.login-logo a, .register-logo a {
    color: #444;
}
.login-page, .register-page {
    background: #d2d6de;
}
.login-box, .register-box {
    width: 360px;
    margin: 7% auto;
}
@media (max-width: 768px) {
    .login-box, .register-box {
        width: 90%;
        margin-top: 20px;
    }
}
.login-box-body, .register-box-body {
    background: #fff;
    padding: 20px;
    color: #444;
    border-top: 0;
    color: #666;
}
.login-box-body .form-control-feedback, .register-box-body .form-control-feedback {
    color: #777;
}
.login-box-msg, .register-box-msg {
    margin: 0;
    text-align: center;
    padding: 0 20px 20px 20px;
}
.social-auth-links {
    margin: 10px 0;
}
/*
 * Page: 400 and 500 error pages
 * ------------------------------
 */

.error-page {
    width: 600px;
    margin: 20px auto 0 auto;
}
@media (max-width: 991px) {
    .error-page {
        width: 100%;
    }
}
.error-page>.headline {
    float: left;
    font-size: 100px;
    font-weight: 300;
}
@media (max-width: 991px) {
    .error-page>.headline {
        float: none;
        text-align: center;
    }
}
.error-page>.error-content {
    margin-left: 190px;
    display: block;
}
@media (max-width: 991px) {
    .error-page>.error-content {
        margin-left: 0;
    }
}
.error-page>.error-content>h3 {
    font-weight: 300;
    font-size: 25px;
}
@media (max-width: 991px) {
    .error-page>.error-content>h3 {
        text-align: center;
    }
}
/*
 * Page: Invoice
 * -------------
 */

.invoice {
    position: relative;
    background: #fff;
    border: 1px solid rgb(249, 248, 246);
    padding: 20px;
    margin: 10px 25px;
}
.invoice-title {
    margin-top: 0;
}
/*
 * Plugin: Social Buttons
 * ----------------------
 */

.btn-social {
    position: relative;
    padding-left: 44px !important;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.btn-social :first-child {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 32px !important;
    line-height: 34px !important;
    font-size: 1.6em!important;
    text-align: center;
    border-right: 1px solid rgba(0, 0, 0, 0.2);
}
.btn-social.btn-lg {
    padding-left: 61px !important;
}
.btn-social.btn-lg :first-child {
    line-height: 45px;
    width: 45px;
    font-size: 1.8em;
}
.btn-social.btn-sm {
    padding-left: 38px !important;
}
.btn-social.btn-sm :first-child {
    line-height: 28px;
    width: 28px;
    font-size: 1.4em;
}
.btn-social.btn-xs {
    padding-left: 30px !important;
}
.btn-social.btn-xs :first-child {
    line-height: 20px;
    width: 20px;
    font-size: 1.2em;
}
.btn-social-icon {
    position: relative;
    padding-left: 44px !important;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 34px;
    width: 34px;
    padding: 0;
}
.btn-social-icon :first-child {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 32px !important;
    line-height: 34px !important;
    font-size: 1.6em!important;
    text-align: center;
    border-right: 1px solid rgba(0, 0, 0, 0.2);
}
.btn-social-icon.btn-lg {
    padding-left: 61px !important;
}
.btn-social-icon.btn-lg :first-child {
    line-height: 45px;
    width: 45px;
    font-size: 1.8em;
}
.btn-social-icon.btn-sm {
    padding-left: 38px !important;
}
.btn-social-icon.btn-sm :first-child {
    line-height: 28px;
    width: 28px;
    font-size: 1.4em;
}
.btn-social-icon.btn-xs {
    padding-left: 30px !important;
}
.btn-social-icon.btn-xs :first-child {
    line-height: 20px;
    width: 20px;
    font-size: 1.2em;
}
.btn-social-icon :first-child {
    border: none;
    text-align: center;
    width: 100%!important;
}
.btn-social-icon.btn-lg {
    height: 45px;
    width: 45px;
    padding-left: 0;
    padding-right: 0;
}
.btn-social-icon.btn-sm {
    height: 30px;
    width: 30px;
    padding-left: 0;
    padding-right: 0;
}
.btn-social-icon.btn-xs {
    height: 22px;
    width: 22px;
    padding-left: 0;
    padding-right: 0;
}
.btn-bitbucket {
    color: #ffffff;
    background-color: #205081;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-bitbucket:hover, .btn-bitbucket:focus, .btn-bitbucket.focus, .btn-bitbucket:active, .btn-bitbucket.active, .open>.dropdown-toggle.btn-bitbucket {
    color: #ffffff;
    background-color: #163758;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-bitbucket:active, .btn-bitbucket.active, .open>.dropdown-toggle.btn-bitbucket {
    background-image: none;
}
.btn-bitbucket.disabled, .btn-bitbucket[disabled], fieldset[disabled] .btn-bitbucket, .btn-bitbucket.disabled:hover, .btn-bitbucket[disabled]:hover, fieldset[disabled] .btn-bitbucket:hover, .btn-bitbucket.disabled:focus, .btn-bitbucket[disabled]:focus, fieldset[disabled] .btn-bitbucket:focus, .btn-bitbucket.disabled.focus, .btn-bitbucket[disabled].focus, fieldset[disabled] .btn-bitbucket.focus, .btn-bitbucket.disabled:active, .btn-bitbucket[disabled]:active, fieldset[disabled] .btn-bitbucket:active, .btn-bitbucket.disabled.active, .btn-bitbucket[disabled].active, fieldset[disabled] .btn-bitbucket.active {
    background-color: #205081;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-bitbucket .badge {
    color: #205081;
    background-color: #ffffff;
}
.btn-dropbox {
    color: #ffffff;
    background-color: #1087dd;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-dropbox:hover, .btn-dropbox:focus, .btn-dropbox.focus, .btn-dropbox:active, .btn-dropbox.active, .open>.dropdown-toggle.btn-dropbox {
    color: #ffffff;
    background-color: #0d6aad;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-dropbox:active, .btn-dropbox.active, .open>.dropdown-toggle.btn-dropbox {
    background-image: none;
}
.btn-dropbox.disabled, .btn-dropbox[disabled], fieldset[disabled] .btn-dropbox, .btn-dropbox.disabled:hover, .btn-dropbox[disabled]:hover, fieldset[disabled] .btn-dropbox:hover, .btn-dropbox.disabled:focus, .btn-dropbox[disabled]:focus, fieldset[disabled] .btn-dropbox:focus, .btn-dropbox.disabled.focus, .btn-dropbox[disabled].focus, fieldset[disabled] .btn-dropbox.focus, .btn-dropbox.disabled:active, .btn-dropbox[disabled]:active, fieldset[disabled] .btn-dropbox:active, .btn-dropbox.disabled.active, .btn-dropbox[disabled].active, fieldset[disabled] .btn-dropbox.active {
    background-color: #1087dd;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-dropbox .badge {
    color: #1087dd;
    background-color: #ffffff;
}
.btn-facebook {
    color: #ffffff;
    background-color: #3b5998;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-facebook:hover, .btn-facebook:focus, .btn-facebook.focus, .btn-facebook:active, .btn-facebook.active, .open>.dropdown-toggle.btn-facebook {
    color: #ffffff;
    background-color: #2d4373;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-facebook:active, .btn-facebook.active, .open>.dropdown-toggle.btn-facebook {
    background-image: none;
}
.btn-facebook.disabled, .btn-facebook[disabled], fieldset[disabled] .btn-facebook, .btn-facebook.disabled:hover, .btn-facebook[disabled]:hover, fieldset[disabled] .btn-facebook:hover, .btn-facebook.disabled:focus, .btn-facebook[disabled]:focus, fieldset[disabled] .btn-facebook:focus, .btn-facebook.disabled.focus, .btn-facebook[disabled].focus, fieldset[disabled] .btn-facebook.focus, .btn-facebook.disabled:active, .btn-facebook[disabled]:active, fieldset[disabled] .btn-facebook:active, .btn-facebook.disabled.active, .btn-facebook[disabled].active, fieldset[disabled] .btn-facebook.active {
    background-color: #3b5998;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-facebook .badge {
    color: #3b5998;
    background-color: #ffffff;
}
.btn-flickr {
    color: #ffffff;
    background-color: #ff0084;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-flickr:hover, .btn-flickr:focus, .btn-flickr.focus, .btn-flickr:active, .btn-flickr.active, .open>.dropdown-toggle.btn-flickr {
    color: #ffffff;
    background-color: #cc006a;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-flickr:active, .btn-flickr.active, .open>.dropdown-toggle.btn-flickr {
    background-image: none;
}
.btn-flickr.disabled, .btn-flickr[disabled], fieldset[disabled] .btn-flickr, .btn-flickr.disabled:hover, .btn-flickr[disabled]:hover, fieldset[disabled] .btn-flickr:hover, .btn-flickr.disabled:focus, .btn-flickr[disabled]:focus, fieldset[disabled] .btn-flickr:focus, .btn-flickr.disabled.focus, .btn-flickr[disabled].focus, fieldset[disabled] .btn-flickr.focus, .btn-flickr.disabled:active, .btn-flickr[disabled]:active, fieldset[disabled] .btn-flickr:active, .btn-flickr.disabled.active, .btn-flickr[disabled].active, fieldset[disabled] .btn-flickr.active {
    background-color: #ff0084;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-flickr .badge {
    color: #ff0084;
    background-color: #ffffff;
}
.btn-foursquare {
    color: #ffffff;
    background-color: #0072b1;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-foursquare:hover, .btn-foursquare:focus, .btn-foursquare.focus, .btn-foursquare:active, .btn-foursquare.active, .open>.dropdown-toggle.btn-foursquare {
    color: #ffffff;
    background-color: #00517e;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-foursquare:active, .btn-foursquare.active, .open>.dropdown-toggle.btn-foursquare {
    background-image: none;
}
.btn-foursquare.disabled, .btn-foursquare[disabled], fieldset[disabled] .btn-foursquare, .btn-foursquare.disabled:hover, .btn-foursquare[disabled]:hover, fieldset[disabled] .btn-foursquare:hover, .btn-foursquare.disabled:focus, .btn-foursquare[disabled]:focus, fieldset[disabled] .btn-foursquare:focus, .btn-foursquare.disabled.focus, .btn-foursquare[disabled].focus, fieldset[disabled] .btn-foursquare.focus, .btn-foursquare.disabled:active, .btn-foursquare[disabled]:active, fieldset[disabled] .btn-foursquare:active, .btn-foursquare.disabled.active, .btn-foursquare[disabled].active, fieldset[disabled] .btn-foursquare.active {
    background-color: #0072b1;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-foursquare .badge {
    color: #0072b1;
    background-color: #ffffff;
}
.btn-github {
    color: #ffffff;
    background-color: #444444;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-github:hover, .btn-github:focus, .btn-github.focus, .btn-github:active, .btn-github.active, .open>.dropdown-toggle.btn-github {
    color: #ffffff;
    background-color: #2b2b2b;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-github:active, .btn-github.active, .open>.dropdown-toggle.btn-github {
    background-image: none;
}
.btn-github.disabled, .btn-github[disabled], fieldset[disabled] .btn-github, .btn-github.disabled:hover, .btn-github[disabled]:hover, fieldset[disabled] .btn-github:hover, .btn-github.disabled:focus, .btn-github[disabled]:focus, fieldset[disabled] .btn-github:focus, .btn-github.disabled.focus, .btn-github[disabled].focus, fieldset[disabled] .btn-github.focus, .btn-github.disabled:active, .btn-github[disabled]:active, fieldset[disabled] .btn-github:active, .btn-github.disabled.active, .btn-github[disabled].active, fieldset[disabled] .btn-github.active {
    background-color: #444444;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-github .badge {
    color: #444444;
    background-color: #ffffff;
}
.btn-google-plus {
    color: #ffffff;
    background-color: #dd4b39;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-google-plus:hover, .btn-google-plus:focus, .btn-google-plus.focus, .btn-google-plus:active, .btn-google-plus.active, .open>.dropdown-toggle.btn-google-plus {
    color: #ffffff;
    background-color: #c23321;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-google-plus:active, .btn-google-plus.active, .open>.dropdown-toggle.btn-google-plus {
    background-image: none;
}
.btn-google-plus.disabled, .btn-google-plus[disabled], fieldset[disabled] .btn-google-plus, .btn-google-plus.disabled:hover, .btn-google-plus[disabled]:hover, fieldset[disabled] .btn-google-plus:hover, .btn-google-plus.disabled:focus, .btn-google-plus[disabled]:focus, fieldset[disabled] .btn-google-plus:focus, .btn-google-plus.disabled.focus, .btn-google-plus[disabled].focus, fieldset[disabled] .btn-google-plus.focus, .btn-google-plus.disabled:active, .btn-google-plus[disabled]:active, fieldset[disabled] .btn-google-plus:active, .btn-google-plus.disabled.active, .btn-google-plus[disabled].active, fieldset[disabled] .btn-google-plus.active {
    background-color: #dd4b39;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-google-plus .badge {
    color: #dd4b39;
    background-color: #ffffff;
}
.btn-instagram {
    color: #ffffff;
    background-color: #3f729b;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-instagram:hover, .btn-instagram:focus, .btn-instagram.focus, .btn-instagram:active, .btn-instagram.active, .open>.dropdown-toggle.btn-instagram {
    color: #ffffff;
    background-color: #305777;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-instagram:active, .btn-instagram.active, .open>.dropdown-toggle.btn-instagram {
    background-image: none;
}
.btn-instagram.disabled, .btn-instagram[disabled], fieldset[disabled] .btn-instagram, .btn-instagram.disabled:hover, .btn-instagram[disabled]:hover, fieldset[disabled] .btn-instagram:hover, .btn-instagram.disabled:focus, .btn-instagram[disabled]:focus, fieldset[disabled] .btn-instagram:focus, .btn-instagram.disabled.focus, .btn-instagram[disabled].focus, fieldset[disabled] .btn-instagram.focus, .btn-instagram.disabled:active, .btn-instagram[disabled]:active, fieldset[disabled] .btn-instagram:active, .btn-instagram.disabled.active, .btn-instagram[disabled].active, fieldset[disabled] .btn-instagram.active {
    background-color: #3f729b;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-instagram .badge {
    color: #3f729b;
    background-color: #ffffff;
}
.btn-linkedin {
    color: #ffffff;
    background-color: #007bb6;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-linkedin:hover, .btn-linkedin:focus, .btn-linkedin.focus, .btn-linkedin:active, .btn-linkedin.active, .open>.dropdown-toggle.btn-linkedin {
    color: #ffffff;
    background-color: #005983;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-linkedin:active, .btn-linkedin.active, .open>.dropdown-toggle.btn-linkedin {
    background-image: none;
}
.btn-linkedin.disabled, .btn-linkedin[disabled], fieldset[disabled] .btn-linkedin, .btn-linkedin.disabled:hover, .btn-linkedin[disabled]:hover, fieldset[disabled] .btn-linkedin:hover, .btn-linkedin.disabled:focus, .btn-linkedin[disabled]:focus, fieldset[disabled] .btn-linkedin:focus, .btn-linkedin.disabled.focus, .btn-linkedin[disabled].focus, fieldset[disabled] .btn-linkedin.focus, .btn-linkedin.disabled:active, .btn-linkedin[disabled]:active, fieldset[disabled] .btn-linkedin:active, .btn-linkedin.disabled.active, .btn-linkedin[disabled].active, fieldset[disabled] .btn-linkedin.active {
    background-color: #007bb6;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-linkedin .badge {
    color: #007bb6;
    background-color: #ffffff;
}
.btn-tumblr {
    color: #ffffff;
    background-color: #2c4762;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-tumblr:hover, .btn-tumblr:focus, .btn-tumblr.focus, .btn-tumblr:active, .btn-tumblr.active, .open>.dropdown-toggle.btn-tumblr {
    color: #ffffff;
    background-color: #1c2d3f;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-tumblr:active, .btn-tumblr.active, .open>.dropdown-toggle.btn-tumblr {
    background-image: none;
}
.btn-tumblr.disabled, .btn-tumblr[disabled], fieldset[disabled] .btn-tumblr, .btn-tumblr.disabled:hover, .btn-tumblr[disabled]:hover, fieldset[disabled] .btn-tumblr:hover, .btn-tumblr.disabled:focus, .btn-tumblr[disabled]:focus, fieldset[disabled] .btn-tumblr:focus, .btn-tumblr.disabled.focus, .btn-tumblr[disabled].focus, fieldset[disabled] .btn-tumblr.focus, .btn-tumblr.disabled:active, .btn-tumblr[disabled]:active, fieldset[disabled] .btn-tumblr:active, .btn-tumblr.disabled.active, .btn-tumblr[disabled].active, fieldset[disabled] .btn-tumblr.active {
    background-color: #2c4762;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-tumblr .badge {
    color: #2c4762;
    background-color: #ffffff;
}
.btn-twitter {
    color: #ffffff;
    background-color: #55acee;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-twitter:hover, .btn-twitter:focus, .btn-twitter.focus, .btn-twitter:active, .btn-twitter.active, .open>.dropdown-toggle.btn-twitter {
    color: #ffffff;
    background-color: #2795e9;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-twitter:active, .btn-twitter.active, .open>.dropdown-toggle.btn-twitter {
    background-image: none;
}
.btn-twitter.disabled, .btn-twitter[disabled], fieldset[disabled] .btn-twitter, .btn-twitter.disabled:hover, .btn-twitter[disabled]:hover, fieldset[disabled] .btn-twitter:hover, .btn-twitter.disabled:focus, .btn-twitter[disabled]:focus, fieldset[disabled] .btn-twitter:focus, .btn-twitter.disabled.focus, .btn-twitter[disabled].focus, fieldset[disabled] .btn-twitter.focus, .btn-twitter.disabled:active, .btn-twitter[disabled]:active, fieldset[disabled] .btn-twitter:active, .btn-twitter.disabled.active, .btn-twitter[disabled].active, fieldset[disabled] .btn-twitter.active {
    background-color: #55acee;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-twitter .badge {
    color: #55acee;
    background-color: #ffffff;
}
.btn-vk {
    color: #ffffff;
    background-color: #587ea3;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-vk:hover, .btn-vk:focus, .btn-vk.focus, .btn-vk:active, .btn-vk.active, .open>.dropdown-toggle.btn-vk {
    color: #ffffff;
    background-color: #466482;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-vk:active, .btn-vk.active, .open>.dropdown-toggle.btn-vk {
    background-image: none;
}
.btn-vk.disabled, .btn-vk[disabled], fieldset[disabled] .btn-vk, .btn-vk.disabled:hover, .btn-vk[disabled]:hover, fieldset[disabled] .btn-vk:hover, .btn-vk.disabled:focus, .btn-vk[disabled]:focus, fieldset[disabled] .btn-vk:focus, .btn-vk.disabled.focus, .btn-vk[disabled].focus, fieldset[disabled] .btn-vk.focus, .btn-vk.disabled:active, .btn-vk[disabled]:active, fieldset[disabled] .btn-vk:active, .btn-vk.disabled.active, .btn-vk[disabled].active, fieldset[disabled] .btn-vk.active {
    background-color: #587ea3;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-vk .badge {
    color: #587ea3;
    background-color: #ffffff;
}
/*
 * Plugin: Full Calendar
 * ---------------------
 */

.fc-button {
    background: rgb(249, 248, 246);
    background-image: none;
    color: #444;
    border-color: #ddd;
    border-bottom-color: #ddd;
}
.fc-button:hover, .fc-button:active, .fc-button.hover {
    background-color: #e9e9e9;
}
.fc-header-title h2 {
    font-size: 15px;
    line-height: 1.6em;
    color: #666;
    margin-left: 10px;
}
.fc-header-right {
    padding-right: 10px;
}
.fc-header-left {
    padding-left: 10px;
}
.fc-widget-header {
    background: #fafafa;
}
.fc-grid {
    width: 100%;
    border: 0;
}
.fc-widget-header:first-of-type, .fc-widget-content:first-of-type {
    border-left: 0;
    border-right: 0;
}
.fc-widget-header:last-of-type, .fc-widget-content:last-of-type {
    border-right: 0;
}
.fc-toolbar {
    padding: 10px;
    margin: 0;
}
.fc-day-number {
    font-size: 20px;
    font-weight: 300;
    padding-right: 10px;
}
.fc-color-picker {
    list-style: none;
    margin: 0;
    padding: 0;
}
.fc-color-picker>li {
    float: left;
    font-size: 30px;
    margin-right: 5px;
    line-height: 30px;
}
.fc-color-picker>li .fa {
    -webkit-transition: -webkit-transform linear 0.3s;
    -moz-transition: -moz-transform linear 0.3s;
    -o-transition: -o-transform linear 0.3s;
    transition: transform linear 0.3s;
}
.fc-color-picker>li .fa:hover {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    transform: rotate(30deg);
}
#add-new-event {
    -webkit-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    transition: all linear 0.3s;
}
.external-event {
    padding: 5px 10px;
    font-weight: bold;
    margin-bottom: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    cursor: move;
}
.external-event:hover {
    box-shadow: inset 0 0 90px rgba(0, 0, 0, 0.2);
}
button i span {
    margin-left: -10px;
    font-size: 10px;
}
/*
 * General: Miscellaneous
 * ----------------------
 */

/* 10px padding and margins */

.pad {
    padding: 10px;
}
.margin {
    margin: 10px;
}
.margin-bottom {
    margin-bottom: 20px;
}
/* Display inline */

.inline {
    display: inline;
    width: auto;
}
/* Description Blocks */

.description-block {
    display: block;
    margin: 10px 0;
    text-align: center;
}
.description-block.margin-bottom {
    margin-bottom: 25px;
}
.description-block>.description-header {
    margin: 0;
    padding: 0;
    font-weight: 600;
    font-size: 16px;
}
.description-block>.description-text {
    text-transform: uppercase;
}
/* Background colors */

.label-big {
    font-size: 90%;
    font-weight: 300;
    padding-bottom: .2em;
}
.bg-red, .bg-yellow, .bg-aqua, .bg-blue, .bg-light-blue, .bg-green, .bg-navy, .bg-teal, .bg-olive, .bg-lime, .bg-orange, .bg-fuchsia, .bg-purple, .bg-maroon, .bg-black, .bg-red-active, .bg-yellow-active, .bg-aqua-active, .bg-blue-active, .bg-light-blue-active, .bg-green-active, .bg-navy-active, .bg-teal-active, .bg-olive-active, .bg-lime-active, .bg-orange-active, .bg-fuchsia-active, .bg-purple-active, .bg-maroon-active, .bg-black-active, .bg-white-active, .callout.callout-danger, .callout.callout-warning, .callout.callout-info, .callout.callout-success, .alert-success, .alert-danger, .alert-error, .alert-warning, .alert-info, .label-danger, .label-info, .label-waring, .label-primary, .label-success, .modal-primary .modal-body, .modal-primary .modal-header, .modal-primary .modal-footer, .modal-warning .modal-body, .modal-warning .modal-header, .modal-warning .modal-footer, .modal-info .modal-body, .modal-info .modal-header, .modal-info .modal-footer, .modal-success .modal-body, .modal-success .modal-header, .modal-success .modal-footer, .modal-danger .modal-body, .modal-danger .modal-header, .modal-danger .modal-footer {
    color: #fff !important;
}
.bg-gray {
    color: #000;
    background-color: rgb(var(--clr-grey)) !important;
}
.bg-white {
    color: #111111;
    background-color: rgb(var(--clr-white)) !important;
}
.bg-black {
    background-color: rgb(var(--clr-black)) !important;
}
.bg-red, .callout.callout-danger, .alert-danger, .alert-error, .label-danger, .modal-danger .modal-body {
    background-color: rgb(var(--clr-red)) !important;
}
.bg-yellow, .callout.callout-warning, .alert-warning, .label-waring, .modal-warning .modal-body {
    background-color: rgb(var(--clr-yellow)) !important;
}
.bg-aqua, .callout.callout-info, .alert-info, .label-info, .modal-info .modal-body {
    background-color: rgb(var(--clr-aqua)) !important;
}
.bg-blue {
    background-color: rgb(var(--clr-blue)) !important;
}
.bg-light-blue, .label-primary, .modal-primary .modal-body {
    background-color: rgb(var(--clr-light-blue)) !important;
}
.bg-green, .callout.callout-success, .alert-success, .label-success, .modal-success .modal-body {
    background-color: rgb(var(--clr-green)) !important;
}
.bg-navy {
    background-color: rgb(var(--clr-navy)) !important;
}
.bg-teal {
    background-color: rgb(var(--clr-teal)) !important;
}
.bg-olive {
    background-color: rgb(var(--clr-olive)) !important;
}
.bg-lime {
    background-color: rgb(var(--clr-lime)) !important;
}
.bg-orange {
    background-color: rgb(var(--clr-orange)) !important;
}
.bg-fuchsia {
    background-color: rgb(var(--clr-fuchsia)) !important;
}
.bg-purple {
    background-color: rgb(var(--clr-purple)) !important;
}
.bg-maroon {
    background-color: rgb(var(--clr-maroon)) !important;
}
.bg-gray-active {
    color: #000;
    background-color: rgb(var(--clr-gray-active)) !important;
}
.bg-white-active {
    background-color: rgb(var(--clr-white-active)) !important;
}
.bg-black-active {
    background-color: rgb(var(--clr-black-active)) !important;
}
.bg-red-active, .modal-danger .modal-header, .modal-danger .modal-footer {
    background-color: rgb(var(--clr-red-active)) !important;
}
.bg-yellow-active, .modal-warning .modal-header, .modal-warning .modal-footer {
    background-color: rgb(var(--clr-yellow-active)) !important;
}
.bg-aqua-active, .modal-info .modal-header, .modal-info .modal-footer {
    background-color: rgb(var(--clr-aqua-active)) !important;
}
.bg-blue-active {
    background-color: rgb(var(--clr-blue-active)) !important;
}
.bg-light-blue-active, .modal-primary .modal-header, .modal-primary .modal-footer {
    background-color: rgb(var(--clr-light-blue-active)) !important;
}
.bg-green-active, .modal-success .modal-header, .modal-success .modal-footer {
    background-color: rgb(var(--clr-green-active)) !important;
}
.bg-navy-active {
    background-color: rgb(var(--clr-navy-active)) !important;
}
.bg-teal-active {
    background-color: rgb(var(--clr-teal-active)) !important;
}
.bg-olive-active {
    background-color: rgb(var(--clr-olive-active)) !important;
}
.bg-lime-active {
    background-color: rgb(var(--clr-lime-active)) !important;
}
.bg-orange-active {
    background-color: rgb(var(--clr-orange-active)) !important;
}
.bg-fuchsia-active {
    background-color: rgb(var(--clr-fuchsia-active)) !important;
}
.bg-purple-active {
    background-color: rgb(var(--clr-purple-active)) !important;
}
.bg-maroon-active {
    background-color: rgb(var(--clr-maroon-active)) !important;
}
.box-header.opacity-25 {
    background: var(--gradient-header);
    color: #fff;
}
[class^="bg-"].disabled {
    opacity: 0.65;
    filter: alpha(opacity=65);
}
/*Hide elements by display none only*/

.hide {
    display: none !important;
}
/* Remove borders */

.no-border {
    border: 0px !important;
}
/* Remove padding */

.no-padding {
    padding: 0px !important;
}
/* Remove margins */

.no-margin {
    margin: 0px !important;
}
/* Remove box shadow */

.no-shadow {
    box-shadow: none!important;
}
/* Unstyled List */

.list-unstyled, .chart-legend, .contacts-list, .users-list, .mailbox-attachments {
    list-style: none;
    margin: 0;
    padding: 0;
}
/* Remove border radius */

.flat {
    border-radius: 0 !important;
}
.text-bold, .text-bold.table td, .text-bold.table th {
    font-weight: 700;
}
/* _fix for sparkline tooltip */

.jqstooltip {
    padding: 5px!important;
    width: auto!important;
    height: auto!important;
}
/*
Gradient Background colors
*/

.bg-teal-gradient {
    background: #39cccc !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #39cccc), color-stop(1, #7adddd)) !important;
    background: -ms-linear-gradient(bottom, #39cccc, #7adddd) !important;
    background: -moz-linear-gradient(center bottom, #39cccc 0%, #7adddd 100%) !important;
    background: -o-linear-gradient(#7adddd, #39cccc) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7adddd', endColorstr='#39cccc', GradientType=0) !important;
    color: #fff;
}
.bg-light-blue-gradient {
    background: #3c8dbc !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3c8dbc), color-stop(1, #67a8ce)) !important;
    background: -ms-linear-gradient(bottom, #3c8dbc, #67a8ce) !important;
    background: -moz-linear-gradient(center bottom, #3c8dbc 0%, #67a8ce 100%) !important;
    background: -o-linear-gradient(#67a8ce, #3c8dbc) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#67a8ce', endColorstr='#3c8dbc', GradientType=0) !important;
    color: #fff;
}
.bg-blue-gradient {
    background: #0073b7 !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0073b7), color-stop(1, #0089db)) !important;
    background: -ms-linear-gradient(bottom, #0073b7, #0089db) !important;
    background: -moz-linear-gradient(center bottom, #0073b7 0%, #0089db 100%) !important;
    background: -o-linear-gradient(#0089db, #0073b7) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0089db', endColorstr='#0073b7', GradientType=0) !important;
    color: #fff;
}
.bg-aqua-gradient {
    background: #00c0ef !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00c0ef), color-stop(1, #14d1ff)) !important;
    background: -ms-linear-gradient(bottom, #00c0ef, #14d1ff) !important;
    background: -moz-linear-gradient(center bottom, #00c0ef 0%, #14d1ff 100%) !important;
    background: -o-linear-gradient(#14d1ff, #00c0ef) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#14d1ff', endColorstr='#00c0ef', GradientType=0) !important;
    color: #fff;
}
.bg-yellow-gradient {
    background: #f39c12 !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f39c12), color-stop(1, #f7bc60)) !important;
    background: -ms-linear-gradient(bottom, #f39c12, #f7bc60) !important;
    background: -moz-linear-gradient(center bottom, #f39c12 0%, #f7bc60 100%) !important;
    background: -o-linear-gradient(#f7bc60, #f39c12) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7bc60', endColorstr='#f39c12', GradientType=0) !important;
    color: #fff;
}
.bg-purple-gradient {
    background: #605ca8 !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #605ca8), color-stop(1, #9491c4)) !important;
    background: -ms-linear-gradient(bottom, #605ca8, #9491c4) !important;
    background: -moz-linear-gradient(center bottom, #605ca8 0%, #9491c4 100%) !important;
    background: -o-linear-gradient(#9491c4, #605ca8) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9491c4', endColorstr='#605ca8', GradientType=0) !important;
    color: #fff;
}
.bg-green-gradient {
    background: #00a65a !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00a65a), color-stop(1, #00ca6d)) !important;
    background: -ms-linear-gradient(bottom, #00a65a, #00ca6d) !important;
    background: -moz-linear-gradient(center bottom, #00a65a 0%, #00ca6d 100%) !important;
    background: -o-linear-gradient(#00ca6d, #00a65a) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ca6d', endColorstr='#00a65a', GradientType=0) !important;
    color: #fff;
}
.bg-red-gradient {
    background: #dd4b39 !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dd4b39), color-stop(1, #e47365)) !important;
    background: -ms-linear-gradient(bottom, #dd4b39, #e47365) !important;
    background: -moz-linear-gradient(center bottom, #dd4b39 0%, #e47365 100%) !important;
    background: -o-linear-gradient(#e47365, #dd4b39) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e47365', endColorstr='#dd4b39', GradientType=0) !important;
    color: #fff;
}
.bg-white-gradient {
    background: #EEEEEE !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #EEEEEE), color-stop(1, #d6d6d6)) !important;
    background: -ms-linear-gradient(bottom, #EEEEEE, #d6d6d6) !important;
    background: -moz-linear-gradient(center bottom, #EEEEEE 0%, #d6d6d6 100%) !important;
    background: -o-linear-gradient(#d6d6d6, #EEEEEE) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d6d6d6', endColorstr='#EEEEEE', GradientType=0) !important;
    color: #111111;
}
.bg-black-gradient {
    background: #111111 !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #111111), color-stop(1, #2b2b2b)) !important;
    background: -ms-linear-gradient(bottom, #111111, #2b2b2b) !important;
    background: -moz-linear-gradient(center bottom, #111111 0%, #2b2b2b 100%) !important;
    background: -o-linear-gradient(#2b2b2b, #111111) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b2b2b', endColorstr='#111111', GradientType=0) !important;
    color: #fff;
}
.bg-maroon-gradient {
    background: #d81b60 !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #d81b60), color-stop(1, #e73f7c)) !important;
    background: -ms-linear-gradient(bottom, #d81b60, #e73f7c) !important;
    background: -moz-linear-gradient(center bottom, #d81b60 0%, #e73f7c 100%) !important;
    background: -o-linear-gradient(#e73f7c, #d81b60) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e73f7c', endColorstr='#d81b60', GradientType=0) !important;
    color: #fff;
}
.connectedSortable {
    min-height: 100px;
    display: grid;
}
.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.sort-highlight {
    background: rgb(249, 248, 246);
    border: 1px dashed #ddd;
    margin-bottom: 10px;
}
.full-opacity-hover {
    opacity: 0.65;
    filter: alpha(opacity=65);
}
.full-opacity-hover:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}
/*
 * Misc: print
 * -----------
 */

@media print {
    .no-print, .main-sidebar, .left-side, .main-header, .content-header {
        display: none!important;
    }
    .content-wrapper, .right-side, .main-footer {
        margin-left: 0!important;
        min-height: 0!important;
        -webkit-transform: translate(0, 0) !important;
        -ms-transform: translate(0, 0) !important;
        -o-transform: translate(0, 0) !important;
        transform: translate(0, 0) !important;
    }
    .fixed .content-wrapper, .fixed .right-side {
        padding-top: 0!important;
    }
    .invoice {
        width: 100%;
        border: 0;
        margin: 0;
        padding: 0;
    }
    .invoice-col {
        float: left;
        width: 33.3333333%;
    }
    .table-responsive {
        overflow: auto;
    }
    .table-responsive>.table tr th, .table-responsive>.table tr td {
        white-space: normal!important;
    }
}
/* Messagebox */

.bb-alert {
    position: fixed;
    bottom: 25%;
    right: 0;
    margin-bottom: 0;
    font-size: 1.2em;
    padding: 1em 1.3em;
    z-index: 2000;
}
/* File Upload */

#dropzone {
    padding: 0px;
    border: 2px dashed transparent;
}
#dropzone.in {}
#dropzone.hover {
    border: 2px dashed #ccbb98;
}
#dropzone.fade {
    opacity: 1;
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -ms-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
}
.invisible {
    opacity: 0;
}
/* Journal */

.journal {
    width: 100%;
    border-collapse: collapse;
    margin: 0 !important;
    padding: 0 !important;
    display: flex;
    overflow: hidden;
}
.journal .semaine {
    border: 0;
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: width 0.1s ease-out;
    -webkit-transition: width 0.1s ease-out;
    /* Safari */
    position: relative;
}
.journal:hover .semaine {
    /*
    width: 15%;
    background-color: #f2f2f2;
    */
}
.horaires {
    float: left;
    width: 0px !important;
    /* padding-left: 10px; */
    opacity: 0;
    display: none;
}
.journal:hover .semaine .horaires {
    opacity: 0;
    transition: width 0.2s ease-out;
    -webkit-transition: width 0.2s ease-out;
    /* Safari */
}
.evenements_journal {
    /* background-color: rgba(255, 255, 255, 0.25); */
    margin-left: 0px !important;
    /* min-height: 497px; */
    position: relative;
}
.flotant {
    vertical-align: top;
    position: absolute;
    z-index: 10;
    border-radius: 0 5px 0 5px;
}
.heureHoraire {
    display: table;
    width: 100%;
}
.heureHoraire:hover .event_n button {
    display: table-cell !important;
}
.cours {
    padding: 1px 5px !important;
    background: #ffffff;
    transition: all 0.1s ease-out;
    -webkit-transition: all 0.1s ease-out;
    /* Safari */
    vertical-align: top;
    display: table-cell;
    overflow: hidden;
    text-overflow: ellipsis;
    border-radius: 0 5px 0 5px;
    cursor: pointer;
}
/* Survol d'un jour du journal */

.jourInactif {
    border: 0;
    margin: 0 !important;
    padding: 0 !important;
    line-height:
    /*
    border-top: 1px dotted #999;
    border-right: 1px dotted #999;
    */
    cursor: pointer;
    width: 20% !important;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: width 0.2s ease-out;
    -webkit-transition: width 0.2s ease-out;
    /* Safari */
}
.jourActif, .jourSelectionne {
    width: 200% !important;
    background-color: #FFFFFF;
    cursor: pointer;
    border-right: 0px solid #cccccc;
    border-left: 0px solid #cccccc;
}
.jourSelectionne {
    background-color: #fffdf7 !important;
}
.jourSelectionne .horaires {
    opacity: 1 !important;
    width: 30px !important;
    display: block;
}
.jourActif .horaires, .jourSelectionne .horaires {
    opacity: 1;
    width: 30px !important;
    display: block;
}
.jourActif .evenements_journal, .jourSelectionne .evenements_journal {
    margin-left: 30px !important;
}
.jourActif .cours, .jourSelectionne .cours {
    /*width: 100% !important;*/
    /*width: 80% !important;
    transition: all 0.1s ease-out;
    -webkit-transition: all 0.1s ease-out;*/
    /* on le garde pour quand on saura ajouter deux colonnes dans une journée du journal */
    /* Safari */
}
.jourActif .cours:hover, .jourSelectionne .cours:hover {
    /*width: 100% !important;*/
    -webkit-filter: brightness(110%);
}
.jourActif .heureHoraire:hover .nouveauCours {
    opacity: 1 !important;
}
.jourActif .nouveauCours, .jourSelectionne .nouveauCours {
    opacity: 0;
    width: 42px;
    /* width: 80% !important; on le garde pour quand on saura ajouter deux colonnes dans une journée du journal */
    transition: all 0.1s ease-out;
    -webkit-transition: all 0.1s ease-out;
    /* Safari */
}
.jourActif .nouveauCours:hover, .jourSelectionne .nouveauCours:hover {
    opacity: 1;
    /* width: 100% !important; */
}
.jourActif .event_n button, .jourSelectionne .event_n button {
    /*display: block;*/
}
.btn.create {
    border-radius: 50% !important;
    padding: 7px 10px !important;
}
.journal:hover .semaine:hover {
    width: 200% !important;
    background-color: #FFFFFF;
    /* cursor: pointer; */
    border-right: 0px solid #cccccc;
    border-left: 0px solid #cccccc;
    /*
    padding-right: 5px !important;
    padding-left: 5px !important;
    */
}
.journal:hover .semaine:hover .horaires {
    opacity: 1;
    width: 30px !important;
    display: block;
}
.journal:hover .semaine:hover .evenements_journal {
    margin-left: 30px !important;
}
.journal:hover .semaine:hover .cours {
    /*width: 100% !important;*/
    /*width: 80% !important;
    transition: all 0.1s ease-out;
    -webkit-transition: all 0.1s ease-out;*/
    /* on le garde pour quand on saura ajouter deux colonnes dans une journée du journal */
    /* Safari */
}
.journal:hover .semaine:hover .cours:hover {
    /*width: 100% !important;*/
    -webkit-filter: brightness(110%);
}
.journal:hover .semaine:hover .heureHoraire:hover .nouveauCours {
    opacity: 1 !important;
}
.journal:hover .semaine:hover .nouveauCours {
    opacity: 0;
    /* width: 100% !important; */
    /*width: 80% !important;*/
    /* on le garde pour quand on saura ajouter deux colonnes dans une journée du journal */
    transition: all 0.1s ease-out;
    -webkit-transition: all 0.1s ease-out;
    /* Safari */
}
.journal:hover .semaine:hover .nouveauCours:hover {
    opacity: 1;
    cursor: pointer;
    /* width: 100% !important; */
}
.journal:hover .semaine:hover .event_n button {
    /*display: block;*/
}
.journal td.weekend {
    background-color: rgb(240, 240, 240);
    border: 0;
    /*
    border-top: 1px dotted #666666;
    border-right: 1px dotted #666666;
    */
    cursor: pointer;
    margin: 0 !important;
    padding: 0 !important;
}
.semaine .titre, .weekend .titre {
    margin-left: 30px;
    font-size: larger;
    font-weight: 500;
    text-align: center;
}
.titre_cours {
    font-weight: 400;
    overflow: hidden;
    /*     float: left;
    width: 100%; */
    height: 18px;
    padding: 2px 2px 0 0;
    text-overflow: ellipsis;
    word-break: keep-all;
    white-space: nowrap;
}
.tooltip-inner {
    max-width: 100%;
    width: 100% !important;
}
.bottomLeft .tooltip.fade.bottom {
    right: 2px !important;
}
.epreuve {
    padding: 0 3px 0 3px !important;
    margin-top: -1px;
    text-shadow: 0.5px 0.5px 1px #555;
}
.epreuve_coursE {
    /* Examen */
    color: #dd4b39 !important;
    padding: 0 0px 2px 0px !important;
    margin-top: -1px;
}
.epreuve_coursI {
    /* Interrogation */
    color: #f39c12 !important;
    padding: 0 0px 2px 0px !important;
    margin-top: -1px;
}
.epreuve_coursT {
    /* Travail */
    color: #00c0ef !important;
    padding: 0 0px 2px 0px !important;
    margin-top: -1px;
}
.epreuve_coursP {
    /* Préparation / Planification */
    color: #00a65a !important;
    padding: 0 0px 2px 0px !important;
    margin-top: -1px;
}
.annonce_cours {
    font-weight: 300;
    font-size: smaller;
    overflow: hidden;
    /* float: right;
    width: 100%; */
    height: 15px;
    padding: 2px 2px 0 0;
    text-overflow: ellipsis;
    word-break: keep-all;
    white-space: nowrap;
}
.annonce_cours i {
    width: 15px;
}
.salle_cours {
    font-weight: 300;
    font-size: smaller;
    font-style: italic;
    overflow: hidden;
    /* float: right;
    width: 100%; */
    height: 13px;
    text-overflow: ellipsis;
    word-break: keep-all;
    white-space: nowrap;
}
.salle_cours i {
    width: 15px;
}
.partie_classe {
    height: 12px;
    font-weight: 300;
    font-size: smaller;
    /* width: 100%; */
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: keep-all;
    white-space: nowrap;
}
.commentaire_cours {
    font-weight: 300;
    font-size: smaller;
    /* float: right;
    width: 100%;
    white-space: nowrap;
    height: 14px; */
    line-height: 12px;
    padding-right: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: keep-all;
    text-align: right;
    padding-top: 2px;
}
.commentaire_cours i {
    width: 15px;
}
.contenu_cours {
    font-weight: 300;
    font-size: smaller;
    clear: both;
}
.weekend {
    min-width: 8%;
    width: 9% !important;
    background-color: rgba(0, 0, 0, 0.25);
}
.pause, .pause td .semaine {
    /* background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAFUlEQVQYlWNgoAboz/NpoEzBsLACAB5gCrdgK35OAAAAAElFTkSuQmCC) repeat; */
    background-color: rgb(225, 225, 225);
    font-size: 1px;
    border-right: 0px solid #999999 !important;
    width: 100%;
}
.horaire {
    text-align: right;
    font-size: smaller;
    position: relative;
    color: #333333;
    margin: 1px !important;
    padding: 1px !important;
    /*border-right: 1px solid #999999;*/
}
.date_mois {
    width: 100%;
    text-align: center;
}
.date_mois, .coche_date_mois {
    cursor: e-resize;
}
.jour_semaine {
    font-size: 12px;
    font-weight: 300;
}
.jour_mois {
    font-size: 40px;
    line-height: 30px;
    font-weight: 500;
    color: #333333;
}
.mois {
    font-size: 14px;
    font-weight: 400;
    font-variant: all-small-caps;
}
/* autres events */

.time {
    padding: 0 2px;
}
.type_event {
    width: 30px;
    height: 30px;
    display: block;
    float: left;
    text-align: center;
    line-height: 30px;
}
.min_mini50 .event_n {
    height: inherit;
    margin-bottom: 0px !important;
}
.event_n {
    width: 100%;
    display: block;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    background-color: #666666;
    margin: 1px 0 2px 0;
    color: #ffffff;
    font-size: 10px;
}
.event_n button {
    /* display: none; */
}
.add_new {
    text-align: center;
    /* width: 100%; */
    background-color: transparent;
    height: 38px !important;
    top: calc(100% - 42px);
    left: calc(100% - 46px);
    width: 38px;
    display: block;
    padding: 0px;
    border-radius: 0;
}
.add_new button {
    /* width: 100%; */
}
.journal:hover .semaine:hover .cours:hover .nouveauCours {
    opacity: 1;
}
/* borders and background widths and paddings */

.border-left {
    border-width: 0 0 0 5px !important;
}
.border-top {
    border-width: 5px 0 0 0 !important;
    border-top: 5px solid #00c0ef;
    padding-top: 5px;
}
.border-left:hover {
    /*
    border-width: 1px 1px 1px 5px !important;
    padding: 0 0 0 5px;
    */
}
.border-left:hover .titre_cours {
    /*margin-top: -1px;*/
}
/* text, borders and background colors */

.yellow {
    border: solid rgb(var(--clr-yellow));
    background-color: rgba(var(--clr-yellow), 0.6);
}
.text-yellow {
    color: rgb(var(--clr-yellow)) !important;
}
.lightyellow {
    border: solid rgb(var(--clr-lightyellow));
    background-color: rgba(var(--clr-lightyellow), 0.6);
}
.text-lightyellow {
    color: rgb(var(--clr-lightyellow)) !important;
}
.darkyellow {
    border: solid rgb(var(--clr-darkyellow));
    background-color: rgba(var(--clr-darkyellow), 0.6);
}
.text-darkyellow {
    color: rgb(var(--clr-darkyellow)) !important;
}
.orange {
    border: solid rgb(var(--clr-orange));
    background-color: rgba(var(--clr-orange), 0.6);
}
.text-orange {
    color: rgb(var(--clr-orange)) !important;
}
.lightorange {
    border: solid rgb(var(--clr-lightorange));
    background-color: rgba(var(--clr-lightorange), 0.6);
}
.text-lightorange {
    color: rgb(var(--clr-lightorange)) !important;
}
.darkorange {
    border: solid rgb(var(--clr-darkorange));
    background-color: rgba(var(--clr-darkorange), 0.6);
}
.text-darkorange {
    color: rgb(var(--clr-darkorange)) !important;
}
.blue {
    border: solid rgb(var(--clr-blue));
    background-color: rgba(var(--clr-blue), 0.6);
}
.text-blue {
    color: rgb(var(--clr-blue)) !important;
}
.lightblue {
    border: solid rgb(var(--clr-lightblue));
    background-color: rgba(var(--clr-lightblue), 0.6);
}
.text-lightblue {
    color: rgb(var(--clr-lightblue)) !important;
}
.text-light-blue {
    color: rgb(var(--clr-light-blue)) !important;
}
.text-aqua {
    color: rgb(var(--clr-aqua)) !important;
}
.darkblue {
    border: solid rgb(var(--clr-darkblue));
    background-color: rgba(var(--clr-darkblue), 0.6);
}
.text-darkblue {
    color: rgb(var(--clr-darkblue)) !important;
}
.text-navy {
    color: rgb(var(--clr-navy)) !important;
}
.red {
    border: solid rgb(var(--clr-red));
    background-color: rgba(var(--clr-red), 0.6);
}
.text-red {
    color: rgb(var(--clr-red)) !important;
}
.lightred {
    border: solid rgb(var(--clr-lightred));
    background-color: rgba(var(--clr-lightred), 0.6);
}
.text-lightred {
    color: rgb(var(--clr-lightred)) !important;
}
.darkred {
    border: solid rgb(var(--clr-darkred));
    background-color: rgba(var(--clr-darkred), 0.6);
}
.text-darkred {
    color: rgb(var(--clr-darkred)) !important;
}
.green {
    border: solid rgb(var(--clr-green));
    background-color: rgba(var(--clr-green), 0.6);
}
.text-green {
    color: rgb(var(--clr-green)) !important;
}
.lightgreen {
    border: solid rgb(var(--clr-lightgreen));
    background-color: rgba(var(--clr-lightgreen), 0.6);
}
.text-lightgreen {
    color: rgb(var(--clr-lightgreen)) !important;
}
.text-lime {
    color: rgb(var(--clr-lime)) !important;
}
.darkgreen {
    border: solid rgb(var(--clr-darkgreen));
    background-color: rgba(var(--clr-darkgreen), 0.6);
}
.text-darkgreen {
    color: rgb(var(--clr-darkgreen)) !important;
}
.text-olive {
    color: rgb(var(--clr-olive)) !important;
}
.turquoise {
    border: solid rgb(var(--clr-turquoise));
    background-color: rgba(var(--clr-turquoise), 0.6);
}
.text-turquoise {
    color: rgb(var(--clr-turquoise)) !important;
}
.lightturquoise {
    border: solid rgb(var(--clr-lightturquoise));
    background-color: rgba(var(--clr-lightturquoise), 0.6);
}
.text-lightturquoise {
    color: rgb(var(--clr-lightturquoise)) !important;
}
.darkturquoise {
    border: solid rgb(var(--clr-darkturquoise));
    background-color: rgba(var(--clr-darkturquoise), 0.6);
}
.text-darkturquoise {
    color: rgb(var(--clr-darkturquoise)) !important;
}
.violet {
    border: solid rgb(var(--clr-violet));
    background-color: rgba(var(--clr-violet), 0.6);
}
.text-violet {
    color: rgb(var(--clr-violet)) !important;
}
.text-fuchsia {
    color: rgb(var(--clr-fuchsia)) !important;
}
.lightviolet {
    border: solid rgb(var(--clr-lightviolet));
    background-color: rgba(var(--clr-lightviolet), 0.6);
}
.text-lightviolet {
    color: rgb(var(--clr-lightviolet)) !important;
}
.darkviolet {
    border: solid rgb(var(--clr-darkviolet));
    background-color: rgba(var(--clr-darkviolet), 0.6);
}
.text-darkviolet {
    color: rgb(var(--clr-darkviolet)) !important;
}
.pink {
    border: solid rgb(var(--clr-pink));
    background-color: rgba(var(--clr-pink), 0.6);
}
.text-pink {
    color: rgb(var(--clr-pink)) !important;
}
.lightpink {
    border: solid rgb(var(--clr-lightpink));
    background-color: rgba(var(--clr-lightpink), 0.6);
}
.text-lightpink {
    color: rgb(var(--clr-lightpink)) !important;
}
.darkpink {
    border: solid rgb(var(--clr-darkpink));
    background-color: rgba(var(--clr-darkpink), 0.6);
}
.text-darkpink {
    color: rgb(var(--clr-darkpink)) !important;
}
.brown {
    border: solid rgb(var(--clr-brown));
    background-color: rgba(var(--clr-brown), 0.6);
}
.text-brown {
    color: rgb(var(--clr-brown)) !important;
}
.lightbrown {
    border: solid rgb(var(--clr-lightbrown));
    background-color: rgba(var(--clr-lightbrown), 0.6);
}
.text-lightbrown {
    color: rgb(var(--clr-lightbrown)) !important;
}
.darkbrown {
    border: solid rgb(var(--clr-darkbrown));
    background-color: rgba(var(--clr-darkbrown), 0.6);
}
.text-darkbrown {
    color: rgb(var(--clr-darkbrown)) !important;
}
.purple {
    border: solid rgb(var(--clr-purple));
    background-color: rgba(var(--clr-purple), 0.6);
}
.text-purple {
    color: rgb(var(--clr-purple)) !important;
}
.lightpurple {
    border: solid rgb(var(--clr-lightpurple));
    background-color: rgba(var(--clr-lightpurple), 0.6);
}
.text-lightpurple {
    color: rgb(var(--clr-lightpurple)) !important;
}
.darkpurple {
    border: solid rgb(var(--clr-darkpurple));
    background-color: rgba(var(--clr-darkpurple), 0.6);
}
.text-darkpurple {
    color: rgb(var(--clr-darkpurple)) !important;
}
.white {
    border: solid rgb(var(--clr-white));
    background-color: rgba(var(--clr-white), 0.6);
}
.text-white {
    color: rgb(var(--clr-white)) !important;
}
.grey {
    border: solid rgb(var(--clr-grey));
    background-color: rgba(var(--clr-grey), 0.6);
}
.text-grey {
    color: rgb(var(--clr-grey)) !important;
}
.text-gray {
    color: rgb(var(--clr-gray)) !important;
}
.lightgrey {
    border: solid rgb(var(--clr-lightgrey));
    background-color: rgba(var(--clr-lightgrey), 0.6);
}
.text-lightgrey {
    color: rgb(var(--clr-lightgrey)) !important;
}
.darkgrey {
    border: solid rgb(var(--clr-darkgrey));
    background-color: rgba(var(--clr-darkgrey), 0.6);
}
.text-darkgrey {
    color: rgb(var(--clr-darkgrey)) !important;
}
.black {
    border: solid rgb(var(--clr-black));
    background-color: rgba(var(--clr-black), 0.6);
}
.text-black {
    color: rgb(var(--clr-black)) !important;
}
.text-maroon {
    color: rgb(var(--clr-maroon)) !important;
}
.darker {
    filter: brightness(70%);
}
.lighter {
    filter: brightness(50%);
}
.heure_debut {
    position: absolute;
    top: 0;
    right: 3px;
    white-space: nowrap;
}
.heure_fin {
    position: absolute;
    bottom: 0;
    right: 3px;
    white-space: nowrap;
}
th .horaire {
    background-color: rgba(255, 255, 255, 0) !important;
    font-weight: 300;
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 0px !important;
}
.caches {
    opacity: 0;
    display: none;
}
/* Hauteurs des heures - par 5 minutes */

.min5, .min10, .min15, .min20, .min25, .min30, .min35, .min40, .min45, .min50, .min55, .min60, .min840 {
    margin: 0 !important;
}
/* journal */

.journal .min5 {
    height: 7.5px !important;
}
.journal .min10 {
    height: 15px !important;
}
.journal .min15 {
    height: 22.5px !important;
}
.journal .min20 {
    height: 30px !important;
}
.journal .min25 {
    height: 37.5px !important;
}
.journal .min30 {
    height: 45px !important;
}
.journal .min35 {
    height: 52.5px !important;
}
.journal .min40 {
    height: 60px !important;
}
.journal .min45 {
    height: 67.5px !important;
}
.journal .min50 {
    height: 75px !important;
}
.journal .min55 {
    height: 82.5px !important;
}
.journal .min60 {
    height: 90px !important;
}
.journal .min840 {
    height: 840px !important;
}
/* section/classe */

.section .min5 {
    height: 5px !important;
}
.section .min10 {
    height: 10px !important;
}
.section .min15 {
    height: 15px !important;
}
.section .min20 {
    height: 20px !important;
}
.section .min25 {
    height: 25px !important;
}
.section .min30 {
    height: 30px !important;
}
.section .min35 {
    height: 35px !important;
}
.section .min40 {
    height: 40px !important;
}
.section .min45 {
    height: 45px !important;
}
.section .min50 {
    height: 50px !important;
}
.section .min55 {
    height: 55px !important;
}
.section .min60 {
    height: 60px !important;
}
.section .min840 {
    height: 840px !important;
}
/* Hauteurs des heures - par 5 minutes - pour mini-calendrier */

.min_mini5, .min_mini10, .min_mini15, .min_mini20, .min_mini25, .min_mini30, .min_mini35, .min_mini40, .min_mini45, .min_mini50, .min_mini55, .min_mini60, .min_mini840 {
    margin: 0 !important;
    cursor: context-menu;
}
/* journal */

.journal .min_mini5 {
    height: 5px !important;
}
.journal .min_mini10 {
    height: 10px !important;
}
.journal .min_mini15 {
    height: 15px !important;
}
.journal .min_mini20 {
    height: 20px !important;
}
.journal .min_mini25 {
    height: 25px !important;
}
.journal .min_mini30 {
    height: 30px !important;
}
.journal .min_mini35 {
    height: 35px !important;
}
.journal .min_mini40 {
    height: 40px !important;
}
.journal .min_mini45 {
    height: 45px !important;
}
.journal .min_mini50 {
    height: 50px !important;
}
.journal .min_mini55 {
    height: 55px !important;
}
.journal .min_mini60 {
    height: 60px !important;
}
.journal .min_mini840 {
    height: 840px !important;
}
/* section/classe */

.section .min_mini5 {
    height: 5px !important;
}
.section .min_mini10 {
    height: 10px !important;
}
.section .min_mini15 {
    height: 15px !important;
}
.section .min_mini20 {
    height: 20px !important;
}
.section .min_mini25 {
    height: 25px !important;
}
.section .min_mini30 {
    height: 30px !important;
}
.section .min_mini35 {
    height: 35px !important;
}
.section .min_mini40 {
    height: 40px !important;
}
.section .min_mini45 {
    height: 45px !important;
}
.section .min_mini50 {
    height: 50px !important;
}
.section .min_mini55 {
    height: 55px !important;
}
.section .min_mini60 {
    height: 60px !important;
}
.section .min_mini840 {
    height: 840px !important;
}
/* COLOR PICKER with alpha */

.colorpicker-saturation, .colorpicker-hue, .colorpicker-alpha, .colorpicker-color {
    display: none !important;
}
.colorpicker.colorpicker-with-alpha {
    max-width: 200px;
}
.colorpicker-selectors {
    margin-top: 0px;
}
.colorpicker-selectors i {
    height: 30px !important;
    width: 30px !important;
    margin: 1px !important;
}
.colorpicker-visible {
  z-index: 10050;
}

/* Datatables */

div.dataTables_filter label {
    margin-bottom: 2px;
    min-height: 38px;
}
div.dataTables_info {
    top: 6px;
    position: absolute;
    right: 150px;
    color: rgb(var(--clr-white-active));
}
@media (max-width: 767px) {
    div.dataTables_info {
        display: none;
    }
}
table.dataTable {
    width: 100% !important;
    table-layout: auto !important;
    background: unset;
}
table.dataTable thead .sorting {
    background: url(../img/sort_both.png) no-repeat center left;
    padding-left: 20px;
}
table.dataTable thead .sorting_asc {
    background: url(../img/sort_asc.png) no-repeat center left;
    padding-left: 20px;
}
table.dataTable thead .sorting_desc {
    background: url(../img/sort_desc.png) no-repeat center left;
    padding-left: 20px;
}
table.dataTable tr.group, table.dataTable tr.group:hover {
    background-color: #dae7f0 !important;
    font-weight: 600;
}
table.dataTable th.grouped_by {
    max-width: 15px !important;
}
table.dataTable td.grouped_by {
    max-width: 15px !important;
    color: transparent !important;
    background-color: #ffffff !important;
    font-size: 0px !important;
}
table.dataTable td span.grouped_by {
    color: transparent !important;
    font-size: 0px !important;
}
table.dataTable tbody tr.selected, table.dataTable tbody tr:hover {
    background-color: rgba(var(--current-bg), var(--current-opacity)) !important;
    color: #000;
}
table.dataTable tbody tr.selected {
    background-color: rgba(var(--current-bg), 1) !important;
    color: #fff;
    font-weight: 500;
}
.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: unset;
}
table.dataTable tbody tr {
    border-bottom: solid 1px #f9f9f9;
}
/* Coins arrondis */

table.dataTable tbody tr.selected td:first-child, table.dataTable tbody tr:hover td:first-child {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    overflow: hidden;
}
table.dataTable tbody tr.selected td:last-child, table.dataTable tbody tr:hover td:last-child {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    overflow: hidden;
}
 
.dataTables_scrollHeadInner {
    width: auto !important;
    max-width: 100% !important;
    overflow-x: auto !important;
}
.dataTables_scrollBody {
    background-color: #fff;
    overflow-x: auto !important;
}
.dt-body-left {
    text-align: left;
}
.dt-body-center {
    text-align: center;
}
.dt-body-right {
    text-align: right;
}
.dt-body-number, .dt-body-percent {
    text-align: right;
    /* padding-right: 16px; */
}
td.dt-body-number:not(:empty)::before {
    content: "€";
}
td.dt-body-percent:not(:empty)::after {
    content: "%";
}
tr.selected small.label {
    border: 1px solid rgb(var(--clr-white));
}
/* Cacher les colonnes par défaut */

/* Cacher par défaut */

.d-none {
    display: none !important;
}
/* Afficher à partir de 576px (xs -> sm) */

@media (min-width: 576px) {
    .d-sm-table-cell {
        display: table-cell !important;
    }
}
/* Afficher à partir de 768px (sm -> md) */

@media (min-width: 768px) {
    .d-md-table-cell {
        display: table-cell !important;
    }
}
/* Afficher à partir de 992px (md -> lg) */

@media (min-width: 992px) {
    .d-lg-table-cell {
        display: table-cell !important;
    }
}
/* Afficher à partir de 1200px (lg -> xl) */

@media (min-width: 1200px) {
    .d-xl-table-cell {
        display: table-cell !important;
    }
}
/* FLASH un élément */

.flash {
    -moz-animation: flash 0.5s ease-out;
    -moz-animation-iteration-count: 1;
    -webkit-animation: flash 0.5s ease-out;
    -webkit-animation-iteration-count: 1;
    -ms-animation: flash 0.5s ease-out;
    -ms-animation-iteration-count: 1;
}
@-webkit-keyframes flash {
    0% {
        -webkit-filter: brightness(100%);
    }
    50% {
        -webkit-filter: brightness(125%);
    }
    100% {
        -webkit-filter: brightness(100%);
    }
}
@-moz-keyframes flash {
    0% {
        -webkit-filter: brightness(100%);
    }
    50% {
        -webkit-filter: brightness(125%);
    }
    100% {
        -webkit-filter: brightness(100%);
    }
}
@-ms-keyframes flash {
    0% {
        -webkit-filter: brightness(100%);
    }
    50% {
        -webkit-filter: brightness(125%);
    }
    100% {
        -webkit-filter: brightness(100%);
    }
}
/* MODAL XL forms */

.modal-2xl {
    width: 90%;
}
.modal-xl {
    width: 70%;
}
/* Circled divs */

.circled-little {
    border-radius: 50%;
    background-color: #ffffff;
    border: 1px solid;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 23px;
    float: left;
}
.tree li span.active i.fa::before {
    color: #FFFFFF;
}
/* TOOGLE buttons transitions */

.slow .toggle-group {
    transition: left 0.7s;
    -webkit-transition: left 0.7s;
}
.fast .toggle-group {
    transition: left 0.1s;
    -webkit-transition: left 0.1s;
}
.quick .toggle-group {
    transition: none;
    -webkit-transition: none;
}
/* DOCUMENTS */

@media (max-width:992px) {
    .margin992 {
        margin: 0 -15px;
    }
}
/* Fiches */

.enfantIMG {
    margin: 50px 0;
}
/* Select 2 */

.select2-container--default.select2-container--disabled {
    background-color: transparent;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #555;
    padding-left: 12px;
    font-size: 14px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    font-size: 14px;
    border-radius: 5px;
    color: rgb(var(--clr-white));
    background-color: rgb(var(--clr-darkgrey));
    padding-left: 6px;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #f0eee9 !important;
    border-radius: 5px;
    outline: 0;
}
.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #f0eee9 !important;
    border-radius: 5px;
}
.select2-container--default .select2-selection--multiple {
    border: 1px solid #f0eee9 !important;
    border-radius: 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: rgb(var(--clr-white));
    cursor: pointer;
    display: inline-block;
    font-weight: 300;
    margin-right: 10px;
}
.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: rgba(var(--clr-blue), 25%);
    color: rgb(var(--clr-blue));
    font-weight: 400;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: rgb(var(--clr-blue));
    color: #fff;
}
.toggle-handle {
    background-color: #fff;
}
.toggle.android {
    border-radius: 50px !important;
}
.toggle.android .toggle-handle {
    border-radius: 50px !important;
    min-width: 24px;
    min-height: 24px;
    width: 30px;
}
.slow .toggle-group {
    transition: left 0.7s;
    -webkit-transition: left 0.7s;
}
.fast .toggle-group {
    transition: left 0.1s;
    -webkit-transition: left 0.2s;
}
.veryfast .toggle-group {
    transition: left 0.1s;
    -webkit-transition: left 0.1s;
}
.quick .toggle-group {
    transition: none;
    -webkit-transition: none;
}
.toggle-group .btn.active {
    background-color: unset;
}
.toggle-group {
    padding-bottom: 4px;
}
.toggle-off.btn {
    border: none;
    background: unset;
    box-shadow: unset;
    line-height: 16px;
}
.toggle-on.btn {
    border: none;
    background: unset;
    box-shadow: unset;
    line-height: 16px;
}
/* No event reacting on this */

.nopointer {
    pointer-events: none;
}
/* Applique les modifications sur tous les éléments avec scrollbar pour Firefox */

* {
    scrollbar-width: thin;
    /* Réduit la largeur de la scrollbar */
    scrollbar-color: #aaa transparent;
    /* Couleur de l'ascenseur et track */
}
/* Scrollbars pour les navigateurs basés sur WebKit (Chrome, Safari, Edge, etc.) */

*::-webkit-scrollbar {
    width: 5mm;
    /* Largeur de l'ascenseur */
}
*::-webkit-scrollbar-track {
    background: transparent;
    /* Cache la partie grise où glisse l'ascenseur */
}
*::-webkit-scrollbar-thumb {
    background-color: #aaa;
    /* Couleur de l'ascenseur */
    border-radius: 10px;
    /* Coins arrondis de l'ascenseur */
    border: 3px solid transparent;
    /* Espace autour de l'ascenseur pour un effet arrondi */
}
/* Ajoute un peu d'ombrage à l'ascenseur pour plus de contraste */

*::-webkit-scrollbar-thumb:hover {
    background-color: #888;
}
/* Pour Microsoft Edge */

*::-ms-scrollbar {
    width: 5mm;
}
/* Personnalisation supplémentaire pour Edge */

*::-ms-scrollbar-track {
    background: transparent;
}
*::-ms-scrollbar-thumb {
    background-color: #aaa;
    border-radius: 10px;
}
.label {
    font-weight: 600;
    padding: 0.4em 0.8em .45em;
    border-radius: 999px;
    border: none;
}
small.label {
    line-height: 2.5;
}
/* sidebar */

li.treeview.active {
    background-color: rgba(var(--clr-lightgrey), 25%);
}
.skin-yellow .sidebar-menu>li>.treeview-menu {
    border-left: 3px solid rgb(234 230 224) !important;
}
.skin-yellow .treeview-menu>li.active>a {
    background-color: rgba(var(--current-bg), 0.25) !important;
    color: rgb(var(--current-bg)) !important;
    border-radius: 5px 5px 5px 5px;
    margin: 2px;
    padding: 7px 13px;
    font-weight: 400;
    width: 98%;
}
.skin-yellow .sidebar-menu>li.header {
    background: unset !important;
    color: rgba(var(--clr-darkgrey), var(--opacity-25)) !important;
    border-top: 0;
    font-weight: 700;
    margin-top: 10px;
}
.main-sidebar {
    /* background-color: rgba(var(--clr-lightgrey), 0.25); */
}
.skin-yellow .treeview-menu>li>a {
    background-color: unset !important;
}
.input-wrapper {
    position: relative;
}
.max-char {
    position: absolute;
    top: 0;
    font-size: 10px;
    color: rgba(0, 0, 0, 0.4);
}
.char-notification {
    right: 10px;
}
.char-url-notification {
    right: 40px;
}
.input-container {
    position: relative;
}
.input-container .open-lightbox-btn {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    display: unset;
    cursor: pointer;
    border-left: 1px solid #eee;
    padding: 7px 9px;
    background-color: rgba(var(--clr-lightgrey), 50%);
}
.form-control.error {
    border-color: red;
    color: red;
}
/* Scrollbar fine, invisible par défaut, visible au survol */

.main-sidebar::-webkit-scrollbar {
    width: 6px;
    background: transparent;
}
.main-sidebar::-webkit-scrollbar-thumb {
    background-color: rgba(var(--clr-lightgrey), 0.25);
    border-radius: 10px;
    opacity: 0;
    transition: opacity 1s ease;
}
.main-sidebar:hover::-webkit-scrollbar-thumb, .main-sidebar:focus-within::-webkit-scrollbar-thumb, .main-sidebar:active::-webkit-scrollbar-thumb {
    opacity: 1;
}
/* Firefox */

.main-sidebar::-webkit-scrollbar {
    width: 6px;
    background: transparent;
}
.main-sidebar::-webkit-scrollbar-thumb {
    background-color: rgba(var(--clr-lightgrey), 0.25);
    border-radius: 10px;
    opacity: 0;
    /* invisible par défaut */
    transition: opacity 1s ease-in-out;
}
.main-sidebar:hover::-webkit-scrollbar-thumb, .main-sidebar:focus-within::-webkit-scrollbar-thumb, .main-sidebar:active::-webkit-scrollbar-thumb {
    opacity: 1;
    /* fade-in */
}
/* Help Sidebar*/

.help-sidebar {
    position: fixed;
    top: 0;
    right: -500px;
    /* caché par défaut */
    width: 500px;
    height: 100%;
    background-color: rgb(246, 245, 242);
    /* même couleur que sidebar gauche */
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.1);
    z-index: 10000;
    transition: right 0.3s ease;
    overflow-y: auto;
    max-width: calc(100vw - 15px);
    border-radius: 35px 0 0 0;
}
.help-sidebar.open {
    right: 0;
}
.help-content {
    padding: 20px;
    color: white;
    font-size: 14px;
}
/* Header de l'aside */

.help-header {
    background-color: rgba(var(--clr-lightgrey), 75%);
    color: rgba(var(--clr-black), 0.75);
    padding: 10px 15px;
    display: block;
    border-radius: 50px 0 0 50px;
    min-height: 45px;
}
.help-header .modal-title {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
}
.help-header .close {
    border: none;
    opacity: 0.7;
    font-size: 18px;
    line-height: 1;
    padding: 0;
    margin: 0;
    position: absolute;
    right: 12px;
    top: 13px;
    display: block;
    background-color: rgba(var(--clr-white), var(--opacity-50));
}
.help-header .close:hover {
    opacity: 1;
    cursor: pointer;
}
/* Transition douce du contenu principal */

.wrapper {
    transition: margin-right 0.3s ease;
}
.box.box-fullscreen {
    position: fixed !important;
    top: 0;
    /* hauteur de l'en-tête si besoin */
    left: 0;
    /* marge sidebar */
    right: 0;
    bottom: 0;
    z-index: 1050;
    background-color: #fff;
    margin: 0 !important;
    border-radius: 0;
    box-shadow: 0;
    overflow: auto;
}
.popover.bottom {
    z-index: 10500;
}

/* ckEditor */
.cke_dialog_body {
    border: 1px solid rgba(var(--clr-darkblue), 0.5) !important;
}
.cke_dialog_title, .cke_dialog_footer {
    background-color: rgba(var(--clr-darkblue), 0.25) !important;
}

.cke_reset_all, .cke_reset_all *, .cke_reset_all a, .cke_reset_all textarea {
    position: inherit !important;
}