.gdlr-core-page-builder-body .gdlr-core-image-item img[src$=".svg"] { width: 100%; height: auto; }
.gdlr-core-page-builder-body img[src$=".svg"].style-svg { width: 0; }
.gdlr-core-page-builder-body .gdlr-core-page-builder-item-container-preview img[src$=".svg"].style-svg { width: 100%; height: auto; }
.gdlr-core-page-builder-body .gdlr-core-page-builder-item-container-preview .gdlr-core-image-item img[src$=".svg"] { width: 100%; height: auto; }
.gdlr-core-page-builder-body svg.replaced-svg { width: 100%; height: auto;  }
body.infinite-body-front .gdlr-core-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

body.no-scroll {
    overflow: hidden;
}

.footer-fixed {
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 1%;
}
.footer-fixed img {
    max-width: 550px;
    margin: 0 auto;
    width: 100%;
}
body div.relative {
    position: relative;
}
/**** LOGIN FORM ****/
body .mb-toast {
    padding-bottom: 60px;
}
body form#login-form label.form-label {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 400;
    padding: 0;
    margin: 0;
    color: #fff;
}
body form#login-form .form-control {
    border: 1px solid #fff;
    line-height: 30px;
    font-size: 16px;
    padding: 0.375rem 0 0.375rem 0.75rem;
    color: #000;
    font-family: "Roboto";
    outline: none;
    box-shadow: none;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-right: none;
    transition: all 0.2s ease;
}
body form#login-form .input-group .s-icon-size {
    width: 24px;
    height: 24px;
}
body form#login-form .form-control:focus {
    border-color:#aaa;
}
body form#login-form .form-control:focus + span {
    border-color:#aaa;
}
body form#login-form span.input-group-text {
    background: #fff;
    border: 1px solid #fff;
    font-size: 24px;
}
body form#login-form button.btn-manager-login {
    color: #fff;
    background: transparent;
    font-family: "Oswald";
    font-weight: 400;
    text-transform: uppercase;
    display: block;
    width: 100%;
    padding: 10px;
    font-size: 18px;
    border-radius: 4px;
    margin-top: 30px;
    position: relative;
    border: 2px solid #fff;
}
body form#login-form button.btn-manager-login:hover {
    color: #fedb4b;
    border: 2px solid #fedb4b;
}
body form#login-form button.btn-manager-login i.button-loading {
    position: absolute;
    left: calc(50% - 15px);
    top: 6px;
    opacity: 0;
}
body form#login-form button.btn-manager-login i.button-loading b {
    background: #fff;
}
body div#manager-login-errors,
body div#player-toast-errors,
body div#clue-time-toast-wrapper {
    font-size: 13px;
    color: #fff;
    font-weight: 400;
    padding: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
}
body .reset-password {
    text-align: center;
}
body a.login-link {
    display: inline-block;
    text-align: center;
    margin-top: 25px;
    font-size: 12px;
    color: #fff;
}
body a.login-link:hover {
    color: #fff;
    text-decoration: underline;
}

body .toast-container.login-toast,
body .toast-container.clue-toast,
body .toast-container.dashboard-toast {
    width: 100%;
    z-index: 1000000;
}
body .toast-container.dashboard-toast,
body .toast-container.clue-toast {
    position: fixed !important;
    bottom: 20px !important;
}
body .toast-container.login-toast .toast,
body .toast-container.clue-toast .toast,
body .toast-container.dashboard-toast .toast {
    width: 100%;
    background: #e61610;
    border: 0px;
    box-shadow: 5px 5px 12px rgb(0 0 0 / 50%);
    border-radius: 8px;
    color: #fff;
}

