/*    @font-face {
      font-family: Orbitron;
      src: url('design2.0/Orbitron-Regular.ttf');
      font-weight: normal;
      font-style: normal;
    }      */

.modal-body{
/*    overflow-y: unset !important;*/
}

.font-size-xs-7{font-size: 0.7em;}
.font-size-xs-8{font-size: 0.8em;}
.font-size-xs-9{font-size: 0.9em;}

.app-content{
    padding: 0px;
}
.container-fluid{
    padding: 0 4px;
}

@media (max-width: 767px) {
    .top-navbar .nav-link{
        padding-left:  6px !important;
        padding-right: 10px !important;
    }
}


.disabled {
    pointer-events:none;
    opacity:0.6;
}    
.btn.disabled, .btn:disabled{
    pointer-events:none;
    opacity: 0.3;
}
.btn-black{
    background-color:#000;
    color: #FFF;
}
.btn-black:hover{
    color: #FFF;
}
.ul_display_table{
    float: right;
    list-style-type: none;
    table-layout: fixed;
    width: 100%;
    padding-left: 0px;
}

.li_display_table{
/*    min-width: 0px !important;
    padding: 4px;
    display: table-cell;*/
}        
#user_view_missions_mode > li > a:hover{
    background-color:#e7e7e7;
}
a {
  color: #254558;/*#414141;*/
}

pre{
    display: table;/*fix height when parent has display:flex;*/
}    
blockquote{
    font-size: inherit;
}
/*input[type=file]::file-selector-button {
    background-color: #fff;
    color: #444;
    border: 2px solid #ccc;
    height: 30px;
    padding: .2em .4em;
    border-radius: .2em;
    transition: 1s;
}*/
.btn-file {
  position: relative;
  overflow: hidden;
}
.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  outline: none;
  background: white;
  cursor: inherit;
  display: block;
}

.modal-dialog {
    width: 50%;
    margin: 30px auto;
}
@media screen and (max-width: 768px) {
    .modal-dialog{
        min-width: 90%;
    }
}
.dropdown-backdrop {
  background: rgba(100,100,100,0.5);
}
.bootstrap-select > .dropdown-toggle{
    min-height: 34px;
}
.progress-bar{
    background-color:#414141;
}
textarea.no-styles{
    border: none;
    overflow: auto;
    outline: none;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;

    resize: none !important; /*remove the resize handle on the bottom right*/
}

.btn:active {
    border-color: #ddd !important;
}

.btn-transparent {
  background-color: transparent;
  color: #444;
  border-color: transparent;
}
.btn-white {
  background-color: #fff;
  color: #444;
  border-color: #fff;
}
.btn-white:hover,
.btn-white:active,
.btn-white.hover {
    background-color: #fff !important;
    border-color: #e6e6e6;
    color: #444;  
}

.btn-default {
  background-color: #fff;
  color: #444;
  border-color: #ccc;
}
.btn-default:hover,
.btn-default:active,
.btn-default.hover {
    background-color: #f8f8f8 !important;
    border-color: #ce4233;
    color: #ce4233;  
}
.btn-validate {
    background-color: #fff !important;
    color: #3c8dbc !important;
    border: 1px solid #3c8dbc !important;
    font-weight: 700;
    /*border-color: #000;*/
    text-transform: uppercase;
    
    -webkit-transition: ease-out 0.4s;
    -moz-transition: ease-out 0.4s;
    transition: ease-out 0.4s;        
}

@media (min-width: 768px) {
    .btn-validate:hover,
    .btn-validate:active, 
    .btn-validate.hover {
        box-shadow: inset 200px 0 0 0 #3c8dbc;
        color: #fff !important;
    /*    background-color: #3c8dbc !important;*/
    }
}

.btn-danger {
    background-color: #fff !important;
    color: #ce4233 !important;
    border: 1px solid #ce4233 !important;
    font-weight: 700;
    /*border-color: #000;*/
    text-transform: uppercase;
    
    -webkit-transition: ease-out 0.4s;
    -moz-transition: ease-out 0.4s;
    transition: ease-out 0.4s;        
}
@media (min-width: 768px) {
.btn-danger:hover,
    .btn-danger:active, 
    .btn-danger.hover {
        box-shadow: inset 256px 0 0 0 #ce4233;
        color: #fff !important;
    }
}
    
