:root{
    /* Colors */
    --white : #fff!important;

    --violet-dark : #4f05f2!important;
    --violet : #7336f3!important;
    --violet-light : #cab3fb!important;
    --violet-transparent : #7236f3dc!important;

    --yellow-darker : #dab811!important;
    --yellow-dark : #f4d642!important;
    --yellow : #f7de67!important;
    --yellow-light : #f7e68c!important;
    --yellow-lighter : #fbefb3!important;

    --black-dark: #06152c!important;
    --black: #374254!important;
    --black-light: #69737f!important;
    --black-lighter: #9aa1ab!important;

    --grey-dark: #80a0b9!important;
    --grey: #99b2c6!important;
    --grey-light: #acc8df!important;
    --grey-lighter: #F5F7F9!important;

    --red-dark: #ea3a3d!important;
    --red: #ed6162!important;
    --red-light: #f2888a!important;
    --red-lighter: #f6b0b2!important;

    --green-dark: #19d598!important;
    --green: #47ddad!important;
    --green-light: #76e6c2!important;
    --green-lighter: #a3eed7!important;

    --pink-dark: #a917c0!important;
    --pink: #b945ca!important;
    --pink-light: #cb73d9!important;
    --pink-lighter: #dda2e6!important;

    --gradient-lotica: linear-gradient(90deg, rgba(89,0,238,1) 0%, rgba(159,0,183,1) 100%)!important;

    /* Size */
    --font-size: 1.1667rem!important;
    --line-height: 1.8333rem!important;
    --border-width: .18rem!important;

    /* Font */
    --font-family: 'Noto Sans', sans-serif;
}

