:root {
  --brio-default-color: #00289B;
  --brio-title-color: #0064FF;
  --brio-disabled-color: #939393;

  --br-blue:#0064FF;
  --br-darkBlue:#00289B;
  --br-green: #00BE3C;
  --br-orange: #F05A00;
  --br-lightOrange: #FF9600;
  --br-purple: #8C32FA;
  --br-pink: #FF3282;
  --br-yellow: #FFD800;
  --br-blue-rgb:0,100,255;
  --br-darkBlue-rgb:0,40,155;
  --br-green-rgb: 0,190,60;
  --br-orange-rgb:240,90,0;
  --br-lightOrange-rgb: 255,150,0;
  --br-purple-rgb:150,50,250;
  --br-pink-rgb:255,50,130;
  --br-yellow-rgb: 255,216,0;
  --br-light-gray: #f3f3f3;
  --br-gray: #c9c9c9;
  --br-light-gray-rgb: 243, 243, 243;
  --br-gray-rgb: 201, 201, 201;
  /* levelBadges */
  --apprentice: #b3b3b3;
  --initiate: #0064ff;
  --novice: #ffc800;
  --master: #00b43c;
  --expert: #ffb464;
  --artisan: #963cfa;
  --legend: #ff8200;
  --god: #333333;
  --apprentice-rgb: 179,179,179;
  --initiate-rgb: 0,100,255;
  --novice-rgb: 255,200,0;
  --master-rgb: 0,180,60;
  --expert-rgb: 255,180,100;
  --artisan-rgb: 150,60,250;
  --legend-rgb: 255,130,0;
  --god-rgb: 51,51,51;

}

.col-sm-20,
.col-md-20,
.col-lg-20,
.col-xl-20 {
    position: relative;
    padding-right: 15px;
    padding-left: 15px;
}

