/*** GLOBAL ***/
:root{
    /* --found:#28a745; */
    --found:#186329;
    --found-second:#48b461;
    --found-third:#3eb058;
    
    /* --lost:#e83e8c; */
    --lost:#a91459;
    /* --lost-second:#e83e8c; */
    --lost-second:#a91459;
    /* --lost-second:#c53577; */
    --lost-second:#c53577;
    --lost-third:#ba3270;
    
    /* --content:#3b7ddd; */
    --content:#18468b;
    /* --content-second:#5891e2; */
    --content-second:#1d56a5;
    /* --content-third:#2f64b1; */
    --content-third:#7daae8;
    
    --black:#181717;
    --black-second:#141414;
    --black-third:#131212;
    
    --white:#ffffff;
    
    --success:#006600;
    --success-border:#003300;
    --success-hover:#004d00;
    --info:#16aaff;
    --info-border:#006faf;
    --info-hover:#0090e2;
    --warning:#f7b924;
    --warning-border:#af7d06;
    --warning-hover:#e0a008;
    /* --alert:#dc3545; */
    --alert:#A91E2C;
    --alert-border:#520f15;
    --alert-hover:#7e1621;
    /* --danger:#d92550; */
    --danger:#AA1D3E;
    --danger-border:#530e1e;
    --danger-hover:#7e162e;
    --danger2:#F72422;
    --danger2-border:#ad0806;
    --danger2-hover:#de0a08;
    --error:#B30000;
    --error-border:#4d0000;
    --error-hover:#800000;
    
    --bg-color:#ffff;
    /* --bg-color:rgba(233,236,239,0.4); */
    
    /* --bg-color-odd:#F5F5F5; */
    --bg-color-odd:#ffff;
    
    --footer-bg-color:#051039;
    --footer-color:#ffffff;
    
    --gray:#535a5f;
    --gray-dark:#343a40;
    --gray-100:#f8f9fa;
    --gray-200:#e9ecef;
    --gray-300:#dee2e6;
    --gray-400:#ced4da;
    --gray-500:#adb5bd;
    --gray-600:#6c757d;
    --gray-700:#495057;
    --gray-800:#343a40;
    --gray-900:#212529;
    
    /* --txt-color:#6c757d; */
    /* --txt-color:#1a1a1a; */
    /* --txt-color:#464d53; */
    --txt-color:#3b4045;
    /* --txt-placeholder:#595959; */
    --txt-placeholder:#595959;
    
    /* --link-color:#3b7ddd; */
    --link-color:#18468b;
    --link-hover-color:#143b76;
    
    --input-color:#444;
    --input-border-color:#CED4DA;
    /* --input-background-color:#fbfbfb; */
    --input-background-color:#FFF;
    
    --table-bg:transparent;
    --table-striped-bg:#f8f9fa;
    --table-hover-shadow:inset 0 0 0 9999px rgba(0,0,0,.075);
    
    --shadow-color:rgba(4, 9, 20, 0.03);
    --shadow-dark-color:rgba(4, 9, 20, 0.05);
    
    --shadow-hover-color:rgba(4, 9, 20, 0.06);
    --shadow-dark-hover-color:rgba(4, 9, 20, 0.1);
    
    --shadow:var(--shadow-color) 0px 7px 35px 0px, var(--shadow-color) 0px 15px 22px 0px, var(--shadow-dark-color) 0px 4px 8px 0px, var(--shadow-color) 0px 2px 3px 0px;
    --shadow-transition:box-shadow 300ms;
    --shadow-hover:var(--shadow-hover-color) 0px 10px 38px 0px, var(--shadow-hover-color) 0px 18px 26px 0px, var(--shadow-dark-hover-color) 0px 7px 12px 0px, var(--shadow-hover-color) 0px 5px 6px 0px;
    
    --bouton-transition:background-color .3s,color .3s, border-color .3s;
    
    --border-color:#CED4DA;
    --border-radius:5px;
    --big-border-radius:30px;
}

@keyframes fade-in {
    0% {
        margin-top:-50px;
        visibility:hidden;
        opacity:0
    }

    100% {
        margin-top:0;
        visibility:visible;
        opacity:1
    }
}

@keyframes alert{
    0% {
        transform:rotate(0deg);
    }
    
    25% {
        transform:rotate(-10deg);
    }
    
    50% {
        transform:rotate(0deg) scale(1.2);
    }

    75% {
        transform:rotate(10deg);
    }
    
    100% {
        transform:rotate(0deg);
    }
}

@keyframes rotation{
    0% {
        transform:rotate(0deg);
    }
    25% {
        transform:rotate(90deg);
    }
    50% {
        transform:rotate(180deg);
    }
    75% {
        transform:rotate(270deg);
    }
    100% {
        transform:rotate(360deg);
    }
}

*{
    margin:0;
    padding:0;
}

html{
    width:1000px;
    margin:0 auto;
    color:var(--txt-color);
    background-color:var(--white);
}

body{
    width:1000px;
    margin:0 auto;
    overflow-x:hidden;
    font-family:-apple-system, "Segoe UI", "Roboto", "Helvetica Neue", Arial, "Noto Sans"," Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size:15px;
    color:var(--txt-color);
    background-color:var(--bg-color);
}
body img{
    max-width:100%;
}
html.widget,
html.widget body{
    width:100%;
    margin:0;
}

form, input, textarea, select, button{
    -webkit-box-sizing:border-box; /* Pour les anciennes versions des navigateurs WebKit */
    -moz-box-sizing:border-box; /* Pour tous les navigateurs Gecko */
    box-sizing:border-box;
}
textarea,
input[type="text"],
input[type="search"],
input[type="submit"]{
    -webkit-appearance:none;
}

fieldset, legend{
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline;
}
legend.header{
    width:100%;
}

/** INPUT **/
.placeholder,
.select2-container--default .select2-selection--single .select2-selection__placeholder{
    color:var(--txt-placeholder);
    font-style:italic;
    font-size:0.9em;
}
::placeholder{
    color:var(--txt-placeholder);
    font-style:italic;
    font-size:0.9em;
}
::-webkit-input-placeholder{
    color:var(--txt-placeholder);
    font-style:italic;
    font-size:0.9em;
}
:-moz-placeholder{
    color:var(--txt-placeholder);
    font-style:italic;
    font-size:0.9em;
}
::-moz-placeholder{
    color:var(--txt-placeholder);
    font-style:italic;
    font-size:0.9em;
}
:-ms-input-placeholder{
    color:var(--txt-placeholder);
    font-style:italic;
    font-size:0.9em;
}
.placeholder:focus{
    color:transparent;
}

input.ui-autocomplete-loading{
    background-image:url("/images/loader.gif");
    background-position:right 0;
    background-repeat:no-repeat;
}
input.ui-autocomplete-loading.loader-small{
    background-image:url("/images/loader-small.gif");
    background-position:right 4px;
    background-repeat:no-repeat;
}

input[type="radio"]{
    margin-left:3px;
}

textarea,
input[type="text"],
input[type="search"],
input[type="number"],
input[type="date"],
input[type="time"],
input[type="password"],
input[type="email"],
select{
    font-size:15px;
    padding:2px 5px;
    width:260px;
    border:2px solid var(--input-border-color);
    color:var(--input-color);
    border-radius:var(--border-radius);
    background-color:var(--input-background-color);
}
form input[type="text"].short,
form input[type="search"].short,
form input[type="number"].short,
form input[type="date"].short,
form input[type="time"].short,
input.short{
    width:95px;
}
form .value_currency input[type="text"].short.value,
.value_currency input.value{
    width:70px;
}
form .value_currency select.currency,
.value_currency select.currency{
    width:260px;
}

form input[type="text"],
form input[type="search"],
form input[type="number"],
form input[type="date"],
form input[type="time"],
form input[type="password"],
form input[type="email"],
form select{
    height:35px;
    width:360px;
    padding:3px 5px;
    background-clip:padding-box;
    line-height:26px;
    text-align:left;
}
form.was-validated :invalid,
form.was-validated .is_invalid{
    border:1px solid #e63757;
}
form.was-validated :invalid:focus,
form.was-validated .is_invalid:focus{
    outline:0;
    box-shadow:0 0 0 0.25rem rgba(230,55,87,.25);
}
.form_input,
.select2-container{
    width:360px;
}
/** INPUT **/

/** SELECT2 **/
.select2-selection__rendered {
    line-height:26px;
}
.select2-container .select2-selection--single{
    height:35px;
    padding:0 5px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    height:34px;
}
.ui-dialog .select2 {
    max-width:100%!important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color:var(--txt-color);
    line-height:28px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color:var(--content);
    color:var(--white);
}
/** SELECT2 **/

form ._money select{
    width:240px;
}
form select.small,
form input[type="text"].small,
form input[type="search"].small,
form input[type="number"].small,
form input[type="date"].small,
form input[type="time"].small{
    width:175px;
}
form select.smaller,
form input[type="text"].smaller,
form input[type="search"].smaller,
form input[type="number"].smaller,
form input[type="date"].smaller,
form input[type="time"].smaller{
    width:75px;
}

input[type="checkbox"].tgl{
    /* display:none; */
    opacity:0;
    width:0;
    height:0;
    outline:none;
    border:1px solid transparent;
    background-color:transparent;
}
input[type="checkbox"].tgl + .toggle{
    display:inline-block;
    box-sizing:border-box;
    outline:0;
    width:42px;
    height:25px;
    position:relative;
    cursor:pointer;
    background:var(--input-background-color);
    border-radius:25px;
    padding:2px;
    -webkit-transition:all .4s ease;
    transition:all .4s ease;
    border:2px solid var(--gray-300);
    vertical-align:middle;
}
input[type="checkbox"].tgl:focus + .toggle{
    outline:2px solid var(--black);
}
input[type="checkbox"].tgl:checked + .toggle{
    background:#86d993;
}
input[type="checkbox"].tgl + .toggle:active{
    box-shadow:inset 0 0 0 25px #e8eae9;
}
input[type="checkbox"].tgl:checked + .toggle:active{
    box-shadow:none;
}
input[type="checkbox"].tgl + .toggle:after{
    position:relative;
    display:block;
    content:"";
    width:50%;
    height:100%;
    border-radius:25px;
    background:var(--input-background-color);
    -webkit-transition:left 0.3s ease, padding 0.3s ease, margin 0.3s ease;
    transition:left 0.3s ease, padding 0.3s ease, margin 0.3s ease;
    box-shadow:0 0 0 2px rgba(0, 0, 0, 0.1), 0 4px 0 rgba(0, 0, 0, 0.08);
}
input[type="checkbox"].tgl:checked + .toggle:after{
    left:50%;
}
input[type="checkbox"].tgl + .toggle:active:after{
    padding-right:9px;
}
input[type="checkbox"].tgl:checked + .toggle:active:after{
    margin-left:-9px;
}

select{
    width:274px;
}
select.short{
    width:auto;
}
select,
textarea{
    padding:1px 0 1px 2px;
}
textarea{
    width:360px;
    height:100px;
    padding:5px;
    resize:initial;
    line-height:1.2em;
}
textarea.resize{
    resize:auto;
}
textarea.more_long{
    height:250px;
}

form:after{
    content:"";
    clear:both;
    display:block;
}

form div.label ~ .invalid-feedback,
.invalid-feedback{
    display:none;
    width:100%;
    margin-top:0.25rem;
    font-size:75%;
    color:#e63757;
}
.was-validated :invalid~.invalid-feedback,
.is_invalid~.invalid-feedback{
    display:block;
}

form.ad-status select,
form.ad-status div.label,
form.ad-status legend.label,
tr.form label,
tr.form .f_label,
tr.form select{
    display:inline-block;
    width:150px;
}
#invenio_ad_admin_ad_status{
    width:300px;
}
#invenio_ad_admin_ad_forward_address{
    width:500px;
}
form.ad-status .status_to_forward div.label,
form.ad-status .status_to_forward legend.label,
.status_to_forward label,
.status_to_forward .f_label{
    display:inline-block;
    width:200px;
}

caption{
    margin-bottom:10px;
}

hr{
    margin:1rem 0;
    opacity:.25;
}

#avoidance{
   display:inline-block;
   position:absolute;
   left:-99999rem;
   z-index:2000;
   color:var(--txt-color);
   background:var(--white);
   padding: .5em;
}
#avoidance:focus{
   left:0;
}

a{
    text-decoration:none;
    color:var(--link-color);
}
a.darkgrey,
.content-background > a,
.lost > a,
.found > a{
    color:var(--white);
}
a:hover,
a:focus,
a.hover{
    text-decoration:underline;
    color:var(--link-hover-color);
}
a.darkgrey:hover, a.darkgrey:focus, a.darkgrey.hover,
.content-background > a:hover, .content-background > a:focus, .content-background > a.hover,
.lost > a:hover, .lost > a:focus, .lost > a.hover,
.found > a:hover, .found > a:focus, .found > a.hover{
    color:var(--white);
}

