/* ** ERROR MESSAGE *** */
.error-message {
    background: #FEF9E6;
}

.error-message .col {
    background: #F9E79B;
    border: 4px #F1C50E solid;
}

.error-message h3 {
    color: #D87F07;
}

/* ** SUCCESS MESSAGE *** */
.success-message {
    background: #daf2c2;
}

.success-message .col {
    background: #91f06c;
    border: 4px #07a90b solid;
}

body {
    font-size: 1.1em;
}

b,
strong {
    font-weight: bolder!important;
}

label {
    font-size: 1.1em;
}

thead th {
    background: #B7E1F0;
}

@media (max-width: 768px) {
    .breadcrumb-item a {
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100px;
        white-space: nowrap;
        display: inline-block;
    }

    .breadcrumb-item span {
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100px;
        white-space: nowrap;
        display: inline-block;
    }
}

@media (min-width: 768px) {
}

@media (min-width: 992px) {
}

@media (min-width: 1200px) {
}

.pointer {
    cursor: pointer;
}

.w-50px {
    width: 50px;
}

.w-100px {
    width: 100px;
}

.w-150px {
    width: 150px;
}

.bg-parallax {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-primary-translucent {
    background-color: rgba(0, 123, 255, 0.75) !important;
}

.bg-secondary {
    background-color: #f2f2f2 !important;
}

.bg-info {
    background-color: #57b7dd !important;
}

.bg-info-translucent {
    background-color: rgba(87, 183, 221, 0.75) !important;
}

.border-width-40 {
    border-width: 40px!important;
}

.border-info {
    border-color: #57b7dd !important;
}

.bg-white-translucent {
    background-color: rgba(255, 255, 255, 0.9) !important;
}

.btn {
    line-height: 2.5;
    padding: 0rem 1rem;
    border: none;
    border-radius: 20px;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
    box-shadow: none;
    text-transform: capitalize;
    font-weight: bold;
    letter-spacing: 1px;
}

.btn-primary {
    color: #fff;
    background-color: #57b7dd;
    border-color: #57b7dd;
}

.btn-primary:hover {
    color: #000;
    background-color: #B7E1F7;
    border-color: #B7E1F7;
    box-shadow: none;
}

.btn-primary:focus,
.btn-primary.focus {
    color: #000;
    background-color: #B7E1F7;
    border-color: #B7E1F7;
    box-shadow: none;
}

.btn-secondary {
    color: #fff;
    background-color: #aeafae;
    border-color: #aeafae;
}

.btn-secondary:hover {
    color: #000;
    background-color: #ebeceb;
    border-color: #B7E1F7;
    box-shadow: none;
}

.btn-secondary:focus,
.btn-secondary.focus {
    color: #000;
    background-color: #ebeceb;
    border-color: #ebeceb;
    box-shadow: none;
}

.btn-info {
    color: #000;
    background-color: #B7E1F0;
    border-color: #B7E1F0;
}

.btn-info:hover {
    color: #fff;
    background-color: #293033;
    border-color: #293033;
    box-shadow: none;
}

.btn-info:focus,
.btn-info.focus {
    color: #fff;
    background-color: #293033;
    border-color: #293033;
    box-shadow: none;
}

.btn-light {
    color: #000;
    background-color: #ddd;
    border-color: #eee;
}

.btn-light:hover {
    color: #000;
    background-color: #fff;
    border-color: #fff;
    box-shadow: none;
}

.btn-light:focus,
.btn-light.focus {
    color: #000;
    background-color: #fff;
    border-color: #fff;
    box-shadow: none;
}

/* * HEADER * */
#main_menu a:link {
    color: white!important;
    font-weight: bold;
}

#main_menu a:hover {
    color: white!important;
    font-weight: bold;
    text-decoration: underline;
    text-underline-position: under;
}

#main_menu .nav-item:first-of-type a:hover {
    text-decoration: none;
}

input[type=search]:not(.browser-default):focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]),
.pg-main-cs-107 {
    border-bottom: 1px solid var(--blue);
    -webkit-box-shadow: 0 1px 0 0 var(--blue);
    box-shadow: 0 1px 0 0 var(--blue);
}