body .toast-container.clue-toast .toast,
body .toast-container.dashboard-toast .toast {
    max-width: 300px;
    margin-left:auto;
    margin-right:auto;
}
body .toast-container.clue-toast .toast .toast-body,
body .toast-container.login-toast .toast .toast-body,
body .toast-container.dashboard-toast .toast .toast-body {
    padding: 10px;
    width: 100%;
    text-align: center;
}
body .toast-container.clue-toast .toast {
    background: rgb(230 22 16 / 90%);
}
body .toast-container.clue-toast .toast #clue-time-toast-wrapper {
    position: relative;
    padding-left: 20px;
}
body .toast-container.clue-toast .toast #clue-time-toast-wrapper #clue-time-toast-content {
    font-size: 23px;
    font-family: "Oswald";
    font-weight: 500;
}
body .toast-container.clue-toast .toast #clue-time-toast-wrapper i {
    position: absolute;
    top: 8px;
    margin-left: -30px;
}
body .toast-container.clue-toast .toast #clue-time-toast-wrapper i .s-icon-size {
    width: 24px;
    height: 24px;
}
body .account-title {
    position: absolute;
    top: 3px;
    right: 15px;
}
body .account-title h3 {
    position: relative;
    color: #fff;
    font-family: "Roboto";
    padding: 0;
    font-size: 15px;
    margin: 0;
    font-weight: 500;
}
body .account-title i {
    position: absolute;
    top: -2px;
    margin-left: -25px;
}
body .account-title i .s-icon-size {
    width: 21px;
    height: 21px;
}
body .account-title .btn-logout {
    background: transparent;
    border: none;
    font-size: 11px;
    color: #fff;
    padding: 0;
    margin: 4px 0 0 0;
    line-height: 15px;
    display: block;
}
body .account-title .btn-logout:hover {
    text-decoration: underline;
}
body.infinite-body .pmodal .modal-content {
    border: none;
    border-radius: 0px;
}
body div#waitingModal .modal-content {
    background: transparent;
    text-align: center;
    color: #fedb4b;
}
body div#waitingModal .modal-content i {
    font-size: 40px;
    margin: 0 auto;
}
body .waiting-modal-backdrop {
    background-color: #fff;
}
body .waiting-modal-backdrop.show {
    opacity: .5;
}
body .global-modal-backdrop {
    background-color: #001935;
}
body .global-modal-backdrop.show {
    opacity: .8;
}
.page-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    margin: 10px 10px 20px 10px;
}
.page-header .page-title {
    display: flex;
    gap: 10px;
    align-items: center;
}
.page-header .page-title h1 {
    font-size: 24px;
    font-family: "Oswald";
    font-weight: 400;
    color: #001935;
    margin: 0;
    padding: 0;
}
#dashboard-sessions .page-title i .s-icon-size,
.page-header .page-title i .s-icon-size {
    width: 24px;
    height: 24px;
}
#dashboard-sessions .page-title-actions {
    position: absolute;
    right: 10px;
    top: -5px;
}
#dashboard-sessions .page-title-actions button,
.page-header .page-title-actions button {
    background: #ffd131;
    border: none;
    font-family: "Oswald";
    font-size: 15px;
    color: #fff;
    padding: 5px 15px 5px 37px;
    border-radius: 4px;
    font-weight: 300;
    box-shadow: 0px 5px 12px rgb(0 0 0 / 10%);
    position: relative;
    transition: all 0.2s ease;
    margin-top: 3px;
}
#dashboard-sessions .page-title-actions button:hover
.page-header .page-title-actions button:hover {
    background: #f9c614;
}

#dashboard-sessions .page-title-actions button i,
.page-header .page-title-actions button i {
    position: absolute;
    left: 12px;
    top: 3px;
}

ul.nav.nav-pills {
    background: #001935;
    margin: 0;
    padding: 0 10px;
}
li.nav-item .nav-link {
    background: transparent;
    color: #eee;
    font-family: "Roboto";
    font-size: 13px;
    padding: 5px 10px;
}
li.nav-item .nav-link.active {
    background: transparent;
    font-weight: 500;
    color: #fff;
}
li.nav-item .nav-link:disabled {
    color: #929292;
}
.tab-wrapper {
    position: relative;
}
.tab-wrapper .tab-actions {
    position: absolute;
    right: 13px;
    top: 0;
}
.tab-wrapper .tab-actions button {
    background: transparent;
    border: none;
    display: inline-block;
}
body ul.session-list {
    margin: 0;
    padding: 0;
    list-style: none;
    /*height: calc(100vh - 250px);
    overflow-y: auto;*/
}
body ul.session-list li {
    border-left: 10px solid #eee;
    width: 100%;
    cursor: pointer;
}
body ul.session-list li:hover {
    background: #f3f3f3;
}
body ul.session-list .session-list-item-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    border-bottom: 1px solid #ebebeb;
}
body ul.session-list .session-list-item-title {
    display: flex;
    align-items: center;
}
body ul.session-list .session-list-item-infos {
    width: 55%;
}
body ul.session-list .session-list-item-title h3 {
    color: #001935;
    font-size: 15px;
    font-family: "Roboto";
    margin: 0;
    font-weight: 500;
    padding: 0;
}
body ul.session-list .session-list-item-title span {
    font-size: 11px;
    line-height: 21px;
    display: inline-block;
    margin: 0 0 0 10px;
    font-weight: 600;
    color: #001935;
}
body ul.session-list li.session-pending {
    border-left: 10px solid #ffd131;
}
body ul.session-list li.session-pending .session-list-item-title span {
    color: #ffd131;
}
body ul.session-list li.session-progress {
    border-left: 10px solid #25a59c;
}
body ul.session-list li.session-progress .session-list-item-title span {
    color: #25a59c;
}