/*** GLOBAL ***/
    /** H1 **/
    h1,
    .h1-like{
        display:block;
        padding:17px 0 10px 65px;
        margin-top:20px;
        font-size:1.3em;
        font-weight:normal;
    }
    h1.sprite,
    .h1-like.sprite{
        background-image:none;
        padding:10px 5px;
    }
    h1.sprite:before,
    .h1-like.sprite:before{
        display:inline-block;
        content:"";
        background-image:url('/images/sprite_V2.png');
        background-repeat:no-repeat;
        background-position:-39px -595px;
        width:50px;
        height:44px;
        margin:0 5px;
        vertical-align:middle;
    }
    h1.sprite:after,
    .h1-like.sprite:after{
        content:"";
        clear:both;
        display:block;
    }
    h1.sprite.search:before,
    .h1-like.sprite.search:before{
        background-position:-53px -903px;
        width:36px;height:36px;
    }
    h1.sprite.check:before,
    .h1-like.check.search:before{
        background-position:-52px -1089px;
        width:36px;height:36px;
    }
    h1.sprite.user:before,
    .h1-like.sprite.user:before{
        background-position:-53px -1126px;
        width:36px;height:36px;
    }
    h1.sprite.found:before,
    .h1-like.sprite.found:before{
        background-position:-53px -940px;
        width:36px;height:36px;
    }
    h1.sprite.lost:before,
    .h1-like.sprite.lost:before{
        background-position:-53px -977px;
        width:36px;height:36px;
    }
    
    h1:first-child,
    .h1-like:first-child{
        margin-top:0;
    }
    
    h1.search > ul{
        float:right;
        color:var(--white);
        padding:0 10px;
        border-left:1px dashed var(--white);
        font-size:0.7em;
    }
    h1.search > ul a{
        color:var(--white);
        font-weight:normal;
        font-size:1em;
    }
    h1.text{
        font-size:1.0em;
        font-weight:normal;
        margin:0;
        padding:0;
    }
    /** H1 **/
    
    /** H2 **/
    h2{
        font-size:1.0em;
        font-weight:normal;
        margin-bottom:20px;
    }
    /** H2 **/
    
    /** H3 **/ /** H4 **/
    h3,h4{
        font-size:1.1em;
    }
    /** H3 **/ /** H4 **/
    
    /** OVERLAY **/
    .overlay{
        position:absolute;
        display:block;
        width:100%;
        height:100%;
        top:0; 
        left:0;
        right:0;
        bottom:0;
        background-color:rgba(0,0,0,0.5);
        z-index:20;
        margin:auto 0;
    }
    .overlay_float{
        position:absolute;
        display:block;
        width:0;
        height:0;
        background-color:rgba(0,0,0,0.5);
        z-index:20;
    }
    .overlay.all_center{
        min-height:10em;
    }
    .overlay.all_center > img{
        position:absolute;
        display:block;
        top:0; 
        left:0;
        right:0;
        bottom:0;
        margin:auto;
    }
    /** OVERLAY **/
    
    .list_overflow{
        max-height:500px;
        overflow-y:auto;
    }
/*** GLOBAL ***/

#cookieChoiceInfo{
    position:fixed;
    width:100%;
    left:0;
    bottom:0;
    background-color:var(--content);
    color:var(--white);
    margin:0;
    z-index:2000;
    display:flex;
    justify-content:space-between;
    align-items:center;
}
#cookieChoiceInfo > *{
    margin:15px;
}
#cookieChoiceInfo > a{
    flex:0 0 auto;
    display:inline-block;
    border-radius:20rem;
    background:#E5F0FB;
    color:var(--content);
    padding:6px 15px;
}
#cookieChoiceInfo .text .l{
    cursor:pointer;
    text-decoration:underline;
    font-weight:bold;
    color:var(--white);
}

/*** TOP BAR ***/
    #topbar{
        display:flex;
        justify-content:flex-end;
        align-content:center;
        color:var(--black);
        text-transform:uppercase;
        font-size:12px;
        margin-left:auto;
    }
    #topbar > *{
        display:inline-block;
        white-space:nowrap;
        text-align:left;
    }
    #topbar register > span{
        white-space:normal;
    }
    
    #topbar a{
        color:var(--black);
    }
    #topbar a:hover,
    #topbar a:focus,
    #topbar a.hover{
        text-decoration: underline;
        color: var(--link-hover-color);
    }
    
    #topbar ul{
        list-style:none;
        color:var(--black);
    }
    #topbar ul.dropdown li ul {
        padding:5px 0;
        background-color:var(--white);
        border:1px solid rgba(0,0,0,.15);
        -webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);
        box-shadow:0 6px 12px rgba(0,0,0,.175);
    }
    #topbar li{
        padding:6px;
    }
    
    #topbar ul a{
        text-align:center;
    }
    #topbar li.help > a,
    #topbar li.support > a,
    #topbar #account .login > a,
    #topbar #account .register > a{
        display:inline-flex;
        align-items:center;
        border-radius:20rem;
        background:var(--content);
        color:var(--white);
        padding:3px 15px;
        border:2px solid transparent;
    }
    #topbar li.help > a:hover,
    #topbar li.help > a:focus,
    #topbar li.support > a:hover,
    #topbar li.support > a:focus,
    #topbar #account .login > a:hover,
    #topbar #account .login > a:focus,
    #topbar #account .register > a:hover,
    #topbar #account .register > a:focus{
        /* background-color:var(--black-second); */
        box-shadow:2px 2px 2px rgba(0, 0, 0, 0.6);
    }
    #topbar li.help > a:before{
        content:"\f3e2";
        margin-right:5px;
        /* font-size:13px; */
    }
    #topbar li.support > a:before{
        content:"\f430";
        margin-right:5px;
        /* font-size:15px; */
    }
    #topbar #account .login > a:before{
        content:"\F4E1";
        margin-right:5px;
    }
    /** LOCALES **/
    #locales ul{
        left:auto;
        right:2px;
        width:max-content;
        min-width:unset;
    }
    #locales ul li{
        position:static;
    }
    #locales ul a{
        display:block;
        white-space:nowrap;
        text-align:right;
    }
    
    #locales > li:first-child::after {
        content:"\25BE";
        font-size:18px;
    }
    /** LOCALES **/
    
    /** NAV **/
    #topbar #nav{
        width:100%;
    }
    #topbar #nav > li{
        display:inline-block
    }
    /** NAV **/
    
    /** ACCOUNT **/
    #topbar #account{
        display:flex;
        /* flex-direction:row-reverse; */
        flex-wrap:wrap;
        justify-content:flex-start;
        align-items:center;
        max-width:100%;
    }
    #topbar #account > ul{
        display:flex;
        align-items:center;
        max-width:100%;
    }
    #topbar #account .register{
        display:inline-block;
    }
    #topbar #account .register > span{
        display:inline-block;
        max-height:2.8em;
        max-width:100%;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:normal;
    }
    /*
    #topbar #account .notification:before{
        font-size:15px;
        content:"\F18A";
    }
    #topbar #account .notification.alert:before{
        content:"\F189";
        color:var(--alert);
        animation:alert linear 1s infinite both;
    }*/
     #topbar #account .notification{
        font-family:bootstrap-icons;
        font-size:15px;
     }
     #topbar #account .notification.alert .bell:before{
        content:"\F189";
        color:var(--alert);
        animation:alert linear 1s infinite both;
        font-size:initial;
     }
     #topbar #account .notification.alert .bell{
        font-size:0;
    }
    /*
    #topbar #account .instant_message:before{
        font-size:15px;
        content:"\f32e";
    }
    #topbar #account .instant_message.unread:before{
        content:"\f691";
        color:var(--alert);
        animation:alert linear 1s infinite both;
    }*/
    #topbar #account .instant_message{
        font-family:bootstrap-icons;
        font-size:15px;
    }
    #topbar #account .instant_message.unread{
        display:inline-block;
        color:var(--alert);
        animation:alert linear 1s infinite both;
    }
    /** ACCOUNT **/
/*** TOP BAR ***/

/** HEADER **/
    body > header{
        position:relative;
        display:flex;
        /* flex-wrap:wrap; */
        align-items:flex-start;
        /* justify-content:flex-end; */
        background-color:var(--white);
        padding-top:10px;
    }
    
    body > header a.logo{
        font-size:1.5em;
        font-weight:bold;
        color:var(--content);
        width:500px;
        height:70px;
        background-position:-276px 0;
        padding:5px 0 0 77px;
        margin:25px 0 0 25px;
    }
    
    body > header .logo_link{
        display:inline-block;
        margin-right:auto;
        min-width:200px;
        flex-shrink:0;
    }
    
    body > header .social{
        display:-webkit-box;
        display:-moz-box;
        display:-ms-flexbox;
        display:-webkit-flex;
        display:flex;
        -webkit-box-align:end;
        -ms-flex-align:end;
        align-items:flex-end;
    }
    body > header .social li{
        padding-left:7px;
    }
    
    body > header #corner{
        position:absolute;
        top:-1px;
        left:-1px;
        border-top:30px solid var(--white); 
        border-right:30px solid rgba(229, 240, 251, 0.8);
        box-shadow:3px 3px 3px rgba(0,0,0,0.2);
        transition:border-width 0.3s linear;
    }
    body > header #corner:hover,
    body > header #corner:focus{
        border-top-width:40px;
        border-right-width:40px;
    }
/** HEADER **/

/** MAIN **/ /** BREADCRUMB **/
ol.breadcrumb,
ul.breadcrumb{
    display:block;
    list-style:none;
    background-color:var(--bg-color);
    padding:5px 0;
}
nav.breadcrumb li + li::before{
  display:inline-block;
  content:">";
  margin:0 0.25em;
}
nav.breadcrumb [aria-current="page"] {
  font-weight:bold;
  text-decoration: none;
}
/** MAIN **/ /** BREADCRUMB **/

/** MANAGER MENU **/
#manager_menu{
    background-color:var(--bg-color);
    padding:5px 0;
}
#manager_menu > ul{
    margin:10px 0;
}
#manager_menu > ul.inline{
    display:flex;
    align-items:center;
    align-content:center;
    /* flex-wrap:wrap; */
    padding:0;
    background:#fafbfc;
    box-shadow:var(--shadow-color) 0px 7px 35px 0px, var(--shadow-color) 0px 15px 22px 0px, var(--shadow-dark-color) 0px 4px 8px 0px, var(--shadow-color) 0px 2px 3px 0px;
    border-radius:var(--border-radius);
    
    overflow-x:auto;
}
#manager_menu > ul.inline::-webkit-scrollbar{
    display:none;
}
#manager_menu ul.inline li{
    display:inline-flex;
    align-items:center;
    align-content:center;
    padding:0;
    border:0;
    
    flex:0 0 auto;
}
#manager_menu ul.inline li:first-child{
    border-left:0;
    padding-left:0;
}
#manager_menu ul.inline li a{
    position:relative;
    
    padding:16px;
    margin-right:12px;
    color:#495057;
    
    transition:color .3s ease;
}
#manager_menu ul.inline li a::before{
    position:absolute;
    display:block;
    content:"";
    
    left:0;
    width:100%;
    
    top:15%;
    height:70%;
    
    background:var(--content);
    transform:scale(0);
    
    box-shadow:0 16px 26px -10px rgb(63 106 216 / 56%), 0 4px 25px 0 rgb(0 0 0 / 12%), 0 8px 10px -5px rgb(63 106 216 / 20%);
    border-radius:var(--border-radius);
    
    transition:transform .2s;
}
#manager_menu ul.inline li a:hover,
#manager_menu ul.inline li a:focus{
    color:var(--white);
    text-decoration:none;
}
#manager_menu ul.inline li a:hover::before,
#manager_menu ul.inline li a:focus::before{
    transform:scale(1);
}
#manager_menu ul.inline li a.active::after{
    position:absolute;
    height:4px;
    width:100%;
    left:0;
    bottom:-2px;
    content:'';
    border-radius:15px;
    background:var(--content);
}
#manager_menu ul.inline li a span{
    position:relative;
}
#manager_menu ul.inline li a.selected span{
    font-weight:bold;
}
#manager_menu ul.inline li a.selected::after{
    position:absolute;
    display:block;
    content:"";
    
    left:0;
    width:100%;
    
    top:75%;
    height:10%;
    
    background:var(--content);
    box-shadow:0 16px 26px -10px rgb(63 106 216 / 56%), 0 4px 25px 0 rgb(0 0 0 / 12%), 0 8px 10px -5px rgb(63 106 216 / 20%);
    border-radius:var(--border-radius);
}
#manager_menu ul.dropdown > li > a::after{
    position:relative;
    top:2px;
    opacity:.8;
    
    display:inline-block;
    margin-left:5px;
    vertical-align:3px;
    content:"";
    border-top:3px solid white;
    border-right:3px solid transparent;
    border-bottom:0;
    border-left:3px solid transparent;
}
#manager_menu ul.dropdown > li:hover > a::after,
#manager_menu ul.dropdown > li:focus > a::after{
    border-top-color:var(--content);
}

#manager_menu #menu{
    margin:0;
}
#menu{
    display:table;
    table-layout:fixed;
    width:100%;
}
#menu > li{
    display:table-cell;
    vertical-align:middle;
    width:100%;
    border-color:var(--white);
}
#menu > li:hover,
#menu > li:focus,
#menu > li:focus-within,
#menu > li.open{
    background-color:var(--white);
}
#menu > li a,
#menu > li > span{
    display:block;
    text-align:center;
    padding:15px 0;
    color:var(--white);
}
#menu > li:hover a,
#menu > li:focus a,
#menu > li:focus-within a,
#menu > li.open a,
#menu > li:hover > span,
#menu > li:focus > span,
#menu > li:focus-within > span,
#menu > li.open > span{
    color:var(--content);
}
#menu li ul li{
    position:relative;
    border:1px solid var(--content);
    border-top:none;
}
#menu li ul li::before{
    position:absolute;
    display:block;
    content:"";
    left:0;
    width:100%;
    top:0;
    height:100%;
    background:var(--content);
    transform:scale(0);
    transition:transform .2s ease;
}
#menu li ul li a{
    position:relative;
    color:white;
    transition:color .3s ease;
}
#menu li ul li.separator{
    border-bottom-width:3px;
}
#menu li ul li:first-child{
    border-top:1px solid var(--content);
}
#menu li ul li:hover,
#menu li ul li:focus{
    border-color:var(--white);
}
#menu li ul li:hover::before,
#menu li ul li:focus::before{
    transform:scale(1);
}
#menu li ul li:hover a,
#menu li ul li:focus a{
    color:white;
}
/** MANAGER MENU **/