input:not([type]):focus:not([readonly]),
input[type=text]:not(.browser-default):focus:not([readonly]),
input[type=password]:not(.browser-default):focus:not([readonly]),
input[type=email]:not(.browser-default):focus:not([readonly]),
input[type=url]:not(.browser-default):focus:not([readonly]),
input[type=time]:not(.browser-default):focus:not([readonly]),
input[type=date]:not(.browser-default):focus:not([readonly]),
input[type=datetime]:not(.browser-default):focus:not([readonly]),
input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
input[type=tel]:not(.browser-default):focus:not([readonly]),
input[type=number]:not(.browser-default):focus:not([readonly]),
input[type=search]:not(.browser-default):focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid var(--blue);
    -webkit-box-shadow: 0 1px 0 0 var(--blue);
    box-shadow: 0 1px 0 0 var(--blue);
}

.dom-sign-up input:focus,
.dom-sign-up textarea:focus {
    border-bottom: 1px solid var(--blue)!important;
    -webkit-box-shadow: 0 1px 0 0 var(--blue))!important;
    box-shadow: 0 1px 0 0 var(--blue))!important;
}

ul:not(.list-unstyled) {
    padding-left: 40px;
    list-style-type: disc;
}

ul:not(.list-unstyled)>li {
    list-style-type: disc;
}

.modal-body {
    max-height: 600px;
    overflow: auto;
}

/* TEST */
.test-label {
    display: block!important;
    position: relative!important;
    padding-left: 35px!important;
    margin-bottom: 12px!important;
    cursor: pointer!important;
    font-size: 16px!important;
    -webkit-user-select: none!important;
    -moz-user-select: none!important;
    -ms-user-select: none!important;
    user-select: none!important;
    background: #eee!important;
    padding: 10px 10px 10px 45px!important;
}

.test-label input {
    position: absolute!important;
    opacity: 0!important;
    cursor: pointer!important;
}

.test-label:hover {
    background-color: #ecf7fc!important;
}

.checkmark {
    position: absolute!important;
    top: 10px!important;
    left: 10px!important;
    height: 25px!important;
    width: 25px!important;
    padding-left: 0px!important;
    background-color: #ccc!important;
    border-radius: 50%!important;
}

.test-label:hover input ~ .checkmark {
    background-color: #ff5722!important;
}

.test-label input:checked ~ .checkmark {
    background-color: #ff5722!important;
}

.checkmark:after {
    content: ""!important;
    position: absolute!important;
    display: none!important;
}

.test-label input:checked ~ .checkmark:after {
    display: block!important;
}

.test-label .checkmark:after {
    top: 9px!important;
    left: 9px!important;
    width: 8px!important;
    height: 8px!important;
    border-radius: 50%!important;
}

.test-label-is-correct {
    background: #d8f3b2!important;
}

.test-label .correct {
    position: absolute!important;
    top: 0px!important;
    left: 0px!important;
    height: 45px!important;
    width: 45px!important;
    background-image: url(assets/images/tick.png)!important;
    background-repeat: no-repeat!important;
    background-position: center!important;
    background-size: 75%!important;
}

.test-label .incorrect {
    position: absolute!important;
    top: 0px!important;
    left: 0px!important;
    height: 45px!important;
    width: 45px!important;
    background-image: url(assets/images/cross.png)!important;
    background-repeat: no-repeat!important;
    background-position: center!important;
    background-size: 75%!important;
}

[type="radio"]+span:before,
[type="radio"]+span:after {
    background: transparent!important;
    border: none!important;
}

.test-label .checkmark:after {
    background: transparent!important;
}

table+ul,
table+p {
    margin-top: 20px;
}

/* Materialize Overrides */
.modal {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    background-color: transparent;
    padding: 0;
    max-height: 70%;
    width: 55%;
    margin: auto;
    overflow-y: auto;
    border-radius: 2px;
    will-change: top, opacity;
    box-shadow: none;
    -webkit-box-shadow: none;
}