@media (min-width: 576px) {
    .col-sm-20 {
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (min-width: 768px) {
    .col-md-20 {
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (min-width: 992px) {
    .col-lg-20 {
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (min-width: 1200px) {
    .col-xl-20 {
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (min-width: 1505px) {
    .container {
        max-width: 1360px;
    }
}

.mb-3 {
    margin-bottom: 15px !important;
}

.mb-4 {
    margin-bottom: 30px !important;
}

.mb-5 {
    margin-bottom: 60px !important;
}

.mt-3 {
    margin-top: 15px !important;
}

.mt-4 {
    margin-top: 30px !important;
}

.mt-5 {
    margin-top: 60px !important;
}

@media (max-width: 1399px) {
    .col-12-important {
        display: block;
        max-width: none;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
    }
}

@font-face {
    font-family: 'Rubik';
    src: url('../font/Rubik-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Rubik';
    src: url('../font/Rubik-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Rubik';
    src: url('../font/Rubik-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Rubik';
    src: url('../font/Rubik-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Rubik';
    src: url('../font/Rubik-Black.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}


/* GLOBALS */

body,
html {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

*,
*:before,
*:after {
    box-sizing: border-box;
}

*,
*:before,
*:after {
    box-sizing: border-box;
    outline: 0;
}

button,
input,
select,
textarea {
    outline: none !important;
}

button:focus,
input:focus,
select:focus,
textarea:focus {
    outline: none !important;
    box-shadow: none !important;
}

strong {
    font-weight: 700;
}

img {
    max-width: 100%;
}

.noselect {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently supported by Chrome and Opera */
}

.main-header {
    padding: 80px 0 0 0;
    position: absolute;
    left: 20px;
    right: 20px;
    z-index: 100;
    font: 400 1rem/1.5em 'Rubik', sans-serif;
}

@media (min-width: 1505px) {
    .main-header {
        font: 400 1.25rem/1.4em 'Rubik', sans-serif;
    }
}

@media (max-width: 1199px) {
    .main-header {
        font: 400 1.25rem/1.4em 'Rubik', sans-serif;
        padding: 25px 0 0;
        left: 0;
        right: 0;
    }
}

@media (max-width: 767px) {
    .main-header {
        padding: 15px 0 0;
    }
    .main-header .col-menu {
        padding: 0;
    }
}

.main-header .header-logo-brio {
    display: block;
    margin-top: -3px;
}

.main-header .header-logo-brio img {
    width: 180px;
}

@media (min-width: 1330px) {
    .main-header .header-logo-brio img {
        width: 180px;
    }
}

@media (max-width: 1199px) {
    .main-header .header-logo-brio img {
        width: 125px;
    }
}

.main-header a {
    color: #FF9600;
}

@media (min-width: 1200px) {
    .main-header a {
        color: #00289B;
    }
}

@media (max-width: 1199px) {
    .main-header a:hover {
        color: #fff;
    }
}

@media (min-width: 1200px) {
    .main-header .main-menu {
        text-align: right;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
        -webkit-align-items: center;
        -ms-align-items: center;
        align-items: center;
        -webkit-justify-content: flex-end;
        -ms-justify-content: flex-end;
        -ms-flex-pack: flex-end;
        justify-content: flex-end;
    }
}

@media (max-width: 1199px) {
    .main-header .main-menu {
        position: fixed;
        right: 0;
        top: 0;
        left: 0;
        bottom: 0;
        display: none;
        z-index: 99;
        padding: 20px 20px 20px 20px;
        background-color: #00289B;
        text-align: left;
        overflow: auto;
    }
}

.main-header .main-menu .menu-link {
    display: block;
    margin: 0 0 15px;
    text-decoration: none !important;
    position: relative;
}

@media (min-width: 1200px) {
    .main-header .main-menu .menu-link {
        margin: 0 10px;
        display: inline-block;
        padding: 0 2px;
        z-index: 1;
    }
    .main-header .main-menu .menu-link .msg-val {
        font-size: 16px;
        color: #0064FF;
    }
    .main-header .main-menu .menu-link:before {
        display: block;
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: -2px;
        z-index: -1;
        height: 30%;
        background-color: #bdd0fc;
        -webkit-transition: 0.2s;
        -moz-transition: 0.2s;
        -ms-transition: 0.2s;
        -o-transition: 0.2s;
        transition: 0.2s;
        visibility: hidden;
        opacity: 0;
    }
    .main-header .main-menu .menu-link:hover:before {
        visibility: visible;
        opacity: 1;
        bottom: 2px;
    }
}

@media (min-width: 1505px) {
    .main-header .main-menu .menu-link {
        margin: 0 15px;
    }
}

@media (max-width: 1199px) {
    .main-header .main-menu .menu-link {
        padding-bottom: 10px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.5);
        color: #fff;
    }
    .main-header .main-menu .menu-link:last-child {
        border: none;
    }
}

.main-header .main-menu .mobile-logo {
    margin-bottom: 40px;
}

.main-header .main-menu .menu-bt {
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    border: 1px solid #00289B;
    text-align: center;
    margin: 0 8px 0 8px;
    padding: 10px 30px;
    white-space: nowrap;
}

@media (max-width: 1199px) {
    .main-header .main-menu .menu-bt {
        width: 100%;
        display: block;
        margin: 20px 0;
        color: #fff;
        border-color: #fff;
    }
    .main-header .main-menu .menu-bt.blue {
        background-color: #00289B;
        color: #fff;
    }
}

.main-header .main-menu .menu-bt.blue {
    background-color: #fff;
    color: #00289B;
}

@media (min-width: 1200px) {
    .main-header .main-menu .menu-bt.blue {
        background-color: #00289B;
        color: #fff;
    }
    .main-header .main-menu .menu-bt:hover {
        color: #fff;
        background-color: #001c69;
        border-color: transparent;
    }
}

@media (min-width: 1505px) {
    .main-header .main-menu .menu-bt {
        padding: 10px 40px;
    }
}

.main-header .main-menu .menu-bt:before {
    display: none;
}

.main-header .main-menu .menu-bt:hover {
    text-decoration: none;
}

.main-header .main-menu .has-dropdown {
    position: relative;
}

.main-header .main-menu .has-dropdown.opened .dropdown {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}

@media (max-width: 1199px) {
    .main-header .main-menu .has-dropdown.opened .dropdown {
        display: block;
    }
}

@media (min-width: 1200px) {
    .main-header .main-menu .has-dropdown {
        display: inline-block;
    }
}

@media (max-width: 1199px) {
    .main-header .main-menu .has-dropdown {
        border-bottom: 1px solid rgba(255, 255, 255, 0.5);
        margin-bottom: 15px;
    }
    .main-header .main-menu .has-dropdown .menu-link {
        position: relative;
        padding-right: 30px;
        display: inline-block;
        border: none;
        margin-bottom: 0;
    }
    .main-header .main-menu .has-dropdown .menu-link:after {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        content: '+';
        font-size: 30px;
    }
    .main-header .main-menu .has-dropdown .drop-link {
        display: block;
        padding: 5px 0;
        margin-bottom: 10px;
    }
    .main-header .main-menu .has-dropdown.open .menu-link:after {
        content: '-';
    }
    .main-header .main-menu .has-dropdown.open .dropdown {
        display: block;
    }
    .main-header .main-menu .has-dropdown .dropdown {
        border-top: 1px solid rgba(255, 255, 255, 0.5);
        display: none;
        padding-left: 30px;
        padding-top: 10px;
    }
}

@media (max-width: 1199px) {
    .main-header .main-menu .account-block {
        border-top: 1px solid #fff;
        padding-top: 20px;
    }
}

.main-header .main-menu .menu-bt.blue+.dropdown {
    left: 0;
}

.main-header .main-menu .dropdown {
    display: block;
}

@media (min-width: 1200px) {
    .main-header .main-menu .dropdown {
        visibility: hidden;
        opacity: 0;
        -webkit-transform: translate(0, 10%);
        -moz-transform: translate(0, 10%);
        -ms-transform: translate(0, 10%);
        -o-transform: translate(0, 10%);
        transform: translate(0, 10%);
        -webkit-transition: 0.2s;
        -moz-transition: 0.2s;
        -ms-transition: 0.2s;
        -o-transition: 0.2s;
        transition: 0.2s;
        position: absolute;
        left: 8px;
        top: 100%;
        padding: 21px 0 0 0;
        white-space: nowrap;
    }
}

.main-header .main-menu .dropdown .inner {
    text-align: left;
    position: relative;
}

@media (min-width: 1200px) {
    .main-header .main-menu .dropdown .inner {
        background-color: #fff;
        /*width: 240px;*/
        padding: 20px 20px 10px;
        -webkit-box-shadow: 5px 3px 8px 5px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 5px 3px 8px 5px rgba(0, 0, 0, 0.1);
        box-shadow: 5px 3px 8px 5px rgba(0, 0, 0, 0.1);
        -webkit-border-radius: 15px;
        -khtml-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
    }
    .main-header .main-menu .dropdown .inner:before {
        display: block;
        content: url("../images/dropdown-triangle.svg");
        width: 24px;
        height: 24px;
        position: absolute;
        top: 0;
        left: 35px;
        -webkit-transform: translate(-50%, -65%);
        -moz-transform: translate(-50%, -65%);
        -ms-transform: translate(-50%, -65%);
        -o-transform: translate(-50%, -65%);
        transform: translate(-50%, -65%);
    }
}

.main-header .main-menu .drop-link {
    display: table;
    margin-bottom: 9px;
    text-decoration: none !important;
    padding: 0 2px;
    color: #fff;
}

@media (min-width: 1200px) {
    .main-header .main-menu .drop-link {
        position: relative;
        color: #00289B;
        z-index: 1;
    }
    .main-header .main-menu .drop-link:before {
        display: block;
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: -2px;
        z-index: -1;
        height: 30%;
        background-color: rgba(189, 208, 252, 0.61);
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        visibility: hidden;
        opacity: 0;
    }
    .main-header .main-menu .drop-link:hover:before {
        visibility: visible;
        opacity: 1;
        bottom: 2px;
    }
}

.main-header .mobile-nav {
    height: 44px;
    line-height: 34px;
    cursor: pointer;
    width: 44px;
    float: right;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.main-header .mobile-nav span,
.main-header .mobile-nav span:after,
.main-header .mobile-nav span:before {
    left: 50%;
    margin-left: -15px;
    top: 20px;
    height: 3px;
    width: 30px;
    background: #00289B;
    position: absolute;
    display: block;
    content: '';
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -ms-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
}

.main-header .mobile-nav span:after {
    top: -7px;
}

.main-header .mobile-nav span:before {
    top: 8px;
}

@media (min-width: 1200px) {
    .main-header .mobile-nav {
        display: none;
    }
}

.main-header .account-menu {
    position: relative;
}

@media (min-width: 1200px) {
    .main-header .account-menu {
        margin-left: 10px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .main-header .account-menu:before {
        display: block;
        content: '';
        height: 35px;
        width: 1px;
        background-color: #00289B;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -17px;
    }
}

.main-header .account-menu .drop-link {
    display: table;
    margin-bottom: 9px;
    text-decoration: none !important;
    padding: 0 2px;
    color: #fff;
    position: relative;
    color: #00289B;
    z-index: 1;
}

.main-header .account-menu .drop-link:before {
    display: block;
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    z-index: -1;
    height: 30%;
    background-color: rgba(189, 208, 252, 0.61);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    visibility: hidden;
    opacity: 0;
}

.main-header .account-menu .drop-link:hover:before {
    visibility: visible;
    opacity: 1;
    bottom: 2px;
}

.main-header .account-menu.opened .dropdown {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}

.main-header .account-menu .avatar {
    position: relative;
    padding-right: 20px;
}

.main-header .account-menu .avatar .pic {
    cursor: pointer;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    background-color: #f3f3f3 !important;
    color: #0064FF;
    width: 45px;
    height: 45px;
    font-size: 20px;
    line-height: 45px;
    position: relative;
}

@media (min-width: 992px) {
    .main-header .account-menu .avatar .pic {
        width: 50px;
        height: 50px;
        font-size: 20px;
        line-height: 50px;
    }
}

.main-header .account-menu .avatar .pic .avatar-pic {
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-size: cover !important;
    background-position: center center !important;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
}

.main-header .account-menu .avatar.has-notifications .avatar-pic {
    border: solid 2px #c80000;
    -webkit-animation: border-flash 2s infinite linear;
    animation: border-flash 2s infinite linear;
}

@-webkit-keyframes border-flash {
    from,
    50%,
    to {
        border-color: #c80000;
    }
    25%,
    75% {
        border-color: #ff0000;
    }
}

@keyframes border-flash {
    from,
    50%,
    to {
        border-color: #c80000;
    }
    25%,
    75% {
        border-color: #ff0000;
    }
}

.avatar-badge {
    position: absolute;
    z-index: 2;
    right: 0;
    top: 0;
    font-size: 11px;
    line-height: 1;
    height: 14px;
    min-width: 14px;
    text-align: center;
    background: #c80000;
    color: #fff;
    padding: 2px 4px;
    border-radius: 6px;
    -webkit-animation: back-flash 2s infinite linear;
    animation: back-flash 2s infinite linear;
}

.sidemenu-account .avatar-badge {
    right: 50%;
    top: 50%;
    transform: translate(23px, -33px);
}

@-webkit-keyframes back-flash {
    from,
    50%,
    to {
        background: #c80000;
    }
    25%,
    75% {
        background: #ff0000;
    }
}

@keyframes back-flash {
    from,
    50%,
    to {
        background: #c80000;
    }
    25%,
    75% {
        background: #ff0000;
    }
}

.main-header .account-menu .avatar .pic i {
    position: absolute;
    display: block;
    font-family: 'fontello';
    content: '\e80f';
    z-index: 0;
    font-size: 26px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #00289B;
}

.main-header .account-menu .avatar i {
    position: absolute;
    right: -10px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    font-size: 24px;
}

.main-header .account-menu .avatar.has-red-dot .pic:before {
    background-color: #c80000;
    width: 12px;
    height: 12px;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    content: '';
    z-index: 1;
}

.main-header .account-menu .dropdown {
    display: block;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translate(0, 10%);
    -moz-transform: translate(0, 10%);
    -ms-transform: translate(0, 10%);
    -o-transform: translate(0, 10%);
    transform: translate(0, 10%);
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    position: absolute;
    right: 0;
    top: 100%;
    padding: 21px 0 0 0;
    white-space: nowrap;
}

@media (max-width: 991px) {
    .main-header .account-menu .dropdown {
        font-size: 1rem;
    }
}

.main-header .account-menu .dropdown .inner {
    text-align: left;
    position: relative;
    background-color: #fff;
    width: 260px;
    padding: 20px 20px 10px;
    -webkit-box-shadow: 5px 3px 8px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 5px 3px 8px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 5px 3px 8px 5px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

@media (max-width: 400px) {
    .main-header .account-menu .dropdown .inner {
        width: 240px;
    }
}

.main-header .account-menu .dropdown .inner:before {
    display: block;
    content: url("../images/dropdown-triangle.svg");
    width: 24px;
    height: 24px;
    position: absolute;
    top: 0;
    right: 19px;
    -webkit-transform: translate(-50%, -65%);
    -moz-transform: translate(-50%, -65%);
    -ms-transform: translate(-50%, -65%);
    -o-transform: translate(-50%, -65%);
    transform: translate(-50%, -65%);
}

.main-header .account-menu .dropdown .stroke {
    border-bottom: 1px solid #00289B;
    margin-bottom: 10px;
}

.main-header .account-menu .dropdown .profil {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    text-decoration: none !important;
    margin-bottom: 10px;
    border: none;
    background: none;
    cursor: pointer;
    -webkit-appearance: none !important;
}

.main-header .account-menu .dropdown .profil .img {
    display: block;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-size: cover !important;
    background-position: center center !important;
    text-align: center;
    background-color: #eaeaea !important;
    color: #0064FF;
    width: 40px;
    height: 40px;
    font-size: 18px;
    line-height: 40px;
    margin-right: 10px;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative;
}

.main-header .account-menu .dropdown .profil .img .avatar-pic {
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-size: cover !important;
    background-position: center center !important;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.main-header .account-menu .dropdown .profil .name {
    display: inline-block;
    position: relative;
    z-index: 1;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #00289B;
}

.main-header .account-menu .dropdown .profil .name:before {
    display: block;
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    z-index: -1;
    height: 30%;
    background-color: rgba(189, 208, 252, 0.61);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    visibility: hidden;
    opacity: 0;
}

.main-header .account-menu .dropdown .profil:hover .name:before {
    visibility: visible;
    opacity: 1;
    bottom: 2px;
}

@media (max-width: 1199px) {
    .scrolled .main-header {
        position: fixed;
        top: 0;
        padding: 0;
        left: 0;
        right: 0;
        background-color: #fff;
    }
    .scrolled .main-header .container {
        padding: 15px;
        position: relative;
    }
    .scrolled .main-header .menu-link:before {
        background-color: rgba(189, 208, 252, 0.61);
    }
}

@media (min-width: 1200px) {
    .scrolled .main-header {
        position: fixed;
        top: 0;
        padding: 0;
        left: 0;
        right: 0;
        background-color: #fff;
    }
    .scrolled .main-header .container {
        padding: 15px;
        position: relative;
    }
    .scrolled .main-header .menu-link:before {
        background-color: rgba(189, 208, 252, 0.61);
    }
}

.nav-opened .mobile-nav {
    background-color: transparent !important;
    position: relative;
    z-index: 100;
}

.nav-opened .mobile-nav span:after,
.nav-opened .mobile-nav span:before {
    background: #fff;
}

.nav-opened .mobile-nav span {
    background: transparent;
}

.nav-opened .mobile-nav span:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    top: 0;
}

.nav-opened .mobile-nav span:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    top: 0;
}

@media (max-width: 1199px) {
    .nav-opened .main-menu {
        display: block;
    }
}

footer {
    width: 100%;
    -webkit-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
    position: relative;
    background-color: #fff;
    padding: 60px 0 75px;
    /* max-width: 2200px; */
    margin: 0 auto;
}

@media (min-width: 1200px) {
    footer {
        padding: 60px 25px 80px;
    }
}

footer:after {
    display: block;
    content: '';
    background-color: #D7E6FF;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
}

@media (min-width: 1200px) {
    footer:after {
        -webkit-border-radius: 15px;
        -khtml-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
        left: 20px;
        top: 0;
        right: 20px;
        bottom: 20px;
    }
}

footer .container {
    position: relative;
    z-index: 1;
}

footer .logo-brio {
    margin-bottom: 30px;
    display: table;
    margin-right: 30px;
}

footer .logo-brio img {
    width: 125px;
}

@media (min-width: 1200px) {
    footer .logo-brio img {
        width: 200px;
    }
}

footer a {
    color: #00289B !important;
}

footer .foo-links {
    font: 400 1rem/1.5em 'Rubik', sans-serif;
}

@media (min-width: 768px) {
    footer .foo-links {
        font: 400 1rem/1.5em 'Rubik', sans-serif;
    }
}

footer .foo-links a {
    display: table;
    color: #00289B;
    margin-bottom: 15px;
}

footer .foo-links a:hover {
    text-decoration: underline !important;
}

footer .hline span {
    height: 1px;
    background-color: #00289B;
    display: block;
    margin: 10px 0 20px;
}

footer .copy {
    border-top: 1px solid #00289B;
    padding-top: 5px;
    font: 400 0.83rem/1.35em 'Rubik', sans-serif;
    margin-top: 80px;
}

.section-home-slider {
    padding: 0 0 15px 0;
    /*custom slider elem*/
}

@media (min-width: 992px) {
    .section-home-slider {
        height: 100vh;
        min-height: 690px;
    }
}

@media (min-width: 1200px) {
    .section-home-slider {
        padding: 20px;
        min-height: 750px;
    }
}

.section-home-slider .inner-section {
    background-color: #D7E6FF;
    position: relative;
    padding: 85px 0 0;
    height: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
}

@media (min-width: 1200px) {
    .section-home-slider .inner-section {
        -webkit-border-radius: 15px;
        -khtml-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
        padding: 170px 0 0;
    }
}

.section-home-slider .inner-section .home-slider {
    width: 100%;
    position: relative;
}

.section-home-slider .inner-section .container-slider,
.section-home-slider .inner-section .home-slider,
.section-home-slider .inner-section .slick-list,
.section-home-slider .inner-section .slick-track {
    height: 100%;
}

.section-home-slider .inner-section .container-slider {
    position: relative;
    z-index: 1;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.section-home-slider .inner-section .slick-track {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
}

.section-home-slider .fig-wrapper {
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: contain;
    text-align: right;
    background: none !important;
    float: right;
    position: relative;
    max-width: 300px;
}

@media (min-width: 992px) {
    .section-home-slider .fig-wrapper {
        position: absolute;
        right: 0;
        bottom: 0;
        width: auto;
        max-width: none;
    }
}

.section-home-slider .slide-entry {
    position: relative;
    overflow: hidden;
}

.section-home-slider .slide-entry .section-title {
    color: #0064FF;
}

.section-home-slider .slide-entry .desc {
    font: 400 1.25rem/1.4em 'Rubik', sans-serif;
    max-width: 450px;
}

.section-home-slider .slide-entry .slide-content {
    max-width: 600px;
    position: relative;
}

.section-home-slider .slick-arrow {
    position: absolute;
    color: #00289B;
    top: 50%;
    font-size: 35px;
    cursor: pointer;
    z-index: 1;
}

@media (min-width: 1200px) {
    .section-home-slider .slick-arrow {
        margin-top: -75px;
        font-size: 40px;
    }
}

@media (max-width: 1300px) {
    .section-home-slider .slick-arrow {
        display: none !important;
    }
}

.section-home-slider .slick-arrow.next-slide {
    right: 0px;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.section-home-slider .slick-arrow.prev-slide {
    left: 0px;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.section-home-slider .dots {
    position: absolute;
    bottom: 20px;
    left: 15px;
    right: 15px;
}

.section-home-slider .slick-dots {
    list-style: none;
    margin: 0;
    padding: 0;
}

.section-home-slider .slick-dots li {
    display: inline-block;
    margin: 3px;
}

.section-home-slider .slick-dots li.slick-active button {
    background-color: #00289B;
}

.section-home-slider .slick-dots button {
    width: 13px;
    height: 13px;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: none;
    font-size: 0 !important;
    line-height: 0 !important;
    display: block;
    background-color: #fff;
}

.section-home-slider .bara-dedeman {
    background-color: #0064FF;
    padding: 20px 0;
    margin-bottom: 50px;
    margin-top: -50px;
}

@media (min-width: 566px) {
    .section-home-slider .bara-dedeman {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 50px;
        z-index: 0;
        margin: 0;
    }
}

.section-home-slider .bara-dedeman .sustinut-de {
    border-bottom: 1px solid #fff;
    padding-top: 5px;
    margin-bottom: 10px;
    display: table;
    color: #fff;
    font: 400 1rem/1.5em 'Rubik', sans-serif;
}

.wrapper-teste-carousel .slick-arrow {
    position: absolute;
    color: #00289B;
    top: 50%;
    font-size: 35px;
    cursor: pointer;
    z-index: 1;
}

@media (min-width: 1200px) {
    .wrapper-teste-carousel .slick-arrow {
        font-size: 40px;
    }
}

@media (max-width: 1199px) {
    .wrapper-teste-carousel .slick-arrow {
        font-size: 40px;
    }
}

.wrapper-teste-carousel .slick-arrow.next-slide {
    right: 0;
    -webkit-transform: translate(100%, -50%);
    -moz-transform: translate(100%, -50%);
    -ms-transform: translate(100%, -50%);
    -o-transform: translate(100%, -50%);
    transform: translate(100%, -50%);
}

.wrapper-teste-carousel .slick-arrow.prev-slide {
    left: 0;
    -webkit-transform: translate(-100%, -50%);
    -moz-transform: translate(-100%, -50%);
    -ms-transform: translate(-100%, -50%);
    -o-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%);
}

.carousel-teste .slick-list {
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
}

@media (max-width: 1199px) {
    .carousel-teste .slick-list {
        overflow: visible !important;
    }
}

@media (max-width: 590px) {
    .carousel-teste .slick-list {
        padding: 0 40px 0 0;
    }
}

@media (max-width: 400px) {
    .carousel-teste .slick-list {
        padding: 0 20px 0 0;
    }
}

.carousel-teste .slick-track {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
}

@media (max-width: 767px) {
    .carousel-teste {
        margin-left: -7px;
        margin-right: -7px;
    }
}

.carousel-teste .test-entry {
    color: #fff;
    padding-top: 5px;
}

@media (min-width: 1200px) {
    .carousel-teste .test-entry.slick-current+.test-entry .inner {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@media (max-width: 450px) {
    .carousel-teste .test-entry {
        padding-left: 7px;
        padding-right: 7px;
    }
}

.carousel-teste .test-entry .inner {
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 40px 15px;
    height: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

@media (min-width: 768px) {
    .carousel-teste .test-entry .inner {
        padding: 50px 20px;
    }
}

@media (min-width: 992px) {
    .carousel-teste .test-entry .inner {
        padding: 50px 20px;
    }
}

@media (min-width: 1200px) {
    .carousel-teste .test-entry .inner {
        padding: 60px 50px;
        -webkit-transform: scale(0.92);
        -moz-transform: scale(0.92);
        -ms-transform: scale(0.92);
        -o-transform: scale(0.92);
        transform: scale(0.92);
    }
}

.carousel-teste .test-entry .name {
    color: #fff;
    font: 400 1.55rem/1.2em 'Rubik', sans-serif;
    margin-bottom: 30px;
    /* @media( max-width: @screen-md-max){
               max-width: 300px;
            }*/
}

@media (min-width: 576px) {
    .carousel-teste .test-entry .name {
        font-size: 1.95rem;
    }
}

@media (min-width: 1200px) {
    .carousel-teste .test-entry .name {
        font: 400 2.44rem/1.3em 'Rubik', sans-serif;
        letter-spacing: -0.02em;
    }
}

.carousel-teste .test-entry .rounded-button {
    margin: 15px auto 0;
    width: 100%;
    color: #fff;
}

.carousel-teste .test-entry .buttons-grp {
    margin-top: auto;
}

.carousel-teste#teste-mate .inner {
    background-color: #00BE3C;
}

.carousel-teste#teste-romana .inner {
    background-color: #F05A00;
}

.carousel-teste#teste-istorie .inner {
    background-color: #453C9E;
}
.carousel-teste#teste-chimie .inner {
    background-color: #453C9E;
}
.carousel-teste#teste-geografie .inner {
    background-color: #453C9E;
}
.carousel-teste#teste-fizica .inner {
    background-color: #453C9E;
}
.carousel-teste#teste-biologie .inner {
    background-color: #453C9E;
}

.carousel-teste#teste-freestyle .inner {
    background-color: #FF3282;
}

.carousel-teste .slick-dots {
    list-style: none;
    margin: 0;
    padding: 15px 15px 0;
    line-height: 0 !important;
}

@media (max-width: 450px) {
    .carousel-teste .slick-dots {
        padding: 15px 7px 0;
    }
}

.carousel-teste .slick-dots li {
    display: inline-block;
    margin: 3px;
}

.carousel-teste .slick-dots li.slick-active button {
    background-color: #00289B;
}

.carousel-teste .slick-dots button {
    width: 13px;
    height: 13px;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: none;
    font-size: 0 !important;
    line-height: 0 !important;
    display: block;
    background-color: #fff;
}

#section-about .section-desc {
    max-width: 680px;
    font: 400 1.25rem/1.4em 'Rubik', sans-serif;
}

@media (min-width: 768px) {
    #section-about .section-desc {
        font: 400 1.55rem/1.2em 'Rubik', sans-serif;
    }
}

.box-with-fig-home {
    text-align: center;
    margin-bottom: 60px;
}

.box-with-fig-home .inner-col {
    max-width: 380px;
    margin: 0 auto;
    text-align: center;
}

.box-with-fig-home .fig {
    margin-bottom: 30px;
}

.box-with-fig-home .fig img {
    width: 160px;
}

@media (min-width: 768px) {
    .box-with-fig-home .fig img {
        width: 160px;
    }
}

@media (min-width: 1200px) {
    .box-with-fig-home .fig img {
        width: 200px;
    }
}

.box-with-fig-home .title {
    font: 400 1.55rem/1.2em 'Rubik', sans-serif;
    color: #00BE3C;
    max-width: 250px;
    margin: 0 auto 0;
}

.box-with-fig-home .desc {
    text-align: center;
    margin-top: 30px;
}

.was-validated .form-control:invalid {
    border-color: #c80000;
    background-image: none;
}

.was-validated .form-control:invalid~.invalid-tooltip {
    display: block;
}

.invalid-tooltip {
    background: rgba(200, 0, 0, 0.7);
    color: #ffffff;
    font-size: 12px;
    top: 75%;
    left: 5px;
    line-height: 100%;
    padding: 0.5rem 0.5rem;
    font-weight: 400;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

input.form-control {
    border-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    font: 400 1.25rem/1.4em 'Rubik', sans-serif;
    height: 60px;
    line-height: 60px;
    color: #00289B !important;
    padding: 0 20px;
    background-color: #fff !important;
    -webkit-appearance: none !important;
}

input.form-control:-moz-placeholder {
    color: rgba(0, 40, 155, 0.73);
}

input.form-control::-moz-placeholder {
    color: rgba(0, 40, 155, 0.73);
}

input.form-control:-ms-input-placeholder {
    color: rgba(0, 40, 155, 0.73);
}

input.form-control::-webkit-input-placeholder {
    color: rgba(0, 40, 155, 0.73);
}

textarea.form-control {
    border-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    color: #00289B;
    text-align: left;
    padding: 15px 20px;
    font: 400 1.25rem/1.4em 'Rubik', sans-serif;
    -webkit-appearance: none !important;
}

textarea.form-control:-moz-placeholder {
    color: #00289B;
}

textarea.form-control::-moz-placeholder {
    color: #00289B;
}

textarea.form-control:-ms-input-placeholder {
    color: #00289B;
}

textarea.form-control::-webkit-input-placeholder {
    color: #00289B;
}

textarea.form-control:-moz-placeholder {
    color: rgba(0, 40, 155, 0.73);
}

textarea.form-control::-moz-placeholder {
    color: rgba(0, 40, 155, 0.73);
}

textarea.form-control:-ms-input-placeholder {
    color: rgba(0, 40, 155, 0.73);
}

textarea.form-control::-webkit-input-placeholder {
    color: rgba(0, 40, 155, 0.73);
}

textarea.form-control.area-grow {
    min-height: 60px;
    overflow-y: hidden;
    resize: none;
    height: 60px;
}

input.custom-control-input {
    position: absolute;
    opacity: 0;
    visibility: hidden;
}

.custom-control-input.is-valid~.custom-control-label,
.was-validated .custom-control-input:valid~.custom-control-label {
    color: inherit;
}

.was-validated .form-control:valid {
    background-image: none;
}

.custom-checkbox .custom-control-label {
    padding-left: 20px;
    padding-top: 6px;
    font: 400 1rem/1.5em 'Rubik', sans-serif !important;
    width: 100%;
}

.custom-checkbox .custom-control-label .big {
    font: 400 1.25rem/1.4em 'Rubik', sans-serif !important;
}

.custom-checkbox .custom-control-label:before,
.custom-checkbox .custom-control-label:after {
    width: 26px;
    height: 26px;
    line-height: 26px;
    -webkit-border-radius: 6px !important;
    -khtml-border-radius: 6px !important;
    -moz-border-radius: 6px !important;
    border-radius: 6px !important;
    border-color: #fff;
    text-align: center;
}

.custom-checkbox .custom-control-label:after {
    background-image: none !important;
}

.custom-checkbox .custom-control-label a {
    color: inherit;
    font-weight: 600;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    color: #00289B;
    border-color: #E9E9E9 !important;
    background-color: #fff !important;
    content: '\e84a';
    font-family: 'fontello';
    font-size: 30px;
}

.custom-checkbox .rounded-button {
    width: auto !important;
}

.custom-radio .custom-control-label {
    padding-left: 45px;
    font: 400 1rem/1.5em 'Rubik', sans-serif !important;
}

.custom-radio .custom-control-label .big {
    font: 400 1.25rem/1.4em 'Rubik', sans-serif !important;
}

.custom-radio .custom-control-label:before {
    width: 26px;
    height: 26px;
    background-color: #fff;
    border-color: #fff !important;
    position: absolute;
    left: 0;
    top: 0;
}

.custom-radio .custom-control-label:after {
    width: 12px;
    height: 12px;
    position: absolute;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    top: 7px;
    left: 7px;
    display: none;
    background: #fff;
}

.custom-radio .custom-control-label a {
    color: inherit;
    font-weight: 600;
}

.custom-radio .custom-control-input:checked~.custom-control-label::after {
    background: #00289B;
}

.custom-radio .custom-control-input:checked~.custom-control-label::before {
    background-color: #fff !important;
    order-color: #fff !important;
}

.custom-radio .custom-control-input:checked~.custom-control-label::after {
    display: block;
}

select.custom-select {
    border-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    font: 400 1.25rem/1.4em 'Rubik', sans-serif;
    height: 60px;
    line-height: 60px;
    color: #00289B !important;
    padding: 0 20px;
    background-color: #fff !important;
    -webkit-appearance: none !important;
    background: url("../images/select-arrow.svg") right 10px center no-repeat;
    background-size: 20px 10px;
}

select.custom-select:-moz-placeholder {
    color: rgba(0, 40, 155, 0.73);
}

select.custom-select::-moz-placeholder {
    color: rgba(0, 40, 155, 0.73);
}

select.custom-select:-ms-input-placeholder {
    color: rgba(0, 40, 155, 0.73);
}

select.custom-select::-webkit-input-placeholder {
    color: rgba(0, 40, 155, 0.73);
}

select.selectpicker option:disabled,
select.custom-select option:disabled {
    display: none;
}

.custom-select.is-valid,
.was-validated .custom-select:valid,
.custom-select.is-invalid,
.was-validated .custom-select:invalid {
    background-color: #ffffff;
}

.custom-control-input.is-valid~.custom-control-label::before,
.was-validated .custom-control-input:valid~.custom-control-label::before {
    border-color: transparent;
}

.select-abonament,
.select-custom {
    width: 100% !important;
}

.select-abonament .select2-container,
.select-custom .select2-container {
    width: 100% !important;
    font: 400 1.25rem/1.4em 'Rubik', sans-serif;
}

.select-abonament .select2-container .select2-selection,
.select-custom .select2-container .select2-selection {
    background: #fff;
    border-color: transparent;
    outline: none;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    height: 60px;
}

.select-abonament .select2-container .select2-selection .select2-selection__rendered,
.select-custom .select2-container .select2-selection .select2-selection__rendered {
    line-height: 60px;
    color: #00289B;
    padding: 0 20px;
}

.select-abonament .select2-container .select2-selection .select2-selection__arrow,
.select-custom .select2-container .select2-selection .select2-selection__arrow {
    width: 40px;
    height: 40px;
    text-align: center;
}

.select-abonament .select2-container .select2-selection .select2-selection__arrow:after,
.select-custom .select2-container .select2-selection .select2-selection__arrow:after {
    position: absolute;
    width: 40px;
    display: block;
    content: '\e81c';
    font-family: fontello;
    top: 0;
    right: 0px;
    text-align: center;
    color: #00289B;
    font-size: 24px;
    height: 60px;
    line-height: 60px;
}

.select-abonament .select2-container .select2-selection .select2-selection__arrow b,
.select-custom .select2-container .select2-selection .select2-selection__arrow b {
    display: none;
}

.select-abonament .select2-container .select2-selection .select2-selection__rendered .select2-selection__placeholder,
.select-custom .select2-container .select2-selection .select2-selection__rendered .select2-selection__placeholder {
    color: rgba(0, 40, 155, 0.73);
}

.select-abonament .select2-dropdown,
.select-custom .select2-dropdown {
    background: #fff;
    -webkit-border-radius: 0 0 10px 10px;
    -khtml-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
    border-color: transparent;
    overflow: hidden;
    color: #00289B;
    line-height: 30px;
}

.select-abonament .select2-dropdown .select2-results__option,
.select-custom .select2-dropdown .select2-results__option {
    padding: 15px 20px !important;
}

.select-abonament .select2-dropdown .select2-results__option--highlighted[aria-selected],
.select-custom .select2-dropdown .select2-results__option--highlighted[aria-selected] {
    background-color: #00289B;
}

.was-validated .custom-select:invalid~.select2-container .select2-selection {
    border-color: #c80000 !important;
    background-image: none;
}

.section-orange .custom-control-input:checked~.custom-control-label::before {
    color: #FF9600;
}

.alert {
    padding: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    border-color: transparent;
    /* color: #fff; */
    font: 400 1rem/1.5em 'Rubik', sans-serif;
}

.alert .mb-2:last-child {
    margin-bottom: 0 !important;
}

@media (min-width: 768px) {
    .alert {
        padding: 15px 20px;
    }
}

.alert.alert-success {
    background-color: #00BE3C;
    color: #fff;
}

.alert.alert-info {
    background-color: #FF9600;
    color: #fff;
}

.alert.alert-danger {
    color: #fff;
    background-color: #c80000;
}

.form-contact .custom-control-label {
    font-size: 16px;
}

html {
    width: 100%;
}

body {
    color: #00289B;
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    line-height: 1.5em;
    min-height: 100%;
    background-color: #ffffff;
    font: 400 1rem/1.5em 'Rubik', sans-serif;
}

@media (min-width: 768px) {
    body {
        font: 400 1.25rem/1.4em 'Rubik', sans-serif;
    }
}


/*::-webkit-scrollbar{
  background-color: #000;
}
::-webkit-scrollbar-thumb{
  background-color: @green;
}*/

.main-wrapper {
    position: relative;
    /* overflow: hidden; */
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 auto;
    width: 100%;
    /* max-width: 2200px; */
}

.text-black,
a.text-black {
    color: #000000;
}

a:hover {
    text-decoration: underline;
    color: inherit;
}

p a {
    color: #00289B;
}

strong {
    font-weight: 500 !important;
}

h4 {
    font: 400 1.55rem/1.2em 'Rubik', sans-serif;
    margin: 15px 0 0;
}

.color-white {
    color: #fff !important;
}

.color-blue {
    color: #00289B !important;
}

.color-black {
    color: #000 !important;
}

.color-blue-light {
    color: #0064FF !important;
}

.color-green {
    color: #00BE3C !important;
}

.color-green-dark {
    color: #008D2C !important;
}

.color-yellow {
    color: #FF9600 !important;
}

.color-pink {
    color: #FF3282 !important;
}

.color-red {
    color: #9D0000 !important;
}

.color-mov {
    color: #8C32FA !important;
}

.rounded-button {
    display: block;
    padding: 15px 20px;
    text-align: center;
    cursor: pointer;
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    max-width: 100%;
    width: 100%;
    border: none;
    -webkit-transition: 0.1s;
    -moz-transition: 0.1s;
    -ms-transition: 0.1s;
    -o-transition: 0.1s;
    transition: 0.1s;
    font: 400 1rem/1.5em 'Rubik', sans-serif;
    overflow: hidden;
    -moz-background-clip: padding;
    /* Firefox 3.6 */
    -webkit-background-clip: padding;
    /* Safari 4? Chrome 6? */
    background-clip: padding-box;
    -webkit-appearance: none !important;
    min-width: 100px;
}

@media (min-width: 768px) {
    .rounded-button {
        font: 400 1.25rem/1.4em 'Rubik', sans-serif;
        display: table;
        width: auto;
    }
}

.rounded-button:hover {
    text-decoration: none;
}

@media (min-width: 500px) {
    .rounded-button {
        padding: 15px 50px;
    }
}

.rounded-button.has-ico {
    position: relative;
}

.rounded-button.has-ico img,
.rounded-button.has-ico i {
    position: absolute;
    left: 10px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 27px;
}

.rounded-button.blue {
    background-color: #00289B;
    color: #fff;
}

.rounded-button.blue:hover {
    background-color: #001c69;
}

.rounded-button.blue-light {
    background-color: #0064FF;
    color: #fff;
}

.rounded-button.blue-light:hover {
    background-color: #0055cd;
}

.rounded-button.reincearca {
    background-color: #C0C0C0;
    color: #95BA6C;
}

.rounded-button.reincearca:hover {
    background-color: #C9C9C9;
}

.rounded-button.dezactivat {
    background-color: #C0C0C0;
    color: #95BA6C;
    opacity: 0.5;
    cursor: unset;
}

.rounded-button.dezactivat:hover {
    background-color: #C9C9C9;
}

.rounded-button.green {
    background-color: #00BE3C;
    color: #fff;
}

.rounded-button.green:hover {
    background-color: #008c2e;
}

.rounded-button.green-dark {
    background-color: #008D2C;
    color: #fff;
}

.rounded-button.green-dark:hover {
    background-color: #017c27;
}

.rounded-button.mov {
    background-color: #8C32FA;
    color: #fff;
}

.rounded-button.mov:hover {
    background-color: #6431c8;
}

.rounded-button.orange {
    background-color: #F05A00;
    color: #fff;
}

.rounded-button.orange:hover {
    background-color: #d84d00;
}

.rounded-button.yellow {
    background-color: #FF9600;
    color: #fff;
}

.rounded-button.yellow:hover {
    background-color: #cd7400;
}

.rounded-button.pink {
    background-color: #FF3282;
    color: #fff;
}

.rounded-button.pink:hover {
    background-color: #cd2e68;
}

.rounded-button.stroke-white {
    border: 1px solid #fff;
    color: #fff;
}

.rounded-button.stroke-white:hover {
    background-color: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.rounded-button.stroke-blue {
    border: 1px solid #00289B;
    color: #00289B;
    background-color: transparent;
}

.rounded-button.stroke-blue:hover {
    background-color: #001c69;
    color: #fff;
    border: 1px solid #001c69;
}

.rounded-button.stroke-blue-light {
    border: 1px solid #0064FF;
    color: #0064FF;
}

.rounded-button.stroke-blue-light:hover {
    background-color: #0055cd;
    color: #fff;
    border: 1px solid #0055cd;
}

.rounded-button.stroke-mov {
    border: 1px solid #8C32FA;
    color: #8C32FA;
}

.rounded-button.stroke-mov:hover {
    background-color: #6431c8;
    color: #fff;
    border: 1px solid #6431c8;
}

.rounded-button.stroke-pink {
    border: 1px solid #FF3282;
    color: #FF3282;
}

.rounded-button.stroke-pink:hover {
    background-color: #cd2e68;
    color: #fff;
    border: 1px solid #cd2e68;
}

.rounded-button.stroke-pink.disabled {
    opacity: 0.5 !important;
    border: 1px solid #FF3282 !important;
    color: #FF3282 !important;
    background-color: transparent !important;
}

.rounded-button.stroke-green {
    border: 1px solid #00BE3C;
    color: #00BE3C;
}

.rounded-button.stroke-green:hover {
    background-color: #008c2e;
    color: #fff;
    border: 1px solid #008c2e;
}

.rounded-button.white-30 {
    background-color: rgba(255, 255, 255, 0.3);
    color: #fff;
    border: 1px solid transparent;
}

.rounded-button.white-30:hover {
    background-color: rgba(255, 255, 255, 0.2);
}

.rounded-button.white {
    background-color: #fff;
    color: #fff;
    border: 1px solid transparent;
}

.rounded-button.white:hover {
    background-color: rgba(255, 255, 255, 0.5);
}

.rounded-button.mediu {
    padding: 8px 18px;
    font: 400 1rem/1.5em 'Rubik', sans-serif;
}

.vh100 {
    min-height: 100vh;
}

.section-title {
    font-size: 2.44rem;
    line-height: 1.1em;
    margin-bottom: 30px;
    color: #0064FF;
    position: relative;
}

@media (min-width: 768px) {
    .section-title {
        font: 400 3.05rem/1.1em 'Rubik', sans-serif;
        margin-bottom: 60px;
    }
}

.section-title .info-icon {
    background-color: #00289B;
    color: #fff;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 1.3em;
    height: 1.3em;
    font: 400 1rem/1.5em 'Rubik', sans-serif;
    line-height: 1.3rem !important;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    margin-left: 10px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.subsection-title {
    font: 400 1.55rem/1.2em 'Rubik', sans-serif;
    margin-bottom: 30px;
    color: #0064FF;
    position: relative;
}

@media (min-width: 768px) {
    .subsection-title {
        font: 400 1.95rem/1.1em 'Rubik', sans-serif;
    }
}

.subsection-title .info-icon {
    background-color: #00289B;
    color: #fff;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 1.3em;
    height: 1.3em;
    font: 400 1rem/1.5em 'Rubik', sans-serif;
    line-height: 1.3rem !important;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    margin-left: 10px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.section-round-bg {
    padding: 0 0 15px 0;
}

@media (min-width: 1200px) {
    .section-round-bg {
        padding: 0 20px 20px;
    }
}

.section-round-bg .inner-section {
    background-color: #D7E6FF;
    position: relative;
    padding: 60px 0 0;
    overflow-y: auto;
    overflow-x: hidden;
}

@media (min-width: 1200px) {
    .section-round-bg .inner-section {
        height: 100%;
        padding: 100px 5px 60px;
        -webkit-border-radius: 15px;
        -khtml-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
    }
}

.main-header+.section-round-bg {
    padding: 0 0 15px 0;
}

@media (min-width: 1200px) {
    .main-header+.section-round-bg {
        padding: 20px;
    }
}

.main-header+.section-round-bg .inner-section {
    padding: 85px 0 20px;
}

@media (min-width: 1200px) {
    .main-header+.section-round-bg .inner-section {
        padding: 170px 5px 60px;
    }
}

.box-test-image {
    color: #0064FF;
}

.box-test-image:before {
    background-color: #C5DBFF;
}

.section-orange .inner-section {
    background-color: #FFE6DC;
}

.section-orange .section-title {
    color: #F05A00;
}

.section-orange .box-test-image {
    color: #F05A00;
}

.section-orange .box-test-image:before {
    background-color: #FFE0B1;
}

.section-orange h4 {
    color: #F05A00;
}

.section-orange .rounded-button {
    background-color: #F05A00;
    color: #fff;
}

.section-orange .rounded-button:hover {
    background-color: #d84d00;
    color: #fff;
}

.section-orange .rounded-button.stroke {
    border: 1px solid #F05A00;
    background-color: transparent;
    color: #F05A00;
}

.section-orange .rounded-button.stroke:hover {
    background-color: #d84d00;
    color: #fff;
}

.section-orange .rounded-button.active {
    background-color: #F05A00;
    color: #fff;
}

.section-mov .inner-section {
    background-color: #F0E1FF;
}

.section-mov .section-title {
    color: #8C32FA;
}

.section-mov .box-test-image {
    color: #8C32FA;
}

.section-mov .box-test-image:before {
    background-color: #E8D1FF;
}

.section-mov h4 {
    color: #8C32FA;
}

.section-pink .inner-section {
    background-color: #FFE1EB;
}

.section-pink .section-title {
    color: #FF3282;
}

.section-pink .box-test-image {
    color: #FF3282;
}

.section-pink .box-test-image:before {
    background-color: #FFC6D9;
}

.section-pink h4 {
    color: #FF3282;
}

.section-pink .rounded-button {
    background-color: #FF3282;
    color: #fff;
}

.section-pink .rounded-button:hover {
    background-color: #cd2e68;
    color: #fff;
}

.section-pink .rounded-button.stroke {
    border: 1px solid #FF3282;
    background-color: transparent;
    color: #FF3282;
}

.section-pink .rounded-button.stroke:hover {
    background-color: #cd2e68;
    color: #fff;
}

.section-pink .rounded-button.active {
    background-color: #FF3282;
    color: #fff;
}

.section-green .inner-section {
    background-color: #D2F0DC;
}

.section-green .section-title {
    color: #00BE3C;
}

.section-green .box-test-image {
    color: #00BE3C;
}

.section-green .box-test-image:before {
    background-color: #B0F3C6;
}

.section-green h4 {
    color: #00BE3C;
}

.section-green .rounded-button {
    background-color: #00BE3C;
    color: #fff;
}

.section-green .rounded-button:hover {
    background-color: #008c2e;
    color: #fff;
}

.section-green .rounded-button.stroke {
    border: 1px solid #00BE3C;
    background-color: transparent;
    color: #00BE3C;
}

.section-green .rounded-button.stroke:hover {
    background-color: #008c2e;
    color: #fff;
}

.section-green .rounded-button.active {
    background-color: #00BE3C;
    color: #fff;
}

.section-yellow .inner-section {
    background-color: #FFEBCD;
}

.section-yellow .section-title {
    color: #FF9600;
}

.section-yellow .box-test-image {
    color: #FF9600;
}

.section-yellow .box-test-image:before {
    background-color: #FFE0B1;
}

.section-yellow h4 {
    color: #FF9600;
}

.hidencontent {
    overflow: hidden;
    height: 0;
}

.wrapper-rounded-tabs {
    background-color: #fff;
    overflow-x: hidden;
    margin-bottom: 30px;
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    height: 50px;
}

@media (min-width: 992px) {
    .wrapper-rounded-tabs {
        margin-bottom: 60px;
        height: 58px;
    }
}

.wrapper-rounded-tabs .rounded-tabs {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    position: relative;
}

.wrapper-rounded-tabs .rounded-tabs .hover {
    background-color: #00289B;
    position: absolute;
    left: 0;
    width: 100px;
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    z-index: 0;
}

@media (min-width: 992px) {
    .wrapper-rounded-tabs .rounded-tabs .hover {
        height: 58px;
    }
}

@media (max-width: 1199px) {
    .wrapper-rounded-tabs .rounded-tabs .hover {
        display: none !important;
    }
}

.wrapper-rounded-tabs .rtab {
    font: 400 1rem/1.5em 'Rubik', sans-serif;
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    display: table;
    padding: 0 15px;
    height: 50px;
    line-height: 50px;
    color: #00289B;
    position: relative;
    white-space: nowrap;
    text-decoration: none !important;
    -webkit-transition: 0.1s;
    -moz-transition: 0.1s;
    -ms-transition: 0.1s;
    -o-transition: 0.1s;
    transition: 0.1s;
    cursor: pointer;
    z-index: 1;
}

@media (min-width: 992px) {
    .wrapper-rounded-tabs .rtab {
        font: 400 1.25rem/1.4em 'Rubik', sans-serif;
        height: 58px;
        line-height: 58px;
        padding: 0 30px;
    }
}

.wrapper-rounded-tabs .rtab span {
    position: relative;
    z-index: 1;
}

.wrapper-rounded-tabs .rtab:before {
    display: block;
    content: '';
    position: absolute;
    left: 25px;
    right: 25px;
    top: 60%;
    margin-top: 3px;
    z-index: -1;
    height: 8px;
    background-color: rgba(189, 208, 252, 0.65);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    visibility: hidden;
    opacity: 0;
}

.wrapper-rounded-tabs .rtab:hover:before {
    visibility: visible;
    opacity: 1;
    top: 50%;
}

.wrapper-rounded-tabs .rtab.active {
    color: #fff;
    background-color: #00289B;
}

.wrapper-rounded-tabs .rtab.active:hover:before {
    display: none;
}

.breadcrumbs {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    font: 400 1rem/1.5em 'Rubik', sans-serif;
    overflow-x: auto;
    margin-bottom: 30px;
}

@media (min-width: 1200px) {
    .breadcrumbs {
        margin-bottom: 60px;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.breadcrumbs a,
.breadcrumbs span {
    color: #00289B;
    padding-left: 24px;
    position: relative;
    display: block;
}

@media (max-width: 1199px) {
    .breadcrumbs a,
    .breadcrumbs span {
        white-space: nowrap;
        padding-bottom: 7px;
    }
}

.breadcrumbs a:after,
.breadcrumbs span:after {
    display: block;
    position: absolute;
    left: 8px;
    top: -1px;
    font-family: 'fontello';
    content: '\e81e';
    font-size: 1rem;
}

.breadcrumbs a:nth-child(1),
.breadcrumbs span:nth-child(1) {
    padding-left: 0;
}

.breadcrumbs a:nth-child(1):after,
.breadcrumbs span:nth-child(1):after {
    display: none;
}

.breadcrumbs a:hover {
    color: #00289B;
}

.box-test-image {
    color: #0064FF;
    position: relative;
    padding: 20px;
    max-width: 350px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

@media (min-width: 768px) {
    .box-test-image {
        padding: 40px;
    }
}

.box-test-image:before {
    display: block;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    height: 75%;
}

.box-test-image .category-name {
    position: relative;
    margin-bottom: 15px;
    font: 500 1.25rem/1.4em 'Rubik', sans-serif;
}

@media (min-width: 576px) {
    .box-test-image .category-name {
        font: 500 1.55rem/1.2em 'Rubik', sans-serif;
    }
}

.box-test-image .test-name {
    font: 500 2.44rem/1.1em 'Rubik', sans-serif;
    position: relative;
    margin-bottom: 30px;
}

@media (min-width: 576px) {
    .box-test-image .test-name {
        font: 500 3.05rem/1.1em 'Rubik', sans-serif;
    }
}

.box-test-image .image {
    position: relative;
    margin-top: 100px;
}

.teste-mate .box-test-image {
    color: #fff;
}

.teste-mate .box-test-image:before {
    background-color: #00BE3C;
}

.box-detalii-abonament {
    background-color: #fff;
    padding: 15px;
    margin-top: 20px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

@media (min-width: 576px) {
    .box-detalii-abonament {
        padding: 30px 40px;
        margin-top: 0;
    }
}

.box-detalii-abonament .cost {
    margin-bottom: 10px;
}

.box-detalii-abonament .cost .val {
    font-size: 38px;
    font-weight: 400;
    padding-right: 15px;
}

@media (min-width: 1200px) {
    .box-detalii-abonament .cost .val {
        font-size: 54px;
    }
}

.white-row {
    background-color: #fff;
    padding: 20px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

@media (min-width: 576px) {
    .white-row {
        padding: 30px;
    }
}

@media (min-width: 992px) {
    .text-2-col {
        column-count: 2;
        column-gap: 40px;
    }
    .text-2-col h1,
    .text-2-col h2,
    .text-2-col h3,
    .text-2-col h4,
    .text-2-col h5 {
        column-span: all;
    }
}

@media (min-width: 992px) {
    .form-abonamente {
        font-size: 0.75rem;
    }
    .form-abonamente .spacer {
        height: 158px;
    }
}

@media (min-width: 1505px) {
    .form-abonamente .spacer {
        height: 173px;
    }
}

.form-abonamente .pac-start .inner {
    background-color: #FF9600;
    color: #fff;
}

.form-abonamente .pac-start .cell {
    border-color: #fff;
}

.form-abonamente .pac-start:hover .inner {
    background-color: #cd7400;
}

@media (max-width: 991px) {
    .form-abonamente .pac-start.slick-active .inner {
        background-color: #FF9600;
        color: #fff;
    }
    .form-abonamente .pac-start.slick-active .cell {
        border-color: #fff;
    }
    .form-abonamente .pac-start.slick-active .rounded-button {
        visibility: visible;
    }
    .form-abonamente .pac-start.slick-active:hover .inner {
        background-color: #cd7400;
    }
}

.form-abonamente .pac-plus .inner {
    background-color: #FF3282;
    color: #fff;
}

.form-abonamente .pac-plus .cell {
    border-color: #fff;
}

.form-abonamente .pac-plus:hover .inner {
    background-color: #cd2e68;
}

@media (max-width: 991px) {
    .form-abonamente .pac-plus.slick-active .inner {
        background-color: #FF3282;
        color: #fff;
    }
    .form-abonamente .pac-plus.slick-active .cell {
        border-color: #fff;
    }
    .form-abonamente .pac-plus.slick-active .rounded-button {
        visibility: visible;
    }
    .form-abonamente .pac-plus.slick-active:hover .inner {
        background-color: #cd2e68;
    }
}

.form-abonamente .pac-unlimited .inner {
    background-color: #00BE3C;
    color: #fff;
}

.form-abonamente .pac-unlimited .cell {
    border-color: #fff;
}

.form-abonamente .pac-unlimited:hover .inner {
    background-color: #008c2e;
}

@media (max-width: 991px) {
    .form-abonamente .pac-unlimited.slick-active .inner {
        background-color: #00BE3C;
        color: #fff;
    }
    .form-abonamente .pac-unlimited.slick-active .cell {
        border-color: #fff;
    }
    .form-abonamente .pac-unlimited.slick-active .rounded-button {
        visibility: visible;
    }
    .form-abonamente .pac-unlimited.slick-active:hover .inner {
        background-color: #008c2e;
    }
}

.form-abonamente .cell {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 8em;
    border-bottom: 1px solid #00289B;
}

.form-abonamente .cell:last-child {
    border-bottom: none;
}

@media (min-width: 400px) {
    .form-abonamente .cell {
        height: 7.3em;
    }
}

@media (min-width: 768px) {
    .form-abonamente .cell {
        height: 7.3em;
    }
}

@media (min-width: 992px) {
    .form-abonamente .cell {
        height: 6.3em;
    }
}

.form-abonamente .cell .lab-info {
    font: 400 1.25rem/1.4em 'Rubik', sans-serif;
}

.form-abonamente .cell .lab-info .info-icon {
    background-color: #00289B;
    color: #fff;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 1.1em;
    height: 1.1em;
    font: 400 0.83rem/1.35em 'Rubik', sans-serif;
    line-height: 1.1em;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    margin-left: 10px;
    margin-top: -3px;
}

.form-abonamente .abonament-entry {
    position: relative;
    text-align: center;
}

.form-abonamente .abonament-entry:hover .rounded-button {
    visibility: visible;
}

@media (max-width: 991px) {
    .form-abonamente .abonament-entry {
        opacity: 0.6;
    }
    .form-abonamente .abonament-entry.slick-active {
        opacity: 1;
    }
}

@media (min-width: 992px) {
    .form-abonamente .abonament-entry.active {
        opacity: 1;
    }
}

.form-abonamente .abonament-entry .head {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    padding-bottom: 30px;
    height: 97px;
}

.form-abonamente .abonament-entry .head .pachet {
    font: 400 1.55rem/1.2em 'Rubik', sans-serif;
}

.form-abonamente .abonament-entry .head .name {
    display: block;
    font: 400 3.05rem/1.1em 'Rubik', sans-serif;
    font-size: 2.2rem;
}

@media (min-width: 1505px) {
    .form-abonamente .abonament-entry .head .name {
        font: 400 3.05rem/1.1em 'Rubik', sans-serif;
    }
}

.form-abonamente .abonament-entry .head small {
    line-height: 100%;
}

@media (min-width: 1505px) {
    .form-abonamente .abonament-entry .head {
        height: 113px;
    }
}

.form-abonamente .abonament-entry .lab {
    color: #fff;
    position: relative;
    margin: 0 auto 15px;
    font: 400 0.83rem/1.35em 'Rubik', sans-serif;
}

@media (min-width: 992px) {
    .form-abonamente .abonament-entry .lab {
        display: none;
    }
}

.form-abonamente .abonament-entry .lab .info-icon {
    background-color: #fff;
    color: #00289B;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 1.2em;
    height: 1.2em;
    font: 400 0.83rem/1.35em 'Rubik', sans-serif;
    line-height: 1.2em;
    display: inline-block;
    text-align: center;
    margin-left: 5px;
    top: 0;
    position: relative;
    margin-top: -3px;
}

.form-abonamente .abonament-entry .inner {
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    overflow: hidden;
    color: #fff;
    padding: 60px 15px 15px;
}

@media (min-width: 1200px) {
    .form-abonamente .abonament-entry .inner {
        padding: 60px 20px 15px;
    }
}

.form-abonamente .abonament-entry .inner .full-link {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

.form-abonamente .abonament-entry .abonamnet-radio {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    z-index: 1;
}

@media (max-width: 991px) {
    .form-abonamente .abonament-entry .abonamnet-radio {
        display: none !important;
    }
}

.form-abonamente .abonament-entry .abonamnet-radio input {
    opacity: 0;
    position: absolute;
}

.form-abonamente .abonament-entry .rounded-button {
    width: 100%;
}

@media (max-width: 768px) {
    .form-abonamente .abonament-entry .rounded-button {
        font: 400 1rem/1.5em 'Rubik', sans-serif;
    }
}

.form-abonamente .abonament-entry .option {
    font: 400 1.25rem/1.4em 'Rubik', sans-serif;
}

.form-abonamente .abonament-entry .option sup {
    top: -20px !important;
    margin-left: 20px;
}

.form-abonamente .abonament-entry .option i {
    font-size: 40px;
}

.form-abonamente .abonament-entry .option i:before {
    width: 20px;
}

.form-abonamente .abonament-entry .pret {
    font: 400 1.55rem/1.2em 'Rubik', sans-serif;
    font-weight: 500;
}

.form-abonamente .abonament-entry .pret .info-icon {
    background-color: #fff;
    color: #00289B;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 1.2em;
    height: 1.2em;
    font: 400 0.83rem/1.35em 'Rubik', sans-serif;
    line-height: 1.2em;
    display: inline-block;
    text-align: center;
    margin-left: 5px;
    top: 0;
    position: relative;
    vertical-align: middle;
    margin-top: -3px;
}

@media (min-width: 992px) {
    .form-abonamente .abonament-entry .pret .info-icon {
        display: none;
    }
}

@media (max-width: 991px) {
    .form-abonamente .abonamente-carousel .slick-list {
        overflow: visible !important;
    }
}

@media (max-width: 590px) {
    .form-abonamente .abonamente-carousel .slick-list {
        padding: 0 40px 0 0;
    }
}

@media (max-width: 400px) {
    .form-abonamente .abonamente-carousel .slick-list {
        padding: 0 20px 0 0;
    }
}

.form-abonamente .pret-lab {
    font: 400 1.55rem/1.2em 'Rubik', sans-serif;
    font-weight: 500;
}

.tooltip .arrow:before {
    border-right-color: #00289B !important;
}

.tooltip-inner {
    background: #00289B;
    font: 400 0.83rem/1.35em 'Rubik', sans-serif;
    text-align: left;
    padding: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

@media (min-width: 992px) {
    .tooltip-inner {
        padding: 20px;
    }
}

.box-incearca-abonament {
    background-color: #00BE3C;
    padding: 30px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    color: #fff;
    text-align: center;
}

@media (min-width: 992px) {
    .box-incearca-abonament {
        padding: 60px;
        text-align: left;
    }
}

@media (max-width: 991px) {
    .box-incearca-abonament .rounded-button {
        margin: 0 auto;
    }
}

.box-incearca-abonament .title {
    margin-bottom: 30px;
    font: 400 1.55rem/1.2em 'Rubik', sans-serif;
}

@media (min-width: 992px) {
    .box-incearca-abonament .title {
        font: 400 3.05rem/1.1em 'Rubik', sans-serif;
        letter-spacing: -0.02em;
        margin-bottom: 60px;
        max-width: 500px;
    }
}

.box-incearca-abonament img {
    width: 400px;
}

.box-incearca-abonament.orange {
    background-color: #FF9600;
}

.box-incearca-abonament.green {
    background-color: #00BE3C;
}

.box-incearca-abonament.pink {
    background-color: #EE86CB;
}

.box-incearca-abonament.blue {
    background-color: #88B2F3;
}

.hdashline {
    height: 1px;
    background: url("../images/dash-line.png") left center repeat-x;
}

.blue-line {
    height: 1px;
    border-bottom: 1px solid #00289B;
}

.rounded-tabs .credite {
    margin-left: auto;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    padding: 0 20px;
    white-space: nowrap;
}

@media (min-width: 1200px) {
    .rounded-tabs .credite {
        height: 50px;
        line-height: 50px;
    }
}

.rounded-tabs .credite span {
    font-size: 24px;
}

.box-user {
    border: 1px solid #00289B;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 15px 20px;
    text-align: right;
}

@media (min-width: 576px) {
    .box-user {
        padding: 30px 40px;
    }
}

.box-user .links {
    text-align: right;
}

.box-user .links a {
    display: block;
    color: #00289B;
    margin-bottom: 10px;
}

.box-user .links a:hover {
    color: #0064FF;
}

.box-user strong {
    font-weight: 500;
}

.box-user .abonament-name {
    font-size: 28px;
    margin-bottom: 20px;
    line-height: 100%;
}

@media (min-width: 576px) {
    .box-user .abonament-name {
        font-size: 34px;
    }
}

@media (max-width: 450px) {
    .box-user .stats {
        line-height: 100%;
        font-size: 16px;
    }
    .box-user .stats .col-4,
    .box-user .stats .col-8 {
        max-width: 100% !important;
        -webkit-flex: 100% !important;
        -ms-flex: 100% !important;
        flex: 100% !important;
        width: 100%;
    }
}

.rounded-img-wrapper {
    background-color: #fff;
    padding: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

@media (min-width: 768px) {
    .rounded-img-wrapper {
        padding: 20px;
    }
}

.suporter-entry {
    background-color: #fff;
    padding: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    text-align: center;
    font: 400 1rem/1.5em 'Rubik', sans-serif;
}

@media (min-width: 768px) {
    .suporter-entry {
        padding: 20px;
    }
}

.suporter-entry img {
    margin: 0;
}

.contact-address {
    background-color: #fff;
    padding: 0 0 15px;
    -webkit-border-radius: 15px 0 0 15px;
    -khtml-border-radius: 15px 0 0 15px;
    -moz-border-radius: 15px 0 0 15px;
    border-radius: 15px 0 0 15px;
}

@media (min-width: 500px) {
    .contact-address {
        width: 90%;
        position: absolute;
        bottom: 20px;
        right: -15px;
        padding: 20px;
    }
}

.contact-address .title {
    font: 400 1.55rem/1.2em 'Rubik', sans-serif;
    margin-bottom: 15px;
}

.contact-address .address {
    font: 400 0.83rem/1.35em 'Rubik', sans-serif;
}

.expert-entry {
    display: table;
    margin-left: auto;
    margin-right: auto;
}

.expert-entry .image {
    display: block;
    margin-bottom: 30px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    overflow: hidden;
}

.expert-entry .name {
    margin-bottom: 15px;
    color: #8C32FA;
    font: 400 1.55rem/1.2em 'Rubik', sans-serif;
    display: block;
}

.expert-entry .position {
    color: #00289B;
    font: 400 1rem/1.5em 'Rubik', sans-serif;
}

@media (min-width: 768px) {
    .modal-experti .modal-dialog {
        max-width: 1000px !important;
    }
}

.modal-experti .modal-dialog .modal-content {
    background-color: #F0E1FF;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    position: relative;
    padding: 40px 15px;
    font-size: 14px;
}

@media (min-width: 768px) {
    .modal-experti .modal-dialog .modal-content {
        padding: 60px;
        font-size: 18px;
    }
}

.modal-experti .modal-dialog .modal-content .modal-close {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 20px;
    color: #00289B;
    cursor: pointer;
}

@media (min-width: 768px) {
    .modal-experti .modal-dialog .modal-content .modal-close {
        top: 20px;
        right: 25px;
    }
}

.modal-experti .modal-dialog .modal-content .image {
    margin-bottom: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    overflow: hidden;
}

.modal-experti .modal-dialog .modal-content .name {
    margin-bottom: 15px;
    color: #8C32FA;
    font-size: 2.44rem;
    line-height: 1.1em;
}

@media (min-width: 992px) {
    .modal-experti .modal-dialog .modal-content .name {
        font: 400 3.05rem/1.1em 'Rubik', sans-serif;
    }
}

.modal-experti .modal-dialog .modal-content .position {
    color: #8C32FA;
    margin-bottom: 30px;
}

.blog-entry {
    display: block;
    margin-bottom: 60px;
    color: #F05A00;
}

.blog-entry .image {
    width: 100%;
    margin-bottom: 30px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    overflow: hidden;
    background-size: cover !important;
    background-position: center center;
    height: 150px;
    display: block;
}

@media (min-width: 576px) {
    .blog-entry .image {
        height: 210px;
    }
}

@media (min-width: 992px) {
    .blog-entry .image {
        height: 290px;
    }
}

@media (min-width: 1200px) {
    .blog-entry .image {
        height: 350px;
    }
}

@media (min-width: 1505px) {
    .blog-entry .image {
        height: 420px;
    }
}

.blog-entry .name {
    margin-bottom: 30px;
    color: #F05A00;
    font: 400 1.25rem/1.4em 'Rubik', sans-serif;
}

@media (min-width: 992px) {
    .blog-entry .name {
        font: 400 1.55rem/1.2em 'Rubik', sans-serif;
    }
}

.blog-entry .date {
    color: #00289B;
    margin-bottom: 15px;
    font-size: 400 0.66666667rem 'Rubik', sans-serif;
}

@media (max-width: 768px) {
    .fig-how {
        width: 350px;
    }
}

.box-with-number {
    text-align: center;
    margin-bottom: 60px;
}

.box-with-number .inner-col {
    max-width: 250px;
    margin: 0 auto;
}

.box-with-number .number {
    background-color: #FFC6D9;
    color: #FF3282;
    width: 1.667em;
    height: 1.667em;
    line-height: 1.667em;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    font-size: 5.5em;
    margin: 0 auto 30px;
}

@media (min-width: 992px) {
    .box-with-number .number {
        font-size: 7.5em;
    }
}

.box-with-number .desc {
    text-align: center;
}

@media (min-width: 768px) {
    .box-with-number .desc {
        font: 400 1.25rem/1.4em 'Rubik', sans-serif;
    }
}

.small-info {
    font: 400 0.83rem/1.35em 'Rubik', sans-serif;
}

.small-info a {
    color: inherit;
}

.table-despre-teste .head {
    font: 400 1.55rem/1.2em 'Rubik', sans-serif;
    font-weight: 500;
    padding: 0 15px 0;
}

@media (min-width: 768px) {
    .table-despre-teste .head {
        padding: 0 30px 15px;
    }
}

.table-despre-teste .white-row {
    padding: 15px;
    font: 400 1rem/1.5em 'Rubik', sans-serif;
    margin-bottom: 15px;
}

@media (min-width: 768px) {
    .table-despre-teste .white-row {
        padding: 30px;
        font: 400 1.25rem/1.4em 'Rubik', sans-serif;
    }
}

@media (max-width: 991px) {
    .table-despre-teste .white-row .name {
        margin-bottom: 15px;
        font: 400 1.25rem/1.4em 'Rubik', sans-serif;
    }
}

.table-despre-teste .white-row .lab {
    font: 400 1rem/1.5em 'Rubik', sans-serif;
    font-weight: 500;
}

@media (min-width: 992px) {
    .table-despre-teste .white-row .lab {
        display: none;
    }
}

@media (max-width: 991px) {
    .table-despre-teste .white-row .col-info {
        margin-bottom: 10px;
    }
}

.accordion-avantaje .bt-toggle {
    display: block;
    font: 400 1.25rem/1.4em 'Rubik', sans-serif;
    padding: 15px 50px 15px 15px;
    cursor: pointer;
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    max-width: 100%;
    width: 100%;
    background-color: #00289B;
    color: #fff;
    position: relative;
    z-index: 1;
    text-decoration: none !important;
}

.accordion-avantaje .bt-toggle:after {
    display: block;
    content: '-';
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    font-size: 30px;
    margin-top: -1px;
}

.accordion-avantaje .bt-toggle.collapsed:after {
    content: '+';
}

@media (min-width: 768px) {
    .accordion-avantaje .bt-toggle {
        font: 400 1.55rem/1.2em 'Rubik', sans-serif;
        padding: 15px 100px 15px 30px;
    }
}

.accordion-avantaje .grup {
    padding-bottom: 10px;
}

.accordion-avantaje .avantaj-content {
    background-color: #fff;
    position: relative;
    top: -30px;
    -webkit-border-radius: 0 0 30px 30px;
    -khtml-border-radius: 0 0 30px 30px;
    -moz-border-radius: 0 0 30px 30px;
    border-radius: 0 0 30px 30px;
}

.accordion-avantaje .avantaj-content .inner {
    padding: 60px 15px 30px;
    font: 400 1rem/1.5em 'Rubik', sans-serif;
}

@media (min-width: 768px) {
    .accordion-avantaje .avantaj-content .inner {
        font: 400 1.25rem/1.4em 'Rubik', sans-serif;
        padding: 80px 30px 60px;
    }
}

.section-pink .accordion-avantaje .bt-toggle {
    background-color: #FF3282;
}

.section-pink .accordion-avantaje .bt-toggle:hover {
    background-color: #cd2e68;
}

.section-mov .accordion-avantaje .bt-toggle {
    background-color: #8C32FA;
}

.section-mov .accordion-avantaje .bt-toggle:hover {
    background-color: #6431c8;
}

.section-orange .accordion-avantaje .bt-toggle {
    background-color: #F05A00;
}

.section-orange .accordion-avantaje .bt-toggle:hover {
    background-color: #d84d00;
}

.section-yellow .accordion-avantaje .bt-toggle {
    background-color: #FF9600;
}

.section-yellow .accordion-avantaje .bt-toggle:hover {
    background-color: #cd7400;
}

.section-green .accordion-avantaje .bt-toggle {
    background-color: #00BE3C;
}

.section-green .accordion-avantaje .bt-toggle:hover {
    background-color: #008c2e;
}

.modal-image .bt-close {
    position: absolute;
    right: 20px;
    top: 20px;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
}

.modal-image .modal-dialog {
    max-width: 800px;
    margin-top: 60px;
}

.modal-image .modal-dialog .modal-content {
    background-color: #ffffff;
    padding: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

@media (min-width: 768px) {
    .modal-image .modal-dialog .modal-content {
        padding: 20px;
    }
}

.modal-image .modal-dialog .modal-content img {
    width: 100%;
    height: auto;
}

.box-with-fig {
    text-align: center;
    margin-bottom: 60px;
}

.box-with-fig .inner-col {
    max-width: 250px;
    margin: 0 auto;
}

.box-with-fig .fig {
    margin-bottom: 30px;
}

.box-with-fig .title {
    font: 500 1.25rem/1.4em 'Rubik', sans-serif;
    margin-bottom: 30px;
}

.box-with-fig .desc {
    text-align: center;
}

@media (min-width: 768px) {
    .box-with-fig .desc {
        font: 400 1.25rem/1.4em 'Rubik', sans-serif;
    }
}

article img {
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    margin-bottom: 30px;
}

article h4 {
    margin-bottom: 15px;
}

article mark {
    background-color: unset;
    color: inherit;
    font-weight: 500;
}

#section-teste-scolare.teste-mate .inner-section {
    background-color: #D2F0DC;
}

#section-teste-scolare.teste-mate .section-title {
    color: #00BE3C;
}

#section-teste-scolare.teste-romana .inner-section {
    background-color: #FFE6DC;
}

#section-teste-scolare.teste-romana .section-title {
    color: #F05A00;
}

#section-teste-scolare.teste-istorie .inner-section {
    background-color: #E9E9FD;
}

#section-teste-scolare.teste-istorie .section-title {
    color: #453C9E;
}

#section-teste-scolare.teste-freestyle .inner-section {
    background-color: #FFE1EB;
}

#section-teste-scolare.teste-freestyle .section-title {
    color: #FF3282;
}

.cont-header {
    margin-bottom: 30px;
}

@media (min-width: 1200px) {
    .cont-header {
        margin-bottom: 60px;
    }
}

.cont-header .inner {
    display: inline-block;
    position: relative;
    width: auto;
}

.cont-header .abonament {
    color: #fff;
    font-size: 12px;
    line-height: 13px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 6px 10px;
    display: inline-block;
    margin-bottom: 15px;
}

.cont-header .abonament.pac-start {
    background-color: #FF9600;
}

.cont-header .abonament.pac-plus {
    background-color: #FF3282;
}

.cont-header .abonament.pac-unlimited {
    background-color: #00BE3C;
}

.cont-header .abonament.pac-test {
    background-color: #0064FF;
}

.cont-header .abonament.pac-inactiv {
    background-color: #c80000;
}

.cont-header .name {
    font: 400 1.55rem/1.2em 'Rubik', sans-serif;
    color: #0064FF;
    margin-bottom: 10px;
}

@media (min-width: 768px) {
    .cont-header .name {
        font: 400 2.44rem/1.3em 'Rubik', sans-serif;
    }
}

.cont-header .email {
    font: 400 1.25rem/1.4em 'Rubik', sans-serif;
    color: #00289B;
    margin-bottom: 15px;
    word-break: break-word;
}

@media (min-width: 768px) {
    .cont-header .email {
        font: 400 1.55rem/1.2em 'Rubik', sans-serif;
    }
}

@media (max-width: 991px) {
    .wrapper-dashboard {
        max-width: 400px;
        margin-left: auto;
        margin-right: auto;
    }
}

.dashboard-entry {
    color: #fff;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
}

.dashboard-entry .inner {
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 30px 15px;
    height: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
}

@media (min-width: 768px) {
    .dashboard-entry .inner {
        padding: 50px 20px;
    }
}

@media (min-width: 1200px) {
    .dashboard-entry .inner {
        padding: 60px 30px;
    }
}

.credit-number-big {
    font-size: 2.25rem;
    font-weight: 300;
    line-height: 1;
}

.dashboard-entry .credite-teste {
    margin-bottom: 30px;
}

.dashboard-entry .credite-teste .name {
    font: 400 1.55rem/1.2em 'Rubik', sans-serif;
}

.dashboard-entry .credite-teste .value {
    font: 400 3.05rem/1.1em 'Rubik', sans-serif;
}

@media (min-width: 768px) {
    .dashboard-entry .credite-teste {
        margin-bottom: 60px;
    }
}

.dashboard-entry .disp {
    margin-bottom: 30px;
}

@media (min-width: 768px) {
    .dashboard-entry .disp {
        margin-bottom: 60px;
    }
}

.dashboard-entry .test-name {
    font: 400 1.55rem/1.2em 'Rubik', sans-serif;
    margin-bottom: 15px;
}

@media (min-width: 500px) {
    .dashboard-entry .test-name {
        font-size: 2.44rem;
        line-height: 1.1em;
        margin-bottom: 15px;
    }
}

@media (min-width: 1505px) {
    .dashboard-entry .test-name {
        font: 400 3.05rem/1.1em 'Rubik', sans-serif;
        letter-spacing: -0.02em;
        margin-bottom: 30px;
    }
}

.dashboard-entry .teste-parcurse {
    font: 400 3.05rem/1.1em 'Rubik', sans-serif;
    margin-bottom: 15px;
    text-align: center;
}

@media (min-width: 500px) {
    .dashboard-entry .teste-parcurse {
        font-size: 3.8rem;
        line-height: 1.1em;
    }
}

@media (min-width: 1505px) {
    .dashboard-entry .teste-parcurse {
        font-size: 4.7rem;
        line-height: 1.1em;
        letter-spacing: -0.02em;
        margin-bottom: 30px;
    }
}

.dashboard-entry .rounded-button {
    margin-bottom: 15px;
    width: 100%;
    color: #fff;
    padding: 15px 30px;
    max-width: 85%;
    margin-left: auto;
    margin-right: auto;
}

.dashboard-entry .hline {
    border-bottom: 1px solid #fff;
    margin-bottom: 30px;
    margin-top: 30px;
}

.dashboard-entry .buttons-grp {
    margin: auto 0;
}

.dashboard-entry.teste-scolare .inner {
    background-color: #00BE3C;
}

.dashboard-entry.teste-bac .inner {
    background-color: #F05A00;
}

.dashboard-entry.teste-freestyle .inner {
    background-color: #FF3282;
}

.table-istoric {
    width: 100%;
    border-collapse: collapse;
    table-layout: auto;
    color: #00289B;
}

@media (max-width: 1199px) {
    .table-istoric {
        display: block;
    }
}

@media (max-width: 1199px) {
    .table-istoric tbody {
        display: block;
    }
}

.table-istoric tr {
    position: relative;
}

@media (max-width: 1199px) {
    .table-istoric tr {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        background-color: #fff;
        -webkit-border-radius: 15px;
        -khtml-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
        overflow: hidden;
        padding: 10px;
        width: 100%;
    }
}

.table-istoric tr td {
    padding: 10px 15px;
    margin: 0 !important;
    font-size: 0;
    background-color: #fff;
}

@media (min-width: 992px) {
    .table-istoric tr td {
        padding: 10px 30px;
    }
}

@media (max-width: 1199px) {
    .table-istoric tr td {
        width: 100%;
        max-width: 50%;
        display: block;
        text-align: left;
        padding: 5px 5px;
    }
}

.table-istoric tr td:first-child {
    -webkit-border-radius: 15px 0 0 15px;
    -khtml-border-radius: 15px 0 0 15px;
    -moz-border-radius: 15px 0 0 15px;
    border-radius: 15px 0 0 15px;
}

.table-istoric tr td:last-child {
    -webkit-border-radius: 0 15px 15px 0;
    -khtml-border-radius: 0 15px 15px 0;
    -moz-border-radius: 0 15px 15px 0;
    border-radius: 0 15px 15px 0;
}

.table-istoric tr td .lab {
    font: 400 0.83rem/1.35em 'Rubik', sans-serif;
    margin-bottom: 5px;
}

.table-istoric tr td .text {
    font: 400 1rem/1.5em 'Rubik', sans-serif;
    font-weight: 500;
}

.table-istoric tr td img {
    display: inline-block;
    vertical-align: middle;
}

.table-istoric tr.spacer {
    background: none;
    padding: 0 !important;
}

.table-istoric tr.spacer td {
    background: none;
    border: none;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    height: 15px;
}

.table-istoric .bt-table {
    display: inline-block;
    padding: 5px 20px;
    text-align: center;
    cursor: pointer;
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    border: none;
    -webkit-transition: 0.1s;
    -moz-transition: 0.1s;
    -ms-transition: 0.1s;
    -o-transition: 0.1s;
    transition: 0.1s;
    font: 400 1rem/1.5em 'Rubik', sans-serif;
    white-space: nowrap;
}

.table-istoric .bt-table:hover {
    text-decoration: none;
}

.table-istoric .bt-table.stroke-blue {
    border: 1px solid #00289B;
    color: #00289B;
}

.table-istoric .bt-table.stroke-blue:hover {
    background-color: #00289B;
    color: #fff;
    border: 1px solid #00289B;
}

.table-adviser {
    width: 100%;
    border-collapse: collapse;
    table-layout: auto;
}

@media (max-width: 1199px) {
    .table-adviser {
        display: block;
    }
}

.table-adviser tr {
    position: relative;
}

@media (max-width: 1199px) {
    .table-adviser tr {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        background-color: #fff;
        -webkit-border-radius: 15px;
        -khtml-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
        overflow: hidden;
        padding: 10px;
    }
}

.table-adviser tr td {
    padding: 10px 15px;
    margin: 0 !important;
    font-size: 0;
    background-color: #fff;
    vertical-align: top;
}

@media (min-width: 992px) {
    .table-adviser tr td {
        padding: 10px 30px;
    }
}

@media (max-width: 1199px) {
    .table-adviser tr td {
        display: inline-block;
        max-width: 100%;
        text-align: left;
        padding: 5px 5px;
    }
}

.table-adviser tr td:first-child {
    -webkit-border-radius: 15px 0 0 15px;
    -khtml-border-radius: 15px 0 0 15px;
    -moz-border-radius: 15px 0 0 15px;
    border-radius: 15px 0 0 15px;
    text-align: left;
}

@media (max-width: 1199px) {
    .table-adviser tr td:first-child {
        max-width: 100%;
        width: 100%;
        -webkit-border-radius: 15px 15px 0 0;
        -khtml-border-radius: 15px 15px 0 0;
        -moz-border-radius: 15px 15px 0 0;
        border-radius: 15px 15px 0 0;
    }
}

.table-adviser tr td:last-child {
    -webkit-border-radius: 0 15px 15px 0;
    -khtml-border-radius: 0 15px 15px 0;
    -moz-border-radius: 0 15px 15px 0;
    border-radius: 0 15px 15px 0;
}

@media (max-width: 1199px) {
    .table-adviser tr td:last-child {
        -webkit-border-radius: 0 0 15px 15px;
        -khtml-border-radius: 0 0 15px 15px;
        -moz-border-radius: 0 0 15px 15px;
        border-radius: 0 0 15px 15px;
    }
}

.table-adviser tr td .lab {
    font: 400 0.83rem/1.35em 'Rubik', sans-serif;
    margin-bottom: 5px;
    height: 40px;
    max-width: 100px;
}

.table-adviser tr td .text {
    font: 400 1rem/1.5em 'Rubik', sans-serif;
    color: #00289B;
    max-width: 500px;
}

.table-adviser tr td .img {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    font: 400 1rem/1.5em 'Rubik', sans-serif;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
}

.table-adviser tr td img {
    display: inline-block;
    vertical-align: middle;
    width: 75px !important;
    margin-right: 10px;
}

.table-adviser tr td a {
    color: #00289B;
}

.table-adviser tr.spacer {
    background: none;
    padding: 0 !important;
}

.table-adviser tr.spacer td {
    background: none;
    border: none;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    height: 15px;
}

.table-adviser tr.details-row .details {
    border-top: 1px solid #00289B;
    padding-top: 20px;
}

.table-adviser tr.details-row td {
    font: 400 1rem/1.5em 'Rubik', sans-serif;
    -webkit-border-radius: 0 0 15px 15px;
    -khtml-border-radius: 0 0 15px 15px;
    -moz-border-radius: 0 0 15px 15px;
    border-radius: 0 0 15px 15px;
}

.table-adviser tr.details-row td h1 {
    font: 400 1rem/1.5em 'Rubik', sans-serif;
}

.table-adviser tr.details-row td h2 {
    font: 400 1rem/1.5em 'Rubik', sans-serif;
    font-weight: 500;
}

.title-with-dropdown .name {
    padding-right: 50px;
    position: relative;
    display: inline-block;
}

.title-with-dropdown .name:after {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    content: '+';
    cursor: pointer;
}

.title-with-dropdown .dropdown {
    font: 400 1rem/1.5em 'Rubik', sans-serif;
    padding-top: 15px;
    display: none;
    border-bottom: 1px solid #00289B;
    padding-bottom: 15px;
}

.title-with-dropdown .dropdown a {
    display: table;
    color: #FF3282;
    margin-bottom: 5px;
    font-weight: 500;
}

.title-with-dropdown.open .name:after {
    content: '-';
}

.title-with-dropdown.open .dropdown {
    display: block;
}

.cc-banner,
.cc-window {
    background-color: #00289B !important;
}

.cc-banner .cc-btn,
.cc-window .cc-btn {
    background-color: #0064FF !important;
    text-decoration: none !important;
}

.cc-banner .cc-btn:hover,
.cc-window .cc-btn:hover {
    background-color: #0055cd !important;
}

.table td {
    border-top: 1px solid #00289B;
}


/*test*/

.test-form h4 {
    color: #0064FF;
    margin-bottom: 15px;
}

.test-form .itmBorder {
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    overflow: hidden;
    background-color: #fff;
}

.test-form .itmBorder .card-body {
    padding: 15px;
    border: none !important;
}

.test-form .itmBorder .card-body.border-right {
    border-right: 1px solid #D7E6FF !important;
}

.test-form .itmBorder.answered_item {
    border-color: #0064FF !important;
}

.test-form .itmBorder .answer-ltr {
    font: 400 1.25rem/1.4em 'Rubik', sans-serif;
    font-weight: 500;
}

.test-form .timp-ramas {
    color: #00289B;
}

.test-form .timp-ramas .round-button-test {
    color: #00289B !important;
    font: 400 1rem/1.5em 'Rubik', sans-serif;
}

.test-form .timp-ramas .round-button-test.curent-test {
    border: 1px solid #0064FF;
    color: #0064FF !important;
}

.test-form .timp-ramas .round-button-test.active-test {
    background-color: #0064FF;
    color: #fff !important;
}

.test-form .timp-ramas .round-button-test:hover {
    background-color: #0064FF;
    color: #fff !important;
}

.table-article .head {
    font: 400 1.25rem/1.4em 'Rubik', sans-serif;
    font-weight: 500;
    padding: 0 15px 0;
}

@media (min-width: 768px) {
    .table-article .head {
        padding: 0 20px 15px;
    }
}

.table-article .white-row {
    padding: 15px;
    font: 400 1rem/1.5em 'Rubik', sans-serif;
    margin-bottom: 15px;
}

@media (min-width: 768px) {
    .table-article .white-row {
        padding: 20px;
        font: 400 1.25rem/1.4em 'Rubik', sans-serif;
    }
}

@media (max-width: 991px) {
    .table-article .white-row .name {
        margin-bottom: 15px;
        font: 400 1.25rem/1.4em 'Rubik', sans-serif;
    }
}

.table-article .white-row .lab {
    font: 400 1rem/1.5em 'Rubik', sans-serif;
    font-weight: 500;
}

@media (min-width: 992px) {
    .table-article .white-row .lab {
        display: none;
    }
}

@media (max-width: 991px) {
    .table-article .white-row .col-info {
        margin-bottom: 10px;
    }
}

.modal-footer .rounded-button {
    padding: 15px 20px;
}

.btn-icon {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    margin: 0 8px 0 8px;
    color: #00289B;
    font-size: 20px;
    line-height: 20px;
}

.btn-icon.blue {
    color: #00289B;
}

.btn-icon.blue:hover {
    color: #001c69;
}

.btn-icon.blue-light {
    color: #0064FF;
}

.btn-icon.blue-light:hover {
    color: #0055cd;
}

.btn-icon.green {
    color: #00BE3C;
}

.btn-icon.green:hover {
    color: #008c2e;
}

.bt-toggle-value {
    display: block;
    text-align: center;
    cursor: pointer;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: 0.1s;
    -moz-transition: 0.1s;
    -ms-transition: 0.1s;
    -o-transition: 0.1s;
    transition: 0.1s;
    font: 400 2.44rem/1.3em 'Rubik', sans-serif;
    overflow: hidden;
    -moz-background-clip: padding;
    /* Firefox 3.6 */
    -webkit-background-clip: padding;
    /* Safari 4? Chrome 6? */
    background-clip: padding-box;
    -webkit-appearance: none !important;
    background: none;
    border: 2px solid #0064FF;
    font-size: 30px;
    font-weight: 400;
    width: 40px;
    height: 40px;
    line-height: 30px;
    color: #0064FF;
    margin: 0 5px;
}

.bt-toggle-value:hover {
    text-decoration: none;
    background: #0055cd;
    color: #fff;
}

.btn.test-btn {
    display: block;
    padding: 15px 20px;
    text-align: center;
    cursor: pointer;
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    max-width: 100%;
    width: 100%;
    border: none;
    -webkit-transition: 0.1s;
    -moz-transition: 0.1s;
    -ms-transition: 0.1s;
    -o-transition: 0.1s;
    transition: 0.1s;
    font: 400 1rem/1.5em 'Rubik', sans-serif;
    overflow: hidden;
    -moz-background-clip: padding;
    /* Firefox 3.6 */
    -webkit-background-clip: padding;
    /* Safari 4? Chrome 6? */
    background-clip: padding-box;
    -webkit-appearance: none !important;
    border: 1px solid #0064FF;
    color: #0064FF !important;
    background: transparent;
    margin: 0;
}

.btn.test-btn:hover {
    background-color: #0055cd;
    color: #fff !important;
    border: 1px solid #0055cd;
    text-decoration: none;
}

@media (min-width: 768px) {
    .btn.test-btn {
        font: 400 1.25rem/1.4em 'Rubik', sans-serif;
        display: inline-block;
        width: auto;
    }
}

@media (min-width: 500px) {
    .btn.test-btn {
        padding: 15px 50px;
    }
}

.btn.test-btn.btn-brio-red {
    background-color: #0055cd;
    color: #fff !important;
    border: 1px solid #0055cd;
}

.btn-small,
.btn.test-btn.btn-small {
    font-size: 18px;
    padding: 10px 30px;
}

.selClass.round-button {
    border: 1px solid #0064FF;
    color: #0064FF !important;
    -webkit-transition: 0.1s;
    -moz-transition: 0.1s;
    -ms-transition: 0.1s;
    -o-transition: 0.1s;
    transition: 0.1s;
    font: 400 1rem/1.5em 'Rubik', sans-serif;
    text-decoration: none !important;
    height: 40px;
    line-height: 40px !important;
    padding: 0;
    min-width: 50px;
    text-align: center;
    display: inline-block;
    margin: 3px;
}

.selClass.round-button.activeClassRoom {
    background-color: #0055cd;
    color: #fff !important;
    border: 1px solid #0055cd;
}

.related-article-preview.enunt h4 {
    color: #0064FF !important;
}

.btn-group-toggle .btn.btn-secondary {
    display: inline-block;
    padding: 15px 20px;
    text-align: center;
    cursor: pointer;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-transition: 0.1s;
    -moz-transition: 0.1s;
    -ms-transition: 0.1s;
    -o-transition: 0.1s;
    transition: 0.1s;
    font: 400 1rem/1.5em 'Rubik', sans-serif;
    overflow: hidden;
    -moz-background-clip: padding;
    /* Firefox 3.6 */
    -webkit-background-clip: padding;
    /* Safari 4? Chrome 6? */
    background-clip: padding-box;
    -webkit-appearance: none !important;
    border: none !important;
    color: #fff !important;
    background: #0064FF !important;
    margin: 0 1px 0 0 !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.btn-group-toggle .btn.btn-secondary:first-child {
    -webkit-border-radius: 30px 0 0 30px;
    -khtml-border-radius: 30px 0 0 30px;
    -moz-border-radius: 30px 0 0 30px;
    border-radius: 30px 0 0 30px;
}

.btn-group-toggle .btn.btn-secondary:last-child {
    -webkit-border-radius: 0 30px 30px 0;
    -khtml-border-radius: 0 30px 30px 0;
    -moz-border-radius: 0 30px 30px 0;
    border-radius: 0 30px 30px 0;
}

@media (min-width: 768px) {
    .btn-group-toggle .btn.btn-secondary {
        font: 400 1.25rem/1.4em 'Rubik', sans-serif;
    }
}

@media (min-width: 500px) {
    .btn-group-toggle .btn.btn-secondary {
        padding: 15px 40px;
    }
}

.btn-group-toggle .btn.btn-secondary:hover {
    background-color: #0055cd;
}

.btn-group-toggle .btn.btn-secondary.active {
    background-color: #00289B !important;
}

.tab-content.tab-content-custom {
    padding: 15px 0 0 0 !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
}

.table-teste-finalizate {
    width: 100%;
    table-layout: auto;
    color: #00289B;
    border-collapse: separate;
    border-spacing: 0 10px;
}

@media (max-width: 1199px) {
    .table-teste-finalizate {
        display: block;
    }
}

.table-teste-finalizate tr {
    position: relative;
}

@media (max-width: 1199px) {
    .table-teste-finalizate tr {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        background-color: #fff;
        -webkit-border-radius: 15px;
        -khtml-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
        overflow: hidden;
        padding: 10px;
        margin-bottom: 10px;
    }
}

.table-teste-finalizate tr td {
    padding: 10px 10px;
    margin: 0 !important;
    font-size: 0;
    background-color: #fff;
}

@media (min-width: 992px) {
    .table-teste-finalizate tr td {
        padding: 10px 5px;
    }
    .table-teste-finalizate tr td:first-child {
        padding-left: 15px;
    }
    .table-teste-finalizate tr td:last-child {
        padding-right: 15px;
    }
}

@media (max-width: 1199px) {
    .table-teste-finalizate tr td {
        width: 100%;
        max-width: 50%;
        display: block;
        text-align: left;
        padding: 5px 5px;
    }
}

.table-teste-finalizate tr td:first-child {
    -webkit-border-radius: 15px 0 0 15px;
    -khtml-border-radius: 15px 0 0 15px;
    -moz-border-radius: 15px 0 0 15px;
    border-radius: 15px 0 0 15px;
}

.table-teste-finalizate tr td:last-child {
    -webkit-border-radius: 0 15px 15px 0;
    -khtml-border-radius: 0 15px 15px 0;
    -moz-border-radius: 0 15px 15px 0;
    border-radius: 0 15px 15px 0;
}

.table-teste-finalizate tr td .lab {
    font: 400 0.83rem/1.35em 'Rubik', sans-serif;
    margin-bottom: 5px;
}

.table-teste-finalizate tr td .text {
    font: 400 1rem/1.5em 'Rubik', sans-serif;
    font-weight: 500;
    /*@media( min-width: @screen-lg){
                    text-overflow: ellipsis;
                    overflow: hidden;
                    white-space: nowrap;
                    background-color: #ccc;
                    max-width: 100%;
                }*/
    /*&:hover{
                    text-overflow: unset;
                    overflow:  visible;
                    position: relative;
                    z-index: 2;
                }*/
}

.table-teste-finalizate tr td img {
    display: inline-block;
    vertical-align: middle;
}

.table-teste-finalizate tr.spacer {
    background: none;
    padding: 0 !important;
}

.table-teste-finalizate tr.spacer td {
    background: none;
    border: none;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    height: 15px;
}

.table-teste-finalizate .bt-table {
    display: inline-block;
    padding: 5px 20px;
    text-align: center;
    cursor: pointer;
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    border: none;
    -webkit-transition: 0.1s;
    -moz-transition: 0.1s;
    -ms-transition: 0.1s;
    -o-transition: 0.1s;
    transition: 0.1s;
    font: 400 1rem/1.5em 'Rubik', sans-serif;
    white-space: nowrap;
}

.table-teste-finalizate .bt-table:hover {
    text-decoration: none;
}

.table-teste-finalizate .bt-table.stroke-blue {
    border: 1px solid #00289B;
    color: #00289B;
}

.table-teste-finalizate .bt-table.stroke-blue:hover {
    background-color: #00289B;
    color: #fff;
    border: 1px solid #00289B;
}

.table-teste-active {
    width: 100%;
    border-collapse: collapse;
    table-layout: auto;
    color: #00289B;
}

@media (max-width: 1199px) {
    .table-teste-active {
        display: block;
    }
}

.table-teste-active tr {
    position: relative;
}

@media (max-width: 1199px) {
    .table-teste-active tr {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        background-color: #fff;
        overflow: hidden;
        padding: 10px;
    }
}

.table-teste-active tr td {
    padding: 10px 10px;
    margin: 0 !important;
    font-size: 0;
    background-color: #fff;
}

@media (min-width: 992px) {
    .table-teste-active tr td {
        padding: 10px 5px;
    }
    .table-teste-active tr td:first-child {
        padding-left: 15px;
    }
    .table-teste-active tr td:last-child {
        padding-right: 15px;
    }
}

@media (max-width: 1199px) {
    .table-teste-active tr td {
        width: 100%;
        max-width: 50%;
        display: block;
        text-align: left;
        padding: 5px 5px;
    }
}

.table-teste-active tr td .lab {
    font: 400 0.83rem/1.35em 'Rubik', sans-serif;
    margin-bottom: 5px;
}

.table-teste-active tr td .text {
    font: 400 1rem/1.5em 'Rubik', sans-serif;
    font-weight: 500;
}

.table-teste-active tr td img {
    display: inline-block;
    vertical-align: middle;
}

.table-teste-active .bt-table {
    display: inline-block;
    padding: 5px 20px;
    text-align: center;
    cursor: pointer;
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    border: none;
    -webkit-transition: 0.1s;
    -moz-transition: 0.1s;
    -ms-transition: 0.1s;
    -o-transition: 0.1s;
    transition: 0.1s;
    font: 400 1rem/1.5em 'Rubik', sans-serif;
    white-space: nowrap;
}

.table-teste-active .bt-table:hover {
    text-decoration: none;
}

.table-teste-active .bt-table.stroke-blue {
    border: 1px solid #00289B;
    color: #00289B;
}

.table-teste-active .bt-table.stroke-blue:hover {
    background-color: #00289B;
    color: #fff;
    border: 1px solid #00289B;
}

.top-table-teste-active {
    background-color: #00289B;
    color: #fff;
    font: 400 0.83rem/1.35em 'Rubik', sans-serif;
    padding: 10px 15px;
    -webkit-border-radius: 15px 15px 0 0;
    -khtml-border-radius: 15px 15px 0 0;
    -moz-border-radius: 15px 15px 0 0;
    border-radius: 15px 15px 0 0;
}

.bottom-table-teste-active {
    background-color: #fff;
    color: #00289B;
    font: 400 1rem/1.5em 'Rubik', sans-serif;
    padding: 10px 15px;
    -webkit-border-radius: 0 0 15px 15px;
    -khtml-border-radius: 0 0 15px 15px;
    -moz-border-radius: 0 0 15px 15px;
    border-radius: 0 0 15px 15px;
    border-top: 1px solid #0064FF;
    word-break: break-all;
}

.bottom-table-teste-active a {
    color: #00289B !important;
}

.bottom-table-teste-active small {
    display: block;
    font: 400 0.83rem/1.35em 'Rubik', sans-serif;
}

.notitificare-top {
    position: relative;
}

@media (min-width: 1200px) {
    .notitificare-top {
        padding: 20px 20px 0;
    }
}

.notitificare-top .inner {
    background-color: #535353;
    color: #fff;
    padding: 15px 40px 15px 0;
}

.notitificare-top .inner a {
    color: #fff;
    text-decoration: underline;
}

@media (min-width: 1200px) {
    .notitificare-top .inner {
        -webkit-border-radius: 15px;
        -khtml-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
        padding: 15px 50px 15px 0;
    }
}

.notitificare-top.green .inner {
    background-color: #008c2e;
}

.notitificare-top.red .inner {
    background-color: #9d0000;
}

.notitificare-top .bt-close {
    position: absolute;
    right: 10px;
    top: 15px;
    font-size: 22px;
}

@media (min-width: 1200px) {
    .notitificare-top .bt-close {
        right: 30px;
        top: 35px;
        font-size: 24px;
    }
}


/*brio*/

.carousel-teste#teste-literatie .inner,
.carousel-teste#teste-literatie-digitala .inner,
.carousel-teste#teste-literatie-numerica .inner {
    background-color: #FF3282;
}


/* Medium Devices, Desktops */

@media only screen and (min-width: 992px) {
    .despre-literatie {
        height: 200px;
        display: block;
    }
}


/*end brio*/

.wrapper-tabs {
    text-align: center;
    margin-bottom: 30px;
    position: relative;
}

@media (min-width: 992px) {
    .wrapper-tabs {
        margin-bottom: 60px;
    }
}

@media (max-width: 991px) {
    .wrapper-tabs {
        height: 50px;
    }
    .wrapper-tabs.show a.tab-link {
        display: block;
    }
}

@media (min-width: 992px) {
    .wrapper-tabs .dropdown {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
    }
}

@media (max-width: 991px) {
    .wrapper-tabs .dropdown {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1;
        -webkit-border-radius: 8px;
        -khtml-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        overflow: hidden;
        padding-top: 50px;
    }
}

.wrapper-tabs a.tab-link {
    background-color: #fff;
    text-decoration: none;
    color: #00289B;
    line-height: 1.1;
    position: relative;
    display: block;
}

@media (max-width: 991px) {
    .wrapper-tabs a.tab-link {
        border-bottom: 1px solid #e7e7e7;
        display: none;
        height: 50px;
        line-height: 50px;
        padding: 0 5px;
    }
    .wrapper-tabs a.tab-link.active {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
    }
}

@media (min-width: 992px) {
    .wrapper-tabs a.tab-link {
        padding: 15px 15px;
        border-right: 1px solid #e7e7e7;
    }
    .wrapper-tabs a.tab-link:hover {
        background-color: #f3f3f3;
    }
    .wrapper-tabs a.tab-link:last-child {
        border: none;
        -webkit-border-radius: 0 8px 8px 0;
        -khtml-border-radius: 0 8px 8px 0;
        -moz-border-radius: 0 8px 8px 0;
        border-radius: 0 8px 8px 0;
    }
    .wrapper-tabs a.tab-link:first-child {
        -webkit-border-radius: 8px 0 0 8px;
        -khtml-border-radius: 8px 0 0 8px;
        -moz-border-radius: 8px 0 0 8px;
        border-radius: 8px 0 0 8px;
    }
    .wrapper-tabs a.tab-link.active {
        background-color: #00289B;
        color: #fff;
    }
    .wrapper-tabs a.tab-link.active:before {
        display: block;
        content: '';
        position: absolute;
        left: 50%;
        bottom: 0;
        -webkit-transform: translate(-50%, 100%);
        -moz-transform: translate(-50%, 100%);
        -ms-transform: translate(-50%, 100%);
        -o-transform: translate(-50%, 100%);
        transform: translate(-50%, 100%);
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 7px 7px 0 7px;
        border-color: #00289B transparent transparent transparent;
    }
}

.wrapper-tabs .bt-toggle-dropdown {
    position: absolute;
    height: 50px;
    z-index: 11;
    width: 100%;
    top: 0;
    left: 0;
}

@media (min-width: 992px) {
    .wrapper-tabs .bt-toggle-dropdown {
        display: none;
    }
}

.wrapper-tabs .bt-toggle-dropdown:before {
    display: block;
    content: '';
    position: absolute;
    right: 10px;
    top: 50%;
    z-index: 1;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 7px 0 7px;
    border-color: #0064FF transparent transparent transparent;
}

.abonament-box {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
}

.abonament-box .inner {
    overflow: hidden;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    background-color: #fff;
    color: #00289B;
    font: 400 1rem/1.5em 'Rubik', sans-serif;
}

.abonament-box .inner .top {
    padding: 20px;
}

@media (min-width: 1200px) {
    .abonament-box .inner .top {
        padding: 30px;
    }
}

.abonament-box .inner .bottom {
    border-top: 1px solid #CCD4EB;
    padding: 20px;
}

@media (min-width: 1200px) {
    .abonament-box .inner .bottom {
        padding: 30px;
    }
}

.abonament-box .inner .test-tip {
    font: 400 1.95rem/1.1em 'Rubik', sans-serif;
}

.abonament-box .inner .price {
    font: 400 1.95rem/1.1em 'Rubik', sans-serif;
    font-weight: 500;
}

.abonament-box .inner .price sup {
    font-size: 1rem;
    position: relative;
    top: -10px;
    font-weight: 400;
}

.abonament-box .inner .price .price-slash {
    font-size: 1.625rem;
    position: relative;
    top: -1px;
    margin: 0 -1px 0 2px;
    font-weight: 300;
}

.abonament-box .inner .price .price-period {
    font-size: 1.25rem;
    font-weight: 400;
    margin-left: 1px;
}

.abonament-box .inner .title {
    font-size: 2.3rem;
    line-height: 1.1em;
    font-weight: 500;
    margin-bottom: 5px;
}

@media (min-width: 768px) {
    .abonament-box .inner .title {
        font: 400 2.44rem/1.3em 'Rubik', sans-serif;
        line-height: 1.1em;
        font-weight: 500;
    }
}

.abonament-box .inner .number {
    font: 400 1.55rem/1.2em 'Rubik', sans-serif;
    line-height: 1 !important;
}

@media (min-width: 1200px) {
    .abonament-box .inner .number {
        font: 400 2.44rem/1.3em 'Rubik', sans-serif;
    }
}

.bt-abonament-buy {
    color: #fff;
    position: relative;
    width: 100%;
    font: 400 1rem/1.5em 'Rubik', sans-serif;
}

@media (min-width: 768px) {
    .bt-abonament-buy {
        font: 400 1.25rem/1.4em 'Rubik', sans-serif;
    }
}

.bt-abonament-buy input {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    left: -9999px;
}

.bt-abonament-buy input:disabled~span {
    background-color: #ADADAD;
}

.bt-abonament-buy span, .bt-abonament-buy-free {
    width: 100%;
    text-align: center;
    background-color: #00289B;
    padding: 0 15px;
    height: 50px;
    -webkit-border-radius: 40px;
    -khtml-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid transparent;
    cursor: pointer;
}

.bt-abonament-buy span {
    display: none;
}

.bt-abonament-buy-free {
    display: inline-block;
    line-height: 45px;
    color: white;
}
.bt-abonament-buy-free:hover {
    text-decoration: none;
}

.bt-abonament-buy span.default {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
}

.bt-abonament-buy input:checked~span {
    padding-right: 40px;
}

.bt-abonament-buy input:checked~span.default {
    display: none;
}

.bt-abonament-buy input:checked~span.active {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    background-color: #038E2F;
    border: 1px solid #fff;
}

.bt-abonament-buy input:checked~span:before {
    color: #fff;
    content: '\e84b';
    font-family: 'fontello';
    font-size: 20px;
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.checkout-white-wrapper {
    padding: 10px 0 0;
}

@media (min-width: 1200px) {
    .checkout-white-wrapper {
        -webkit-border-radius: 15px;
        -khtml-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
        background-color: #fff;
        padding: 60px 0 20px;
    }
    .checkout-white-wrapper select.custom-select {
        background-color: #EDEDED !important;
    }
    .checkout-white-wrapper input.form-control {
        background-color: #EDEDED !important;
    }
    .checkout-white-wrapper .custom-checkbox .custom-control-label::before {
        background-color: #EDEDED !important;
    }
    .checkout-white-wrapper .custom-checkbox .custom-control-input:checked~.custom-control-label::before {
        background-color: #EDEDED !important;
    }
    .checkout-white-wrapper .select-abonament .select2-container .select2-selection,
    .checkout-white-wrapper .select-custom .select2-container .select2-selection {
        background-color: #EDEDED;
    }
    .checkout-white-wrapper .select-abonament .select2-dropdown {
        background: #EDEDED;
    }
}

.checkout-optiuni {
    border-bottom: 1px solid #00289B;
    padding-bottom: 20px;
}

.checkout-optiuni .entry {
    margin-bottom: 15px;
}

@media (min-width: 576px) {
    .checkout-optiuni .entry {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
    }
}

.checkout-optiuni .entry .item {
    margin-right: 10px;
}

.checkout-optiuni .entry .pret {
    font-weight: 500;
}

.chart-wrapper {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
    background-color: #fff;
    padding: 20px 20px 0;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    overflow: hidden;
}

.chart-wrapper .chart-scroller {
    overflow-x: auto;
}

.chart-wrapper figure {
    margin: 0;
}

.highcharts-figure,
.highcharts-data-table table {
    min-width: 500px;
}

.highcharts-data-table table {
    font-family: "Open Sans", sans-serif;
    border-collapse: collapse;
    border: 1px solid #EBEBEB;
    margin: 10px auto;
    text-align: center;
    width: 100%;
    max-width: 500px;
}

.highcharts-data-table caption {
    padding: 1em 0;
    font-size: 1.2em;
    color: #555;
}

.highcharts-data-table th {
    font-weight: 600;
    padding: 0.5em;
}

.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
    padding: 0.5em;
}

.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
    background: #f8f8f8;
}

.highcharts-data-table tr:hover {
    background: #f1f7ff;
}

.myTooltip {
    padding: 10px;
    width: 150px;
    position: relative;
    font: 400 0.83rem/1.35em 'Rubik', sans-serif;
    word-break: break-word;
    white-space: normal;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-color: #fff;
    color: #00289B;
    -webkit-box-shadow: 0 0 6px 6px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 0 6px 6px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 6px 6px rgba(0, 0, 0, 0.05);
    /*&:before{
		display: block;
		content: '';
		position: absolute;
		left: 50%;
		top: 0;
		.translate(-50%, -100%);
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 10px 10px 10px;
		border-color: transparent transparent #ffffff transparent;
	}*/
}

.myTooltip span {
    display: block;
    color: #0064FF;
}

.account-bottom-menu {
    background-color: #fff;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9;
    -webkit-box-shadow: 0 0 6px 6px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 0 6px 6px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 6px 6px rgba(0, 0, 0, 0.05);
}

@media (min-width: 1200px) {
    .account-bottom-menu {
        display: none;
    }
}

.account-bottom-menu .close-bt {
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 5px 0 0;
    color: #0064FF;
}

.account-bottom-menu .close-bt i {
    font-size: 24px;
}

.account-bottom-menu .menu-bt {
    color: #ADADAD;
    font: 400 1rem/1.5em 'Rubik', sans-serif;
    text-align: center;
    border: 1px solid #fff;
    text-decoration: none !important;
    height: 70px;
    -webkit-flex: 0 1 110px;
    -ms-flex: 0 1 110px;
    flex: 0 1 110px;
    position: relative;
    border-left: 1px solid #CCD4EB;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.account-bottom-menu .menu-bt:first-child {
    border-left: 1px solid #fff;
}

.account-bottom-menu .menu-bt.login {
    margin: 0 10px;
    border-left: 1px solid #fff;
}

.account-bottom-menu .menu-bt i {
    font-size: 28px;
}

@media (max-width: 450px) {
    .account-bottom-menu .menu-bt i {
        font-size: 22px;
    }
}

.account-bottom-menu .menu-bt:hover {
    color: #00289B;
}

.account-bottom-menu .menu-bt .text {
    display: block;
    font-size: 14px;
    line-height: 1;
    margin-top: 6px;
}

@media (max-width: 991px) {
    .account-bottom-menu .menu-bt .text {
        font-size: 13px;
    }
}

.account-bottom-menu .menu-bt.has-red-dot:before {
    background-color: #c80000;
    width: 10px;
    height: 10px;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    left: 60%;
    top: 5px;
    display: block;
    content: '';
}

.account-bottom-menu .menu-bt.expired {
    border-color: #c80000;
}

.account-bottom-menu .menu-bt.attention {
    border-color: #FF9600;
}

.account-bottom-menu .login-buttons,
.account-bottom-menu .dashboard-buttons,
.account-bottom-menu .expand-dashboard-buttons {
    max-width: 360px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
}

.account-bottom-menu .expand-dashboard-buttons {
    padding-top: 35px;
    position: relative;
    background-color: #fff;
    display: none;
}

.account-bottom-menu .expand-dashboard-buttons.opened {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
}

.account-bottom-menu .icon-cust-trophy {
    display: block;
    height: 24px;
    line-height: 24px;
    /* content: url('../font/trophy.svg'); */
}
.account-bottom-menu .icon-cust-trophy span {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-color: #ADADAD;
    -webkit-mask: url('../font/trophy.svg') no-repeat center;
    mask: url('../font/trophy.svg') no-repeat center;
  }
.account-bottom-menu .icon-cust-trophy img {
    width: 24px;
    fill: pink
}

.sidemenu-account {
    background-color: #fff;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    overflow: hidden;
}

.sidemenu-account .menu-bt {
    color: #ADADAD;
    font: 400 1rem/1.5em 'Rubik', sans-serif;
    text-align: center;
    padding: 10px;
    border: 1px solid #fff;
    text-decoration: none !important;
    position: relative;
    width: 120px;
    height: 120px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border-top: 1px solid #CCD4EB;
    letter-spacing: -0.75px;
}

.sidemenu-account .menu-bt:first-child {
    border-top: 1px solid #fff;
}

@media (min-width: 1505px) {
    .sidemenu-account .menu-bt {
        width: 180px;
        height: 180px;
    }
}

.sidemenu-account .menu-bt i {
    font-size: 32px;
    margin-bottom: 10px;
}

@media (min-width: 1505px) {
    .sidemenu-account .menu-bt i {
        font-size: 38px;
    }
}

.sidemenu-account .menu-bt:hover,
.sidemenu-account .menu-bt.active {
    color: #00289B;
}

.sidemenu-account .menu-bt:hover i,
.sidemenu-account .menu-bt.active i {
    color: #0064FF;
}

.sidemenu-account .menu-bt .text {
    display: block;
    line-height: 1.1;
}

.sidemenu-account .menu-bt.has-red-dot:before {
    background-color: #c80000;
    width: 15px;
    height: 15px;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    left: 63%;
    top: 18%;
    display: block;
    content: '';
}

@media (min-width: 1505px) {
    .sidemenu-account .menu-bt.has-red-dot:before {
        left: 61%;
        top: 24%;
    }
}

.sidemenu-account .menu-bt.expired {
    border-color: #c80000;
}

.sidemenu-account .menu-bt.attention {
    border-color: #FF9600;
}

.account-header {
    background-color: #fff;
    padding: 10px 20px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    margin-bottom: 20px;
}

@media (min-width: 1200px) {
    .account-header {
        padding: 20px;
    }
}

.account-header .avatar {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
}

.account-header .avatar .col-auto {
    padding: 0;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.account-header .avatar .pic {
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-size: cover !important;
    background-position: center center !important;
    text-align: center;
    background-color: #f3f3f3 !important;
    color: #0064FF;
    width: 45px;
    height: 45px;
    font-size: 20px;
    line-height: 45px;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 15px;
    position: relative;
}

@media (min-width: 992px) {
    .account-header .avatar .pic {
        width: 60px;
        height: 60px;
        font-size: 20px;
        line-height: 60px;
    }
}

.account-header .avatar .pic .avatar-pic {
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-size: cover !important;
    background-position: center center !important;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.account-header .avatar .name {
    font-size: 20px;
    font-weight: 500;
}

@media (min-width: 992px) {
    .account-header .avatar .name {
        font: 400 1.55rem/1.2em 'Rubik', sans-serif;
        font-weight: 500;
    }
}

.account-header .avatar .mail {
    font: 400 0.83rem/1.35em 'Rubik', sans-serif;
    word-break: break-all;
}

@media (max-width: 991px) {
    .account-header .cont-menu {
        margin-top: 10px;
    }
}

.account-header .cont-menu .col-form-label {
    font: 400 1rem/1.5em 'Rubik', sans-serif;
}

.account-header .cont-menu .cont-menu-dropdown {
    position: relative;
    font: 400 1rem/1.5em 'Rubik', sans-serif;
    height: 50px;
    width: 100%;
}

@media (min-width: 992px) {
    .account-header .cont-menu .cont-menu-dropdown {
        width: 300px;
    }
}

.account-header .cont-menu .cont-menu-dropdown.opened .dropdown-box a {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
}

.account-header .cont-menu .cont-menu-dropdown .bt-toggle-dropdown {
    position: absolute;
    height: 50px;
    z-index: 11;
    width: 100%;
    top: 0;
    left: 0;
}

.account-header .cont-menu .cont-menu-dropdown .bt-toggle-dropdown:before {
    display: block;
    content: '';
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 7px 0 7px;
    border-color: #0064FF transparent transparent transparent;
}

.account-header .cont-menu .cont-menu-dropdown .dropdown-box {
    background-color: #f3f3f3;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    overflow: hidden;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 50px;
}

.account-header .cont-menu .cont-menu-dropdown .dropdown-box a {
    display: none;
    color: #00289B;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    padding: 10px 10px;
    text-decoration: none;
    height: 50px;
}

.account-header .cont-menu .cont-menu-dropdown .dropdown-box a.active {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: -ms-flex !important;
    display: flex !important;
}

.account-header .cont-menu .cont-menu-dropdown .dropdown-box a .icon {
    margin-right: 10px;
}

.account-header .cont-menu .cont-menu-dropdown .dropdown-box a i {
    font-size: 26px;
}

.account-bg-white {
    padding: 10px 0 0;
}

@media (min-width: 1200px) {
    .account-bg-white {
        -webkit-border-radius: 15px;
        -khtml-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
        background-color: #fff;
        padding: 60px 0 20px;
    }
    .account-bg-white select.custom-select {
        background-color: #EDEDED !important;
    }
    .account-bg-white .chart-wrapper {
        background-color: #EDEDED;
    }
    .account-bg-white input.form-control {
        background-color: #EDEDED !important;
    }
    .account-bg-white .custom-checkbox .custom-control-label::before {
        background-color: #EDEDED !important;
    }
    .account-bg-white .custom-checkbox .custom-control-input:checked~.custom-control-label::before {
        background-color: #EDEDED !important;
    }
    .account-bg-white .select-abonament .select2-container .select2-selection,
    .account-bg-white .select-custom .select2-container .select2-selection {
        background-color: #EDEDED;
    }
    .account-bg-white .select-abonament .select2-dropdown {
        background: #EDEDED;
    }
}

@media (min-width: 1200px) {
    .account-bg-white .section-cont {
        padding: 0 20px 20px;
    }
}

@media (min-width: 1505px) {
    .account-bg-white .section-cont {
        padding: 0 40px 20px;
    }
}

.account-bg-white .test-box {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
}

.account-bg-white .test-box .inner {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    background-color: #fff;
    color: #00289B;
    font: 400 1rem/1.5em 'Rubik', sans-serif;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 20px;
}

@media (min-width: 1200px) {
    .account-bg-white .test-box .inner {
        background-color: #EDEDED;
        padding: 30px;
    }
}

.account-bg-white .test-box .inner .bloc-tip {
    font: 400 1.25rem/1.4em 'Rubik', sans-serif;
}

.account-bg-white .test-box .inner .title {
    font: 400 1.95rem/1.1em 'Rubik', sans-serif;
    color: #0064FF;
}

.acc-section-title {
    margin-bottom: 30px;
    color: #0064FF;
    display: inline-block;
    font: 400 1.95rem/1.1em 'Rubik', sans-serif;
    position: relative;
}

@media (min-width: 992px) {
    .acc-section-title {
        margin-bottom: 40px;
    }
}

@media (min-width: 992px) {
    .acc-section-title {
        font: 400 2.44rem/1.3em 'Rubik', sans-serif;
    }
}

.acc-subsection-title {
    margin-bottom: 20px;
    color: #0064FF;
    display: inline-block;
    font: 400 1.55rem/1.2em 'Rubik', sans-serif;
    position: relative;
}

@media (min-width: 992px) {
    .acc-subsection-title {
        margin-bottom: 30px;
    }
}

@media (min-width: 992px) {
    .acc-subsection-title {
        font: 400 1.95rem/1.1em 'Rubik', sans-serif;
    }
}

.wrapper-subs {
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    overflow: hidden;
    margin-bottom: 25px;
}

@media (max-width: 991px) {
    .wrapper-subs .subscription-entry {
        border-bottom: 1px solid #e7e7e7;
        -webkit-border-radius: 0;
        -khtml-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        margin-bottom: 0;
    }
    .wrapper-subs .subscription-entry:last-child {
        border: none;
    }
}

.acc-profil-wrapper {
    background-color: #fff;
}

@media (max-width: 1199px) {
    .acc-profil-wrapper {
        padding: 20px;
        margin: 0;
        -webkit-border-radius: 15px;
        -khtml-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
    }
}

.acc-profil-wrapper .stroke-bottom {
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 40px;
}

.acc-profil-wrapper .subtitle {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 5px;
}

@media (min-width: 992px) {
    .acc-profil-wrapper .subtitle {
        font: 400 1.55rem/1.2em 'Rubik', sans-serif;
        font-weight: 500;
    }
}

.acc-profil-wrapper .avatar {
    position: relative;
}

.acc-profil-wrapper .avatar .col-auto {
    padding: 0;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

@media (min-width: 992px) {
    .acc-profil-wrapper .avatar {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
        -webkit-align-items: center;
        -ms-align-items: center;
        align-items: center;
    }
}

.acc-profil-wrapper .avatar .pic {
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-size: cover !important;
    background-position: center center !important;
    text-align: center;
    background-color: #f3f3f3 !important;
    color: #0064FF;
    width: 120px;
    height: 120px;
    font-size: 40px;
    line-height: 120px;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 20px;
    position: relative;
}

@media (max-width: 991px) {
    .acc-profil-wrapper .avatar .pic {
        margin: 0 auto 30px;
    }
}

.acc-profil-wrapper .avatar .pic .avatar-pic {
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-size: cover !important;
    background-position: center center !important;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.acc-profil-wrapper .avatar .name {
    font-size: 20px;
    font-weight: 500;
}

@media (min-width: 992px) {
    .acc-profil-wrapper .avatar .name {
        font: 400 1.55rem/1.2em 'Rubik', sans-serif;
        font-weight: 500;
    }
}

.acc-profil-wrapper .avatar .mail {
    font: 400 0.83rem/1.35em 'Rubik', sans-serif;
    word-break: break-all;
}

.subscription-include {
    width: 100%;
    background-color: #fff;
    color: #00289B;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 10px 20px;
    margin-bottom: 20px;
}

@media (min-width: 1200px) {
    .subscription-include {
        background-color: #EDEDED;
        padding: 10px 30px;
    }
}

.subscription-include .number {
    font: 400 1.55rem/1.2em 'Rubik', sans-serif;
}

@media (min-width: 1200px) {
    .subscription-include .number {
        font: 400 2.44rem/1.3em 'Rubik', sans-serif;
    }
}

.subscription-header {
    padding: 0 20px;
}

.subscription-entry {
    width: 100%;
    background-color: #fff;
    color: #00289B;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 20px;
    margin-bottom: 20px;
}

@media (min-width: 1200px) {
    .subscription-header {
        padding: 0 30px;
    }
    .subscription-entry {
        background-color: #EDEDED;
        padding: 30px;
    }
}

.subscription-entry .name {
    font: 400 1.55rem/1.2em 'Rubik', sans-serif;
}

@media (min-width: 1200px) {
    .subscription-entry .name {
        font: 400 1.95rem/1.1em 'Rubik', sans-serif;
    }
}

.subscription-entry .price {
    font: 400 1.55rem/1.2em 'Rubik', sans-serif;
}

@media (min-width: 1200px) {
    .subscription-entry .price {
        font: 400 1.95rem/1.1em 'Rubik', sans-serif;
    }
}

.subscription-entry .lab {
    font: 400 0.83rem/1.35em 'Rubik', sans-serif;
}

.subscription-entry .link {
    color: #ADADAD;
}

.subscription-entry .link:hover {
    color: #0064FF;
}

@media (max-width: 991px) {
    .subscription-entry .bt-grp {
        margin-top: 20px;
    }
}

.subscription-entry.disabled {
    background-color: #EDEDED;
    color: #ADADAD;
}

@media (min-width: 768px) {
    .subscription-entry .rounded-button.blue-light {
        width: 285px;
        max-width: 100%;
    }
}

.results-scroll-horizontal {
    /* max-width: calc(100vw - 300px); */
    /* max-width: calc(100% - 300px); */
    /* overflow-x: scroll; */
}

.result-test-entry {
    width: 100%;
    background-color: #fff;
    color: #00289B;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    margin-bottom: 20px;
    overflow: hidden;
    font-size: 1rem;
}

@media (min-width: 1200px) {
    .result-test-entry {
        background-color: #EDEDED;
    }
}

.result-test-entry .result-header {
    padding: 20px;
}

@media (min-width: 1505px) {
    .result-test-entry .result-header {
        padding: 30px 20px 30px 30px;
    }
}

.result-test-entry .result-header .lab {
    font: 400 0.83rem/1.35em 'Rubik', sans-serif;
}

.result-test-entry .result-header .test {
    font: 400 1.25rem/1.4em 'Rubik', sans-serif;
}

@media (max-width: 991px) {
    .result-test-entry .result-header .test {
        margin-bottom: 10px;
    }
}

.result-test-entry .result-header .link-more {
    font: 400 0.83rem/1.35em 'Rubik', sans-serif;
    color: #00289B;
    line-height: 1;
}

.result-test-entry .result-header .link-more .text {
    position: relative;
    padding: 0 20px 5px 10px;
}

.result-test-entry .result-header .link-more .text:before {
    display: block;
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0, -100%);
    -moz-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    -o-transform: translate(0, -100%);
    transform: translate(0, -100%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 7px 0 7px;
    border-color: #0064FF transparent transparent transparent;
}

@media (max-width: 991px) {
    .result-test-entry .result-header .rounded-button {
        margin-top: 10px;
    }
}

.result-test-entry .link-more-foo {
    font: 400 1rem/1.5em 'Rubik', sans-serif;
    color: #00289B;
    line-height: 1;
    border-top: 1px solid #CCD4EB;
    display: block;
    text-align: center;
    padding: 15px 20px;
}

.result-test-entry .link-more-foo .text {
    position: relative;
    padding: 0 20px 5px 10px;
}

.result-test-entry .link-more-foo .text:before {
    display: block;
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0, -100%);
    -moz-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    -o-transform: translate(0, -100%);
    transform: translate(0, -100%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 7px 0 7px;
    border-color: #0064FF transparent transparent transparent;
}

.result-test-entry .result-details {
    display: none;
    padding: 20px 20px 20px;
}

@media (min-width: 1505px) {
    .result-test-entry .result-details {
        padding: 20px 20px 30px 30px;
    }
}

.result-test-entry .result-details .scroll-wrapper {
    max-height: 300px;
    overflow-y: auto;
}

.result-test-entry .result-details .scroll-wrapper .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #00289B;
}

.result-test-entry .result-details .scroll-wrapper .mCSB_scrollTools .mCSB_draggerRail {
    background-color: #CCD4EB;
}

.result-test-entry .result-details .title {
    font: 400 1.25rem/1.4em 'Rubik', sans-serif;
    font-weight: 500;
    margin-bottom: 20px;
}

.result-test-entry .result-details .raport-resum {
    font: 400 1rem/1.5em 'Rubik', sans-serif;
}

.result-test-entry .result-details .result-details-foo {
    padding-top: 20px;
    border-top: 1px solid #CCD4EB;
}

.result-test-entry .result-details .result-details-foo p {
    font: 400 1rem/1.5em 'Rubik', sans-serif;
}

.result-test-entry .result-details .result-details-foo .title {
    font: 400 1.25rem/1.4em 'Rubik', sans-serif;
    font-weight: 500;
    margin-bottom: 10px;
}

.result-test-entry .result-details .result-details-foo .rounded-button {
    margin-top: 10px;
}

.result-test-entry.show .result-header {
    -webkit-box-shadow: 0 0 6px 6px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 0 6px 6px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 6px 6px rgba(0, 0, 0, 0.05);
}

.result-test-entry.show .result-details {
    display: block;
}

.result-test-entry.show .link-more-foo {
    -webkit-box-shadow: 0 0 6px 6px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 0 6px 6px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 6px 6px rgba(0, 0, 0, 0.05);
    border: none;
}

.result-test-entry.show .bt-result-details .text:before {
    border-width: 0 7px 7px 7px;
    border-color: transparent transparent #0064FF transparent;
}

.dashboard-cont-menu {
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-color: #fff;
    overflow: hidden;
}

.dashboard-cont-menu a {
    background-color: #fff;
    color: #00289B;
    border-top: 1px solid #CCD4EB;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    padding: 10px 20px;
    text-decoration: none;
}

@media (min-width: 768px) {
    .dashboard-cont-menu a {
        padding: 20px 20px;
    }
}

@media (min-width: 1200px) {
    .dashboard-cont-menu a {
        padding: 30px 20px;
    }
    .dashboard-cont-menu a:hover {
        background-color: #EDEDED;
    }
}

.dashboard-cont-menu a:first-child {
    border: none;
}

.dashboard-cont-menu a .icon {
    margin-right: 10px;
}

.dashboard-cont-menu a i {
    font-size: 22px;
}

@media (min-width: 768px) {
    .dashboard-cont-menu a i {
        font-size: 30px;
    }
}

.acc-mesaj-entry {
    width: 100%;
    background-color: #fff;
    color: #00289B;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    margin-bottom: 20px;
    overflow: hidden;
    padding: 20px 20px 20px;
    position: relative;
}

@media (min-width: 1200px) {
    .acc-mesaj-entry {
        background-color: #EDEDED;
    }
}

.acc-mesaj-entry .mesaj-content {
    font: 400 1rem/1.5em 'Rubik', sans-serif;
    margin-top: 10px;
}

.acc-mesaj-entry .mesaj-content .content {
    overflow: hidden;
}

.acc-mesaj-entry .status {
    font: 400 1rem/1em 'Rubik', sans-serif;
    text-align: right;
}

.acc-mesaj-entry .date-msg {
    position: relative;
    padding-left: 30px;
}

.acc-mesaj-entry .time {
    width: 80px;
}

.acc-mesaj-entry .time .time-hour {
    font-size: 1.5rem;
    line-height: 1;
    font-weight: 300;
    letter-spacing: 2px;
}

.acc-mesaj-entry .time .time-date {
    font-size: .875rem;
    line-height: 1;
}

.acc-mesaj-entry .title-msg {
    font-weight: 500;
    line-height: 1.2;
}

@media (max-width: 767px) {
    .acc-mesaj-entry .title-msg {
        padding-top: 1rem;
    }
}

.acc-mesaj-entry .more {
    position: absolute;
    left: 10px;
    top: 12px;
    cursor: pointer;
}

.acc-mesaj-entry .more:hover:before {
    border-color: #00289B transparent transparent transparent;
}

.acc-mesaj-entry .more:before {
    display: block;
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 7px 0 7px;
    border-color: #0064FF transparent transparent transparent;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

.acc-mesaj-entry.opened .more:before {
    /* transform: rotate(180deg); */
    border-width: 0 7px 7px 7px;
    border-color: transparent transparent #0064FF transparent;
}

.acc-mesaj-entry.opened .mesaj-content {
    display: block !important;
}

.profil-cont-entry {
    width: 100%;
    background-color: #f5f5f5;
    color: #00289B;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    margin-bottom: 20px;
    overflow: hidden;
}

@media (min-width: 1200px) {
    .profil-cont-entry {
        background-color: #EDEDED;
    }
}

.profil-cont-entry.disabled {
    color: #909090;
}

.profil-cont-entry.disabled .link {
    color: #909090;
}

.profil-cont-entry .profil-cont-header {
    padding: 20px 15px;
}

@media (min-width: 1505px) {
    .profil-cont-entry .profil-cont-header {
        padding: 30px 20px 30px 30px;
    }
}

.profil-cont-entry .profil-cont-header .lab {
    font: 400 0.83rem/1.35em 'Rubik', sans-serif;
}

.profil-cont-entry .profil-cont-header .text-cont {
    font-weight: 500;
    text-overflow: ellipsis;
    overflow: hidden;
}

.profil-cont-entry .profil-cont-header .text-cont span {
    white-space: nowrap;
}

@media (min-width: 768px) {
    .profil-cont-entry .profil-cont-header .bt-grp {
        width: 170px;
    }
}

@media (min-width: 768px) {
    .profil-cont-entry .profil-cont-header .rounded-button {
        width: 100%;
    }
}

@media (max-width: 991px) {
    .profil-cont-entry .profil-cont-header .rounded-button {
        margin-top: 10px;
    }
}

.profil-cont-entry .profil-cont-header .link {
    font-size: 14px;
    display: table;
    padding: 0;
    margin: 0;
    -webkit-appearance: none !important;
    border: none;
    background: none;
    color: #0064FF;
    cursor: pointer;
}

.profil-cont-entry .profil-cont-header .link:hover {
    text-decoration: underline;
}

.profil-cont-entry .profil-details {
    display: none;
    padding: 20px 15px 20px;
}

@media (min-width: 1505px) {
    .profil-cont-entry .profil-details {
        padding: 20px 20px 30px 30px;
    }
}

.profil-cont-entry .profil-details input.form-control {
    background-color: #fff !important;
}

.profil-cont-entry .profil-details select.custom-select {
    background-color: #fff !important;
}

.profil-cont-entry .profil-details .custom-checkbox .custom-control-label::before {
    background-color: #fff !important;
}

.profil-cont-entry .profil-details .custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: #fff !important;
}

.profil-cont-entry .profil-details .pic-upload {
    position: relative;
    overflow: hidden;
    background-color: #fff;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: flex-end;
    -ms-align-items: flex-end;
    align-items: flex-end;
    padding: 10px;
}

@media (min-width: 1200px) {
    .profil-cont-entry .profil-details .pic-upload {
        padding: 20px;
    }
}

.profil-cont-entry .profil-details .pic-upload input {
    position: absolute;
    left: -9999px;
    visibility: hidden;
    opacity: 0;
}

.profil-cont-entry .profil-details .pic-upload .picture {
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-size: cover !important;
    background-position: center center !important;
    text-align: center;
    background-color: #f3f3f3 !important;
    color: #0064FF;
    width: 120px;
    height: 120px;
    font-size: 40px;
    line-height: 120px;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 20px;
}

@media (max-width: 576px) {
    .profil-cont-entry .profil-details .pic-upload .picture {
        width: 80px;
        height: 80px;
        font-size: 30px;
        line-height: 80px;
    }
}

.profil-cont-entry .profil-details .pic-upload .rounded-button {
    width: auto !important;
}

.profil-cont-entry.show .profil-cont-header {
    -webkit-box-shadow: 0 0 6px 6px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 0 6px 6px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 6px 6px rgba(0, 0, 0, 0.05);
}

.profil-cont-entry.show .profil-details {
    display: block;
}

.modal-confirm .modal-header {
    border: none;
}

.modal-confirm .close {
    margin-top: 0;
    color: #00289B !important;
    position: absolute;
    top: 5px;
    right: 10px;
}

.modal-confirm small {
    line-height: 1;
}

.modal-confirm .modal-title {
    font: 400 1.95rem/1.1em 'Rubik', sans-serif;
    display: inline-block;
}

@media (min-width: 992px) {
    .modal-confirm .modal-title {
        font: 400 2.44rem/1.3em 'Rubik', sans-serif;
    }
}

.modal-confirm .modal-footer {
    border: none;
    -webkit-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
}

@media (min-width: 768px) {
    .modal-confirm .modal-dialog {
        max-width: 600px;
    }
    .modal-confirm .modal-dialog .modal-content {
        padding: 10px 40px 20px;
    }
}

.modal-confirm .bt-sterge:hover {
    background-color: #c80000;
    color: #fff;
}

.basket {
    background-color: #00289B;
    color: #fff;
    position: fixed;
    bottom: 70px;
    z-index: 20;
    left: 0;
    right: 0;
    font-size: 18px;
}

@media (max-width: 576px) {
    .basket {
        font-size: 16px;
    }
}

@media (min-width: 1200px) {
    .basket {
        left: auto;
        width: 100%;
        max-width: 740px;
    }
}

.basket .lab {
    font: 400 0.83rem/1.35em 'Rubik', sans-serif;
}

.basket .basket-header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    padding: 15px 0 15px 15px;
}

@media (min-width: 992px) {
    .basket .basket-header {
        padding: 20px 0 20px 20px;
    }
}

.basket .basket-header .items {
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    padding-right: 15px;
    border-right: 1px solid #fff;
}

.basket .basket-header .items .item {
    margin-right: 20px;
}

@media (max-width: 576px) {
    .basket .basket-header .items .item {
        margin-right: 10px;
    }
}

.basket .basket-header .items .item:last-child {
    margin: 0;
}

@media (max-width: 767px) {
    .basket .basket-header .items .item span {
        display: none;
    }
}

@media (max-width: 991px) {
    .basket .basket-header .items {
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }
}

@media (max-width: 576px) {
    .basket .basket-header .items {
        padding-right: 10px;
    }
}

.basket .basket-header .total {
    border-right: 1px solid #fff;
    padding-right: 15px;
    padding-left: 15px;
    white-space: nowrap;
}

@media (max-width: 576px) {
    .basket .basket-header .total {
        padding-right: 10px;
        padding-left: 10px;
    }
}

.basket .basket-header .buy {
    padding-left: 15px;
}

@media (max-width: 576px) {
    .basket .basket-header .buy {
        padding-left: 10px;
    }
}

.basket .basket-header .buy .bt-buy {
    padding: 3px 10px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    border: 1px solid #fff;
    font-size: 16px;
    white-space: nowrap;
    text-align: center;
    display: block;
    color: #fff;
    font-weight: 300;
}

@media (max-width: 576px) {
    .basket .basket-header .buy .bt-buy {
        padding: 0;
        font-size: 16px;
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
    .basket .basket-header .buy .bt-buy span {
        display: none;
    }
}

.basket .basket-header .toggle {
    width: 40px;
    margin-left: 10px;
}

.basket .basket-header .toggle:before {
    display: block;
    font-family: 'fontello';
    content: '\e81f';
    height: 40px;
    line-height: 40px;
    text-align: center;
}

.basket .basket-content {
    padding: 15px 15px 0 15px;
}

@media (min-width: 992px) {
    .basket .basket-content {
        padding: 20px 20px 0 20px;
    }
}

.basket .basket-content .toggle {
    width: 40px;
    margin-left: auto;
}

.basket .basket-content .toggle:before {
    display: block;
    font-family: 'fontello';
    content: '\e81c';
    height: 40px;
    line-height: 40px;
    text-align: center;
}

.basket .basket-content .items {
    overflow-y: auto;
    max-height: 300px;
}

@media (max-height: 555px) {
    .basket .basket-content .items {
        max-height: 150px;
    }
}

.basket .basket-content .entry {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    padding-bottom: 5px;
    position: relative;
}

@media (max-width: 576px) {
    .basket .basket-content .entry {
        display: block;
    }
}

.basket .basket-content .entry:last-child {
    border: none;
}

.basket .basket-content .ttile {
    font-size: 24px;
    margin-bottom: 10px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
}

.basket .basket-content .item {
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
}

.basket .basket-content .sterge {
    -webkit-flex: 1 0 85px;
    -ms-flex: 1 0 85px;
    flex: 1 0 85px;
}

@media (max-width: 576px) {
    .basket .basket-content .sterge {
        position: absolute;
        top: 0;
        right: 0;
    }
}

.basket .basket-content .bt-sterge {
    color: #fff;
    font-size: 16px;
    font-weight: 300;
}

.basket .basket-content .pret {
    -webkit-flex: 1 0 150px;
    -ms-flex: 1 0 150px;
    flex: 1 0 150px;
    text-align: right;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    -ms-justify-content: flex-end;
    -ms-flex-pack: flex-end;
    justify-content: flex-end;
}

@media (max-width: 576px) {
    .basket .basket-content .pret {
        -webkit-flex: 1 0 100%;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
        -webkit-justify-content: flex-start;
        -ms-justify-content: flex-start;
        -ms-flex-pack: flex-start;
        justify-content: flex-start;
    }
}

.basket .basket-content .select-basket-time {
    background: #00289B;
    border: none;
    color: #fff;
    width: 57px;
}

.basket .basket-footer {
    padding: 15px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    border-top: 1px solid rgba(255, 255, 255, 0.7);
}

@media (min-width: 992px) {
    .basket .basket-footer {
        padding: 20px;
    }
}

.basket .basket-footer .bt-buy {
    padding: 3px 10px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    border: 1px solid #fff;
    font-size: 16px;
    white-space: nowrap;
    text-align: center;
    display: block;
    color: #fff;
    font-weight: 300;
}

.basket .basket-footer span {
    white-space: nowrap;
}

.basket .basket-details {
    display: none;
}

.basket.show .basket-header {
    display: none;
}

.basket.show .basket-details {
    display: block;
}

.detalii-cos-entry {
    border-bottom: 1px solid #fff;
    padding-bottom: 5px;
    margin-bottom: 15px;
}

@media (min-width: 1200px) {
    .detalii-cos-entry {
        border-bottom: 1px solid #d6d6d6;
    }
}

.detalii-cos-entry p {
    margin: 0;
}

.blockquote {
    font-size: inherit;
}

.blockquote-footer {
    color: inherit;
}

.opacity-0 {
    opacity: 0;
}

.cursor-default {
    cursor: default;
}

.lh-small {
    line-height: 1.1;
}

.lh-normal {
    line-height: 1.3;
}

.fs-small {
    font-size: 85%;
}

.fw-bold {
    font-weight: 500;
}

.text-decoration-underline {
    text-decoration: underline;
}


/* generic bottstrap add-ins */
.btn-small,
.btn.test-btn.btn-small {
  display: inline-table;
  padding: 8px 12px;
  font-size: 14px;
}

.btn-xsmall,
.btn.test-btn.btn-xsmall {
  display: inline-table;
  padding: 4px 8px;
  font-size: 12px;
}


/* sidemenu */
.sidemenu-account-col {
  max-width: 300px;
}
/* .sidemenu-account {} */
.sidemenu-account {
    font-size: 18px;
}
.sidemenu-account .h4 {
    font-size: 22px;
}
.sidemenu-account.list-group .list-group-item{
  padding: 1.25rem;
}
.sidemenu-account.list-group .list-group-item-action{
  color: var(--brio-default-color);
}
.sidemenu-account.list-group .list-group-item-action.active{
  color: var(--light);
}
.sidemenu-account .badges-list img.brio_badge,
.sidemenu-account .badges-list svg {
    width: 75%;
    height: auto;
}

.sidemenu-account .badge_icon_unstopable path[data-name="backgroundHexagon"] {
    fill: rgba(0,100,255,.15);
}
.sidemenu-account .badge_icon_agile path[data-name="backgroundHexagon"] {
    fill: rgba(0,190,60,.15);
}
.sidemenu-account .badge_icon_solver path[data-name="backgroundHexagon"] {
    fill: rgba(240,90,0,.15);
}
.sidemenu-account .badge_icon_goat path[data-name="backgroundHexagon"] {
    fill: rgba(150,50,250,.15);
}

.sidemenu-account .alert {
    color: #00289B;
  }
  .sidemenu-account .alert svg {
    width: 1em;
    height: 1em;
    margin-right: .5em;
    vertical-align: -0.125em;
    fill: currentcolor;
  }
  

   /* .account-info {} */
   .account-info .row {
    margin: 0 -8px;
   }
   .account-info .col,
   .account-info .col-auto {
    padding: 0 8px;
   }
   .account-info .col-auto {
    display: flex;
    flex-direction: column;
    justify-content: center;
   }
    .account-avatar {
        position: relative;
        max-width: 66px;
    }
    .account-avatar img {
      width: 50px;
    }

  .sidemenu-title {
    color: var(--brio-title-color);
  }

/* alerts */
.alert-brio {
    color: var(--light);
    background-color: var(--brio-title-color);
    border-color: #fdfdfe;
}

/* BS add-ins */
@media (min-width: 1780px) {
    .container {
        max-width: 1660px;
    }
}

/* avatar */
.br-avatar {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    padding: 2px;
    color: var(--brio-disabled-color);
    background-color: #f3f3f3;
    font-size: 20px;
    font-weight: 400;
    overflow: hidden;
}
.br-avatar img {
    object-fit: cover;
}
.verifiedAccount {
    position: absolute;
    right: 0;
    bottom: -4px;
    width: 24px;
  }
  .verifiedAccount path{
    fill: var(--brio-title-color);
  }
  .verifiedAccount.notVerified path{
    fill: var(--brio-disabled-color);
  }
  
  /* TMP badges */
  .sidemenu-account .badges-list .progress {
    margin-top: 8px;
    margin-bottom: 8px;
    width: 80%;
  }
  .sidemenu-account .badges-list .progress, .sidemenu-account .badges-list .progress-bar {
    height: 8px;
  }

/* D2 Level Progress Bars */
.bg-lvl-apprentice {
    background-color: var(--apprentice);
  }
  .bg-lvl-initiate {
    background-color: var(--initiate);
  }
  .bg-lvl-novice {
    background-color: var(--novice);
  }
  .bg-lvl-master {
    background-color: var(--master);
  }
  .bg-lvl-expert {
    background-color: var(--expert);
  }
  .bg-lvl-artisan {
    background-color: var(--artisan);
  }
  .bg-lvl-legend {
    background-color: var(--legend);
  }
  .bg-lvl-god {
    background-color: var(--god);
  }
  
  /* D2 Level Progress Badges */
  
.levelBadge path {
    transition: fill 0.36s, color 0.36s;
  }
  .levelBadge:not(.badge_disabled_md) #unstoppableBadgeIconTip {
    fill: #000;
  }
  .levelBadge:not(.badge_disabled_md) #agileBadgeIconTip {
    fill: #000;
  }
  .levelBadge:not(.badge_disabled_md) #solverBadgeIconTip {
    fill: #000;
  }
  .levelBadge:not(.badge_disabled_md) #goatBadgeIconTip {
    fill: #000;
  }
  
  .levelBadge_apprentice,
  .levelBadge_apprentice.levelBadge_disabled:hover {
    color: var(--apprentice);
  }
  
  .badge_apprentice_md #unstoppableBadgeBk,
  .levelBadge_apprentice.levelBadge_disabled:hover .badge_disabled_md #unstoppableBadgeBk {
    fill: var(--apprentice);
  }
  .badge_apprentice_md #unstoppableBadgeIconBody,
  .levelBadge_apprentice.levelBadge_disabled:hover .badge_disabled_md #unstoppableBadgeIconBody {
    fill: #939393;
  }
  .badge_apprentice_md #unstoppableBadgeIconBodyL,
  .levelBadge_apprentice.levelBadge_disabled:hover .badge_disabled_md #unstoppableBadgeIconBodyL {
    fill: #A3A3A3;
  }
  .badge_apprentice_md #unstoppableBadgeIconBodyR,
  .levelBadge_apprentice.levelBadge_disabled:hover .badge_disabled_md #unstoppableBadgeIconBodyR {
    fill: #636363;
  }
  .badge_apprentice_md #unstoppableBadgeIconBodyHead,
  .levelBadge_apprentice.levelBadge_disabled:hover .badge_disabled_md #unstoppableBadgeIconBodyHead {
    fill: #E9E9E9;
  }
  .badge_apprentice_md #unstoppableBadgeIconNozzle,
  .levelBadge_apprentice.levelBadge_disabled:hover .badge_disabled_md #unstoppableBadgeIconNozzle {
    fill: #636363;
  }
  .badge_apprentice_md #agileBadgeBk,
  .levelBadge_apprentice.levelBadge_disabled:hover .badge_disabled_md #agileBadgeBk {
    fill: var(--apprentice);
  }
  .badge_apprentice_md #agileBadgeIconBody,
  .levelBadge_apprentice.levelBadge_disabled:hover .badge_disabled_md #agileBadgeIconBody {
    fill: #939393;
  }
  .badge_apprentice_md #agileBadgeIconBodyL,
  .levelBadge_apprentice.levelBadge_disabled:hover .badge_disabled_md #agileBadgeIconBodyL {
    fill: #A3A3A3;
  }
  .badge_apprentice_md #agileBadgeIconBodyR,
  .levelBadge_apprentice.levelBadge_disabled:hover .badge_disabled_md #agileBadgeIconBodyR {
    fill: #636363;
  }
  .badge_apprentice_md #agileBadgeIconBodyHead,
  .levelBadge_apprentice.levelBadge_disabled:hover .badge_disabled_md #agileBadgeIconBodyHead {
    fill: #E9E9E9;
  }
  .badge_apprentice_md #agileBadgeIconRunnerFront,
  .levelBadge_apprentice.levelBadge_disabled:hover .badge_disabled_md #agileBadgeIconRunnerFront {
    fill: #E9E9E9;
  }
  .badge_apprentice_md #agileBadgeIconRunnerBack,
  .levelBadge_apprentice.levelBadge_disabled:hover .badge_disabled_md #agileBadgeIconRunnerBack {
    fill: #E9E9E9;
  }
  .badge_apprentice_md #solverBadgeBk,
  .levelBadge_apprentice.levelBadge_disabled:hover .badge_disabled_md #solverBadgeBk {
    fill: var(--apprentice);
  }
  .badge_apprentice_md #solverBadgeIconBody,
  .levelBadge_apprentice.levelBadge_disabled:hover .badge_disabled_md #solverBadgeIconBody {
    fill: #939393;
  }
  .badge_apprentice_md #solverBadgeIconBodyL,
  .levelBadge_apprentice.levelBadge_disabled:hover .badge_disabled_md #solverBadgeIconBodyL {
    fill: #A3A3A3;
  }
  .badge_apprentice_md #solverBadgeIconBodyR,
  .levelBadge_apprentice.levelBadge_disabled:hover .badge_disabled_md #solverBadgeIconBodyR {
    fill: #636363;
  }
  .badge_apprentice_md #solverBadgeIconBodyHead,
  .levelBadge_apprentice.levelBadge_disabled:hover .badge_disabled_md #solverBadgeIconBodyHead {
    fill: #E9E9E9;
  }
  .badge_apprentice_md #solverBadgeIconTargetLight,
  .levelBadge_apprentice.levelBadge_disabled:hover .badge_disabled_md #solverBadgeIconTargetLight {
    fill: #E9E9E9;
  }
  .badge_apprentice_md #solverBadgeIconTargetDark,
  .levelBadge_apprentice.levelBadge_disabled:hover .badge_disabled_md #solverBadgeIconTargetDark {
    fill: #939393;
  }
  .badge_apprentice_md #goatBadgeBk,
  .levelBadge_apprentice.levelBadge_disabled:hover .badge_disabled_md #goatBadgeBk {
    fill: var(--apprentice);
  }
  .badge_apprentice_md #goatBadgeIconBody,
  .levelBadge_apprentice.levelBadge_disabled:hover .badge_disabled_md #goatBadgeIconBody {
    fill: #939393;
  }
  .badge_apprentice_md #goatBadgeIconBodyL,
  .levelBadge_apprentice.levelBadge_disabled:hover .badge_disabled_md #goatBadgeIconBodyL {
    fill: #A3A3A3;
  }
  .badge_apprentice_md #goatBadgeIconBodyR,
  .levelBadge_apprentice.levelBadge_disabled:hover .badge_disabled_md #goatBadgeIconBodyR {
    fill: #636363;
  }
  .badge_apprentice_md #goatBadgeIconBodyHead,
  .levelBadge_apprentice.levelBadge_disabled:hover .badge_disabled_md #goatBadgeIconBodyHead {
    fill: #E9E9E9;
  }
  .badge_apprentice_md #goatBadgeIconBuzzSpot,
  .levelBadge_apprentice.levelBadge_disabled:hover .badge_disabled_md #goatBadgeIconBuzzSpot {
    fill: #939393;
  }
  
  .levelTooltip_apprentice {
    --bs-tooltip-bg: var(--apprentice);
    --bs-tooltip-color: var(--bs-white);
  }
  .levelTooltip_apprentice .tooltip-inner {
    background-color: var(--bs-tooltip-bg);
  }
  
  .levelBadge_initiate,
  .levelBadge_initiate.levelBadge_disabled:hover {
    color: var(--initiate);
  }
  
  .badge_initiate_md #unstoppableBadgeBk,
  .levelBadge_initiate.levelBadge_disabled:hover .badge_disabled_md #unstoppableBadgeBk {
    fill: var(--initiate);
  }
  .badge_initiate_md #unstoppableBadgeIconBody,
  .levelBadge_initiate.levelBadge_disabled:hover .badge_disabled_md #unstoppableBadgeIconBody {
    fill: #003cff;
  }
  .badge_initiate_md #unstoppableBadgeIconBodyL,
  .levelBadge_initiate.levelBadge_disabled:hover .badge_disabled_md #unstoppableBadgeIconBodyL {
    fill: #008CFF;
  }
  .badge_initiate_md #unstoppableBadgeIconBodyR,
  .levelBadge_initiate.levelBadge_disabled:hover .badge_disabled_md #unstoppableBadgeIconBodyR {
    fill: #003CA0;
  }
  .badge_initiate_md #unstoppableBadgeIconBodyHead,
  .levelBadge_initiate.levelBadge_disabled:hover .badge_disabled_md #unstoppableBadgeIconBodyHead {
    fill: #AADCFF;
  }
  .badge_initiate_md #unstoppableBadgeIconNozzle,
  .levelBadge_initiate.levelBadge_disabled:hover .badge_disabled_md #unstoppableBadgeIconNozzle {
    fill: #003CA0;
  }
  .badge_initiate_md #agileBadgeBk,
  .levelBadge_initiate.levelBadge_disabled:hover .badge_disabled_md #agileBadgeBk {
    fill: var(--initiate);
  }
  .badge_initiate_md #agileBadgeIconBody,
  .levelBadge_initiate.levelBadge_disabled:hover .badge_disabled_md #agileBadgeIconBody {
    fill: #003cff;
  }
  .badge_initiate_md #agileBadgeIconBodyL,
  .levelBadge_initiate.levelBadge_disabled:hover .badge_disabled_md #agileBadgeIconBodyL {
    fill: #008CFF;
  }
  .badge_initiate_md #agileBadgeIconBodyR,
  .levelBadge_initiate.levelBadge_disabled:hover .badge_disabled_md #agileBadgeIconBodyR {
    fill: #003CA0;
  }
  .badge_initiate_md #agileBadgeIconBodyHead,
  .levelBadge_initiate.levelBadge_disabled:hover .badge_disabled_md #agileBadgeIconBodyHead {
    fill: #AADCFF;
  }
  .badge_initiate_md #agileBadgeIconRunnerFront,
  .levelBadge_initiate.levelBadge_disabled:hover .badge_disabled_md #agileBadgeIconRunnerFront {
    fill: #AADCFF;
  }
  .badge_initiate_md #agileBadgeIconRunnerBack,
  .levelBadge_initiate.levelBadge_disabled:hover .badge_disabled_md #agileBadgeIconRunnerBack {
    fill: #AADCFF;
  }
  .badge_initiate_md #solverBadgeBk,
  .levelBadge_initiate.levelBadge_disabled:hover .badge_disabled_md #solverBadgeBk {
    fill: var(--initiate);
  }
  .badge_initiate_md #solverBadgeIconBody,
  .levelBadge_initiate.levelBadge_disabled:hover .badge_disabled_md #solverBadgeIconBody {
    fill: #003cff;
  }
  .badge_initiate_md #solverBadgeIconBodyL,
  .levelBadge_initiate.levelBadge_disabled:hover .badge_disabled_md #solverBadgeIconBodyL {
    fill: #008CFF;
  }
  .badge_initiate_md #solverBadgeIconBodyR,
  .levelBadge_initiate.levelBadge_disabled:hover .badge_disabled_md #solverBadgeIconBodyR {
    fill: #003CA0;
  }
  .badge_initiate_md #solverBadgeIconBodyHead,
  .levelBadge_initiate.levelBadge_disabled:hover .badge_disabled_md #solverBadgeIconBodyHead {
    fill: #AADCFF;
  }
  .badge_initiate_md #solverBadgeIconTargetLight,
  .levelBadge_initiate.levelBadge_disabled:hover .badge_disabled_md #solverBadgeIconTargetLight {
    fill: #AADCFF;
  }
  .badge_initiate_md #solverBadgeIconTargetDark,
  .levelBadge_initiate.levelBadge_disabled:hover .badge_disabled_md #solverBadgeIconTargetDark {
    fill: #003cff;
  }
  .badge_initiate_md #goatBadgeBk,
  .levelBadge_initiate.levelBadge_disabled:hover .badge_disabled_md #goatBadgeBk {
    fill: var(--initiate);
  }
  .badge_initiate_md #goatBadgeIconBody,
  .levelBadge_initiate.levelBadge_disabled:hover .badge_disabled_md #goatBadgeIconBody {
    fill: #003cff;
  }
  .badge_initiate_md #goatBadgeIconBodyL,
  .levelBadge_initiate.levelBadge_disabled:hover .badge_disabled_md #goatBadgeIconBodyL {
    fill: #008CFF;
  }
  .badge_initiate_md #goatBadgeIconBodyR,
  .levelBadge_initiate.levelBadge_disabled:hover .badge_disabled_md #goatBadgeIconBodyR {
    fill: #003CA0;
  }
  .badge_initiate_md #goatBadgeIconBodyHead,
  .levelBadge_initiate.levelBadge_disabled:hover .badge_disabled_md #goatBadgeIconBodyHead {
    fill: #AADCFF;
  }
  .badge_initiate_md #goatBadgeIconBuzzSpot,
  .levelBadge_initiate.levelBadge_disabled:hover .badge_disabled_md #goatBadgeIconBuzzSpot {
    fill: #003cff;
  }
  
  .levelTooltip_initiate {
    --bs-tooltip-bg: var(--initiate);
    --bs-tooltip-color: var(--bs-white);
  }
  .levelTooltip_initiate .tooltip-inner {
    background-color: var(--bs-tooltip-bg);
  }
  
  .levelBadge_novice,
  .levelBadge_novice.levelBadge_disabled:hover {
    color: var(--novice);
  }
  
  .badge_novice_md #unstoppableBadgeBk,
  .levelBadge_novice.levelBadge_disabled:hover .badge_disabled_md #unstoppableBadgeBk {
    fill: var(--novice);
  }
  .badge_novice_md #unstoppableBadgeIconBody,
  .levelBadge_novice.levelBadge_disabled:hover .badge_disabled_md #unstoppableBadgeIconBody {
    fill: #ffaa00;
  }
  .badge_novice_md #unstoppableBadgeIconBodyL,
  .levelBadge_novice.levelBadge_disabled:hover .badge_disabled_md #unstoppableBadgeIconBodyL {
    fill: #FFD200;
  }
  .badge_novice_md #unstoppableBadgeIconBodyR,
  .levelBadge_novice.levelBadge_disabled:hover .badge_disabled_md #unstoppableBadgeIconBodyR {
    fill: #FF7800;
  }
  .badge_novice_md #unstoppableBadgeIconBodyHead,
  .levelBadge_novice.levelBadge_disabled:hover .badge_disabled_md #unstoppableBadgeIconBodyHead {
    fill: #FFF064;
  }
  .badge_novice_md #unstoppableBadgeIconNozzle,
  .levelBadge_novice.levelBadge_disabled:hover .badge_disabled_md #unstoppableBadgeIconNozzle {
    fill: #FF7800;
  }
  .badge_novice_md #agileBadgeBk,
  .levelBadge_novice.levelBadge_disabled:hover .badge_disabled_md #agileBadgeBk {
    fill: var(--novice);
  }
  .badge_novice_md #agileBadgeIconBody,
  .levelBadge_novice.levelBadge_disabled:hover .badge_disabled_md #agileBadgeIconBody {
    fill: #ffaa00;
  }
  .badge_novice_md #agileBadgeIconBodyL,
  .levelBadge_novice.levelBadge_disabled:hover .badge_disabled_md #agileBadgeIconBodyL {
    fill: #FFD200;
  }
  .badge_novice_md #agileBadgeIconBodyR,
  .levelBadge_novice.levelBadge_disabled:hover .badge_disabled_md #agileBadgeIconBodyR {
    fill: #FF7800;
  }
  .badge_novice_md #agileBadgeIconBodyHead,
  .levelBadge_novice.levelBadge_disabled:hover .badge_disabled_md #agileBadgeIconBodyHead {
    fill: #FFF064;
  }
  .badge_novice_md #agileBadgeIconRunnerFront,
  .levelBadge_novice.levelBadge_disabled:hover .badge_disabled_md #agileBadgeIconRunnerFront {
    fill: #FFF064;
  }
  .badge_novice_md #agileBadgeIconRunnerBack,
  .levelBadge_novice.levelBadge_disabled:hover .badge_disabled_md #agileBadgeIconRunnerBack {
    fill: #FFF064;
  }
  .badge_novice_md #solverBadgeBk,
  .levelBadge_novice.levelBadge_disabled:hover .badge_disabled_md #solverBadgeBk {
    fill: var(--novice);
  }
  .badge_novice_md #solverBadgeIconBody,
  .levelBadge_novice.levelBadge_disabled:hover .badge_disabled_md #solverBadgeIconBody {
    fill: #ffaa00;
  }
  .badge_novice_md #solverBadgeIconBodyL,
  .levelBadge_novice.levelBadge_disabled:hover .badge_disabled_md #solverBadgeIconBodyL {
    fill: #FFD200;
  }
  .badge_novice_md #solverBadgeIconBodyR,
  .levelBadge_novice.levelBadge_disabled:hover .badge_disabled_md #solverBadgeIconBodyR {
    fill: #FF7800;
  }
  .badge_novice_md #solverBadgeIconBodyHead,
  .levelBadge_novice.levelBadge_disabled:hover .badge_disabled_md #solverBadgeIconBodyHead {
    fill: #FFF064;
  }
  .badge_novice_md #solverBadgeIconTargetLight,
  .levelBadge_novice.levelBadge_disabled:hover .badge_disabled_md #solverBadgeIconTargetLight {
    fill: #FFF064;
  }
  .badge_novice_md #solverBadgeIconTargetDark,
  .levelBadge_novice.levelBadge_disabled:hover .badge_disabled_md #solverBadgeIconTargetDark {
    fill: #ffaa00;
  }
  .badge_novice_md #goatBadgeBk,
  .levelBadge_novice.levelBadge_disabled:hover .badge_disabled_md #goatBadgeBk {
    fill: var(--novice);
  }
  .badge_novice_md #goatBadgeIconBody,
  .levelBadge_novice.levelBadge_disabled:hover .badge_disabled_md #goatBadgeIconBody {
    fill: #ffaa00;
  }
  .badge_novice_md #goatBadgeIconBodyL,
  .levelBadge_novice.levelBadge_disabled:hover .badge_disabled_md #goatBadgeIconBodyL {
    fill: #FFD200;
  }
  .badge_novice_md #goatBadgeIconBodyR,
  .levelBadge_novice.levelBadge_disabled:hover .badge_disabled_md #goatBadgeIconBodyR {
    fill: #FF7800;
  }
  .badge_novice_md #goatBadgeIconBodyHead,
  .levelBadge_novice.levelBadge_disabled:hover .badge_disabled_md #goatBadgeIconBodyHead {
    fill: #FFF064;
  }
  .badge_novice_md #goatBadgeIconBuzzSpot,
  .levelBadge_novice.levelBadge_disabled:hover .badge_disabled_md #goatBadgeIconBuzzSpot {
    fill: #ffaa00;
  }
  
  .levelTooltip_novice {
    --bs-tooltip-bg: var(--novice);
    --bs-tooltip-color: var(--bs-white);
  }
  .levelTooltip_novice .tooltip-inner {
    background-color: var(--bs-tooltip-bg);
  }
  
  .levelBadge_master,
  .levelBadge_master.levelBadge_disabled:hover {
    color: var(--master);
  }
  
  .badge_master_md #unstoppableBadgeBk,
  .levelBadge_master.levelBadge_disabled:hover .badge_disabled_md #unstoppableBadgeBk {
    fill: var(--master);
  }
  .badge_master_md #unstoppableBadgeIconBody,
  .levelBadge_master.levelBadge_disabled:hover .badge_disabled_md #unstoppableBadgeIconBody {
    fill: #008c3c;
  }
  .badge_master_md #unstoppableBadgeIconBodyL,
  .levelBadge_master.levelBadge_disabled:hover .badge_disabled_md #unstoppableBadgeIconBodyL {
    fill: #00C83C;
  }
  .badge_master_md #unstoppableBadgeIconBodyR,
  .levelBadge_master.levelBadge_disabled:hover .badge_disabled_md #unstoppableBadgeIconBodyR {
    fill: #006428;
  }
  .badge_master_md #unstoppableBadgeIconBodyHead,
  .levelBadge_master.levelBadge_disabled:hover .badge_disabled_md #unstoppableBadgeIconBodyHead {
    fill: #C8FF00;
  }
  .badge_master_md #unstoppableBadgeIconNozzle,
  .levelBadge_master.levelBadge_disabled:hover .badge_disabled_md #unstoppableBadgeIconNozzle {
    fill: #006428;
  }
  .badge_master_md #agileBadgeBk,
  .levelBadge_master.levelBadge_disabled:hover .badge_disabled_md #agileBadgeBk {
    fill: var(--master);
  }
  .badge_master_md #agileBadgeIconBody,
  .levelBadge_master.levelBadge_disabled:hover .badge_disabled_md #agileBadgeIconBody {
    fill: #008c3c;
  }
  .badge_master_md #agileBadgeIconBodyL,
  .levelBadge_master.levelBadge_disabled:hover .badge_disabled_md #agileBadgeIconBodyL {
    fill: #00C83C;
  }
  .badge_master_md #agileBadgeIconBodyR,
  .levelBadge_master.levelBadge_disabled:hover .badge_disabled_md #agileBadgeIconBodyR {
    fill: #006428;
  }
  .badge_master_md #agileBadgeIconBodyHead,
  .levelBadge_master.levelBadge_disabled:hover .badge_disabled_md #agileBadgeIconBodyHead {
    fill: #C8FF00;
  }
  .badge_master_md #agileBadgeIconRunnerFront,
  .levelBadge_master.levelBadge_disabled:hover .badge_disabled_md #agileBadgeIconRunnerFront {
    fill: #C8FF00;
  }
  .badge_master_md #agileBadgeIconRunnerBack,
  .levelBadge_master.levelBadge_disabled:hover .badge_disabled_md #agileBadgeIconRunnerBack {
    fill: #C8FF00;
  }
  .badge_master_md #solverBadgeBk,
  .levelBadge_master.levelBadge_disabled:hover .badge_disabled_md #solverBadgeBk {
    fill: var(--master);
  }
  .badge_master_md #solverBadgeIconBody,
  .levelBadge_master.levelBadge_disabled:hover .badge_disabled_md #solverBadgeIconBody {
    fill: #008c3c;
  }
  .badge_master_md #solverBadgeIconBodyL,
  .levelBadge_master.levelBadge_disabled:hover .badge_disabled_md #solverBadgeIconBodyL {
    fill: #00C83C;
  }
  .badge_master_md #solverBadgeIconBodyR,
  .levelBadge_master.levelBadge_disabled:hover .badge_disabled_md #solverBadgeIconBodyR {
    fill: #006428;
  }
  .badge_master_md #solverBadgeIconBodyHead,
  .levelBadge_master.levelBadge_disabled:hover .badge_disabled_md #solverBadgeIconBodyHead {
    fill: #C8FF00;
  }
  .badge_master_md #solverBadgeIconTargetLight,
  .levelBadge_master.levelBadge_disabled:hover .badge_disabled_md #solverBadgeIconTargetLight {
    fill: #C8FF00;
  }
  .badge_master_md #solverBadgeIconTargetDark,
  .levelBadge_master.levelBadge_disabled:hover .badge_disabled_md #solverBadgeIconTargetDark {
    fill: #008c3c;
  }
  .badge_master_md #goatBadgeBk,
  .levelBadge_master.levelBadge_disabled:hover .badge_disabled_md #goatBadgeBk {
    fill: var(--master);
  }
  .badge_master_md #goatBadgeIconBody,
  .levelBadge_master.levelBadge_disabled:hover .badge_disabled_md #goatBadgeIconBody {
    fill: #008c3c;
  }
  .badge_master_md #goatBadgeIconBodyL,
  .levelBadge_master.levelBadge_disabled:hover .badge_disabled_md #goatBadgeIconBodyL {
    fill: #00C83C;
  }
  .badge_master_md #goatBadgeIconBodyR,
  .levelBadge_master.levelBadge_disabled:hover .badge_disabled_md #goatBadgeIconBodyR {
    fill: #006428;
  }
  .badge_master_md #goatBadgeIconBodyHead,
  .levelBadge_master.levelBadge_disabled:hover .badge_disabled_md #goatBadgeIconBodyHead {
    fill: #C8FF00;
  }
  .badge_master_md #goatBadgeIconBuzzSpot,
  .levelBadge_master.levelBadge_disabled:hover .badge_disabled_md #goatBadgeIconBuzzSpot {
    fill: #008c3c;
  }
  
  .levelTooltip_master {
    --bs-tooltip-bg: var(--master);
    --bs-tooltip-color: var(--bs-white);
  }
  .levelTooltip_master .tooltip-inner {
    background-color: var(--bs-tooltip-bg);
  }
  
  .levelBadge_expert,
  .levelBadge_expert.levelBadge_disabled:hover {
    color: var(--expert);
  }
  
  .badge_expert_md #unstoppableBadgeBk,
  .levelBadge_expert.levelBadge_disabled:hover .badge_disabled_md #unstoppableBadgeBk {
    fill: var(--expert);
  }
  .badge_expert_md #unstoppableBadgeIconBody,
  .levelBadge_expert.levelBadge_disabled:hover .badge_disabled_md #unstoppableBadgeIconBody {
    fill: #ff0000;
  }
  .badge_expert_md #unstoppableBadgeIconBodyL,
  .levelBadge_expert.levelBadge_disabled:hover .badge_disabled_md #unstoppableBadgeIconBodyL {
    fill: #FF4600;
  }
  .badge_expert_md #unstoppableBadgeIconBodyR,
  .levelBadge_expert.levelBadge_disabled:hover .badge_disabled_md #unstoppableBadgeIconBodyR {
    fill: #9B0000;
  }
  .badge_expert_md #unstoppableBadgeIconBodyHead,
  .levelBadge_expert.levelBadge_disabled:hover .badge_disabled_md #unstoppableBadgeIconBodyHead {
    fill: #FFDCA0;
  }
  .badge_expert_md #unstoppableBadgeIconNozzle,
  .levelBadge_expert.levelBadge_disabled:hover .badge_disabled_md #unstoppableBadgeIconNozzle {
    fill: #9B0000;
  }
  .badge_expert_md #agileBadgeBk,
  .levelBadge_expert.levelBadge_disabled:hover .badge_disabled_md #agileBadgeBk {
    fill: var(--expert);
  }
  .badge_expert_md #agileBadgeIconBody,
  .levelBadge_expert.levelBadge_disabled:hover .badge_disabled_md #agileBadgeIconBody {
    fill: #ff0000;
  }
  .badge_expert_md #agileBadgeIconBodyL,
  .levelBadge_expert.levelBadge_disabled:hover .badge_disabled_md #agileBadgeIconBodyL {
    fill: #FF4600;
  }
  .badge_expert_md #agileBadgeIconBodyR,
  .levelBadge_expert.levelBadge_disabled:hover .badge_disabled_md #agileBadgeIconBodyR {
    fill: #9B0000;
  }
  .badge_expert_md #agileBadgeIconBodyHead,
  .levelBadge_expert.levelBadge_disabled:hover .badge_disabled_md #agileBadgeIconBodyHead {
    fill: #FFDCA0;
  }
  .badge_expert_md #agileBadgeIconRunnerFront,
  .levelBadge_expert.levelBadge_disabled:hover .badge_disabled_md #agileBadgeIconRunnerFront {
    fill: #FFDCA0;
  }
  .badge_expert_md #agileBadgeIconRunnerBack,
  .levelBadge_expert.levelBadge_disabled:hover .badge_disabled_md #agileBadgeIconRunnerBack {
    fill: #FFDCA0;
  }
  .badge_expert_md #solverBadgeBk,
  .levelBadge_expert.levelBadge_disabled:hover .badge_disabled_md #solverBadgeBk {
    fill: var(--expert);
  }
  .badge_expert_md #solverBadgeIconBody,
  .levelBadge_expert.levelBadge_disabled:hover .badge_disabled_md #solverBadgeIconBody {
    fill: #ff0000;
  }
  .badge_expert_md #solverBadgeIconBodyL,
  .levelBadge_expert.levelBadge_disabled:hover .badge_disabled_md #solverBadgeIconBodyL {
    fill: #FF4600;
  }
  .badge_expert_md #solverBadgeIconBodyR,
  .levelBadge_expert.levelBadge_disabled:hover .badge_disabled_md #solverBadgeIconBodyR {
    fill: #9B0000;
  }
  .badge_expert_md #solverBadgeIconBodyHead,
  .levelBadge_expert.levelBadge_disabled:hover .badge_disabled_md #solverBadgeIconBodyHead {
    fill: #FFDCA0;
  }
  .badge_expert_md #solverBadgeIconTargetLight,
  .levelBadge_expert.levelBadge_disabled:hover .badge_disabled_md #solverBadgeIconTargetLight {
    fill: #FFDCA0;
  }
  .badge_expert_md #solverBadgeIconTargetDark,
  .levelBadge_expert.levelBadge_disabled:hover .badge_disabled_md #solverBadgeIconTargetDark {
    fill: #ff0000;
  }
  .badge_expert_md #goatBadgeBk,
  .levelBadge_expert.levelBadge_disabled:hover .badge_disabled_md #goatBadgeBk {
    fill: var(--expert);
  }
  .badge_expert_md #goatBadgeIconBody,
  .levelBadge_expert.levelBadge_disabled:hover .badge_disabled_md #goatBadgeIconBody {
    fill: #ff0000;
  }
  .badge_expert_md #goatBadgeIconBodyL,
  .levelBadge_expert.levelBadge_disabled:hover .badge_disabled_md #goatBadgeIconBodyL {
    fill: #FF4600;
  }
  .badge_expert_md #goatBadgeIconBodyR,
  .levelBadge_expert.levelBadge_disabled:hover .badge_disabled_md #goatBadgeIconBodyR {
    fill: #9B0000;
  }
  .badge_expert_md #goatBadgeIconBodyHead,
  .levelBadge_expert.levelBadge_disabled:hover .badge_disabled_md #goatBadgeIconBodyHead {
    fill: #FFDCA0;
  }
  .badge_expert_md #goatBadgeIconBuzzSpot,
  .levelBadge_expert.levelBadge_disabled:hover .badge_disabled_md #goatBadgeIconBuzzSpot {
    fill: #FF4600;
  }
  
  .levelTooltip_expert {
    --bs-tooltip-bg: var(--expert);
    --bs-tooltip-color: var(--bs-white);
  }
  .levelTooltip_expert .tooltip-inner {
    background-color: var(--bs-tooltip-bg);
  }
  
  .levelBadge_artisan,
  .levelBadge_artisan.levelBadge_disabled:hover {
    color: var(--artisan);
  }
  
  .badge_artisan_md #unstoppableBadgeBk,
  .levelBadge_artisan.levelBadge_disabled:hover .badge_disabled_md #unstoppableBadgeBk {
    fill: var(--artisan);
  }
  .badge_artisan_md #unstoppableBadgeIconBody,
  .levelBadge_artisan.levelBadge_disabled:hover .badge_disabled_md #unstoppableBadgeIconBody {
    fill: #ff0000;
  }
  .badge_artisan_md #unstoppableBadgeIconBodyL,
  .levelBadge_artisan.levelBadge_disabled:hover .badge_disabled_md #unstoppableBadgeIconBodyL {
    fill: #FF4600;
  }
  .badge_artisan_md #unstoppableBadgeIconBodyR,
  .levelBadge_artisan.levelBadge_disabled:hover .badge_disabled_md #unstoppableBadgeIconBodyR {
    fill: #9B0000;
  }
  .badge_artisan_md #unstoppableBadgeIconBodyHead,
  .levelBadge_artisan.levelBadge_disabled:hover .badge_disabled_md #unstoppableBadgeIconBodyHead {
    fill: #FFE600;
  }
  .badge_artisan_md #unstoppableBadgeIconNozzle,
  .levelBadge_artisan.levelBadge_disabled:hover .badge_disabled_md #unstoppableBadgeIconNozzle {
    fill: #9B0000;
  }
  .badge_artisan_md #agileBadgeBk,
  .levelBadge_artisan.levelBadge_disabled:hover .badge_disabled_md #agileBadgeBk {
    fill: var(--artisan);
  }
  .badge_artisan_md #agileBadgeIconBody,
  .levelBadge_artisan.levelBadge_disabled:hover .badge_disabled_md #agileBadgeIconBody {
    fill: #ff0000;
  }
  .badge_artisan_md #agileBadgeIconBodyL,
  .levelBadge_artisan.levelBadge_disabled:hover .badge_disabled_md #agileBadgeIconBodyL {
    fill: #FF4600;
  }
  .badge_artisan_md #agileBadgeIconBodyR,
  .levelBadge_artisan.levelBadge_disabled:hover .badge_disabled_md #agileBadgeIconBodyR {
    fill: #9B0000;
  }
  .badge_artisan_md #agileBadgeIconBodyHead,
  .levelBadge_artisan.levelBadge_disabled:hover .badge_disabled_md #agileBadgeIconBodyHead {
    fill: #FFE600;
  }
  .badge_artisan_md #agileBadgeIconRunnerFront,
  .levelBadge_artisan.levelBadge_disabled:hover .badge_disabled_md #agileBadgeIconRunnerFront {
    fill: #FFE600;
  }
  .badge_artisan_md #agileBadgeIconRunnerBack,
  .levelBadge_artisan.levelBadge_disabled:hover .badge_disabled_md #agileBadgeIconRunnerBack {
    fill: #FFD500;
  }
  .badge_artisan_md #solverBadgeBk,
  .levelBadge_artisan.levelBadge_disabled:hover .badge_disabled_md #solverBadgeBk {
    fill: var(--artisan);
  }
  .badge_artisan_md #solverBadgeIconBody,
  .levelBadge_artisan.levelBadge_disabled:hover .badge_disabled_md #solverBadgeIconBody {
    fill: #ff0000;
  }
  .badge_artisan_md #solverBadgeIconBodyL,
  .levelBadge_artisan.levelBadge_disabled:hover .badge_disabled_md #solverBadgeIconBodyL {
    fill: #FF4600;
  }
  .badge_artisan_md #solverBadgeIconBodyR,
  .levelBadge_artisan.levelBadge_disabled:hover .badge_disabled_md #solverBadgeIconBodyR {
    fill: #9B0000;
  }
  .badge_artisan_md #solverBadgeIconBodyHead,
  .levelBadge_artisan.levelBadge_disabled:hover .badge_disabled_md #solverBadgeIconBodyHead {
    fill: #FFE600;
  }
  .badge_artisan_md #solverBadgeIconTargetLight,
  .levelBadge_artisan.levelBadge_disabled:hover .badge_disabled_md #solverBadgeIconTargetLight {
    fill: #FFE600;
  }
  .badge_artisan_md #solverBadgeIconTargetDark,
  .levelBadge_artisan.levelBadge_disabled:hover .badge_disabled_md #solverBadgeIconTargetDark {
    fill: #ff0000;
  }
  .badge_artisan_md #goatBadgeBk,
  .levelBadge_artisan.levelBadge_disabled:hover .badge_disabled_md #goatBadgeBk {
    fill: var(--artisan);
  }
  .badge_artisan_md #goatBadgeIconBody,
  .levelBadge_artisan.levelBadge_disabled:hover .badge_disabled_md #goatBadgeIconBody {
    fill: #ff0000;
  }
  .badge_artisan_md #goatBadgeIconBodyL,
  .levelBadge_artisan.levelBadge_disabled:hover .badge_disabled_md #goatBadgeIconBodyL {
    fill: #FF4600;
  }
  .badge_artisan_md #goatBadgeIconBodyR,
  .levelBadge_artisan.levelBadge_disabled:hover .badge_disabled_md #goatBadgeIconBodyR {
    fill: #9B0000;
  }
  .badge_artisan_md #goatBadgeIconBodyHead,
  .levelBadge_artisan.levelBadge_disabled:hover .badge_disabled_md #goatBadgeIconBodyHead {
    fill: #FFE600;
  }
  .badge_artisan_md #goatBadgeIconBuzzSpot,
  .levelBadge_artisan.levelBadge_disabled:hover .badge_disabled_md #goatBadgeIconBuzzSpot {
    fill: #FFAA00;
  }
  
  .levelTooltip_artisan {
    --bs-tooltip-bg: var(--artisan);
    --bs-tooltip-color: var(--bs-white);
  }
  .levelTooltip_artisan .tooltip-inner {
    background-color: var(--bs-tooltip-bg);
  }
  
  .levelBadge_legend,
  .levelBadge_legend.levelBadge_disabled:hover {
    color: var(--legend);
  }
  
  .badge_legend_md #unstoppableBadgeBk,
  .levelBadge_legend.levelBadge_disabled:hover .badge_disabled_md #unstoppableBadgeBk {
    fill: var(--legend);
  }
  .badge_legend_md #unstoppableBadgeIconBody,
  .levelBadge_legend.levelBadge_disabled:hover .badge_disabled_md #unstoppableBadgeIconBody {
    fill: #ff0000;
  }
  .badge_legend_md #unstoppableBadgeIconBodyL,
  .levelBadge_legend.levelBadge_disabled:hover .badge_disabled_md #unstoppableBadgeIconBodyL {
    fill: #FF4600;
  }
  .badge_legend_md #unstoppableBadgeIconBodyR,
  .levelBadge_legend.levelBadge_disabled:hover .badge_disabled_md #unstoppableBadgeIconBodyR {
    fill: #9B0000;
  }
  .badge_legend_md #unstoppableBadgeIconBodyHead,
  .levelBadge_legend.levelBadge_disabled:hover .badge_disabled_md #unstoppableBadgeIconBodyHead {
    fill: #FFE600;
  }
  .badge_legend_md #unstoppableBadgeIconNozzle,
  .levelBadge_legend.levelBadge_disabled:hover .badge_disabled_md #unstoppableBadgeIconNozzle {
    fill: #9B0000;
  }
  .badge_legend_md #agileBadgeBk,
  .levelBadge_legend.levelBadge_disabled:hover .badge_disabled_md #agileBadgeBk {
    fill: var(--legend);
  }
  .badge_legend_md #agileBadgeIconBody,
  .levelBadge_legend.levelBadge_disabled:hover .badge_disabled_md #agileBadgeIconBody {
    fill: #ff0000;
  }
  .badge_legend_md #agileBadgeIconBodyL,
  .levelBadge_legend.levelBadge_disabled:hover .badge_disabled_md #agileBadgeIconBodyL {
    fill: #FF4600;
  }
  .badge_legend_md #agileBadgeIconBodyR,
  .levelBadge_legend.levelBadge_disabled:hover .badge_disabled_md #agileBadgeIconBodyR {
    fill: #9B0000;
  }
  .badge_legend_md #agileBadgeIconBodyHead,
  .levelBadge_legend.levelBadge_disabled:hover .badge_disabled_md #agileBadgeIconBodyHead {
    fill: #FFE600;
  }
  .badge_legend_md #agileBadgeIconRunnerFront,
  .levelBadge_legend.levelBadge_disabled:hover .badge_disabled_md #agileBadgeIconRunnerFront {
    fill: #FFE600;
  }
  .badge_legend_md #agileBadgeIconRunnerBack,
  .levelBadge_legend.levelBadge_disabled:hover .badge_disabled_md #agileBadgeIconRunnerBack {
    fill: #FFD500;
  }
  .badge_legend_md #solverBadgeBk,
  .levelBadge_legend.levelBadge_disabled:hover .badge_disabled_md #solverBadgeBk {
    fill: var(--legend);
  }
  .badge_legend_md #solverBadgeIconBody,
  .levelBadge_legend.levelBadge_disabled:hover .badge_disabled_md #solverBadgeIconBody {
    fill: #ff0000;
  }
  .badge_legend_md #solverBadgeIconBodyL,
  .levelBadge_legend.levelBadge_disabled:hover .badge_disabled_md #solverBadgeIconBodyL {
    fill: #FF4600;
  }
  .badge_legend_md #solverBadgeIconBodyR,
  .levelBadge_legend.levelBadge_disabled:hover .badge_disabled_md #solverBadgeIconBodyR {
    fill: #9B0000;
  }
  .badge_legend_md #solverBadgeIconBodyHead,
  .levelBadge_legend.levelBadge_disabled:hover .badge_disabled_md #solverBadgeIconBodyHead {
    fill: #FFE600;
  }
  .badge_legend_md #solverBadgeIconTargetLight,
  .levelBadge_legend.levelBadge_disabled:hover .badge_disabled_md #solverBadgeIconTargetLight {
    fill: #FFE600;
  }
  .badge_legend_md #solverBadgeIconTargetDark,
  .levelBadge_legend.levelBadge_disabled:hover .badge_disabled_md #solverBadgeIconTargetDark {
    fill: #ff0000;
  }
  .badge_legend_md #goatBadgeBk,
  .levelBadge_legend.levelBadge_disabled:hover .badge_disabled_md #goatBadgeBk {
    fill: var(--legend);
  }
  .badge_legend_md #goatBadgeIconBody,
  .levelBadge_legend.levelBadge_disabled:hover .badge_disabled_md #goatBadgeIconBody {
    fill: #ff0000;
  }
  .badge_legend_md #goatBadgeIconBodyL,
  .levelBadge_legend.levelBadge_disabled:hover .badge_disabled_md #goatBadgeIconBodyL {
    fill: #FF4600;
  }
  .badge_legend_md #goatBadgeIconBodyR,
  .levelBadge_legend.levelBadge_disabled:hover .badge_disabled_md #goatBadgeIconBodyR {
    fill: #9B0000;
  }
  .badge_legend_md #goatBadgeIconBodyHead,
  .levelBadge_legend.levelBadge_disabled:hover .badge_disabled_md #goatBadgeIconBodyHead {
    fill: #FFE600;
  }
  .badge_legend_md #goatBadgeIconBuzzSpot,
  .levelBadge_legend.levelBadge_disabled:hover .badge_disabled_md #goatBadgeIconBuzzSpot {
    fill: #FFAA00;
  }
  
  .levelTooltip_legend {
    --bs-tooltip-bg: var(--legend);
    --bs-tooltip-color: var(--bs-white);
  }
  .levelTooltip_legend .tooltip-inner {
    background-color: var(--bs-tooltip-bg);
  }
  
  .levelBadge_god,
  .levelBadge_god.levelBadge_disabled:hover {
    color: var(--god);
  }
  
  .badge_god_md #unstoppableBadgeBk,
  .levelBadge_god.levelBadge_disabled:hover .badge_disabled_md #unstoppableBadgeBk {
    fill: var(--god);
  }
  .badge_god_md #unstoppableBadgeIconBody,
  .levelBadge_god.levelBadge_disabled:hover .badge_disabled_md #unstoppableBadgeIconBody {
    fill: #ff0000;
  }
  .badge_god_md #unstoppableBadgeIconBodyL,
  .levelBadge_god.levelBadge_disabled:hover .badge_disabled_md #unstoppableBadgeIconBodyL {
    fill: #FF4600;
  }
  .badge_god_md #unstoppableBadgeIconBodyR,
  .levelBadge_god.levelBadge_disabled:hover .badge_disabled_md #unstoppableBadgeIconBodyR {
    fill: #9B0000;
  }
  .badge_god_md #unstoppableBadgeIconBodyHead,
  .levelBadge_god.levelBadge_disabled:hover .badge_disabled_md #unstoppableBadgeIconBodyHead {
    fill: #FFE600;
  }
  .badge_god_md #unstoppableBadgeIconNozzle,
  .levelBadge_god.levelBadge_disabled:hover .badge_disabled_md #unstoppableBadgeIconNozzle {
    fill: #9B0000;
  }
  .badge_god_md #agileBadgeBk,
  .levelBadge_god.levelBadge_disabled:hover .badge_disabled_md #agileBadgeBk {
    fill: var(--god);
  }
  .badge_god_md #agileBadgeIconBody,
  .levelBadge_god.levelBadge_disabled:hover .badge_disabled_md #agileBadgeIconBody {
    fill: #ff0000;
  }
  .badge_god_md #agileBadgeIconBodyL,
  .levelBadge_god.levelBadge_disabled:hover .badge_disabled_md #agileBadgeIconBodyL {
    fill: #FF4600;
  }
  .badge_god_md #agileBadgeIconBodyR,
  .levelBadge_god.levelBadge_disabled:hover .badge_disabled_md #agileBadgeIconBodyR {
    fill: #9B0000;
  }
  .badge_god_md #agileBadgeIconBodyHead,
  .levelBadge_god.levelBadge_disabled:hover .badge_disabled_md #agileBadgeIconBodyHead {
    fill: #FFE600;
  }
  .badge_god_md #agileBadgeIconRunnerFront,
  .levelBadge_god.levelBadge_disabled:hover .badge_disabled_md #agileBadgeIconRunnerFront {
    fill: #FFE600;
  }
  .badge_god_md #agileBadgeIconRunnerBack,
  .levelBadge_god.levelBadge_disabled:hover .badge_disabled_md #agileBadgeIconRunnerBack {
    fill: #FFD500;
  }
  .badge_god_md #solverBadgeBk,
  .levelBadge_god.levelBadge_disabled:hover .badge_disabled_md #solverBadgeBk {
    fill: var(--god);
  }
  .badge_god_md #solverBadgeIconBody,
  .levelBadge_god.levelBadge_disabled:hover .badge_disabled_md #solverBadgeIconBody {
    fill: #ff0000;
  }
  .badge_god_md #solverBadgeIconBodyL,
  .levelBadge_god.levelBadge_disabled:hover .badge_disabled_md #solverBadgeIconBodyL {
    fill: #FF4600;
  }
  .badge_god_md #solverBadgeIconBodyR,
  .levelBadge_god.levelBadge_disabled:hover .badge_disabled_md #solverBadgeIconBodyR {
    fill: #9B0000;
  }
  .badge_god_md #solverBadgeIconBodyHead,
  .levelBadge_god.levelBadge_disabled:hover .badge_disabled_md #solverBadgeIconBodyHead {
    fill: #FFE600;
  }
  .badge_god_md #solverBadgeIconTargetLight,
  .levelBadge_god.levelBadge_disabled:hover .badge_disabled_md #solverBadgeIconTargetLight {
    fill: #FFE600;
  }
  .badge_god_md #solverBadgeIconTargetDark,
  .levelBadge_god.levelBadge_disabled:hover .badge_disabled_md #solverBadgeIconTargetDark {
    fill: #ff0000;
  }
  .badge_god_md #goatBadgeBk,
  .levelBadge_god.levelBadge_disabled:hover .badge_disabled_md #goatBadgeBk {
    fill: var(--god);
  }
  .badge_god_md #goatBadgeIconBody,
  .levelBadge_god.levelBadge_disabled:hover .badge_disabled_md #goatBadgeIconBody {
    fill: #ff0000;
  }
  .badge_god_md #goatBadgeIconBodyL,
  .levelBadge_god.levelBadge_disabled:hover .badge_disabled_md #goatBadgeIconBodyL {
    fill: #FF4600;
  }
  .badge_god_md #goatBadgeIconBodyR,
  .levelBadge_god.levelBadge_disabled:hover .badge_disabled_md #goatBadgeIconBodyR {
    fill: #9B0000;
  }
  .badge_god_md #goatBadgeIconBodyHead,
  .levelBadge_god.levelBadge_disabled:hover .badge_disabled_md #goatBadgeIconBodyHead {
    fill: #FFE600;
  }
  .badge_god_md #goatBadgeIconBuzzSpot,
  .levelBadge_god.levelBadge_disabled:hover .badge_disabled_md #goatBadgeIconBuzzSpot {
    fill: #FFAA00;
  }
  
  .levelTooltip_god {
    --bs-tooltip-bg: var(--god);
    --bs-tooltip-color: var(--bs-white);
  }
  .levelTooltip_god .tooltip-inner {
    background-color: var(--bs-tooltip-bg);
  }
  
  /* cancel_confirmation */
  .cancelConfirmation,
  .cancelConfirmation .card-body,
  .cancelConfirmation .accordion {
    --bs-border-width: 2px;
    --bs-accordion-inner-border-radius: 14px;
    --bs-accordion-color: var(--br-darkBlue);
    color: var(--br-darkBlue);
  }
  .cancelConfirmation .accordion-button.shadow {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.25)!important;
  }
  .cancelConfirmation .accordion-button.shadow:not(.collapsed) {
    box-shadow: none !important;
  }
  .cancelConfirmation .holdAccount .accordion-button:not(.collapsed) {
    background-color: var(--bs-warning);
  }
  .cancelConfirmation .closeAccount .accordion-button:not(.collapsed) {
    background-color: var(--bs-danger);
  }
  .cancelConfirmation .holdAccount .accordion-button:not(.collapsed),
  .cancelConfirmation .holdAccount .accordion-button:not(.collapsed) h2 {
    color: var(--br-darkBlue);
  }
  .cancelConfirmation .closeAccount .accordion-button:not(.collapsed),
  .cancelConfirmation .closeAccount .accordion-button:not(.collapsed) h2,
  .cancelConfirmation .closeAccount .accordion-button:not(.collapsed) h3 {
    color: white;
  }
  .cancelConfirmation .accordion-button::after {
    display: none;
  }
  .cancelConfirmation .accordion-header {
    font-size: 1.5rem;
  }
  .cancelConfirmation .holdAccount.accordion-item {
    border: var(--bs-border-width) var(--bs-warning) solid;
  }
  .cancelConfirmation .closeAccount.accordion-item {
    border: var(--bs-border-width) var(--bs-danger) solid;
  }
  .cancelConfirmation .accordion-item:first-of-type,
  .cancelConfirmation .accordion-item:last-of-type {
    border-radius: 15px !important;
  }
  .cancelConfirmation .alert-heading {
    font-size: 1.15rem;
  }
  .cancelConfirmation .accordion-flush .accordion-item,
  .cancelConfirmation .accordion-flush .accordion-item .accordion-button, 
  .cancelConfirmation .accordion-flush .accordion-item .accordion-button.collapsed 
  {
    border-radius: 15px;
  }
  /* .cancelConfirmation h2,
  .cancelConfirmation h3 {
    color: var(--br-darkBlue);
  } */
  .cancelConfirmation .list-group {
    --bs-list-group-bg: transparent;
  }
  .cancelConfirmation .closeAccount .list-group {
    --bs-list-group-color: white;
  }
  /* .cancelConfirmation .closeAccount .accordion-button:not(.collapsed) .list-group {
    --bs-list-group-color: white;
  } */
  .cancelConfirmation .alert-secondary {
    --bs-alert-bg: #e9e9e9;
    --bs-alert-color: var(--br-darkBlue);
  }