/*** ASIDE ***/
aside{
    margin-bottom:10px;
}
    /** NAV **/
    aside nav > ul,
    aside nav > ul > li{
        display:flex;
        align-items:stretch;
    }
    aside nav > ul > li{
        padding:10px 5px;
        flex:1 1 0;
    }
    aside nav ul li a:hover,
    aside nav ul li a:focus{
        text-decoration:none;
    }
    aside nav ul li a:before{
        display:inline-block;
        content:"";
        background:url('/images/sprite_V2.png') no-repeat top left;
        background-position:-39px -595px;
        width:50px;height:44px;
        margin-right:10px;
        vertical-align:middle;
    }
    aside nav ul li.found a:before{
        background-position:-53px -940px;
        width:36px;height:36px;
    }
    aside nav ul li.lost a:before{
        background-position:-53px -977px;
        width:36px;height:36px;
    }
    aside nav ul li.search a:before{
        background-position:-53px -903px;
        width:36px;height:36px;
    }
    aside nav ul li a span{
        display:inline-block;
        vertical-align:middle;
        text-align:left;
    }
    aside nav ul li a:hover span,
    aside nav ul li a:focus span{
        text-decoration:underline;
    }
    aside nav > ul > li.found,
    aside nav > ul > li.lost,
    aside nav > ul > li.content-background{
        background-color:transparent;
    }
    aside nav > ul > li a{
        display:flex;
        align-items:center;
        justify-content:center;
        flex:1 1 0;
        
        padding:10px 5px;
        border:2px solid;
        transition:var(--bouton-transition);
        border-radius:var(--border-radius);
    }
    aside nav > ul > li a:hover span,
    aside nav > ul > li a:focus span{
        text-decoration:none;
    }
    aside nav > ul > li.found a{
        color:var(--found);
        border-color:var(--found);
    }
    aside nav > ul > li.lost a{
        color:var(--lost);
        border-color:var(--lost);
    }
    aside nav > ul > li.content-background a{
        color:var(--content);
        border-color:var(--content);
    }
    aside nav > ul > li.found a:hover,
    aside nav > ul > li.found a:focus{
        color:var(--white);
        border-color:var(--found-second);
        background-color:var(--found);
    }
    aside nav > ul > li.lost a:hover,
    aside nav > ul > li.lost a:focus{
        color:var(--white);
        border-color:var(--lost-second);
        background-color:var(--lost);
    }
    aside nav > ul > li.content-background a:hover,
    aside nav > ul > li.content-background a:focus{
        color:var(--white);
        border-color:var(--content);
        background-color:var(--content-second);
    }
    aside nav ul li a:before {
        display:inline-block;
        font-family:bootstrap-icons;
        font-style:normal;
        font-weight:normal;
        font-variant:normal;
        text-transform:none;
        line-height:1;
        vertical-align:middle;
        -webkit-font-smoothing:antialiased;
        -moz-osx-font-smoothing:grayscale;
        
        font-size:36px;
        letter-spacing:normal;
        word-wrap:normal;
        white-space:nowrap;
        direction:ltr;
        
        
        background:none;
    }
    aside nav ul li.found a:before {
        width:auto;
        height:auto;
        content:"\f4f9";
    }
    aside nav ul li.lost a:before {
        width:auto;
        height:auto;
        content:"\f504";
    }
    aside nav ul li.content-background a:before {
        width:auto;
        height:auto;
        content:"\f52a";
    }
    /*ALEX*/
    /** NAV **/
/*** ASIDE ***/

/** HOME **/
    h1.admin.home{
        font-size:1.3em;
        margin:15px 0;
        padding:0;
        font-weight:bold;
    }
    h2.admin.home{
        font-size:1.1em;
        margin:0 0 15px 0;
        padding:0;
        font-weight:normal;
    }
    .admin.home.box{
        margin:15px 0;
        padding:10px;
        border:1px solid rgba(153,153,153,.2);
        -webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);
        box-shadow:0 5px 10px rgba(0,0,0,.2);
        -webkit-border-radius:var(--border-radius) var(--border-radius) 0 0;
        border-radius:var(--border-radius) var(--border-radius) 0 0;
    }
    .admin.home.box > p{
        margin-bottom:7px;
    }
/** HOME **/

/*** CONTENT ***/
#main section header,
#main h2{
    margin-bottom:20px;
}
#main h1 div.city,
#main .h1-like div.city{
    font-size:0.7em;
}
#main h1 > div{
    float:right;
}
#main h1 > div,
#main .h1-like > div{
    text-align:right;
    margin-left:auto;
}
#main h1.no-subtitle,
#main .h1-like.no-subtitle{
    margin-bottom:35px;
}
#main div.subtitle{
    margin:15px 0;
}
#main div.subtitle > span,
#main div.subtitle > div{
    padding-left:4px;
}
#main div.subtitle > div{
    display:flex;
    margin-bottom:10px;
}
#main div.subtitle > div .status{
    margin-left:auto;
}
#main div.content p{
    margin:5px 0;
}
#main .button.disabled{
    opacity:0.4;
}
#main .button.blue{
    text-shadow:0 1px 0 #005377;
}
/*** CONTENT ***/

/** LOGIN **/
#main div.inscription{
    margin-bottom:30px;
}
#main .inscription a{
    cursor:pointer;
    /* text-decoration:none; */
    min-width:156px;
    text-align:center;
    justify-content:center;
}
#main div.login > a{
    margin-bottom:10px;
    display:block;
}
#main div.remember-me{
    font-size:0.8em;
    margin-top:20px;
}
#main a.recover-password{
    display:block;
    margin-left:390px;
}
/** LOGIN **/

/** FORM **/
form > h2,
form > .form > h2{
    font-weight:bold;
    font-size:24px;
    color:var(--content);
}

form > #nuxia_auth_address_change{
    position:relative;
    padding:0;
}
form > div,
form > .form > div,
form > .status_to_forward > div,
form > #nuxia_auth_address_change > div{
    padding:10px 0;
    /* overflow:hidden; */
}
form.return_form div > div.label,
form.return_form div > legend.label,
form.restitution-select div > div.label,
form.restitution-select div > legend.label,
form div.label,
form legend.label{
    display:inline-block;
    width:260px;
    padding-top:3px;
    font-weight:bold;
    padding-top:3px;
    vertical-align:top;
}
form legend.label{
    float:left;
}
form div.long > div.label,
form div.long > legend.label{
    display:block;
    width:auto;
    padding-bottom:3px;
}
form div.long > input{
    margin-left:260px;
}
form div.rte div.label,
form div.rte legend.label{
    margin-bottom:10px;
}
form label.expanded,
form .f_label.expanded{
    margin:0 10px 0 5px;
}

form.restitution-select section.check select{
    display:block;
    width:100%;
}

em.help,
em.error,
.em-like{
    display:block;
    font-size:0.8em;
    font-weight:normal;
    margin:2px 0;
}
form div em.error{
    padding-top:5px;
}
form em.help.required{
    margin-top:30px;
}
form .error{
    color:var(--error);
}

form .date > .value,
form.ad .date > .value{
    display:inline-flex;
    align-items:center;
}
form .date > .value .sprite_ywf.calendar,
form.ad .date > .value .sprite_ywf.calendar{
    margin-left:6px;
}
/** FORM **/

/*** AD ***/
.ad > div{
    width:100%;
}
.ad section{
    margin:30px 0 0 0;
}
.ad section.medias {
    margin:0;
}
.ad section header{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
}
#main .ad section header h2{
    margin:0;
    font-size:1.2em;
}
.ad section > div,
.ad section > fieldset > div,
.ad section > form > div,
.ad section > form > .form > div,
.ad .fields > div,
.ad .form_user > div{
    margin-top:10px;
}
.ad section > div,
.ad section > form > div,
.ad section > form > .form > div,
.ad .ad_field{
    display:table;
    table-layout:fixed;
    width:100%;
    border-collapse:collapse;
}
.ad section.item .title,
.ad section.check .title{
    display:block;
    box-sizing:border-box;
    font-weight:bold;
    padding-left:255px;
}
.ad section.date div > .date{
    margin-top:15px;
}
.ad section.date div > .location{
    margin-top:17px;
}
.ad div.label,
.ad legend.label{
    width:350px;
    font-weight:bold;
}
.ad .ad_field .value,
.ad .ad_field .label ~ span{
    padding-left:5px;
}
.ad section div > .label,
.ad section div > .label + span,
.ad .ad_field .label,
.ad .ad_field .value{
    display:table-cell;
}
.ad section div > .label + span,
.ad .ad_field .value{
    overflow-wrap:word-wrap;
    overflow-wrap:break-word;
}
    /** REWARD **/ /** FEES **/ /** SHIPMENT **/
    .ad .reward_field .label,
    .ad .fees_field .label,
    .ad .shipment_field .label{
        font-size:2em;
        width:500px;
        font-weight:normal;
    }
    .ad .reward_field .value,
    .ad .fees_field .value,
    .ad .shipment_field .value{
        font-weight:bold;
        font-size:2em;
        text-align:right;
    }
    /** REWARD **/ /** FEES **/ /** SHIPMENT **/
    
    /** MEDIAS **/
    .ad section.medias{
        background-color:var(--gray-300);
        width:100%;
    }
    .ad ul.medias{
        display:table;
        table-layout:fixed;
        width:100%;
    }
    .ad ul.medias li{
        display:table-cell;
        overflow:hidden;
        border:10px solid var(--gray-300);
        text-align:center;
        vertical-align:middle;
    }
    .ad ul.medias li a{
        display:flex;
        width:215px;
        height:160px;
        background-color:var(--white);
        margin:auto;
        justify-content:center;
        align-items:center;
    }
    .ad ul.medias li span.secret{
        display:inline-block;
        width:215px;
        height:160px;
        line-height:160px;
    }
    .ad ul.medias li img{
        max-width:215px;
        max-height:160px;
    }
    .ad .preview .medias img{
        max-width:250px;
        max-height:250px;
    }
    /** MEDIAS **/

.ad span.secret{
    color:var(--white);
    padding:2px 25px 2px 25px;
}
.ad .tooltip .tooltip.sprite_ywf{
    vertical-align:baseline;
    margin-right:5px;
}
.ad label.tooltip.sprite,
.ad .f_label.tooltip.sprite,
.preview .label .tooltip.sprite{
    background-image:none;
    width:auto;height:auto;
}
.ad label.tooltip.sprite:before,
.ad .f_label.tooltip.sprite:before,
.preview .label .tooltip.sprite:before{
    content:"";
    display:inline-block;
    margin-right:5px;
    background-image:url('/images/sprite_V2.png');
    background-position:-76px -195px;
    width:13px;height:13px;
}
/*** AD ***/

.zip_city,
.street_number_name{
    position:relative;
    display:inline-block;
}

.zip_city > div,
.street_number_name > div{
    display:inline-block;
    vertical-align:top;
}
.zip_city > div.autocomplete,
.street_number_name > div.autocomplete{
    position:absolute;
    display:block;
    width:100%;
    z-index:100;
    background-color:var(--white);
}

/** AD FORM **/
form.ad section > div,
form.ad section div > .label,
form.ad section div > .label + span,
form.ad section div > .value{
    display:inline-block;
}
form.ad section.medias{
    background-color:transparent;
}
form.ad .medias input{
    display:inline-block;
    margin-bottom:10px;
}
form.ad > div.moderation-toggle{
    margin-top:30px;
}
form.ad .medias em.error{
    margin-left:0;
}
form.ad > em.error,
form.ad .category > em.error{
    margin-left:0;
}
form.ad div.date em.help{
    padding-bottom:10px;
}
form.ad div.item{
    margin-bottom:25px;
}
form.ad div.item em.error{
    margin-left:5px;
}
form.ad div.item > input[type="text"],
form.ad div.item > input[type="search"]{
    width:420px;
    height:30px;
    margin-right:5px;
}
form.ad .item > input[type="submit"]{
    height:30px;
    width:45px;
    cursor:pointer;
    color:var(--white);
    border:none;
}
form.ad .state{
    margin-right:40px;
}
form.ad .state input{
    margin:3px 8px 0 0;
}
form.ad .state span{
    width:61px;
    height:20px;
}
form label.active,
form .f_label.active{
    color:var(--content);
    font-weight:bold;
}

.ad section.moderation form input[type="submit"],
.ad section.check input[type="submit"]{
    float:right;
    font-size:1.1em;
}
.ad section.moderation:last-child:after,
.ad section.check:last-child:after{
    content:"";
    clear:right;
    display:block;
}
/** AD FORM **/

/** AD LOGS HISTORY **/
.ad-logs-link{
    text-align:right;
    margin:15px 0 15px 0;
}
.ad-logs-title{
    margin-bottom:10px;
    font-size:1em;
}
#ad-logs{
    background:rgba(0,130,200,0.06);
    border:1px solid rgba(0,130,200,0.12);
    padding:5px;
    margin-bottom:15px;
}
.ad #ad-logs .label{
    font-weight:normal;
}
.by{
    font-weight:bold;
}
/** AD LOGS HISTORY **/

/** AUTOCOMPLETE **/
.autocomplete{
    position:relative;
}
.autocomplete > ul{
    border:1px solid #c5c5c5;
    max-height:200px;
    overflow-y:auto;
    list-style:none;
    margin:0;
    padding:0;
}
.autocomplete > ul li{
    padding:6px;
}
.autocomplete ul li:hover,
.autocomplete ul li:focus{
    background-color:#f1f1f1;
    font-weight:300;
}
.ui-autocomplete {
    max-height:200px;
    overflow-y:auto;
    /* prevent horizontal scrollbar */
    overflow-x:hidden;
  }