body ul.session-list .session-list-item-teams div .s-icon-size {
    width: 24px;
    height: 24px;
}
body ul.session-list .session-list-item-teams div {
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    color: #001935;
}
body ul.session-list .session-list-item-more .s-icon-size {
    width: 24px;
    height: 24px;
}
body ul.session-list .session-list-item-subtitle span {
    font-size: 13px;
    color: #001935;
    font-weight: 300;
    display: inline-block;
    margin-right: 15px;
}
body div#qrcode-action-wrapper {
    position: fixed;
    z-index: 1000;
    bottom: 15px;
    right: 15px;
}
body div#qrcode-action-wrapper button {
    background: #ffd131;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    border: 3px solid #fff;
    box-shadow: 0px 5px 12px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0px 5px 12px rgba(0, 0, 0,0.1);
    transition: all 0.2s ease;
}
body div#qrcode-action-wrapper button .s-icon-size {
    width: 26px;
    height: 26px;
}
body div#qrcode-action-wrapper button:hover {
    background: #f9c614;
}
body div#results-action-wrapper {
    position: fixed;
    z-index: 1000;
    bottom: 80px;
    right: 15px;
}
body div#results-action-wrapper button {
    background: #02162c;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    border: 3px solid #fff;
    box-shadow: 0px 5px 12px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0px 5px 12px rgba(0, 0, 0,0.1);
    transition: all 0.2s ease;
}
body div#results-action-wrapper button .s-icon-size {
    width: 30px;
    height: 30px;
}
body div#results-action-wrapper button:hover {
    background: #315885;
}
body .games-modal#addedSessionModal .modal-body h4 {
    display: block;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    font-family: "Roboto";
    margin: 0;
    padding: 0;
}
body .games-modal#addedSessionModal .modal-body #session_code_generated {
    width: 100%;
    text-align: center;
    color: #001935;
    font-size: 61px;
    font-weight: 500;
    margin: 0;
    padding: 0;
    line-height: 100px;
}
body .games-modal#addedSessionModal .modal-body p {
    text-align: center;
    color: #001935;
    font-size: 12px;
    line-height: 17px;
    font-style: italic;
    margin: 0 0 11px 0;
}
/******* FICHE SESSION **********/
.detail-session-header {
    display: flex;
    justify-content: space-between;
    padding: 15px;
}
.detail-session-header .detail-session-header-title h3 {
    color: #001935;
    padding: 0;
    margin: 0;
    font-size: 24px;
    font-family: "Oswald";
    font-weight: 400;
    margin-right: 15px;
}
.detail-session-header .detail-session-header-title span {
    font-size: 11px;
    background: #ddd;
    display: inline-block;
    margin: 4px 0 0 0;
    padding: 3px 8px;
    border-radius: 12px;
    color: #fff;
    font-weight: 600;
}
.detail-session-header .detail-session-header-title span.status-pending{
    background: #ffd131;
}
.detail-session-header .detail-session-header-title span.status-progress{
    background: #25a59c;
}
.detail-session-header .detail-session-header-title span.status-complete{
    background: #aaaaaa;
}
.detail-session-header .detail-session-header-title p.info {
    padding: 0;
    margin: 0;
    color: #7a7a7a;
    font-size: 12px;
    line-height: 24px;
    font-family: "Roboto";
}
.detail-session-header-subtitle {
    color: #001935;
    font-size: 14px;
    font-weight: 300;
    font-family: "Roboto";
    line-height: 21px;
    text-align: right;
}
.detail-session-header-actions {
    display: flex;
    justify-content: space-between;
    padding: 0 15px 15px 15px;
}
.detail-session-header-actions div {
    display: flex;
    gap: 15px;
}
.detail-session-header-actions button {
    width: 64px;
    height: 64px;
    border: none;
    background: #929292;
    border-radius: 12px;
    color: #fff;
    position: relative;
    box-shadow: 0px 5px 12px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0px 5px 12px rgba(0, 0, 0,0.1);
}
.detail-session-header-actions button span {
    display: block;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    margin-top: 24px;
}

.detail-session-header-actions button#addTeamButton {
    background: #ffd131;
}
.detail-session-header-actions button#addTeamButton i {
    position: absolute;
    left: 15px;
    top: 11px;
}
.detail-session-header-actions button#addTeamButton .s-icon-size {
    width: 40px;
    height: 40px;
}

.detail-session-header-actions button#sessionCodeButton {
    background: #929292;
}
.detail-session-header-actions button#sessionCodeButton i {
    position: absolute;
    top: 1px;
    left: 16px;
}
.detail-session-header-actions button#sessionCodeButton .s-icon-size {
    width: 34px;
    height: 34px;
}