.table {
    margin: 0;
}
.table-sm{
    border-spacing: 0;
    border-collapse: separate;
}
.table-sm td, .table-sm th{
    border: none;
    padding: 2px;
}

label {
    margin: 0 !important;
}

  
.user-image-container{
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.progress-bar-qty{
    margin-left: 4px;
    font-weight: 600;    
}

.btn-group-sm>.btn, .btn-xs {
    padding: 1px 1px !important;
    border-radius: unset;
/*    font-size: 12px !important;
    line-height: 1.5 !important;*/
    /*border-radius: 3px !important;*/
}
@media (max-width: 767px) {
    .btn-group-sm>.btn, .btn-xs{
        width: 16px;
        height: 16px;    
    }
}   
@media (min-width: 768px) {
    .btn-group-sm>.btn, .btn-xs{
        width: 22px;
        height: 22px;    
    }
}

.btn-check:checked+.btn{
    background-color: #ddd !important;
    color:#414141;
    border-color: #ccc !important;
}

.btn-check:not(:checked)+.btn{
    background-color: #f8f9fa !important;
    color:#ccc;
    border-color: #ccc !important;
}


.btn-active-bordeless:active{
    border-color: transparent !important;    
}

.btn-xs > i {
    font-size: 0.75rem;
    position: relative;
    top: 1px;
    display: flex;
    justify-content: center;
    height: 100%;
    align-items: center;
}
.btn-xs .fa-stack.fa-xs{
    font-size: 0.6rem;
    left: -3px;
    top: -5px;    
}

ul li i{
    /*margin-right: 8px;*/
}
#parents_controls_menus ul li a {
    margin-bottom: 0;
}
.offcanvas-title{
    text-transform: uppercase;
    color: #ce4233;
}    

#nav_tools i ,#menu_right i{
/*    text-align:center;
    width:20px;*/
}

/*#nav_tools .submenu i, #menu_right .submenu i{
    width: unset;
}*/
#nav_tools .submenu span, #menu_right .submenu span{
    text-transform: uppercase;
    color: #ce4233;
}


/*BOOTSTRAP 5*/

.input-group{
    display: flex;
    flex-wrap: nowrap;    
/*    flex-wrap: nowrap; > PB w planifier des récurrences > fréquence mensuelle > quel(s) jour(s) du mois cela se répète-t-il */
}
.input-group-wrap{
    flex-wrap: wrap !important;
}

label.input-group-text{
    height: unset;
    line-height: normal;
    padding: .175rem .75rem;    
    background-color: #f2f5f9;
}

.input-group-text{
    height: 100%;
    line-height: 2;
    font-weight: 600;
    /*    text-transform: uppercase;    */
}

.row_metadata_rules .input-group-text,
.mission_metadata .row .input-group-text {
    white-space: break-spaces;
    word-break: auto-phrase;
    text-align: start;
    line-height: 1.1em;
    width: 100%;
}

@media (max-width: 767px) {
    .input-group-text{
        font-size: 10px;
    }
    label{
        font-size: 10px !important;
        line-height: 1.1 !important;
        display: flex !important;
        align-items: center;        
    }
}
@media (min-width: 768px) {
    .input-group-text{
        font-size: 13px;
    }
}


.mission_metadata .row div[class^="col-"] {
/*    display: flex;
    align-items: center;*/
    padding-left: 0;
}

.input-group-text > i{
    margin-right: 4px;
}

.dropdown-item > i{
    margin-right: 12px;
}

.dropdown-menu{
    z-index:1151 !important;
    animation: fade 0.5s !important;
    transform: unset !important;
    
}

.dropdown-menu li {
    position: relative;
}
.dropdown-menu .dropdown-submenu {
    display: none;
    position: absolute;
    left: 100%;
    top: -7px;
}

.dropdown-menu > li:hover > .dropdown-submenu {
    display: block;
}
.dropdown-menu .dropdown-submenu-left {
    right: 100%;
    left: auto;
}