/** AUTOCOMPLETE **/

/** WIDGET MEDIA **/
div#upload-media{
    background-color:var(--gray-300);
    text-align:center;
}
div#upload-media > .thumbnail{
    display:inline-block;
    width:290px;
    height:160px;
    overflow:hidden;
    background:var(--white);
    margin:10px 15px;
}
div#upload-media > .thumbnail.not_used{
    display:none;
}
div#upload-media > .thumbnail.media-inactive{
    background-color:rgba(114,114,114,0.75);
}
div#upload-media > .thumbnail.media-inactive > div,
div#upload-media > .thumbnail.media-inactive > p{
    opacity:0.1;
}
div#upload-media > .thumbnail > div{
    position:relative;
    line-height:160px;
    height:160px;
    text-align:center;
    vertical-align:middle;
    margin:0;
}
div#upload-media > .thumbnail img{
    vertical-align:middle;
    max-height:100%;
    max-width:100%;
}
a.load{
    display:inline-block;
    color:var(--txt-color);
    font-size:0.8em;
    font-weight:700;
    padding-right:5px;
    text-decoration:none;
}
a.load.inactive,
.media-galery-controller{
    display:none;
}
a.disabled{
    opacity:0.65;
    cursor:not-allowed;
}
#thumbnail-remove{
    position:absolute;
    top:0;
    left:0;
    font-size:1em;
    font-weight:700;
    color:var(--gray-300);
    background-color:rgba(105,105,105,.75);
    text-align:center;
    line-height:160px;
    width:100%;
}
#main section.item div.medias{
    margin-top:25px;
}

/*** LISTING UTILISATEUR ***/
.user_listing td{
    border-bottom:0;
    border-top:1px solid var(--gray-300);
}
.user_listing tr:first-child td,
.user_listing .ad_infos td{
    border:0;
}
/*** LISTING UTILISATEUR ***/

/*** ACTIONS BAS DE PAGE ***/
#main .bottom-actions{
    text-align:right;
}

#main .bottom-actions > .long_box{
    display:block;
    margin:10px;
    width:100%;
    text-align:left;
}
#main .bottom-actions > .box{
    display:inline-flex;
    flex-direction:column;
    margin:10px;
    width:auto;
    text-align:left;

    box-sizing:border-box;
    border-radius:var(--border-radius);
    box-shadow:var(--shadow);
    transition:var(--shadow-transition);
}
#main .bottom-actions > .box:hover,
#main .bottom-actions > .box:focus{
    box-shadow:var(--shadow-hover);
}
#main .bottom-actions > .box .header{
    background-color:var(--content);
    padding:5px 10px;
    border-radius:var(--border-radius) var(--border-radius) 0 0;
    color:#fff;
    font-size:1.1rem;
    font-weight:bold;
}
#main .bottom-actions > .box > .actions{
    flex-grow:1;
}
#main .bottom-actions > .box .square_button{
        width:150px;
        box-sizing:border-box;
}
#main .bottom-actions.no-result{
    display:block;
}
#main .bottom-actions.no-result > a{
    display:block;
    margin-right:0;
    margin-bottom:10px;
}
    /** SUBMIT **/ /** SOCIAL **/
    #main .bottom-actions,
    #main .bottom-actions .actions,
    #main .bottom-actions .social,
    #main .bottom-actions .submit{
        display:flex;
        flex-wrap:wrap;
        align-items:stretch;
        justify-content:flex-end;
    }
    #main .bottom-actions .actions li,
    #main .bottom-actions .social li,
    #main .bottom-actions .submit li{
        flex:1 1 0;
        display:flex;
        flex-wrap:wrap;
        align-items:stretch;
    }
    #main .bottom-actions .actions li,
    #main .bottom-actions .social li{
        justify-content:space-around;
    }
    #main .bottom-actions .submit li{
        justify-content:flex-end;
    }
    #main .bottom-actions .actions li,
    #main .bottom-actions .social li,
    #main .bottom-actions .submit li{
        margin:10px;
    }
    #main .bottom-actions .social li.network{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -webkit-flex-direction:column;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-box-pack:center;
        -webkit-justify-content:center;
        -ms-flex-pack:center;
        justify-content:center;
    }
    #main .bottom-actions .social li.network a{
        margin:5px;
    }
    #main .bottom-actions .actions a > span.sprite_ywf,
    #main .bottom-actions .actions button > span.sprite_ywf,
    #main .bottom-actions .social a > span.sprite_ywf,
    #main .bottom-actions .social button > span.sprite_ywf,
    #main .bottom-actions .submit button > span.sprite_ywf,
    #main .bottom-actions .submit a > span.sprite_ywf{
        margin-top:auto;
        margin-bottom:auto;
    }
    #main .bottom-actions a > span.fot_new_icons,
    #main .bottom-actions button > span.fot_new_icons{
        background-image:url(/images/fot_new_icons.jpg);
        width:65px;
        height:85px;
    }
    #main .bottom-actions a > span.fot_new_icons.send{
        background-position:-22px -10px;
    }
    #main .bottom-actions a > span.fot_new_icons.delete,
    #main .bottom-actions button > span.fot_new_icons.delete{
        background-position:-110px -10px;
    }
    #main .bottom-actions a > span.fot_new_icons.duplicate{
        background-position:-367px -10px;
    }
    #main .bottom-actions a > span.fot_new_icons.search{
        background-position:-22px -100px;
    }
    #main .bottom-actions a > span.fot_new_icons.edit{
        background-position:-110px -100px;
    }
    #main .bottom-actions a > span.fot_new_icons.receive{
        background-position:-22px -185px;
    }
    #main .bottom-actions a > span.fot_new_icons.printer,
    #main .bottom-actions a > span.fot_new_icons.declaration{
        background-position:-195px -185px;
    }
    /** SUBMIT **/ /** SOCIAL **/
    
    /** ACTIONS **/
    #main .right.actions a{
        margin-right:10px;
    }
    #main .right.actions a.button{
        margin-right:0px;
    }
    #main div.admin div.actions{
        margin:30px 0;
        text-align:right;
    }
    /** ACTIONS **/
/** ACTIONS BAS DE PAGE **/

/** FOOTER **/
body > footer{
    position:relative;
    margin-top:55px;
    padding:0 15px 15px 15px;
    background-color:var(--footer-bg-color);
    text-align:right;
}
body > footer:before{
    position:absolute;
    top:-30px;
    left:0;
    z-index:1;
    display:block;
    box-sizing:border-box;
    content:"";
    background-color:var(--footer-bg-color);
    width:100%;
    transform:skewY(-2deg);
    height:50px;
}

body > footer img.logo{
    position:relative;
    z-index:2;
}

body > footer ul{
    position:relative;
    z-index:2;
    display:flex;
    flex-wrap:wrap;
    text-align:left;
    margin-top:20px;
}
body > footer ul li{
    width:32%;
    box-sizing:border-box;
    border-color:var(--footer-color);
    padding-left:20px;
    padding-right:5px;
    line-height:1.5;
}
body > footer ul li:nth-child(3n),
body > footer ul li:nth-child(3n+2){
    border-left:1px solid var(--footer-color);
}
body > footer ul li.copyright{
    font-weight:500;
    border:0;
    text-align:right;
    -webkit-flex-basis:100%;
    -ms-flex-preferred-size:100%;
    flex-basis:100%;
}

body > footer a,
body > footer span{
    font-size:0.8em;
}

body > footer a,
body > footer a:hover,
body > footer a:focus,
body > footer ul li,
body > footer span{
    color:var(--footer-color);
}
/** FOOTER **/

/** PASSWORD **/
.password-requirement{
    display:inline-flex;
    position:relative;
    margin-right:15px;
}
.password-requirement::before{
    display:inline-block;
    content:'';
    border:1px solid #c7c7c7;
    border-radius:50%;
    height:15px;
    width:15px;
    text-align:center;
    font:10px Arial, sans-serif;
    font-weight:bold;
}
.password-requirement.valid::before{
    content:'\2713';
    border-color:#227999;
    background-color:#227999;
    color:var(--white);
}
.password-requirement.error::before{
    content:'\274C';
    border-color:var(--error);
}
/** PASSWORD **/

/*** GLOBAL CLASS ***/
.centered{
    margin:0 auto;
    overflow:hidden;
}

.hidden,
.sprite.hidden,
.sprite_ywf.hidden,
.ad section > div.hidden{
    display:none;
}

.left{
    text-align:left;
}
.center{
    text-align:center;
}
.right{
    text-align:right;
}

em.help,
em.error,
.em-like{
    display:block;
    font-size:0.8em;
    font-weight:normal;
    margin:2px 0;
}

.block{
    display:block;
}

.pointer{
    cursor:pointer;
}

.inline{
    display:inline-block;
}

.underline{
    text-decoration:underline;
}

.highlight{
    color:var(--danger2);
}

.secret,
.tooltip{
    cursor:help;
}

.info{
    font-size:0.9em;
}
.info,
.grey.no-result{
    min-height:30px;
    padding:15px 15px;
}

span.flex{
    display:inline-flex;
}
span.flex.c{
    flex-direction:column;
    vertical-align:middle;
}
/*** GLOBAL CLASS ***/

/** MARGIN **/
.m_l{
    margin-left:20px;
}
.m_sl{
    margin-left:10px;
}
.m_r{
    margin-right:20px;
}
.m_sr{
    margin-right:10px;
}
.m_t{
    margin-top:20px;
}
.m_st{
    margin-top:10px;
}
.m_b{
    margin-bottom:20px;
}
.m_sb{
    margin-bottom:10px;
}
.m_lr{
    margin-left:20px;
    margin-right:20px;
}
.m_slr{
    margin-left:10px;
    margin-right:10px;
}
.m_tb{
    margin-top:20px;
    margin-bottom:20px;
}
.m_stb{
    margin-top:10px;
    margin-bottom:10px;
}
/** MARGIN **/

/** TABLE **/
table{
    border-collapse:collapse;
    margin:10px 0;
}

table th,
table td.th{
    font-size:1em;
    font-weight:bold;
    background-color:var(--gray-300);
    padding:5px 10px;
    text-align:left;
    color:var(--content);
    width:auto;
}

table th[aria-sort="ascending"] a::after,
table th[aria-sort="ascending"] span::after{
    content:"▲";
    padding-left:5px;
}
table th[aria-sort="descending"] a::after ,
table th[aria-sort="descending"] span::after {
    content:"▼";
    padding-left:5px;
}

table th.checkbox,
table td.th.checkbox{
    width:15px;
}
table th.folder,
table td.th.folder,
table th.sealed_bag_number,
table td.th.sealed_bag_number,
table th.slug,
table td.th.slug{
    width:100px;
}
table th.created_at,
table td.th.created_at,
table th.lost_at,
table td.th.lost_at,
table th.category,
table td.th.category{
    width:75px;
}
table th.status,
table td.th.status{
    width:100px;
}
table th.item,
table td.th.item{
    min-width:120px;
}
table th.full_identifiable_name,
table td.th.full_identifiable_name{
    min-width:100px;
}

tr.lost,
tr.found{
    background-color:inherit;
    color:inherit;
}

tr.form label,
tr.form .f_label{
    margin-right:10px;
}

td{
    /* font-size:0.8em; */
    font-size:0.9em;
    padding:10px;
    border-bottom:1px solid var(--gray-300);
}
table.interactive tbody td{
    max-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
}
td td{
    font-size:1em;
}

td.sort{
    background-position:center -2181px;
    max-height:90px;
    overflow:hidden;
}

td.actions{
    width:175px;
}
td.actions.long{
    width:auto;
}

tfoot td{
    border-bottom:none;
}

tbody td.actions ul.inline li{
    margin-right:5px;
}
tbody td.actions a{
    display:block;
    font-size:1.1em;
    font-weight:bold;
    padding:5px 0;
}
tbody td.actions a.bi{
    font-size:1.2em;
}

tbody td.actions ul.inline a{
    display:inline;
}
tbody td.actions .red-color{
    color:var(--danger2);
}
table tbody td a{
    color:var(--txt-color);
}
/** TABLE **/

/** TABLE INTERACTIVE **/
table.interactive,
table.interactive_a{
    width:100%;
    margin-top:25px;
}
table.interactive .pagination,
table.interactive_a .pagination{
    float:right;
    font-size:1.2em;
}
table.interactive tfoot td,
table.interactive_a tfoot td{
    padding-bottom:0;
}
table.interactive tbody a,
table.interactive_a tbody a{
    font-size:1.2em;
}
table.interactive tbody tr:hover td,
table.interactive tbody tr:focus td{
    box-shadow:var(--table-hover-shadow);
}
/** TABLE INTERACTIVE **/

/** SPRITE **/
.l_f_sprite{
    display:inline-block;
    width:0;
    height:0;
    background-image:url('/images/lost_found_sprite.png');
    background-repeat:no-repeat;
    margin-left:10px;
}
.lost .l_f_sprite{
    width:29px;height:27px;
    background-position:-5px -5px;
}
.found .l_f_sprite{
    width:32px;height:27px;
    background-position:-44px -42px;
}

