/* Theme correction */
.header-navigation > ul > li > a {
    color: #585858;
    display: block;
    padding: 25px 12px 23px;
    font-size: 1.5rem;
    font-weight: 600;
}

.btn-danger {
    background-color: #e41010;
    border-color: #e41010;
}

/* Loader animation */
.loader {
    position: absolute;
    top: calc(50% - 60px);
    left: calc(50% - 60px);
    z-index: 10006;
    border: 16px solid #ffffff;
    border-top: 16px solid #98bdd8;
    border-radius: 50% !important;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.loader-backdrop {
    position: absolute;
    top: 0;
    left: 0;
    background: #00457b;
    width: 100%;
    height: 540px;
    display: block;
    z-index: 10005;
    opacity: 0.5;
}

/* Font */
.fc-blue {color: #70541f;}
.fc-dblue {color: #1b396a;}
.fc-dgray {color: #525252;}
.fc-red {color: #e41010;}

.fw-600 {font-weight: 600;}
.fw-800 {font-weight: 800;}

.fs-1_5rem {font-size: 1.5rem;}
.fs-1_7rem {font-size: 1.7rem;}
.fs-1_8rem {font-size: 1.8rem;}
.fs-1_9rem {font-size: 1.9rem;}
.fs-2_4rem {font-size: 2.4rem;}
.fs-4rem {font-size: 4rem;}
.fs-4_2rem {font-size: 4.2rem;}

/* Margins */
.mb-0 {margin-bottom: 0;}
.mb-2 {margin-bottom: 2px;}
.mb-5 {margin-bottom: 5px;}
.mb-10 {margin-bottom: 10px;}
.mb-15 {margin-bottom: 15px;}
.mb-20 {margin-bottom: 20px;}
.mb-25 {margin-bottom: 25px;}

.mt-0 {margin-top: 0;}
.mt-5 {margin-top: 5px;}
.mt-10 {margin-top: 10px;}
.mt-15 {margin-top: 15px;}
.mt-20 {margin-top: 20px;}
.mt-25 {margin-top: 25px;}

/* Paddings */
.p-tb-10 {padding: 10px 0;}

.p-10 {padding: 10px;}
.p-15 {padding: 15px;}
.p-20 {padding: 20px;}

.pb-0 {padding-bottom: 0;}
.pb-5 {padding-bottom: 5px;}
.pb-10 {padding-bottom: 10px;}
.pb-15 {padding-bottom: 15px;}
.pb-20 {padding-bottom: 20px;}
.pb-25 {padding-bottom: 25px;}

.pt-0 {padding-top: 0;}
.pt-5 {padding-top: 5px;}
.pt-10 {padding-top: 10px;}
.pt-12 {padding-top: 12px;}
.pt-15 {padding-top: 15px;}
.pt-20 {padding-top: 20px;}
.pt-25 {padding-top: 25px;}

/* Width */
.w-180 {width: 180px;}
.w-185 {width: 185px;}
.w-755 {width: 755px;}

/* Height */
.h-100p {height: 100%;}
.h-50 {height: 50px;}
.h-55 {height: 55px;}
.h-60 {height: 60px;}
.h-65 {height: 65px;}
.h-70 {height: 70px;}
.h-75 {height: 75px;}
.h-80 {height: 80px;}
.h-85 {height: 85px;}
.h-90 {height: 90px;}
.h-95 {height: 95px;}
.h-100 {height: 100px;}
.h-105 {height: 105px;}

/* Alignment */
.va-mid {vertical-align: middle}

/* Display */
.dspl-ib {display: inline-block;}
.pos-r {position: relative}

/* Oca test page */
.questions-container {
    margin-bottom: 30px;
    min-height: 458px;
}
.questions-container .row:nth-child(even) {background: #f2ede1;}
.question-box {
    min-height: 34px;
    display: table;
    vertical-align: middle;
}
.question-block:hover {background: #f2dfb0 !important}
.question-block.error {/*border: 1px solid #E91E63;*/ box-shadow: 0 0 6px #ff2515;}
.question {
    display: table-cell;
    vertical-align: middle;
}
.btn-blue {
    /*background: #98bdd8;*/
    /*color: #fff;*/
    /*border: 1px solid #77a5b7;*/
    background: #ffffff;
    color: #585858;
    border: 1px solid #77a5b7;
    font-weight: 600;
}
.btn-blue.selected,
.btn-blue:hover {
    /*color: #fff;*/
    /*background: #1281ce;*/
    color: #fff;
    background: #67a9d6;
}
.btn-pink {
    background: #e80e58;
    color: #fff;
    border: 1px solid #e41010;
    padding: 12px 18px;
    border-radius: 2px !important;
}
.btn-pink:hover {
    background: #ca3e3e;
    color: #fff;
}
.btn-pink:focus {color: #fff}

.left-round {border-radius: 5px 0 0 5px !important;}
.right-round {border-radius: 0 5px 5px 0 !important;}

/**
 * Custom checkbox
 */
/* Customize the label (the container) */
.checkbox-container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/*!* Hide the browser's default checkbox *!*/
.checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    /* background-color: #eee; */
    background-color: #f1f1f1;
    border: 1px solid #262626;
}

.checkbox-container.has-error .checkmark {
    border: 1px solid #f44336;
}

/* On mouse-over, add a grey background color */
.checkbox-container:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkbox-container input:checked ~ .checkmark {
    background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.checkbox-container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.checkbox-container .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}