.detail-session-header-actions button#sessionPlayButton {
    background: #25a59c;
}
.detail-session-header-actions button#sessionPlayButton i {
    position: absolute;
    top: 11px;
    left: 13px;
}
.detail-session-header-actions button#sessionPlayButton .s-icon-size {
    width: 40px;
    height: 40px;
}
body .session-list-empty,
body .team-list-empty,
body .classement-list-empty {
    text-align: center;
    margin: 50px auto;
    max-width: 300px;
}
body .session-list-empty p,
body .team-list-empty p ,
body .classement-list-empty p{
    margin: 0 0 30px 0;
    padding: 0;
    font-size: 16px;
    line-height: 22px;
    color: #929292;
    font-weight: 300;
    font-style: normal;
}
body .session-list-empty button,
body .team-list-empty button {
    border: none;
    background: #ffd131;
    border-radius: 50%;
    box-shadow: 0px 5px 12px rgb(0 0 0 / 10%);
}
body .session-list-empty button .s-icon-size,
body .team-list-empty button .s-icon-size {
    width: 52px;
    height: 52px;
}
body input.uppercase {
    text-transform: uppercase;
}
body ul.team-list-group,
body ul.classement-list-group {
    margin: 0;
    padding: 0;
    list-style: none;
    /*overflow-y: auto;
    height: calc(100vh - 330px);*/
}
body ul.team-list-group.fixed-menu,
body ul.classement-list-group.fixed-menu {
    margin:32px 0 0 0 !important;
}
body ul.session-list.fixed-menu {
    margin:55px 0 0 0 !important;
}
body ul.team-list-group li h4,
body ul.classement-list-group li h4 {
    font-size: 12px;
    color: #001935;
    background: rgb(0 25 53 / 10%);
    font-weight: 400;
    padding: 5px 15px;
    font-family: "Roboto";
    margin: 0;
}

body ul.team-list-group li ul.team-list-content,
body ul.classement-list-group li ul.classement-list-content {
    margin: 0;
    padding: 0;
    list-style: none;
}
body ul.team-list-group li ul.team-list-content li,
body ul.classement-list-group li ul.classement-list-content li {
    border-bottom: 1px solid #ebebeb;
    padding: 12px 6px;
}
body ul.team-list-group li ul.team-list-content li .team-list-content-wrapper,
body ul.classement-list-group li ul.classement-list-content li .classement-list-content-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
body ul.team-list-group li ul.team-list-content li .team-list-content-wrapper .team-list-content-title {
    margin: 0 10px;
    width: 100%;
    cursor: pointer;
}
body ul.team-list-group li ul.team-list-content li .team-list-content-wrapper .team-list-content-title h3 {
    font-family: "Roboto";
    font-size: 16px;
    color: #001935;
    font-weight: 500;
    margin: 0;
    padding: 0;
}
body ul.team-list-group li ul.team-list-content li .team-list-content-wrapper .team-list-content-title span{
    font-size: 12px;
    background: #ddd;
    display: inline-block;
    margin: 4px 0 0 0;
    padding: 2px 10px;
    border-radius: 12px;
    color: #fff;
    font-weight: 500;
}
body ul.team-list-group li ul.team-list-content li .team-list-content-wrapper .team-list-content-title span.status-pending{
    background: #ffd131;
}
body ul.team-list-group li ul.team-list-content li .team-list-content-wrapper .team-list-content-title span.status-progress{
    background: #25a59c;
}
body ul.team-list-group li ul.team-list-content li .team-list-content-wrapper .team-list-content-title span.status-complete{
    background: #c0c0c0;
}
body div#detail-session .tab-wrapper.fixed-menu {
    position: fixed;
    width: 100%;
    top: 61px;
    z-index: 10;
}

body div#dashboard-sessions .tab-wrapper.fixed-menu {
    position: fixed;
    width: 100%;
    top: 0px;
}