.sprite_ywf,
section .sprite,
.date > .sprite{
    display:inline-block;
    width:0;
    height:0;
    background-image:url('/images/sprite_V2.png');
    background-repeat:no-repeat;
}
.sprite_ywf.big_right_arrow{
    background-position:-33px 0px;
    width:56px;height:55px;
}
.sprite_ywf.back,
.sprite_ywf.big_left_arrow{
    background-position:-33px -55px;
    width:56px;height:55px;
}
.sprite_ywf.padlock{
    background-position:-80px -110px;
    width:9px;height:11px;
}
.sprite_ywf.calendar,
.date > .sprite,
section.item .date > .sprite{
    background-position:-69px -121px;
    width:20px;height:20px;
    overflow:hidden;
    color:transparent;
}
.sprite_ywf.edit{
    background-position:-73px -141px;
    width:16px;height:16px;
}
.sprite_ywf.facebook{
    background-position:-69px -157px;
    width:20px;height:19px;
}
.sprite_ywf.gplus{
    background-position:-69px -176px;
    width:20px;height:19px;
}
.sprite_ywf.tooltip{
    background-position:-76px -195px;
    width:13px;height:13px;
}
.sprite_ywf.twitter{
    background-position:-69px -371px;
    width:20px;height:19px;
}
.css-sprite-linkedin{
    background-position:-69px -221px;
    width:20px;height:19px;
}
.sprite_ywf.info_gray{
    background-position:-76px -195px;
    width:13px;height:13px;
}
.sprite_ywf.info_white{
    background-position:-76px -208px;
    width:13px;height:13px;
}
.sprite_ywf.search,
.sprite_ywf.magnify{
    background-position:-69px -240px;
    width:20px;height:20px;
}
.sprite_ywf.send{
    background-position:-29px -260px;
    width:60px;height:38px;
}
.sprite_ywf.delete{
    background-position:-76px -298px;
    width:13px;height:16px;
}
.sprite_ywf.print,
.sprite_ywf.printer{
    background-position:-27px -314px;
    width:62px;height:57px;
}
.sprite_ywf.ywf_big_gray{
    background-position:0 -390px;
    width:89px;height:80px;
}
.sprite_ywf.ywf_big_white{
    background-position:0 -470px;
    width:89px;height:80px;
}
.sprite_ywf.ywf_small_gray{
    background-position:-39px -550px;
    width:50px;height:45px;
}
.sprite_ywf.ywf,
.sprite_ywf.ywf_small_white{
    background-position:-39px -595px;
    width:50px;height:44px;
}
.sprite_ywf.found{
    background-position:-53px -940px;
    width:36px;height:36px;
}
.sprite_ywf.lost{
    background-position:-53px -977px;
    width:36px;height:36px;
}
.ad header .sprite_ywf{
    background-position:-38px -870px;
    width:50px;height:32px;
}
.sprite_ywf.item,
.ad .item header .sprite_ywf,
section.item .sprite{
    background-position:-38px -639px;
    width:50px;height:32px;
}
/* .sprite_ywf.check, */
.ad .check header .sprite_ywf,
section.check .sprite{
    background-position:-38px -672px;
    width:50px;height:32px;
}
.sprite_ywf.date,
.ad .date header span.sprite_ywf,
section.date span.sprite{
    background-position:-38px -705px;
    width:50px;height:32px;
}
.sprite_ywf.reward,
.sprite_ywf.fees,
.ad .fees header .sprite_ywf,
.ad .reward header .sprite_ywf{
    background-position:-38px -738px;
    width:50px;height:32px;
}
.sprite_ywf.user,
.sprite_ywf.moderation,
.sprite_ywf.identity,
.ad .user header .sprite_ywf,
.ad .moderation header .sprite_ywf,
.ad .identity header .sprite_ywf,
section.user .sprite,
section.moderation .sprite,
section.identity .sprite{
    background-position:-38px -804px;
    width:50px;height:32px;
}
.sprite_ywf.place,
.ad .place header .sprite_ywf{
    background-position:-38px -837px;
    width:50px;height:32px;
}
.sprite_ywf.small_forward{
    background-position:-53px -1200px;
    width:36px;height:37px;
}
.sprite_ywf.small_back{
    background-position:-53px -1237px;
    width:36px;height:37px;
}
.sprite_ywf.check{
    background-position:-72px -1612px;
    width:17px;height:17px;
}
.sprite_ywf.cross,
.sprite_ywf.close{
    background-position:-72px -1646px;
    width:17px;height:17px;
}
.sprite_ywf.load{
    background-position:-74px -1663px;
    width:15px;height:13px;
}
.sprite_ywf.load.lost,
.for_lost .sprite_ywf.load,
.lost .sprite_ywf.load{
    background-position:-74px -1676px;
}
.sprite_ywf.load.found,
.for_found .sprite_ywf.load,
.found .sprite_ywf.load{
    background-position:-74px -1689px;
}
.sprite_ywf.webcam{
    background-position:-71px -1702px;
    width:20px;height:20px;
}
.sprite_ywf.webcam.lost,
.for_lost .sprite_ywf.webcam,
.lost .sprite_ywf.webcam{
    background-position:-71px -1722px;
}
.sprite_ywf.webcam.found,
.for_found .sprite_ywf.webcam,
.found .sprite_ywf.webcam{
    background-position:-71px -1742px;
}
.sprite_ywf.instant_message{
    background-image:url('/images/ywf_sprite.png');
    background-position:-84px -405px;
    width:17px;height:15px;
}
.sprite_ywf.instant_message.unread{
    background-position:-67px -405px;
}

.sprite{
    background-image:url("/images/sprite.png");
    background-repeat:no-repeat;
}

#main h2 span.sprite{
    display:inline-block;
    vertical-align:middle;
    background-position:0 -446px;
    width:49px;height:32px;
}
/** SPRITE **/

/** CATEGORY SPRITE **/
.category_sprite{
    display:inline-block;
    width:80px;
    height:80px;
    background:url('/images/category_sprite_V2.png') no-repeat top left;
    background-position:0 -480px;
    vertical-align:middle;
}

.category_sprite.high-tech{
    background-position:0 -800px;
}
.category_sprite.house{
    background-position:0 -80px;
}
.category_sprite.personaleffects{
    background-position:0 -640px;
}
.category_sprite.fashion{
    background-position:0 -320px;
}
.category_sprite.baggage{
    background-position:0 -880px;
}
.category_sprite.instrument{
    background-position:0 -560px;
}
.category_sprite.jewelry{
    background-position:0 -160px;
}
.category_sprite.sport{
    background-position:0 -1040px;
}
.category_sprite.baby{
    background-position:0 -240px;
}
.category_sprite.vehicles{
    background-position:0 -1120px;
}

/** SMALL CATEGORY SPRITE **/
.category_small_sprite{
    display:inline-block;
    width:40px;
    height:40px;
    background:url('/images/category_small_sprite_V2.png') no-repeat top left;
    background-position:0 -240px;
    vertical-align:middle;
}

.category_small_sprite.high-tech{
    background-position:0 -400px;
}
.category_small_sprite.house{
    background-position:0 -40px;
}
.category_small_sprite.personaleffects{
    background-position:0 -320px;
}
.category_small_sprite.fashion{
    background-position:0 -160px;
}
.category_small_sprite.baggage{
    background-position:0 -440px;
}
.category_small_sprite.instrument{
    background-position:0 -280px;
}
.category_small_sprite.jewelry{
    background-position:0 -80px;
}
.category_small_sprite.sport{
    background-position:0 -520px;
}
.category_small_sprite.baby{
    background-position:0 -120px;
}
.category_small_sprite.vehicles{
    background-position:0 -560px;
}
/** SMALL CATEGORY SPRITE **/

/*** UL ***/
ol.breaker,
ul.breaker{
    list-style-type:none;
}
ol.inline,
ul.inline{
    display:block;
}
ol.inline > li,
ul.inline > li{
    display:inline;
}
ol.separator > li,
ul.separator > li{
    border-left:1px solid var(--content);
    margin-left:7px;
    padding-left:7px;
}
ol.separator > li:first-child,
ul.separator > li:first-child{
    border-left:0 none;
    margin-left:0;
    padding-left:0;
}

/** DROPDOWN **/
ul.dropdown.content-background ul{
    background-color:inherit;
}
ul.dropdown li{
    position:relative;
}
ul.dropdown > li{
    transition:background .2s;
}
ul.dropdown > li a{
    transition:color .2s;
}
ul.dropdown li:hover a,
ul.dropdown li:focus a,
ul.dropdown li:focus-within a,
ul.dropdown li.open a{
    text-decoration:none;
}
ul.dropdown li ul{
    position:absolute;
    display:none;
    /* left:0; */
    right:0;
    min-width:100%;
    z-index:51;
}
ul.dropdown li:hover ul,
ul.dropdown li:focus ul,
ul.dropdown li:focus-within ul,
ul.dropdown li.open ul{
    display:block;
    animation:fade-in .2s cubic-bezier(.39,.575,.565,1) both
}

ul.dropdown li:hover ul li a:hover,
ul.dropdown li:focus ul li a:focus,
ul.dropdown li:focus-within ul li a:focus,
ul.dropdown li.open ul li a:hover,
ul.dropdown li.open ul li a:focus,
ul.dropdown > li:hover > a,
ul.dropdown > li:focus > a,
ul.dropdown > li:focus-within > a,
ul.dropdown > li.open > a{
    color:var(--content);
    text-decoration:underline;
}
/** DROPDOWN **/

#main .content ul,
#main .content ol{
    margin:5px 0 5px 20px;
    padding-left:10px;
}

#main .content ul li{
    margin-top:5px;
}

/*** UL ***/

/** BUTTON **/
button,
input[type="button"],
input[type="submit"],
.button,
.square_button{
    cursor:pointer;
    display:-webkit-inline-box;
    display:-webkit-inline-flex;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    text-align:center;
    padding:8px 10px;
    /* border:2px outset buttonface; */
    border:0;
    text-shadow:0 -1px 0 rgba(0,0,0,.2);
    -webkit-box-shadow:0 1px 1px rgba(0,0,0,.2);
    box-shadow:0 1px 1px rgba(0,0,0,.2);
    -webkit-transition:-webkit-box-shadow .218s ease-in;
    transition:-webkit-box-shadow .218s ease-in;
    -o-transition:box-shadow .218s ease-in;
    transition:box-shadow .218s ease-in;
    transition:box-shadow .218s ease-in, -webkit-box-shadow .218s ease-in;
    border-radius:var(--border-radius);
    outline:none;
    
    justify-content:space-around;
}
.button{
    background:#E6E6E6;
    color:var(--content);
    font-weight:bold;
    font-size:1.6em;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -webkit-flex-direction:row;
    -ms-flex-direction:row;
    flex-direction:row;
}
button:disabled,
input[type="button"]:disabled,
input[type="submit"]:disabled,
.button:disabled,
.square_button:disabled{
    opacity:0.6;
}
button:enabled:hover,
button:enabled:focus,
button:enabled:focus-visible,
input[type="button"]:enabled:hover,
input[type="button"]:enabled:focus,
input[type="submit"]:enabled:hover,
input[type="submit"]:enabled:focus,
.button:enabled:hover,
.button:enabled:focus,
a.button:hover,
a.button:focus{
    text-decoration:none;
    color:var(--content);
    box-shadow:2px 2px 2px rgba(0, 0, 0, 0.6);
}
button.ui-button:enabled:focus{
    color:var(--white);
    background:var(--link-color) none;
    border-color:var(--border-color);
}
.button.content-background:enabled:hover,
.button.content-background:enabled:focus,
.button.darkgrey:enabled:hover,
.button.darkgrey:enabled:focus,
a.button.darkgrey:hover,
a.button.darkgrey:focus{
    color:var(--white);
}
.button > span.sprite_ywf + span.text,
.button > span.text + span.sprite_ywf{
    margin-left:5px;
}
.square_button{
    background:var(--white);
    color:var(--black);
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
}
.square_button > span.sprite_ywf + span.text{
    margin-top:5px;
}
.square_button:enabled:hover,
.square_button:enabled:focus{
    text-decoration:none;
    color:var(--black);
}

button:enabled:active,
input[type="button"]:enabled:active,
input[type="submit"]:enabled:active,
.button:enabled:active,
.square_button:enabled:active{
    -webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.2);
    box-shadow:inset 0 1px 2px rgba(0,0,0,.2);
}

.button.lost,
button.lost,
input[type="button"].lost,
input[type="submit"].lost,
.button.found,
button.found,
input[type="button"].found,
input[type="submit"].found{
    font-weight:bold;
    padding:5px 10px;
}

button.has_sprite > *,
input.has_sprite > *,
.button.has_sprite > *,
.square_button.has_sprite > *{
    display:inline-flex;
    align-items:center;
    vertical-align:middle;
}
button.has_sprite > .sprite_ywf.ywf,
input.has_sprite > .sprite_ywf.ywf,
.button.has_sprite > .sprite_ywf.ywf,
.square_button.has_sprite > .sprite_ywf.ywf,
button.has_spacer > .sprite_spacer,
input.has_spacer > .sprite_spacer,
.button.has_spacer > .sprite_spacer,
.square_button.has_spacer > .sprite_spacer
{
    margin-left:15px;
}
button > .sprite_spacer,
.button > .sprite_spacer{
    display:inline-flex;
    justify-content:center;
    align-content:center;
    padding:10px;
    border-radius:100%;
}
/** BUTTON **/

/** GLOBAL COLOR **/
.blue-text{
    color:var(--content);
}

.grey-text{
    color:var(--gray-200);
}
.grey{
    background-color:var(--gray-200);
}

.darkgrey-text{
    color:var(--txt-color);
}
.darkgrey,
tr.darkgrey:hover,
tr.darkgrey:focus,
tr.darkgrey:hover a,
tr.darkgrey:focus a{
    color:var(--white);
    background-color:var(--content);
}
tr.darkgrey:hover a.bi:before,
tr.darkgrey:focus a.bi:before{
    background-color:var(--white);
}
tr.darkgrey:hover a.bi.c-success,
tr.darkgrey:focus a.bi.c-success{
    color:var(--success);
}
tr.darkgrey:hover a.bi.c-info,
tr.darkgrey:focus a.bi.c-info{
    color:var(--info);
}
tr.darkgrey:hover a.bi.c-danger,
tr.darkgrey:focus a.bi.c-danger{
    color:var(--danger);
}
tr.darkgrey{
    background-color:inherit;
    color:inherit;
}