.input-group .form-check-input{
    height: 40px;
    width: 40px;
    margin: auto 0;    
    border-radius: 8px !important;
/*    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;*/
}  
.input-group .input-group-text .form-check-input{
    height: 24px;
    width: 24px;
    margin: auto;
}  

.box-content > button,
.input-group-prepend > button{
    width: 40px;
    height: 40px;
    /* margin: auto; */
    /*margin-top: 4px;*/
}
/*.input-group .checkbox-control, .input-group input[type=checkbox]{
    cursor:pointer;
    width: 30px;
    height: 30px;
    margin: auto 0;
}*/
.list-group-item{
    border: none;
    padding: 2px 0;
}
.list-group-item .form-check-input{
    margin-right: 4px;
}  

.box-title {
    color: #414141;
    text-transform: uppercase;
    font-size: 1.2em;
    font-weight: 600;
    margin-bottom: 12px;
}

.badge {
    padding: 4px;
}
.nav-link > .nav-badge,
.nav-link > p > .nav-badge {
    right: 0 !important;
}
.nav-link.active{
    border: 1px solid #ce4233;
    /*padding-left: 3px;*/
}

.nav.nav-tabs .nav-link i{
    color: #254558;
}

.nav-link.active i{
    color: #ce4233;
}

.nav.nav-tabs .nav-link span{
    color: #254558;
    font-variant: small-caps;
    letter-spacing: -0.05em;
}
.nav-link.active i,
.nav-link.active span{
    color: #ce4233 !important;
}

.nav-link-i{
/*    width: 24px;
    text-align: center;    */
}
.nav-link-p{
    margin-left: 6px;
    font-variant: small-caps;
}

.toast-alert .toast-header{
    background-color: #ce4233;
    color: #fff;    
    font-variant: all-small-caps;
}

.toast-alert .toast-body{
    font-size: 16px;
    line-height: 1.2em;    
    background-color: #fff;
}

span.placeholder {
    color: #ccc !important;
}

.dropdown-menu .inner{
    border-radius: unset;
}
.dropdown-menu-center, .dropdown-menu-middle {
    transform: translate(-40%) !important;
}

.fa-stack.small {
    font-size: 0.6em;
}
/*i {
    vertical-align: middle;
}*/
.button-i-text{
    margin-right:4px;
}
  

input[type="text"].hasTimepicker {
    cursor: pointer;
}

input[type="date"] {
    position: relative;
    flex: unset !important;
    width: 240px !important;/* wednesday */
    height: 40px;
    cursor: pointer;
}

@media (min-width: 768px) {
    input[type="date"]:before {
        position: absolute;
        content: attr(data-date);
        display: inline-block;
        top: 6px; left: 6px;
    }
}
    
/*
@media (min-width: 768px) {
    input[type="date"]:before {
        top: 6px; left: 6px;
    }
}
*/
input[type="date"]::-webkit-datetime-edit, input[type="date"]::-webkit-inner-spin-button, input[type="date"]::-webkit-clear-button {
    display: none;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
/*    position: absolute;
    top: 8px;
    right: 0;
    color: black;
    opacity: 1;*/
}

input[type=number].form-control {
    width: auto;
}

.mission_create_event_title{
    /*margin:0 8px;*/
    padding : 12px;
}

.toast-body{
    max-height: 40vh;
    overflow: auto;
}

.form-floating label{
    font-size: 0.8em;
    opacity: 0.5;    
}

.selectize-control.multi{/*.selectize-input > pb width in metadata*/
/*    overflow-y: auto !important;
    max-height: 128px;*/
}

.selectize-input.not-full > input {
  /*width: 100% !important; >> 2 lines on multi select */
}

.selectize-control .selectize-input{
    font-size: 16px;
    overflow: auto;
    /*white-space: nowrap;*/
}

.selectize-input{
    display: flex;
    flex-wrap: wrap;    
}

.selectize-control .selectize-input:after{
    display: none !important;/*hide arrow*/
}

.selectize-control.plugin-clear_button.single .clear{
    right:0 !important;
}