body .team-list-content-phone {
    width: 50px;
    min-width: 50px;
    text-align: center;
}
body .team-list-content-phone a {
    display: block;
}
body .team-list-content-phone i .s-icon-size {
    width: 24px;
    height: 24px;
}
body .team-list-content-actions {
    width: 65px;
    min-width: 65px;
    text-align: center;
}
body .team-list-content-actions button {
    background: none;
    border: none;
}
body .team-list-content-actions button .s-icon-size {
    width: 35px;
    height: 35px;
}
body .team-list-content-actions button.button-team-flag .s-icon-size {
    width: 25px;
    height: 25px;
}
body .team-list-content-infos {
    width: 120px;
    min-width: 120px;
    text-align: center;
    display: flex;
    justify-content: space-between;
}
body .team-list-content-infos div {
    width: 50%;
}
body .team-list-content-infos div i {
    display: block;
}
body .team-list-content-infos div i .s-icon-size {
    width: 24px;
    height: 24px;
}
body .team-list-content-infos div span {
    display: block;
    color: #001935;
    font-family: "Oswald";
    font-size: 16px;
    font-weight: 400;
    width: 100%;
}
body div ul.classement-list-group li ul.classement-list-content li .classement-list-content-wrapper {
    align-items: normal;
}
body .classement-list-content-time {
    min-width: 90px;
    height: 83px;
    color: #001935;
    margin: 0 10px 0 0;
}
body .classement-list-content-time div {
    width: 100%;
    height: 100%;
    padding: 12px 0px 0px 0px;
    border-radius: 4px;
    box-shadow: 0px 2px 4px rgb(0 0 0 / 5%);
}
body .classement-list-content-time div.win {
    background: rgb(37 165 156 / 20%);
}
body .classement-list-content-time div.lose {
    background: rgb(255 93 85 / 20%);
}
body .classement-list-content-time div span{
    display: block;
    width: 100%;
}
body .classement-list-content-time div span.classement-list-content-time-label {
    font-size: 13px;
    font-family: "Roboto";
    text-align: center;
    line-height: 20px;
}
body .classement-list-content-time div span.classement-list-content-time-value {
    text-align: center;
    font-size: 26px;
    font-family: "Oswald";
    font-weight: 500;
    line-height: 33px;
}
body .classement-list-content-infos {
    margin: 0 0 0 5px;
}
body .classement-list-content-title {
    display: flex;
    gap: 10px;
}
body .classement-list-content-title .classement-list-content-pole {
    width: 38px;
    height: 38px;
    background: #ffd131;
    border-radius: 4px;
    color: #001935;
    font-size: 27px;
    font-family: "Oswald";
    font-weight: 500;
    box-shadow: 0px 2px 5px rgb(0 0 0 / 10%);
}
body .classement-list-content-title .classement-list-content-pole div {
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 34px;
}
body .classement-list-content-title-details h3 {
    font-size: 16px;
    margin: 0;
    padding: 0;
    color: #001935;
    font-family: "Roboto";
    font-weight: 500;
}
body .classement-list-content-title-details div {
    line-height: 20px;
}
body .classement-list-content-title-details div span {
    font-size: 12px;
    font-family: "Roboto";
    color: #001935;
    font-weight: 400;
    display: inline-block;
    margin: 0 10px 0 0;
}
body .classement-list-content-title-details div span strong {
    font-weight: 500;
}
body .classement-list-content-actions button {
    border: 1px solid #ebebeb;
    background: none;
    padding: 4px 2px 4px 22px;
    margin: 5px 5px 0 0;
    border-radius: 4px;
    color: #001935;
    font-size: 16px;
    font-family: "Oswald";
    position: relative;
}
body .classement-list-content-actions button:disabled {
    border: none;
}
body .classement-list-content-actions i {
    position: absolute;
    left: 3px;
    top: 4px;
}
body .classement-list-content-actions button span {
    display: inline-block;
    margin: 0 3px;
    min-width: 45px;
    text-align: center;
}
body .classement-list-content-actions button#classementChronoFinalButton i {
    top: 2px;
    left: 0px;
}
body .classement-list-content-actions i .s-icon-size {
    width: 21px;
    height: 21px;
}
body .info-team-row {
    display: flex;
    justify-content: space-around;
}
body .info-team-row.full {
    display: block;
}
body .info-team-row div {
    width: 50%;
}
body .info-team-row div.full {
    width: 100%;
}
body .info-team-row div label {
    font-family: "Roboto";
    font-size: 14px;
    color: #001935;
    font-weight: 500;
}
body .info-team-row div span {
    display: block;
    color: #001935;
    font-family: "Roboto";
    line-height: 16px;
    font-weight: 400;
    font-size: 14px;
    margin: 0 0 5px 0;
}
/***** QRCODE *********/
body .modal.games-modal#scanModal .modal-content {
    max-width: 340px;
    margin: 0 auto;
}
body .modal.games-modal#scanModal .modal-header {
    padding: 8px 10px 13px 10px;
}
body .modal.games-modal#scanModal .modal-body {
    padding: 0;
    min-height: 0;
    margin: 0;
    border-radius: 0;
    background: transparent;
}
body .modal.games-modal#scanModal .modal-body .qrcode-scan-loader {
    color: #001935;
    text-align: center;
    display: block;
    margin: 40px 0;
    font-size: 15px;
    font-family: "Roboto";
    font-style: italic;
}
body .modal.games-modal#scanModal #scanModal .button-loading b {
    background: #001935;
}
body .modal.games-modal#scanModal .modal-footer {
    padding: 0 0 10px 0;
}
body .qrcode-scan-container {
    margin: 0px 20px;
}
body .qrcode-scan-container #qrcode-reader {
    width: 100%;
}
body .qrcode-scan-container #qrcode-reader video,
body .qrcode-scan-container #qrcode-reader #qr-shaded-region  {
    border-radius: 8px;
}
body div#qr-shaded-region {
    margin-bottom: 7px;
}
body div#qr-shaded-region div:nth-child(3),
body div#qr-shaded-region div:nth-child(4),
body div#qr-shaded-region div:nth-child(6),
body div#qr-shaded-region div:nth-child(8){
    margin-top: -7px;
}
body .offcanvas_actions {
    position: absolute;
    right: 15px;
    top: 12px;
}
body .offcanvas_countdown {
    color: #f0f0f0;
    border: 2px solid #f0f0f0;
    padding: 0px;
    position: absolute;
    right: 15px;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    line-height: 32px;
    text-align: center;
    font-size: 16px;
    top: 12px;
}