.content-background{
    color:var(--white);
    background-color:var(--content);
}

.red-background, .danger-background,
.button.red-background, .button.danger-background,
.button.red-background:hover, .button.danger-background:hover,
.button.red-background:focus, .button.danger-background:focus,
button.red-background, button.danger-background,
button.red-background:hover, button.danger-background:hover,
button.red-background:focus, button.danger-background:focus,
input[type="button"].red-background, input[type="button"].danger-background,
input[type="button"].red-background:hover, input[type="button"].danger-background:hover,
input[type="button"].red-background:focus, input[type="button"].danger-background:focus,
input[type="submit"].red-background, input[type="submit"].danger-background,
input[type="submit"].red-background:hover, input[type="submit"].danger-background:hover,
input[type="submit"].red-background:focus, input[type="submit"].danger-background:focus
{
    background-color:var(--danger2);
    color:var(--white);
}

.warning-background,
.button.warning-background,
.button.warning-background:hover,
.button.warning-background:focus,
button.warning-background,
button.warning-background:hover,
button.warning-background:focus,
input[type="button"].warning-background,
input[type="button"].warning-background:hover,
input[type="button"].warning-background:focus,
input[type="submit"].warning-background,
input[type="submit"].warning-background:hover,
input[type="submit"].warning-background:focus
{
    background-color:var(--warning);
}

.green-color,
a.green-color{
    color:#42621d;
}
/** GLOBAL COLOR **/

/** FOUND\LOST COLOR **/
.found,
span.flex.found,
span.flex.found a,
a.b_found,
input[type="button"].found,
input[type="submit"].found,
tr.found:hover,
tr.found:focus,
tr.found:focus-within,
tr.found:hover a,
tr.found:focus a,
tr.found:focus-within a,
tr.found:hover span.found,
tr.found:focus span.found,
tr.found:focus-within span.found,
.ad section header > span.found{
    color:var(--white);
    background-color:var(--found);
}
.button.found,
button.found{
    color:var(--found);
    background-color:var(--white);
    border:2px solid var(--found);
    transition:var(--bouton-transition);
}
.button.found:hover,
.button.found:focus,
button.found:hover,
button.found:focus{
    color:var(--white);
    background-color:var(--found);
}
.button.filled.found{
    color:var(--white);
    background-color:var(--found);
}
.button.found .sprite_spacer,
button.found .sprite_spacer{
    background-color:var(--found);
}

.preview .found{
    background-color:rgba(146,203,82,0.7);
    color:var(--black);
}
span.found,
a.found{
    color:var(--found);
    background-color:inherit;
}

.lost,
span.flex.lost,
span.flex.lost a,
a.b_lost,
input[type="button"].lost,
input[type="submit"].lost,
tr.lost:hover,
tr.lost:focus,
tr.lost:focus-within,
tr.lost:hover a,
tr.lost:focus a,
tr.lost:focus-within a,
tr.lost:hover span.lost,
tr.lost:focus span.lost,
tr.lost:focus-within span.lost,
.ad section header > span.lost{
    background-color:var(--lost);
    color:var(--white);
}
.button.lost,
button.lost{
    color:var(--lost);
    background-color:var(--white);
    border:2px solid var(--lost);
    transition:var(--bouton-transition);
}
.button.lost:hover,
.button.lost:focus,
button.lost:hover,
button.lost:focus{
    color:var(--white);
    background-color:var(--lost);
}
a.button.found:hover,
a.button.found:focus,
a.button.lost:hover,
a.button.lost:focus{
    text-decoration:none;
}
button.filled.lost,
.button.filled.lost{
    color:var(--white);
    background-color:var(--lost);
}
.button.lost .sprite_spacer,
button.lost .sprite_spacer{
    background-color:var(--lost);
}
form.ad .medias > .label{
    color:var(--txt-color);
}
.preview .lost{
    background-color:rgba(196,27,111,0.7);
    color:var(--black);
}
span.lost,
a.lost{
    color:var(--lost);
    background-color:inherit;
}
/** FOUND\LOST COLOR **/

img.logo{
    max-width:500px;
    max-height:125px;
    border:none;
    display:inline-block;
}
header img.logo{
    max-width:360px;
}

/** QTIP **/
.qtip-content{
    color:var(--txt-color);
    background-color:var(--bg-color);
    font-weight:normal;
    line-height:18px;
}
.qtip-default{
    margin-left:5px;
    border:none;
}
/** QTIP **/

/** ALERT **/
.alert-success,
.alert-info,
.alert-warning,
.alert-danger,
.alert-error{
    padding:15px;
    margin-bottom:20px;
    border:1px solid transparent;
    border-radius:var(--border-radius);
}
.alert-success{
    color:#3c763d;
    background-color:#dff0d8;
    border-color:#d6e9c6;
}
.alert-info{
    color:#31708f;
    background-color:#d9edf7;
    border-color:#bce8f1;
}
.alert-warning{
    color:#8a6d3b;
    background-color:#fcf8e3;
    border-color:#faebcc;
}
.alert-danger, .alert-error{
    color:#a94442;
    background-color:#f2dede;
    border-color:#ebccd1;
}
div.alert{
    position:absolute;
    top:0;
    left:50%;
    z-index:101;
    width:692px;
    min-height:32px;
    background-color:#FFFFCC;
    border:1px solid #888;
    border-top:none;
    padding:5px;
    text-align:center;
    font-weight:bold;
    line-height:32px;
    -webkit-transform:translate(-50%,0);
    -ms-transform:translate(-50%,0);
    transform:translate(-50%,0);
}
div.alert-error{
    font-size:1.5em;
    color:red;
}
.alert a.close{
    float:right;
    margin-right:10px;
    font-size:1.5em;
    line-height:32px;
}
.alert a:hover,
.alert a:focus{
    text-decoration:none;
}
.alert > div{
    display:inline-block;
}
/** ALERT **/

/** MESSAGE **/
div.msg{
    width:100%;
    padding:5px;
    min-height:32px;
    font-weight:bold;
    line-height:32px;
    background-color:#FFFFCC;
    border:1px solid #888;
    box-sizing:border-box;
}
div.msg.error,
div.msg_error{
    font-size:1.5em;
    color:var(--error);
    border:1px solid var(--error);
}
div.msg.action,
div.msg > .action{
    font-size:1.1em;
    font-weight:bold;
    color:var(--success);
}
div.msg.action a,
div.msg > .action a{
    font-size:inherit;
    color:inherit;
}
h1 ~ div.msg:not(.fixed),
div.msg:not(.fixed) ~ div.msg:not(.fixed){
    margin-top:20px;
}
div.msg.fixed{
    position:fixed;
    width:auto;
    top:10px;
    left:10px;
    right:10px;
    margin:0;
    z-index:2000;
}
/** MESSAGE **/

.modal-header{
    display:flex;
    justify-content:flex-end;
}
.modal-header .modal-title{
    flex-grow:1;
}
.btn-close{
    box-sizing:content-box;
    width:1em;
    height:1em;
    padding:0.25em 0.25em;
    color:#000;
    background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border:0;
    border-radius:0.375rem;
    opacity:.5;
}
.btn-close:hover,
.btn-close:focus{
    color:#000;
    text-decoration:none;
    opacity:.75;
}
/*
.btn-close:focus{
    outline:0;
    box-shadow:0 0 0 0.25rem rgb(13 110 253 / 25%);
    opacity:1;
}
*/
/** MESSAGES GESTION **/
.messages_message{
    display:none;
    margin-bottom:10px;
    font-weight:bold;
    font-size:2em;
}
.messages_options{
    display:none;
}
#message_subject{
    box-sizing:border-box;
    width:100%;
}
#message_body{
    box-sizing:border-box;
    width:100%;
    height:10em;
}
/** MESSAGES GESTION **/

/** MESSAGE HISTORY **/
#messages_history{
    display:table;
}
.messages_history_message{
    display:table-row;
}
.messages_history_message > span{
    display:table-cell;
    padding:5px 0;
}
.messages_history_message >.messages_history_date{
    color:var(--content);
    padding-right:5px;
    white-space:nowrap;
    vertical-align:middle;
}
/** MESSAGE HISTORY **/

/** PAGINATION **/
.pagination{
    display:flex;
    align-items:center;
    overflow:hidden;
}

.pagination a,
.pagination .current{
    box-sizing:border-box;
    padding:5px 10px;
    margin:0 3px;
    border-radius:100%;
    cursor:pointer;
}
.pagination .current{
    background-color:var(--content);
    color:white;
}
.pagination a:hover,
.pagination a:focus{
    text-decoration:none;
    background-color:var(--content-second);
    color:white;
}
.pagination a.sprite{
    width:20px;
    height:18px;
}
.pagination a.first,
.pagination a.previous,
.pagination a.next,
.pagination a.last{
    overflow:hidden;
    color:transparent;
    background-color:transparent;
}
.pagination a.first{
    background-position:0 -1374px;
}
.pagination a.previous{
    background-position:0 -1328px;
}
.pagination a.next{
    background-position:0 -1305px;
}
.pagination a.last{
    background-position:0 -1351px;
}
.pagination a.first:hover,
.pagination a.first:focus,
.pagination a.previous:hover,
.pagination a.previous:focus,
.pagination a.next:hover,
.pagination a.next:focus,
.pagination a.last:hover,
.pagination a.last:focus{
    background-color:transparent;
}
/** PAGINATION **/

/** TABS **/
.tabs{
    display:table;
    table-layout:fixed;
    width:100%;
    border-collapse:separate;
    margin-top:5px;
    margin-bottom:3px;
}
.tabs > *{
    display:table-cell;
    padding:10px 5px;
    border-top:6px solid transparent;
    border-left:1px solid transparent;
    border-right:1px solid transparent;
    border-bottom:1px solid gray;
    vertical-align:middle;
    text-align:center;
}
.tabs > *:hover,
.tabs > *:focus-within{
    border-top:1px solid var(--content);
    border-left:1px solid var(--content);
    border-right:1px solid var(--content);
    border-bottom:1px solid gray;
}
.tabs > *.selected{
    border-top:6px solid var(--content);
    border-left:1px solid gray;
    border-right:1px solid gray;
    border-bottom:1px solid transparent;
}
.tabs > *.selected,
.tabs > *.selected a{
    color:var(--content);
    font-weight:bold;
}
.tabs > * > *{
    padding:15px 25px;
}
/** TABS **/

.collection-widget{
    display:inline-block;
}
.collection-widget > ul{
    list-style-type:none;
}
.collection-widget > ul > li{
    margin-bottom:5px;
}

ul.collection{
    list-style-type:none;
}
ul.collection > li{
    display:table-row;
}

ul.collection > li > div{
    display:table-cell;
    padding:2px;
    vertical-align:middle;
}

ul.collection > li > div span.collection_delete{
    cursor:pointer;
    background-position:-72px -1646px;
    width:17px;height:17px;
}

.add-collection{
    display:inline-block;
    line-height:20px;
}
.add-collection.add,
.add-collection .add{
    display:inline-block;
    height:20px;
    width:20px;
    text-align:center;
    border-radius:50%;
    background-color:var(--found);
    border:2px solid var(--found);
    color:var(--white);
}
.add-collection .add{
    margin-right:5px;
}
.add-collection.add:hover,
.add-collection.add:focus,
.add-collection:hover .add,
.add-collection:focus .add{
    border-color:#5e8014;
    text-decoration:none;
    color:var(--white);
}

.registration_form{
    max-width:80%;
}

.g-recaptcha{
    margin-left:260px;
}
.ad .g-recaptcha{
    margin-left:350px;
}
.phpcaptcha_container .phpcaptcha_in{
    display:inline-block;
}

table.match{
    width:100%;
}

#list_login{
    display:flex;
    flex-wrap:wrap;
    padding-left:260px;
}
#list_login > *{
    margin:10px;
}
#facebook_login,
button.submit_facebook{
    display:flex;
    background-image:url("/images/f_Logo_Online_04_2019/f_logo_RGB-White_58.png");
    background-repeat:no-repeat;
    background-size:28px;
    background-position:left 7px top 7px;
    box-sizing:content-box;
    min-width:150px;
    height:42px;
    border-radius:var(--border-radius);
    /* background-color:#4267B2; */
    background-color:#375695;
    color:var(--white);
    padding-left:42px;
    padding-right:7px;
    padding-top:0;
    padding-bottom:0;
    align-items:center;
}
#google_login,
button.submit_google{
    display:flex;
    font-family:'Roboto', sans-serif;
    font-size:14px;
    background-image:url("/images/google_signin_buttons/logo.png");
    background-repeat:no-repeat;
    background-position:left 4px top 4px;
    /* background-color:#4285F4; */
    background-color:#0950C3;
    color:var(--white);
    box-sizing:content-box;
    padding-left:46px;
    padding-right:4px;
    padding-top:0;
    padding-bottom:0;
    height:46px;
    min-width:150px;
    border-radius:var(--border-radius);
    align-items:center;
}
/*
#google_login:focus{
    background-image:url("/images/google_signin_buttons/btn_google_signin_dark_focus_web.png");
}
#google_login:active{
    background-image:url("/images/google_signin_buttons/btn_google_signin_dark_pressed_web.png");
}
*/

/** SELECT2 **/
.select2-results_flag{
    display:flex;
    align-items:center;
}
.select2-results_flag .category_small_sprite {
    margin-right:3px;
    flex-shrink:0;
}
/** SELECT2 **/