.selectize-control.multi .selectize-input>div.active{
    color:#343a40 !important;
}

input[type=checkbox].controls_metadata{
    width :26px;
    height :26px;
}    

.selectize-input{
    height: 40px;
    font-size: 17px;    
}
#div_stats_filters .input-group {
    display: flex;
    flex-wrap: nowrap;    
}

@media screen and (max-width: 767px) {
    .top-navbar .nav-item{
        max-width:36px;
        margin: 0 2px;
    }
}
@media screen and (min-width: 768px) {
    .top-navbar .nav-item{
/*        max-width:128px;*/
    }
}

.mission_ratings_name{
    padding-right: 16px;
    font-size: 16px;
    font-weight: 600;
    font-variant: small-caps;
    letter-spacing: -0.02em;
    line-height: 1.1em;
    color: #01618c;
}

@media (max-width: 767px) {
    .mission_ratings_name {
        font-size: 14px !important;
    }
}

@media screen and (min-width: 768px) {
    #dashboard{
        padding: 16px 128px;
    }
}

#dashboard .row > .col{
    display: flex;
    flex-direction: column;    
    align-items: center;    
    justify-content: flex-start;    
}

.info-box {
    max-width: 294px;
    align-items: center;
}
.info-box-mission:hover {
    border: 1px solid #ffffff;
    -webkit-box-shadow: 0 12px 24px 0 rgba(45, 80, 133, .32);
    box-shadow: 0 6px 24px 0 rgba(45, 80, 133, .32);
}

.info-box .info-box-content{
    flex-direction: row !important;
    align-items: center;
    justify-content: space-between;
    font-variant: small-caps;
    font-weight: 600;
}

.info-box-icon{
    font-size: 1.4rem !important;
    font-weight: 600;
    min-width: 48px !important;
    width: 48px !important;
    height: 48px;
}
.info-box-text > div{
    display: flex;
    align-items: center;
    height: 100%;
    white-space: break-spaces;
    line-height: 1.1;
    width: 164px;
    font-size:1.2em;
    color: #555;
    padding-right: 4px;
}

.info-box-number{
    font-size: 1.2rem;
    white-space: nowrap;
}

.info-box-number > i{
    font-size: 10px;
    margin: 0 4px;
}

#custom-dropdown-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5); /* Adjust opacity as needed */
  z-index: 1040; /* Make sure it's above other elements */
  display: none; /* Hidden by default */
}
/*.dropdown.show .custom-dropdown-backdrop {
  display: block;
}*/

.fc-daygrid-event-harness,
.fc-timegrid-event-harness{
    box-shadow: 0 2px 12px 0 rgba(45, 80, 133, .69);
}
.fc-daygrid-event-harness:hover,
.fc-timegrid-event-harness:hover{
    box-shadow: 0 4px 24px 0 rgba(45, 80, 133, .69);
}
.fc-timegrid-event .fc-event-main{
    overflow: hidden;
}

.ql-editor.ql-blank:focus::before {
  content: '';
}
ol li[data-list='bullet']:not(.ql-editor ol li[data-list='bullet']) {
  list-style-type: disc;
}

/* Cache l’UI interne de Quill si présente */
.mission_event_comment li[data-list] .ql-ui { display: none; }

/* Retire les puces/chiffres natifs et crée la place pour l’icône */
.mission_event_comment li[data-list] {
    /*list-style: none;*/
    position: relative;
    padding-left: 8px;
}

/* Case vide par défaut */
.mission_event_comment li[data-list]::before {
    position: absolute;
    left: 0;
    top: 0; /* ajuste au besoin: 0.1em si tu veux descendre un peu */
}

/* Case vide par défaut */
.mission_event_comment li[data-list="unchecked"]::before {
    content: "☐";
}

/* Case cochée quand data-list="checked" */
.mission_event_comment li[data-list="checked"]::before {
    content: "☑";
}

.mission_event_comment li[data-list="checked"], 
.mission_event_comment li[data-list="unchecked"]{
    list-style: none;
    margin-left: -24px;
    padding-left: 32px;  
}