/*@font-face {
    font-family: 'Helvetica Neue LT Pro';
    src: url('/assets/font/HelveticaNeueLTPro-Cn.otf') format('otf');
}*/

@font-face {
    font-family: 'Helvetica Neue W01 87 Hv Cn Obl';
    src: url('assets/font/Helvetica Neue Medium Extended/Helvetica Neue Medium Extended.otf') format('opentype');
}
@font-face {
    font-family: 'HelveticaNeueLTProBdEx';
    src: url('assets/font/HelveticaNeueLTProBdEx.otf') format('opentype');
}

body {
    background-color: #00aeef !important;
    font-family: 'HelveticaNeueLTProBdEx' !important;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
    -khtml-user-select: none; /* Konqueror */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
}

.app {
    height: 100vh;
    height: 100 dvh;
    display: flex;
}

.app .phase {
    display: flex;
}

.app .container-fluid .row .phase_inactive {
    display: none;
}

.waiting_icon {
    max-width: 320px;
    animation: pulse 3s linear infinite;
}

@-webkit-keyframes "pulse" {
    0% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    50% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
    100% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}

.app .btn.btn-lg.bg-white {
    color: #00aeef;
    cursor: pointer;
}

.app .btn.btn-lg:hover, .app .btn.btn-lg:active {
    color: #003767;
}

.app .results h1.results_title {
    font-size: 3rem;
    font-weight: 700;
}

.app .results h1 {
    color: #00aeef;
}

.app .form-check-input {
    width: 32px;
    height: 32px
}