/** SPINNER **/
.spinner{
    margin:20px auto 20px;
    width:70px;
    text-align:center;
}
.spinner > div{
    width:18px;
    height:18px;
    
    border-radius:100%;
    display:inline-block;
    -webkit-animation:sk-bouncedelay 1.4s infinite ease-in-out both;
    animation:sk-bouncedelay 1.4s infinite ease-in-out both;
}
.spinner .bounce1{
    background-color:var(--found);
    -webkit-animation-delay:-0.32s;
    animation-delay:-0.32s;
}
.spinner .bounce2{
    background-color:var(--lost);
    -webkit-animation-delay:-0.16s;
    animation-delay:-0.16s;
}
.spinner .bounce3{
    background-color:var(--content);
}
@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform:scale(0) }
  40% { -webkit-transform:scale(1.0) }
}
@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform:scale(0);
    transform:scale(0);
  } 40% { 
    -webkit-transform:scale(1.0);
    transform:scale(1.0);
  }
}

.modal .spinner{
    background-color:white;
    padding:30px;
}
/** SPINNER **/

/** MODAL **/
.modal{
    position:fixed;
    top:0;
    left:0;
    z-index:1055;
    width:100%;
    height:100%;
    overflow-x:hidden;
    overflow-y:auto;
    outline:0;
    
}
.modal-dialog{
    max-width:500px;
    margin-right:auto;
    margin-left:auto;
    
    display:flex;
    align-items:center;
    min-height:100%;
}
.modal-backdrop{
    position:fixed;
    top:0;
    left:0;
    z-index:1050;
    width:100vw;
    height:100vh;
    background-color:rgba(108, 117, 125, 0.75);
}
/** MODAL **/

/** ITEM_LANG **/
#item_toc{
    display:inline-block;
}
#item_dep{
    display:none;
    flex-wrap:wrap;
    justify-content:flex-start;
    align-items:flex-start;
    list-style:none;
}
.item.dep_view #item_dep{
    display:flex;
}
.item.dep_view #item_toc{
    display:none;
}
#item_dep .item_lang{
    position:relative;
    box-sizing:border-box;
    width:205px;
    height:105px;
    
    flex-grow:0;
    flex-shrink:0;
    /* flex-basis:210px; */
    padding:2px;
    margin:5px;
}
#item_dep .item_lang.back{
    display:none;
}
#item_dep.selected .item_lang{
    display:none;
}
#item_dep.selected .item_lang.back,
#item_dep.selected .item_lang.selected{
    display:block;
}
#item_dep .item_lang.back .bi:before{
    content:"\f156";
    font-size:40px;
}
#item_dep .item_lang.selected{
    height:auto;
}
#item_dep .item_lang > div{
    box-sizing:border-box;
    width:200px;
    height:100px;
    
    padding:10px;
    border:1px solid #AAA;
    border-radius:var(--border-radius);
    cursor:pointer;
    
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:space-around;
    
    margin:auto;
}
#item_dep .item_lang > div:hover,
#item_dep .item_lang > div:focus,
#item_dep .item_lang.open > div,
#item_dep .item_lang.selected > div{
    width:205px;
    height:105px;
    
    background-color:var(--content);
    color:var(--white);
}
#item_dep .item_lang > div span{
    text-align:center;
}
#item_dep .item_lang_master{
    display:flex;
    flex-direction:column;
    align-items:center;
}
#item_dep .item_lang_child{
    box-sizing:border-box;
    display:none;
    list-style:none;
    background:var(--white);
    border:1px solid #AAA;
}
#item_dep .item_lang.open:nth-child(4n-3) .item_lang_child,
#item_dep .item_lang.open:nth-child(4n+2) .item_lang_child{
    left:2px;
    border-radius:0px var(--border-radius) var(--border-radius) var(--border-radius);
}
#item_dep .item_lang.open:nth-child(4n+3) .item_lang_child,
#item_dep .item_lang.open:nth-child(4n+4) .item_lang_child{
    right:-2px;
    border-radius:var(--border-radius) 0px var(--border-radius) var(--border-radius);
}
#item_dep .item_lang_child li{
    cursor:pointer;
    padding:10px;
}
#item_dep .item_lang_child li:hover,
#item_dep .item_lang_child li:focus,
#item_dep .item_lang_child li.selected{
    background-color:var(--content);
    color:var(--white);
}
#item_dep .item_lang.open > div{
    border-bottom:0;
    border-bottom-left-radius:0;
    border-bottom-right-radius:0;
    
}
#item_dep .item_lang.selected .item_lang_child{
    display:block;
    position:relative;
    width:auto;
}
#item_dep .item_lang.open .item_lang_child{
    display:block;
    position:absolute;
    width:445px;
    z-index:2;
}
#item_dep .item_lang.selected li{
    display:none;
}
#item_dep .item_lang.selected li.selected{
    display:list-item;
}
#item_dep .item_lang.open li{
    display:block;
}
/** ITEM_LANG **/


/** INSTANT MESSAGE **/
#messages{
    display:block;
}
#messages #messagesList{
    display:block;
    max-height:450px;
    overflow:auto;
    background-color:lightgray;
}

#messages .ft{
    padding-left:9%;
    padding-right:9%;
    margin-bottom:2px;
        position:relative;
}
#messages .message{
    font-size:14.2px;
    line-height:19px;
    color:#262626;
    position:relative;
    border-radius:7.5px;
    box-shadow:0 1px 0.5px rgba(0,0,0,.13);
    max-width:65%;
}
#messages .ft::after{
    content:"";
    display:block;
    clear:both;
}
#messages .message .tail{
    background-position:50% 50%;
    background-repeat:no-repeat;
    background-size:contain;
    content:"";
    position:absolute;
    top:0;
    width:12px;
    height:19px;
}
#messages .message .container{
    padding:6px 7px 8px 9px;
    box-sizing:border-box;
}
#messages .message_out{
    background-color:#dcf8c6;
    border-top-right-radius:0;
    float:right;

}
#messages .message_in{
    background-color:#fff;
    border-top-left-radius:0;
    float:left;
}

#messages .message_out .tail{
    right:-12px;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAmCAMAAADp2asXAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAADAUExURUxpcXmHa4maet/4yA0aDRMTE8fhsgAAAAAAAMDXrCsxJeX/z1xzXIiYetPsvGBsVUdPPuH8zOH8zNDrvMvmtrrOpwAAAAAAABUVFRoaGtnyxLTMozQ+MMfftFBeSR8nH5aoh6q/mW9+ZN/4yMjhtRwlHAAAAIOWd+r/06C1kkNLOwsLC9z4xur/0+n/0t76x9v4xeL9y+b/z+j/0d/7yeH8yuX/zeD8ytz5xt76yOP/zeH+y+b/zuD8yd35xuf/0MY9jkkAAAAsdFJOUwBvd/ATDZIBAsMp/At/11c9yPbizHoICQwT4bY1ykkgjahl6s8bBYT6nUAWOLbtFAAAAIhJREFUKM/tzbUWwlAURNFBE9zdg0NecLf//yvKUJyUdDnl7HXXletXqmXl9wPbQ9JCcC+VJsOj2mDwovzj3osjHGNFEVxNRAj7UR1hlx+I4FbuC8HkZBE8OwnRxamdFsEmUxCCGdoI51RLBK9xVwTvjyMEbzlDMJMp7lqseNc8YNc6CGyF/a0vcmwhZbCG+kEAAAAASUVORK5CYII=)
}
#messages .message_in .tail{
    left:-12px;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAmCAMAAADp2asXAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACQUExURUxpccPDw9ra2m9vbwAAAAAAADExMf///wAAABoaGk9PT7q6uqurqwsLCycnJz4+PtDQ0JycnIyMjPf3915eXvz8/E9PT/39/RMTE4CAgAAAAJqamv////////r6+u/v7yUlJeXl5f///5ycnOXl5XNzc/Hx8f///xUVFf///+zs7P///+bm5gAAAM7Ozv///2fVensAAAAvdFJOUwCow1cBCCnqAhNAnY0WIDW2f2/hSeo99g1lBYT87vDXG8/6d8oL4sgM5szrkgl660OiZwAAAHRJREFUKM/ty7cSggAABNFVUQFzwizmjPz/39k4YuFWtm55bw7eHR6ny63+alnswT3/rIDzUSC7CrAziPYCJCsB+gbVkgDtVIDh+DsE9OTBpCtAbSBAZSEQNgWIygJ0RgJMDWYNAdYbAeKtAHODlkHIv997AkLqIVOXVU84AAAAAElFTkSuQmCC)
}

#messages .message .infos{
    float:right;
    font-size:11px;
    height:16px;
    line-height:16px;
    white-space:nowrap;
    margin-bottom:2px;
}
#messages .message .infos .msg-check{
    display:inline-block;
    width:16px;
    height:16px;
    background-image:url(/images/instant-check.png);
    vertical-align:top;
}
#messages .message .date{
    color:rgba(0,0,0,.45);
}
#messages .message .name{
    color:var(--found);
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

#messages .break{
    display:flex;
    justify-content:center;
    margin:4px 0;
}
#messages .break .loader{
    padding:20px 10px;
}
#messages .break > span{
    background-color:rgba(225,245,254,.92);
    border-radius:7.5px;
    box-shadow:0 1px 0.5px rgba(0,0,0,.13);
    padding:5px 12px 6px;
    text-align:center;
    text-shadow:0 1px 0 hsla(0,0%,100%,.4);
}

#messages #footer{
    background-color:#EFEEEE;
    width:100%;
    box-sizing:border-box;
    min-height:62px;
    display:flex;
}
#messages #footer button{
    padding:5px 10px;
    box-sizing:border-box;
    outline:none;
    border:0;
    padding:0;
    background:none;
    cursor:pointer;
    opacity:.9;
    box-shadow:none;
    text-shadow:none;
}
#messages #text{
    display:flex;
    background-color:#fff;
    border:1px solid #fff;
    border-radius:21px;
    padding:9px 12px 11px;
    margin:5px 10px;
    box-sizing:border-box;
    font-size:15px;
    font-weight:400;
    line-height:20px;
    min-height:20px;
    min-width:0;
    width:inherit;
}
#messages #text > div{
    display:flex;
    align-items:center;
    width:100%;
    
}
#messages #text #edit{
    user-select:text;
    width:100%;
    font-size:15px;
    font-weight:400;
    max-height:100px;
    min-height:20px;
    outline:none;
    overflow-x:hidden;
    overflow-y:auto;
    position:relative;
    white-space:pre-wrap;
    word-wrap:break-word;
}

#messages #hide{
    position:absolute;
    color:var(--txt-placeholder);
    font-style:italic;
    font-size:15px;
    line-height:20px;
    pointer-events:none;
    transition:opacity .08s linear;
}
/** INSTANT MESSAGE **/

.view_changer{
    display:block;
    text-align:right;
}
.view_change{
    display:inline-block;
    font-family:bootstrap-icons;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    vertical-align:text-bottom;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    
    font-size:28px;
    letter-spacing:normal;
    word-wrap:normal;
    white-space:nowrap;
    direction:ltr;
    
    padding:2px 5px;
}
.view_change.dep_view::before{content:"\f226";}
.view_change.toc_view::before{content:"\f227";}
.item .view_change.toc_view,
.item.dep_view .view_change.dep_view{
    background-color:var(--content);
    color:var(--white);
}
.item.dep_view .view_change.toc_view{
    background-color:var(--white);
    color:var(--txt-color);
}

.interv_list .comments{
    max-height:50px;
    overflow:auto;
}

.slider-container{
    display:flex;
}
.slider-container .slider{
    flex-grow:1;
    align-items:center;
}

form.search.ui-accordion .ui-accordion-content{
    border:0;
    padding:0;
}
form.search.ui-accordion .ui-icon{
    display:none;
}
.accordion .bi-icon::before{
    content:"\F229";
    transition:transform 0.2s ease-in-out;
}
.accordion .ui-state-active .bi-icon::before{
    transform:rotate(180deg);
}