/* Reset */
*, ::before, ::after {margin: 0;padding: 0;box-sizing: border-box; }
body{width: 100%;height: 100%;overflow-x:hidden;font-size: 1rem;background: linear-gradient(90deg, #F3EDFE, #F2ECFE);}
ul{list-style-type: none;}
p{ margin:0!important; }

/* FONT */
body{ font-size: var(--font-size)!important; line-height: var(--line-height)!important; }

/* COLORS */
.success {color: var(--green-dark)!important;}
.error {color: var(--red-dark)!important;}
.warning {color: var(--yellow-dark)!important;}
.white { color: var(--white)!important; }

.violet-lighter {color: var(--violet-lighter)!important;}
.violet-light {color: var(--violet-light)!important;}
.violet {color: var(--violet)!important;}
.violet-dark {color: var(--violet-dark)!important;}

.yellow-lighter {color: var(--yellow-lighter)!important;}
.yellow-light {color: var(--yellow-light)!important;}
.yellow {color: var(--yellow)!important;}
.yellow-dark {color: var(--yellow-dark)!important;}
.yellow-darker {color: var(--yellow-darker)!important;}

.red-lighter {color: var(--red-lighter)!important;}
.red-light {color: var(--red-light)!important;}
.red {color: var(--red)!important;}
.red-dark {color: var(--red-dark)!important;}

.grey-lighter {color: var(--grey-lighter)!important;}
.grey-light {color: var(--grey-light)!important;}
.grey {color: var(--grey)!important;}
.grey-dark {color: var(--grey-dark)!important;}

.black-lighter {color: var(--black-lighter)!important;}
.black-light {color: var(--black-light)!important;}
.black {color: var(--black)!important;}
.black-dark {color: var(--black-dark)!important;}

.green-lighter {color: var(--green-lighter)!important;}
.green-light {color: var(--green-light)!important;}
.green {color: var(--green)!important;}
.green-dark {color: var(--green-dark)!important;}

.pink-lighter {color: var(--pink-lighter)!important;}
.pink-light {color: var(--pink-light)!important;}
.pink {color: var(--pink)!important;}
.pink-dark {color: var(--pink-dark)!important;}

/* Backgrounds */
.bg-yellow-lighter {background-color: var(--yellow-lighter)!important;}
.bg-yellow-light {background-color: var(--yellow-light)!important;}
.bg-yellow {background-color: var(--yellow)!important;}
.bg-yellow-dark {background-color: var(--yellow-dark)!important;}

.bg-violet-lighter {background-color: var(--violet-light)!important;}
.bg-violet-light {background-color: var(--violet-light)!important;}
.bg-violet {background-color: var(--violet)!important;}
.bg-violet-dark {background-color: var(--violet-dark)!important;}

.bg-black-lighter {background-color: var(--black-lighter)!important;}
.bg-black-light {background-color: var(--black-light)!important;}
.bg-black {background-color: var(--black)!important;}
.bg-black-dark {background-color: var(--black-dark)!important;}

.bg-grey-lighter {background-color: var(--grey-lighter)!important;}
.bg-grey-light {background-color: var(--grey-light)!important;}
.bg-grey {background-color: var(--grey)!important;}
.bg-grey-dark {background-color: var(--grey-dark)!important;}

.bg-red-lighter {background-color: var(--red-lighter)!important;}
.bg-red-light {background-color: var(--red-light)!important;}
.bg-red {background-color: var(--red)!important;}
.bg-red-dark {background-color: var(--red-dark)!important;}

.bg-green-lighter {background-color: var(--green-lighter)!important;}
.bg-green-light {background-color: var(--green-light)!important;}
.bg-green {background-color: var(--green)!important;}
.bg-green-dark {background-color: var(--green-dark)!important;}

.bg-pink-lighter {background-color: var(--pink-lighter)!important;}
.bg-pink-light {background-color: var(--pink-light)!important;}
.bg-pink {background-color: var(--pink)!important;}
.bg-pink-dark {background-color: var(--pink-dark)!important;}

/* Border */
.border { border-width: .15rem!important;border-style: solid!important;border-radius:1rem!important; }
.border-sm { border-width: .12rem!important;border-style: solid!important;border-radius:1rem!important; }
.border-yellow-lighter {border-color: var(--yellow-lighter)!important;}
.border-yellow-light {border-color: var(--yellow-light)!important;}
.border-yellow {border-color: var(--yellow)!important;}
.border-yellow-dark {border-color: solid var(--yellow-dark)!important;}

.border-violet-light {border-color: var(--violet-light)!important;}
.border-violet {border-color:  var(--violet)!important;}
.border-violet-dark {border-color:  var(--violet-dark)!important;}

.border-black-lighter {border-color:  var(--black-lighter)!important;}
.border-black-light {border-color:  var(--black-light)!important;}
.border-black {border-color:  var(--black)!important;}
.border-black-dark {border-color:  var(--black-dark)!important;}

.border-grey-lighter {border-color:  var(--grey-lighter)!important;}
.border-grey-light {border-color:  var(--grey-light)!important;}
.border-grey {border-color:  var(--grey)!important;}
.border-grey-dark {border-color:  var(--grey-dark)!important;}

.border-red-lighter {border-color:  var(--red-lighter)!important;}
.border-red-light {border-color:  var(--red-light)!important;}
.border-red {border-color:  var(--red)!important;}
.border-red-dark {border-color:  var(--red-dark)!important;}

.border-green-lighter {border-color:  var(--green-lighter)!important;}
.border-green-light {border-color:  var(--green-light)!important;}
.border-green {border-color:  var(--green)!important;}
.border-green-dark {border-color:  var(--green-dark)!important;}

.border-pink-lighter {border-color:  var(--pink-lighter)!important;}
.border-pink-light {border-color:  var(--pink-light)!important;}
.border-pink {border-color:  var(--pink)!important;}
.border-pink-dark {border-color:  var(--pink-dark)!important;}

.rounded-end { border-top-right-radius: 1rem !important; border-bottom-right-radius: 1rem !important;}
.separator{ display:block;width: 100%; min-height: .15rem; }

/* HEADING */
/* h1{font-size: 4rem!important;line-height: 5rem!important;} */
h1, .h1{font-size: 1.8333rem;line-height: 2rem;font-weight: bolder;}
h2, .h2{font-size: 2.6667rem;line-height: 3.5rem;}
h3, .h3{font-size: 2.3333rem;line-height: 2.5rem;}
h4, .h4{font-size: 1.8333rem;line-height: 2.5rem;}
h5, .h5{font-size: 1.3333rem;line-height: 2.3333rem;}
h6, .h6{font-size: 1.1667rem;line-height: 1.8333rem;}
.caption{font-size: 1rem;line-height: 1.5rem;}

/* BUTTONS */
.btn{font-size:var(--font-size)!important;border-width: var(--border-width)!important; border-style: solid!important;border-color: transparent!important;background: none!important;display: inline-block!important;font-weight: 700!important;text-align: center!important;white-space: nowrap!important;vertical-align: middle!important;border-radius: 1rem!important;padding: 1rem 2rem}
.btn-sm{font-size:calc(var(--font-size) - .3rem)!important;border-width: var(--border-width)!important; border-style: solid!important;border-color: transparent!important;background: transparent;display: inline-block!important;font-weight: 700!important;text-align: center!important;white-space: nowrap!important;vertical-align: middle!important;border-radius: 1rem!important;padding: .5rem 1rem}
.btn-xs{font-size:calc(var(--font-size) - .4rem)!important;border-width: var(--border-width)!important; border-style: solid!important;border-color: transparent!important;background: transparent;display: inline-block!important;font-weight: 700!important;text-align: center!important;white-space: nowrap!important;vertical-align: middle!important;border-radius: .7rem!important;padding: .3rem .7rem}
.btn i{font-size:calc(var(--font-size) + .1rem)!important;}
.btn , .btn-sm {text-decoration: none;}
/* Primary */
.btn-primary {color: var(--white)!important;background-color: var(--violet-dark)!important;border-color:var(--violet-dark)!important;}
.btn-primary:focus {background: var(--violet-dark)!important;border-color: var(--violet-dark)!important;}
.btn-primary:hover {color: var(--violet-dark)!important;background: none!important;border-color: var(--violet-dark)!important;}
/* Primary-regular */
.btn-primary-regular {color: var(--violet-dark)!important;background: none!important;border-color: var(--violet-dark)!important;}
.btn-primary-regular:focus {color:var(--violet-dark)!important;background: none!important;border-color:var(--violet-dark)!important;}
.btn-primary-regular:hover {color: #fff!important;background-color: var(--violet-dark)!important;border-color:var(--violet-dark)!important;}
/* Secondary */
.btn-secondary {color: var(--black-dark)!important;background-color: var(--yellow-dark)!important;border-color:var(--yellow-dark)!important;}
.btn-secondary:focus {background: var(--grey)!important;border-color: var(--grey-light)!important;}
.btn-secondary:hover, .btn-secondary:active {color: #fff!important;background: var(--grey)!important;border-color: var(--grey)!important;}
.btn-secondary-reverse {color: #fff!important;background: var(--grey)!important;border-color: var(--grey)!important;}
.btn-secondary-reverse:focus {background: var(--grey)!important;border-color: var(--grey-light)!important;}
.btn-secondary-reverse:hover, .btn-secondary-reverse:active {color: var(--black)!important;background-color: var(--yellow-dark)!important;border-color:var(--yellow-dark)!important;}
/* White */
.btn-white {color: var(--white)!important;background: none!important;border-color:var(--white)!important;}
.btn-white:focus {background: var(--red-dark)!important;border-color: var(--red-dark)!important;}
.btn-white:hover {color: var(--violet-dark)!important;background: var(--white)!important;border-color: var(--white)!important;}
/* Danger */
.btn-danger {color: var(--white)!important;background-color: var(--red-dark)!important;border-color:var(--red-dark)!important;}
.btn-danger:focus {background: var(--red-dark)!important;border-color: var(--red-dark)!important;}
.btn-danger:hover {color: var(--red-dark)!important;background: none!important;border-color: var(--red-dark)!important;}

.btn-transparent {color: var(--white)!important;border-color:var(--white)!important;}
.btn-transparent:hover {color: var(--violet-dark)!important;border-color:var(--violet-dark)!important;background-color: var(--white)!important;}

.btn-active, .btn-active:hover {color: var(--white)!important;background-color: var(--violet-dark)!important;border-color:var(--violet-dark)!important;}
/* .btn-secondary-regular {color: var(--violet-dark)!important;background: none!important;border:.2rem solid var(--violet-dark)!important;}
.btn-secondary-regular:focus {color: #fff!important;background-color: var(--violet-dark)!important;border-color:var(--violet-dark)!important;}
.btn-secondary-regular:hover, .btn-primary:active {color: #fff!important;background-color: var(--violet-dark)!important;border-color:var(--violet-dark)!important;} */

.btn-success{}

#iconsList i:hover{ color: var(--violet-dark)!important;}

/* BADGE */
.badge { display:block; padding: .35rem .65rem;font-size: .7rem;line-height: .7rem;font-weight: 700;text-align: center;}

/* FILTERS */
.filter{display:flex}
.filter a { color: var(--grey-dark)!important;padding:.7rem!important; font-weight: bold!important;text-decoration: none!important; }
.filter button {color: var(--grey)!important;border-color: var(--grey-lighter)!important;border-radius: 1rem!important;background: var(--grey-lighter)!important;}
.filter button:hover {color: var(--violet-dark)!important;border-color: var(--violet-dark)!important;border-radius: 1rem!important;}
.filter button:hover a{color: var(--violet-dark)}
.filter .mixitup-control-active { color:#fff!important;font-size:var(--font-size)!important;border-width: var(--border-width)!important; border-style: solid!important;border-color: transparent!important;background: none!important;display: inline-block!important;font-weight: 700!important;text-align: center!important;white-space: nowrap!important;vertical-align: middle!important;border-radius: 1rem!important;padding: .7rem 1rem!important;color: #fff!important;background-color: var(--violet-dark)!important;border-color:var(--violet-dark)!important; }
.filter .mixitup-control-active:hover { cursor: default;color: var(--white)!important }

/* FORM */
/* => Input */
label{ color: var(--grey-dark)!important; font-weight: 600!important;}
input, select{outline: none !important;border-width: var(--border-width)!important;border-color: transparent!important;border-style: solid!important;}
input[type="text"], input[type="email"], input[type="password"], input[type="number"], input[type="date"], select, textarea {color: var(--black)!important;padding: .9rem 2rem!important;font-weight: bold!important;border-color: var(--grey-light)!important;border-radius: 1rem!important;}
input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="number"]:focus, input[type="file"]:focus, input[type="date"]:focus, select:focus, textarea:focus {color: var(--violet-dark)!important;border-color: var(--violet-dark)!important;}
input[type="text"]:disabled, input[type="email"]:disabled, input[type="password"]:disabled, input[type="number"]:disabled, input[type="file"]:disabled, select:disabled, textarea:disabled {color: var(--grey-dark)!important;padding: .9rem 2rem!important;font-weight: bold!important;border-color: var(--grey-light)!important;border-radius: 1rem!important;}

input[type="text"].success, input[type="email"].success{color: var(--black)!important; border-color: var(--green-dark)!important;}
input[type="text"].error, input[type="email"].error{color: var(--black)!important; border-color: var(--red-dark)!important;}


/* => Checkbox */
input[type="checkbox"] {color: #fff!important;border-radius: 1rem!important;border-width: .3!important;border-color: var(--grey-light)!important;}
input[type="checkbox"]:hover {border-color: var(--violet-dark)!important;}
.container input:checked { background-color: var(--violet-dark)!important;border-color: var(--violet-dark)!important; }

/* TABLE */
table {font-size: .8rem;}
table th { color: var(--grey)!important;font-size: .9rem!important; }
table a, table i { color: var(--grey-dark); }
table a:hover, table a:hover i { color: var(--violet-dark); }
table tr.new { font-weight: bold; }

/* MODALS */
.modal{ background-color: var(--violet-transparent); }

/* RAPID-ACCESS */
.rapid-access{display: flex!important;}
.rapid-access a {display:block!important;width:19.7%!important;padding:1rem 1.5rem!important;font-size: 1.5rem!important;border-radius: 1rem!important;color: var(--grey)!important;border: .15rem solid var(--grey-light)!important;text-decoration: none!important;transition: .5s ease-in-out!important;}
.rapid-access a i {color: var(--white)!important;font-size: 1.4rem!important;padding: 1.2rem!important;border-radius: 1rem!important;border: .15rem solid transparent!important;}
.rapid-access a span {color: var(--black-dark)!important;font-weight: bold!important;font-size: 3rem!important;}
.rapid-access a:hover {border: .15rem solid var(--violet-dark)!important;background-color: var(--violet-dark)!important;color: var(--white)!important;}
.rapid-access a:hover i {background-color: transparent!important;border: .15rem solid var(--white)!important;}
.rapid-access a:hover span {color: var(--white)!important;}
.rapid-access h6{font-weight: bold!important;}

/* NOTIFICATIONS */
#table-notifications{height: 32rem;max-height: 32rem;overflow-y: scroll;scrollbar-color: var(--grey) var(--grey-lighter);scrollbar-width: thin; }
.newNotifications { color: var(--grey);margin-top: 3.7rem;font-weight: bold; }
.newNotifications i {color: var(--grey)!important;font-size: 1.4rem!important;padding: 1.2rem!important;border-radius: 1rem!important;border: .15rem solid var(--grey-light)!important;}
.newNotifications span { color: var(--black-dark);font-size: 3rem; }

.btn-sort-up, .btn-sort-down {cursor: pointer!important;display:block!important;color: var(--grey)!important;font-size: 10px!important;}
.sort-select {color: var(--grey)!important;cursor: default!important;opacity:.4;}
.dot{ display: inline-block;width: .5rem;height: .5rem;border-radius: 50%;line-height:1rem; }

.scroll { height: 50rem;scrollbar-color: var(--grey) var(--grey-lighter);scrollbar-width: thin;overflow-y: scroll;padding: 1.2rem; }

/* OPERATIONS */
#operation{}
#operation form{ width:75%; }
/*#operation #map-container { position: relative;overflow: hidden;}
#operation #map { width : 400px!important;max-height: 300px!important;position: relative;z-index: 1!important;}*/

/* INSTRUCTION */

/* Documents / Messagerie*/
#mod_documents > .container, #mod_messagerie > .container {width: 100%!important;padding-right: 3rem;padding-left: 2rem;overflow-y: scroll;overflow-x: hidden;border-bottom: 1 px solid grey;scrollbar-color: var(--grey) var(--grey-lighter);scrollbar-width: thin;}
/* Messagerie */
#mod_messagerie > .container{height: 30rem!important;}
.msg-emetteur, .msg-recepteur, .msg-instructeur { width: 50%!important;}
.msg-emetteur .content{color: var(--white);background-color: var(--grey-dark);border-top-left-radius: 1rem;border-top-right-radius: 1rem;border-bottom-left-radius: 1rem;border-bottom-right-radius: .2rem;}
.msg-recepteur .content{background: #E5EBF0;border-top-left-radius: 1rem;border-top-right-radius: 1rem;border-bottom-left-radius: .2rem;border-bottom-right-radius: 1rem;}
.msg-instructeur .content{background: #E9E0FC;border-top-left-radius: 1rem;border-top-right-radius: 1rem;border-bottom-left-radius: .2rem;border-bottom-right-radius: 1rem;}

/* Statut */
.mod_statut { padding: 0 1rem; }
#form-demande-instruction{padding:0;}
#bloc-exam input[type="text"], #bloc-exam input[type="file"], #bloc-exam input[type="number"], #bloc-exam select {padding:.5rem .3rem .5rem .5rem!important;color: var(--black)!important;font-weight: bold!important;border-color: var(--grey-light)!important;border-radius: 1rem!important;}
/* Description */
.mod_description { padding: 0 1rem; }
.mod_description .feature {line-height: .2rem!important;}
.mod_description span{ font-weight: bold; }

/* Documents */
#mod_documents { min-height: 12rem!important;height: 12rem!important;max-height: 12rem!important; overflow-y: scroll!important;scrollbar-color: var(--grey) var(--grey-lighter);scrollbar-width: thin; }

#mod_pcmodif {}
#mod_pcmodif a, #mod_pcmodif i { color: var(--grey-dark)!important; }
#mod_pcmodif a:hover, #mod_pcmodif a:hover i { color: var(--violet-dark)!important; }
/* INTERVENANTS */
#intervenants{}
#select_intervenant { border-bottom: .13rem solid var(--grey-light)!important;margin: 1rem 0; }
#select_intervenant .col-2 { text-align: center;position:relative;top: .13rem; }
#select_intervenant .active { border-bottom: .13rem solid var(--violet)!important; }
#select_intervenant .active span { display: inline-block;color: var(--violet);font-weight: bold;padding: 1rem 0;cursor: default; }
#select_intervenant a {display: inline-block; text-decoration:none;color: var(--black-dark);font-weight: bold;padding: 1rem 0;}
#intervenants select{ width:14rem; }

#list-actors { width: 100%;display: block;height: 30rem!important;overflow-y: scroll!important;scrollbar-color: var(--grey) var(--grey-lighter);scrollbar-width: thin; }

/** VISAS */
#visas{}
#visas th, #visas td {
    text-align: center;
    vertical-align: middle;
  } 
/* MODALS */
.modal-dialog {max-width: 35%;}