body .scan-result-item-error {
    text-align: center;
    margin-top: 45px;
}
body .scan-result-item-error .s-icon-size {
    color: #f44336;
    width: 45px;
    height: 45px;
}
body .scan-result-item-error h3{
    color: #f44336;
    margin: 20px 0 30px 0;
    padding: 0;
    font-family: "Oswald";
    font-size: 48px;
    font-weight: 400;
}
body .scan-result-item-error p {
    font-size: 15px;
    line-height: 20px;
    margin: 0 2% 20px 2%;
    color: #555;
}
body .scan-result-item-error button {
    width: 96%;
    background: #f44336;
    border: none;
    border-radius: 4px;
    padding: 7px 0;
    margin: 0 2%;
    color: #fff;
    font-family: "Oswald";
    font-weight: 300;
    font-size: 21px;
    transition: all 0.2s linear;
    box-shadow: 0px 2px 5px rgb(0 0 0 / 10%);
}
body .scan-result-item-error button:hover {
    background-color: #f9675c;
}
body .scan-result-item-header {
    position: relative;
    height: calc(60vh / 2);
}
body .scan-result-item-header-title h5 {
    display: block;
    text-align: center;
    width: 100%;
    color: #fff;
    font-weight: 400;
    font-size: 22px;
    margin: 0;
    padding: 0 0 30px 0;
}
body .scan-result-item-header-title span {
    display: block;
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
    font-family: "Roboto";
    color: #fff;
    font-weight: 300;
    line-height: 20px;
    margin: 0;
    padding: 0;
}
body .scan-result-item-header-title {
    padding-top: 55px;
}
body .scan-result-item-content {
    margin-top: 30px;
}
body .scan-result-item-content h6 {
    display: block;
    text-align: center;
    font-family: "Roboto";
    margin: 0;
    padding: 0;
    color: #001935;
    font-weight: 400;
    font-size: 16px;
}
body .scan-result-item-content h3 {
    display: block;
    text-align: center;
    font-family: "Oswald";
    margin: 0;
    padding: 0 0 10px 0;
    text-transform: uppercase;
    color: #001935;
    font-weight: 400;
    font-size: 36px;
}
body .scan-result-actions {
    margin: 40px 15px 15px 15px;
}
body div.scan-result-actions button.scan-action {
    display: block;
    width: 100%;
    text-align: left;
    font-family: "Oswald";
    font-weight: 400;
    font-size: 26px;
    padding: 8px 5px 8px 90px;
    border: none;
    background: #eee;
    border-radius: 8px;
    margin-bottom: 10px;
    position: relative;
    line-height: 56px;
    transition: all 0.2s linear;
    color: #001935;
}
body div.scan-result-actions .scan-action-icon {
    position: absolute;
    left: 12px;
    top: 8px;
    background: #555;
    line-height: 50px;
    width: 54px;
    height: 56px;
    text-align: center;
    border-radius: 8px;
}
body div.scan-result-actions .scan-action-icon .s-icon-size {
    width: 38px;
    height: 38px;
}
body div.scan-result-actions button.scan-action.in {
    background: rgb(37 165 156 / 18%);
}
body div.scan-result-actions button.scan-action.in:hover {
    background: #25a59c;
}
body div.scan-result-actions button.scan-action.in .scan-action-icon {
    background: #25a59c;
}
body div.scan-result-actions button.scan-action.out {
    background: #ffe2d8;
}
body div.scan-result-actions button.scan-action.out:hover {
    background: #ff5d55;
}
body div.scan-result-actions button.scan-action.out .scan-action-icon {
    background: #ff5d55;
}
body .scan-result-actions p.info {
    color: #555;
    font-family: "Roboto";
    font-size: 16px;
    line-height: 21px;
    text-align: center;
    font-weight: 300;
    margin: 0 15px;
}
body .scan-chrono {
    display: block;
    text-align: center;
    margin: -30px 0 15px 0;
    position: relative;
    padding-left: 10px;
}
body .scan-chrono i .s-icon-size {
    width: 30px;
    height: 30px;
    position: absolute;
    left: calc(50% - 16px);
    top: -35px;
}
body .scan-chrono .live-chrono {
    color: #001935;
    font-size: 40px;
    font-family: "Oswald";
    font-weight: 300;
    min-width: 125px;
    display: inline-block;
    text-align: left;
}
body button#sessionTrashButton {
    border: none;
    background: none;
    margin-top: 2px;
    display: none;
}
body button#sessionTrashButton .s-icon-size {
    width: 22px;
    height: 22px;
}
/***** OFFCANVAS ********/
.offcanvas.offcanvas-end {
    border-left: 0px;
    width: 100%;
    visibility: visible;
    right: -15px;
    box-shadow: 0px 5px 15px rgb(0 0 0 / 35%);
}
.offcanvas.offcanvas-end.show {
    right: 0;
}
.offcanvas .offcanvas-header {
    position: relative;
    padding: 0.86rem 1rem;
}
.offcanvas .offcanvas-header-title {
    display: flex;
    gap: 15px;
}
.offcanvas .offcanvas-header-title h5 {
    margin: 0;
    padding: 0;
    color: #fff;
    font-family: "Oswald";
    font-weight: 300;
    font-size: 24px;
    line-height: 30px;
}
.offcanvas .offcanvas-header-title button {
    background: transparent;
    color: #fff;
    border: none;
}
.offcanvas .offcanvas-header-title button .s-icon-size {
    width: 34px;
    height: 34px;
}
div#offcanvasSessionFiche .offcanvas-body {
    padding: 0;
}
#offcanvasScanResult .offcanvas-body {
    padding: 0;
}
/***** MODALS ***********/
body .modal.games-modal .modal-content {
    background: #ffd131;
    border-radius: 10px;
    border: none;
    margin: 35px 10px 0 10px;
    box-shadow: 5px 5px 12px rgb(0 0 0 / 30%);
}
body .modal.games-modal .modal-header {
    border: none;
    margin: 0;
    padding: 15px 8px 20px 8px;
    display: block;
}
body .modal.games-modal .modal-body {
    background: #fff;
    margin: 0 15px;
    border-radius: 15px;
    min-height: 100px;
    padding: 1rem 1rem 0.5rem 1rem;
}
body .modal.games-modal .modal-header h5 {
    text-align: center;
    width: 100%;
    font-family: "Oswald";
    font-size: 28px;
    margin: 0;
    padding: 0;
    font-weight: 400;
    text-transform: uppercase;
    color: #000;
}
body .modal.games-modal .modal-footer {
    border: none;
    justify-content: space-around;
    margin: 0;
    padding: 20px 0;
}
body .modal.games-modal .modal-footer button {
    background: #001935;
    border: none;
    border-radius: 6px;
    color: #fff;
    font-family: "Oswald";
    font-size: 19px;
    font-weight: 300;
    padding: 3px 20px 7px 20px;
    position: relative;
    transition: all 0.2s ease;
}
body .modal.games-modal .modal-footer button:hover{
    background: #0a315c
}
body .modal.games-modal .modal-footer button.with-icon {
    padding-left: 45px;
}
body .modal.games-modal .modal-footer button.with-icon i:not(.button-loading) {
    position: absolute;
    left: 15px;
    top: 1px;
}
body .modal.games-modal .modal-footer button.with-icon i:not(.button-loading) .s-icon-size {
    width: 20px;
    height: 20px;
}
body .modal.games-modal .modal-footer button i.button-loading {
    position: absolute;
    left: calc(50% - 15px);
    top: 1px;
    opacity: 0;
}
body .modal.games-modal .modal-footer button i.button-loading b {
    background: #fff;
}
body .modal.games-modal .modal-header button.close {
    position: absolute;
    top: -50px;
    right: 0;
    background: #ffd131;
    border: none;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    box-shadow: 6px 6px 16px rgb(0 0 0 / 50%);
    font-size: 30px;
    line-height: 30px;
    color: #001934;
    padding-left: 1px;
    transition: all 0.3s linear;
}
body .modal.games-modal .modal-header button.close:hover {
    background: #ffde6a;
}
body .modal.games-modal .modal-body .form-field {
    margin: 0 0 5px 0;
}
body .modal.games-modal .modal-body .form-field:last-child {
    margin: 0 0 20px 0;
}
body .modal.games-modal .modal-body label.form-label {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 400;
    padding: 0;
    margin: 0;
    color: #001935;
}
body .modal.games-modal .modal-body label.form-label-error {
    color: #ff3823;
    font-size: 13px;
    font-family: "Roboto";
    margin: 0;
    padding: 0;
    display: none;
}
body .modal.games-modal .modal-body .form-control {
    border: 1px solid #d6d6d6;
    line-height: 30px;
    font-size: 16px;
    padding: 0.375rem 0 0.375rem 0.75rem;
    color: #000;
    font-family: "Roboto";
    outline: none;
    box-shadow: none;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-right: none;
    transition: all 0.2s ease;
}
body .modal.games-modal .modal-body .form-group .form-control {
    border-right: 1px solid #d6d6d6;
}
body .modal.games-modal .modal-body .input-group .s-icon-size {
    width: 24px;
    height: 24px;
}
body .modal.games-modal .modal-body .form-control:focus {
    border-color:#bbb;
}
body .modal.games-modal .modal-body .form-control:focus + span {
    border-color:#bbb;
}
body .modal.games-modal .modal-body span.input-group-text {
    background: #ebebeb;
    border: 1px solid #d6d6d6;
    font-size: 24px;
    color: #001935;
    width: 50px;
}
body .modal.games-modal .modal-body span.input-group-text i {
    font-size: 21px;
}
body .modal.games-modal#confirmationModal .modal-body {
    min-height: 0;
}
body .modal.games-modal#confirmationModal .modal-body p {
    margin: 0;
    padding: 10px 0 20px 0;
    color: #001935;
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
}
body .modal.games-modal#confirmationModal .modal-footer {
    padding: 20px 10px;
}
body .modal.games-modal#confirmationModal .modal-footer button#applyConfirmationButton {
    background: #25a59c;
    text-transform: uppercase;
    width: 140px;
    font-size: 18px;
    font-weight: 400;
    padding: 5px 0 5px 18px;
    box-shadow: 0px 6px 16px rgb(0 0 0 / 20%);
    -moz-box-shadow: 0px 5px 12px rgba(0, 0, 0,0.1);
}
body .modal.games-modal#confirmationModal .modal-footer button#cancelConfirmationButton {
    background: #ff5d55;
    text-transform: uppercase;
    width: 140px;
    font-size: 18px;
    font-weight: 400;
    padding: 5px 0 5px 18px;
    box-shadow: 0px 6px 16px rgb(0 0 0 / 20%);
    -moz-box-shadow: 0px 5px 12px rgba(0, 0, 0,0.1);
}
body .modal.games-modal#confirmationModal .modal-footer button#cancelConfirmationButton .s-icon-size {
    width: 30px;
    height: 30px;
}
body .modal.games-modal#confirmationModal .modal-footer button#applyConfirmationButton .s-icon-size {
    width: 27px;
    height: 27px;
}
body .modal.games-modal#confirmationModal .modal-footer button#cancelConfirmationButton i {
    top: 3px;
}
body .modal.games-modal#confirmationModal .modal-footer button#applyConfirmationButton i {
    left: 30px;
    top: 3px;
}
div#waitingModal.modal,
div.games-modal.modal{
    z-index: 3040; 
}
.modal-backdrop.fade.show.waiting-modal-backdrop,
.modal-backdrop.fade.show.global-modal-backdrop {
    z-index: 3000;
}
/**** BUTTON LOADING *****/
.button-loading b {
    background: #000;
    border-radius: 50%;
    display: inline-block;
    height: 8px;
    width: 8px;
    -webkit-animation: button-loading 1.4s infinite ease-in-out;
    animation: button-loading 1.4s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.button-loading .bounce1 {
    animation-delay: -0.32s;
    -webkit-animation-delay: -0.32s;
}
.button-loading .bounce2 {
    animation-delay: -0.16s;
    -webkit-animation-delay: -0.16s;
}
.button-loading .bounce3 {
    animation-delay: 0.1s;
    -webkit-animation-delay: 0.1s;
}
.button-loading b:not(:first-child) {
    margin-left: 3px;
}
body ul.top-container {
    list-style: none;
    padding: 0;
    margin: -16px -16px 0 -16px;
}
body li.top-container-card {
    background: #f1f1f1;
}
body li.top-container-card h3 {
    font-size: 13px;
    padding: 5px 15px 1px 15px;
    color: #05192f;
    margin: 0;
    font-weight: 500;
    font-family: "Roboto";
}
body .top-container-result-wrapper {
    display: flex;
    padding: 10px 15px 5px 15px;
    border-bottom: 1px solid #eee;
    margin-top: 4px;
}
body h4.top-container-result-label {
    font-size: 18px;
    margin: 0px 0px 0px 10px;
    padding: 0;
    font-weight: 400;
    color: #04182e;
    width: calc(100% - 121px);
}
body span.top-container-result-pole {
    width: 28px;
    height: 28px;
    background: #ffd131;
    border-radius: 4px;
    color: #001935;
    font-size: 21px;
    font-family: "Oswald";
    font-weight: 500;
    box-shadow: 0px 2px 5px rgb(0 0 0 / 10%);
    text-align: center;
    line-height: 26px;
}
body h4.top-container-result-label span {
    display: block;
    font-weight: 400;
    font-size: 13px;
    color: #777;
    font-family: "Roboto";
    line-height: 18px;
    margin-top: 4px;
}
body .top-container-result-time {
    color: #04182e;
    font-family: "Oswald";
    font-size: 20px;
    text-align: right;
    width: 80px;
    border-radius: 4px;
}
body ul.top-container ul {
    background: #fff;
    margin: 0;
    padding: 0;
    list-style: none;
}
@-webkit-keyframes button-loading {
    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes button-loading {
    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@media only screen and (max-width: 767px) {
    body .gdlr-core-pbf-wrapper-full-no-space {
        max-width: 100%;
    }
}

@media only screen and (max-height: 540px) {
    body .footer-fixed {
        display: none
    }
}