.ui-widget-header{
    border:1px solid var(--content);
    background:var(--content) none;
    color:var(--white);
    font-weight:bold;
}
.ui-widget-content{
    border:1px solid var(--border-color);
    background:var(--white) none;
    color:var(--txt-color);
}
.ui-button{
    color:var(--content);
    background:var(--white) none;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:focus, html .ui-button.ui-state-disabled:active,
.ui-tabs .ui-tab.ui-state-default{
    color:var(--white);
    background:var(--link-color) none;
    border-color:var(--border-color);
}
.ui-widget-header .ui-state-default,.ui-widget-header .ui-button{
    color:var(--link-color);
    background:var(--white) none;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-button:hover, .ui-button:focus,
.ui-tabs .ui-tab.ui-state-hover, .ui-tabs .ui-tab.ui-state-focus{
    color:var(--white);
    background:var(--link-hover-color) none;
    border-color:var(--border-color);
}
.ui-widget-header .ui-state-hover, .ui-widget-header .ui-state-focus, .ui-widget-header .ui-button:hover, .ui-widget-header .ui-button:focus{
    color:var(--link-hover-color);
    background:var(--white) none;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover, .ui-button.ui-state-active:focus,
.ui-tabs .ui-tab.ui-state-active{
    color:var(--content);
    background:var(--white) none;
    border-color:var(--border-color);
}
.ui-accordion .ui-accordion-header.ui-state-active{
    color:var(--white);
    background:var(--content) none;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited{
    color:inherit;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border:1px solid #fad42e;
    background-color:#fbec88;
    color:#363636;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #dad55e;
    background: #fffa90;
    color: #777620;
}

.ui-datepicker-calendar .ui-state-default{
    background-color:var(--white);
}
.date-picker-wrapper{
    border:1px solid var(--border-color);
    color:var(--txt-color);
}
.date-picker-wrapper .month-wrapper table .day.toMonth.valid,
.ui-datepicker-calendar .ui-state-default{
    color:var(--txt-color);
    font-weight:bold;
}
.date-picker-wrapper .month-wrapper table .day.toMonth.invalid,
.ui-datepicker-calendar .ui-state-disabled .ui-state-default{
    color:var(--gray);
    font-style:italic;
    text-decoration:line-through;
}
.date-picker-wrapper .month-wrapper table .day.hovered,
.ui-datepicker-calendar .ui-state-hover,
.ui-datepicker-calendar .ui-state-default:hover{
    border:1px solid var(--content);
    border-radius:var(--border-radius);
}
.date-picker-wrapper .week-number{
    font-style:italic;
    font-size:0.9em;
    color:var(--txt-color);
}
.date-picker-wrapper .first-date-selected,
.date-picker-wrapper .last-date-selected,
.ui-datepicker-calendar .ui-state-active{
    background-color:var(--content) !important;
    color:var(--white) !important;
}
.date-picker-wrapper .month-wrapper table .day.checked,
.date-picker-wrapper .month-wrapper table .day.toMonth.checked{
    background-color:var(--content-second);
    color:var(--white);
}
.date-picker-wrapper b {
    color:var(--txt-color);
}
.date-picker-wrapper .month-wrapper table .day.real-today,
.ui-datepicker-calendar .ui-datepicker-today .ui-state-default{
    background-color: #ffe684;
}

.qtip {
    font-size:12px;
}

#sitemap{
    list-style-position:inside;
}
#sitemap li{
    margin:0 0 1em 0;
}
#sitemap ul{
    margin-bottom:.5em;
    padding:.3em 0 0 1.5em;
}

@font-face {
    font-family:"bootstrap-icons";
    src:url("/fonts/bootstrap-icons.woff") format("woff"),
         url("/fonts/bootstrap-icons.woff2") format("woff2");
}

@media only screen and (max-width:1000px){
    html,body{
        width:auto;
        max-width:1000px;
    }
    body > header{
        /* display:block; */
        padding-left:5px;
        padding-right:5px;
    }
    
    td{
        padding:5px;
    }
    td.actions{
        width:auto;
    }
    
    form div.label,
    form legend.label,
    .ad div.label,
    .ad legend.label,
    form div.label ~ *,
    form legend.label ~ *,
    .ad section div > .label,
    .ad section div > .label + span,
    .ad .ad_field .label,
    .ad .ad_field .value,
    #item_toc > select,
    #item_toc > .select2-container{
        display:block;
        width:100%;
    }
    form div.label ~ input[type="checkbox"],
    form legend.label ~ input[type="checkbox"]{
        width:initial;
    }
    form legend.label ~ .invalid-feedback{
        display: none;
    }
    
    .inline > * {
        vertical-align:middle;
    }
    
    /*
    input,
    select{
        height:30px;
        line-height:26px;
        font-size:15px;
    }
    */
    
    #topbar > *{
        display:block;
    }
    #topbar #nav{
        width:auto;
        margin-right:auto;
    }
    #topbar #account .help > a,
    #topbar #account .support > a{
        padding:3px;
    }
    #topbar #account .help > a > span,
    #topbar #account .support > a > span{
        display:none;
    }
    #topbar #account .help > a:before,
    #topbar #account .support > a:before{
        margin-right:0;
    }
    
    #manager_menu > ul{
        margin:10px 5px;
    }
    
    #menu > li a{
        /* padding:5px; */
        margin:auto;
    }
    
    #menu li ul li{
        display:flex;
        align-items:center;
        min-height:30px;
    }
    
    aside nav > ul > li{
        padding:5px;
        /* border-right-width:5px; */
    }
    aside nav ul li a:before{
        display:none;
    }
    
    #main{
        padding:5px;
        border:0;
    }
    
    #main .bottom-actions,
    #main .bottom-actions .submit{
        justify-content:center;
    }
    
    .g-recaptcha,
    .ad .g-recaptcha{
        margin:auto;
    }
    
    #main a.recover-password {
        margin:auto;
    }
    
    #main div.remember-me > *{
        vertical-align:middle;
    }
    
    .ad .ad_field.description,
    .ad .ad_field.description .label,
    .ad .ad_field.description .value,
    .ad .reward_field,
    .ad .fees_field,
    .ad .reward_field .label,
    .ad .fees_field .label,
    .ad .reward_field .value,
    .ad .fees_field .value,
    .ad .shipment_field,
    .ad .shipment_field .label,
    .ad .shipment_field .value{
        display:block;
        width:100%;
        padding-left:0;
    }
    
    .preview div.label,
    .preview legend.label{
        width:150px;
    }
    
    div#upload-media > .thumbnail{
        width:180px;
        height:100px;
        margin:5px;
    }
    div#upload-media > .thumbnail > div {
        line-height:100px;
        height:100px;
    }
    #thumbnail-remove{
        line-height:100px;
    }
    
    table th{
        padding:5px;
    }
    table th.reward,
    table th.fees{
        font-size:0.8em;
    }
    /* table th.folder, */
    /* table th.sealed_bag_number, */
    /* table th.slug, */
    /* table th.created_at, */
    /* table th.lost_at, */
    table th.category{
        width:auto;
    }
    
    body > footer ul li {
        padding-left:10px;
    }
    
    .registration_form{
        max-width:100%;
    }
    
    #list_login{
        padding-left:0;
    }
    
    a.webcam_use{
        display:none;
    }
    
    
    .item.dep_view #invenio_ad_publication_item{
        display:inline-block;
    }
    
    .slider-container{
        flex-wrap:wrap;
    }
    
    tbody td.actions a.bi{
        font-size:2em;
    }
}
@media only screen and (max-width:870px){
    #manager_menu ul.dropdown > li > a::after{
        display:none;
    }
    #item_dep .item_lang.open .item_lang_child {
        width:180%;
    }
    #item_dep .item_lang.open:nth-child(3n+2) .item_lang_child,
    #item_dep .item_lang.open:nth-child(3n+3) .item_lang_child{
        left:2px;
        right:auto;
    }
    #item_dep .item_lang.open:nth-child(3n+4) .item_lang_child{
        left:auto;
        right:-2px;
    }
}
@media only screen and (max-width:654px){
    #item_dep .item_lang.open:nth-child(2n) .item_lang_child{
        left:2px;
        right:auto;
    }
    #item_dep .item_lang.open:nth-child(2n+1) .item_lang_child{
        left:auto;
        right:-2px;
    }
}
@media only screen and (max-width:576px){
    .view_changer{
        display:none;
    }
    
    .item.dep_view #item_dep{
        display:none;
    }
    .item.dep_view #item_toc{
        display:inline-block;
    }
    
    body > footer ul li{
        width:50%;
    }
    body > footer ul li:nth-child(even){
        border-left:1px solid white;
    }
    body > footer ul li:nth-child(odd){
        border:0;
    }
    body > footer ul li.copyright{
        border:0;
    }
    
    #topbar #account .logout > a{
        padding:3px;
    }
    #topbar #account .logout > a > span{
        display:none;
    }
    #topbar #account .logout > a:before{
        content:"\F1C3";
        margin-right:0;
    }
    
    #main a.recover-password{
        margin-left:0;
        text-align:right;
    }
    body > header .logo_link{
        flex-shrink:1;
    }
    header img.logo{
        max-width:100%;
    }
    
    #manager_menu ul.inline li a {
        padding:10px;
        margin-right:10px;
    }
    
    .ad section.item .title,
    .ad section.check .title{
        padding-left:180px;
    }
    
    #messages_subject_container,
    #messages_subject_container > div,
    #messages_body_container,
    #messages_body_container > div{
        display:block;
    }
    
    /** TABLE **/
    table td.actions > a{
        padding:10px;
    }
    
    /* Force table to not be like tables anymore */
    table.resp{
        display:flex;
        flex-direction:column;
    }
    table.resp thead{
        display:block;
        order:0;
    }
    table.resp thead tr{
        /* Hide table headers (but not display:none;, for accessibility) */
        position:absolute;
        top:-9999px;
        left:-9999px;
    }
    table.resp tfoot{
        display:block;
        order:2;
    }
    table.resp tbody{
        display:block;
        order:1;
    }
    table.resp tbody tr{
        display:flex;
        flex-direction:column;
        border:1px solid #ccc;
        border-radius:var(--border-radius);
        margin:5px 0;
    }
    table.resp tfoot tr{
        display:flex;
        flex-direction:column;
        border:none;
        margin:5px 0;
    }
    table.resp tbody tr.hidden{
        display:none;
    }
    table.resp tbody tr:nth-child(even){
        background-color:#eee;
    }
    table.resp tbody tr.found:nth-child(even):hover,
    table.resp tbody tr.found:nth-child(even):focus{
        background-color:var(--found);
    }
    table.resp tbody tr.lost:nth-child(even):hover,
    table.resp tbody tr.lost:nth-child(even):focus{
        background-color:var(--lost);
    }
    table.resp tbody tr.darkgrey:nth-child(even){
        color:var(--txt-color);
    }
    
    table.resp tbody td{ 
        display:flex;
        /*justify-content:space-between;*/
        border:none;
        border-bottom:1px solid #eee;
        padding:10px 5px;
        white-space:normal;
        text-align:left;
        max-width:unset;
    }
    table.resp td.sort{
        background-image:none;
    }
    table.resp td.actions > a{
        padding:10px;
    }
    table.resp tbody tr:nth-child(even) td{
        border-bottom:1px solid var(--white);
    }
 
    table.resp tbody td:before{
        display:inline-block;
        content:attr(data-title);
        /* width:65px;  */
        width:85px; 
        min-width:85px; 
        padding-right:5px; 
        /* white-space:nowrap; */
        text-align:left;
        font-weight:bold;
        overflow:hidden;
        text-overflow:ellipsis;
    }
    
    .g-recaptcha{
        margin-left:0;
    }
    
    .ad .moderation .ad_field,
    .ad .moderation .label,
    .ad .moderation .value{
        display:block;
    }
    
    form.ad div.item {
        margin-bottom:10px;
    }
    
    .ad section > div,
    .ad section > form > div,
    .ad section > form > .form > div,
    .ad .fields > div,
    .ad .form_user > div{
        margin-top:15px;
    }
    
    .ad div.label,
    .ad legend.label{
        margin-bottom:10px;
    }
    
    /* SELECT2 */
    .select2-selection__rendered {
        line-height:31px !important;
    }
    .select2-container .select2-selection--single {
        height:35px !important;
    }
    .select2-selection__arrow {
        height:34px !important;
    }
    
    .select2-search--dropdown .select2-search__field,
    .select2-results__option,
    .select2-container--default .select2-results__option .select2-results__option {
        font-size:1.1em;
        padding-top:12px;
        padding-bottom:12px;
    }
    
    /* SELECT2 */
    
    .match_list .found_slug,
    .match_list .lost_slug,
    .match_list .loss_slug{
        display:none;
    }
}

@media only screen and (hover:none) {
    #thumbnail-remove.hidden{
        display:block;
    }
}
@media only screen and (pointer:coarse) {
    #thumbnail-remove.hidden{
        display:block;
    }
    tbody td.actions a.bi{
        font-size:2em;
    }
}

.c-success,tr.c-success{color:var(--success)}
tr.found:hover .c-success{background-color:var(--success);color:var(--white)}
.bigger-c-success,tr.bigger-c-success{font-size:2em;font-weight:bold;color:var(--success)}
.big-c-success,tr.big-c-success{font-size:110%;color:var(--success)}
.b-c-success,tr.b-c-success{font-weight:bold;color:var(--success)}
.c-info,tr.c-info{color:var(--info)}
.c-warning,tr.c-warning{color:var(--warning)}
.c-alert,tr.c-alert{color:var(--alert)}
tr.found:hover .c-alert{background-color:var(--alert);color:var(--white)}
.bigger-c-alert,tr.bigger-c-alert{font-size:2em;font-weight:bold;color:var(--alert)}
.big-c-alert,tr.big-c-alert{font-size:110%;color:var(--alert)}
.b-c-alert,tr.b-c-alert{font-weight:bold;color:var(--alert)}
.c-danger,tr.c-danger{color:var(--danger)}
.bg-success,tr.bg-success{background-color:var(--success)}
.bg-info,tr.bg-info{background-color:var(--info)}
.bg-warning,tr.bg-warning{background-color:var(--warning)}
.bg-alert,tr.bg-alert{background-color:var(--alert)}
.bg-danger,tr.bg-danger{background-color:var(--danger)}

@font-face {
    font-family:"bootstrap-icons";
    src:url("/fonts/1.8/bootstrap-icons.woff") format("woff"),
         url("/fonts/1.8/bootstrap-icons.woff2") format("woff2");
}
.bi::before,
[class^="bi-"]::before,
[class*=" bi-"]::before{
  display:inline-block;
  font-family:bootstrap-icons;
  font-style:normal;
  font-weight:normal;
  font-variant:normal;
  text-transform:none;
  line-height:1;
  vertical-align:-.125em;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
.bi-duplicate::before{content:"\F3C2";}
.bi-pencil-square::before{content:"\F4CA";}
.bi-check-square-fill::before{content:"\F26C";}
.bi-x-square-fill::before{content:"\F628";}
.bi-eye-fill::before{content:"\F33E";}
.bi-eraser-fill::before{content:"\F330";}
.bi-fullscreen::before{content:"\F3DF";}
.bi-envelope-check-fill::before{content:"\F68B";}
.bi-clock-history::before{content:"\F292";}
.bi-load::before{
    content:"\F116";
    animation:rotation linear 1s infinite both;
}