/* Minification failed. Returning unminified contents.
(32,21): run-time error CSS1039: Token not allowed after unary operator: '-red'
 */
body {}

/*.white-menu-header-container {width:100%;height:40px;}*/

.header {margin-bottom: 64px;}
.header .container {height: 96px; display: flex;align-items: center; margin: 0 auto; max-width: 1330px;}
.header .container .customer_logo {height: 62%; border-radius: 10px;}
.header .container .back_btn {display: none;}
.header .container .left_part {padding: 16px;}
.header .container .left_part .title {font-size: 36px; line-height: 38px;}
.header .container .left_part .details {font-size: 16px;}
.header .container .left_part .details svg {width: 10px;height: 13px;fill: white;}


/*DESKTOP*/

.top-header {text-align: right;padding: 20px 0; font-size: 1.125rem; display: flex;flex-direction: row;align-items: center;}
.top-header > .username {font-weight: 700;}
.top-header > .username > span {display: inline-block;text-align: center;}
.top-header > .username > span > i {color: #7e7e7e;font-size: 1.25rem;top: 2px;position: relative;}
    .top-header > .username > span > svg {
        fill: #7e7e7e;
        font-size: 1.25rem;
        top: 4px;
        position: relative;
        height:20px;
    }
.top-header > .username > a {display: inline-block;font-weight: 300}
.top-header > .username > a:hover {text-decoration: underline;}
.top-header > .value-card-points {background: #f5f5f5; padding: 5px 10px; border-radius: 5px; display: inline-block; margin-right: 15px;}
    .top-header > .value-card-points > svg {
        color: var(--red);
        height: 20px;
        position: relative;
        top: 4px;
    }
.top-header > .value-card-points > a {font-weight: 700; text-decoration: underline;}
.top-header > .open-now {display: none;}
.top-header-non-connected > .username > a {font-weight: 700}

    .top-header > .value-card-points > a {
        font-weight: 700;
        text-decoration: underline;
    }

.top-header > .open-now {
    display: none;
}

.top-header-non-connected > .username > span {
    cursor: pointer;
    font-weight: 700
}


.white-header {
    position: sticky;
    top: 0px;
    z-index: 1000;
    background-color: #f1f1f1
}



@media (max-width: 1023px) {
    .white-header {
        margin-bottom: 5px;
        z-index : 10;
    }
    .top-header{
        display:unset;
    }
    .white-header .container {
        height: 62px;
    }

    .top-header > .value-card-points{
        padding:5px;
    }
    .white-header .container .customer_logo {
        display: none;
    }
    .white-header .container .back_btn {display: block; position: initial;}
    .white-header .container .back_btn svg {width: 30px;height: 22px;}
    .white-header .container .left_part .title {font-size: 18px;line-height: 20px;}
    .white-header .container .left_part .details {font-size: 14px;}
    .white-header > .top-header {flex-direction: column;align-items: baseline;padding: 15px;margin-bottom: 15px}
        .white-header > .top-header > .username {
            font-size: 1rem;
            padding-right: 5px;
        }
    .white-header > .top-header > .open-now {border-radius: 30px; display: block; background: #4c8a14; box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.61); color: #fff; font-weight: 700; font-size: 0.875rem; padding: 5px 15px; margin-right: auto; z-index: 2; position: absolute; left: 15px;top: 105px;}
    .white-header > .top-header > .value-card-points {margin-right: 0; margin-top: 10px; font-size: 1rem;}
    .white-header > .top-header-non-connected {
        text-align: right;
        display: flex;
        flex-direction: row;
        align-items: center;
        position: absolute;
        z-index: 2;
        width: 100%;
        background: rgb(0,0,0);
        background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
        /*padding: 15px 15px 40px;*/
        padding-bottom: 10px;
        padding-top: 10px;
        margin-bottom: 0px;
        height: 40px;
        /*background-color: #faf6f600;*/
        background: #f1f1f1;
    }
    .white-header > .top-header-non-connected > .open-now {position: unset;left: auto;top: auto;}
    .white-header > .top-header-non-connected > .username > span > i {color: #fff;}
    .white-header > .top-header-non-connected > .username {
        background: none;
        /*color: #fff;*/
        font-size: 1rem;
        font-weight: 700;
        padding: 0px;
        /*text-shadow: 0px 3px 0px rgb(45 45 45 / 80%);*/
        position: relative;
        top: -2px;

    }

    .top-header > .username > span > svg {
        top:5px;
    }
    .top-header-non-connected > .username > a {
        padding-right: 5px;
    }

    

}