$carousel-control-color: $white;
$carousel-caption-color: $white;

.nowrap {
    white-space: nowrap;
}

html, body {
    margin: 0 0 0 0;
    width: 100%;
    overflow-x: hidden;
    background-color: #F7F7F7;
    font-family: 'PT Sans', sans-serif;
    font-size: 14px; /*62.5%; font-size 1em = 10px on default browser settings */
    line-height: unset;
}

.container {
    margin: 5px auto 0rem auto !important;
    max-width:  initial;
}

a.white-color {
    color: white !important;
}

p, table, tr, td {
    font-size: 1.07rem;
}

h5 {
    font-size: calc(1.2rem + .2vw);
}

h6 {
    font-size: 1.1rem;
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

label{
    margin-top:0;
}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.center2 {
    margin-left: auto;
    margin-right: auto;
}

.btn-sm {
    margin-right: 1rem;
    font-size: 1rem;
    padding: 0.2rem 0.4rem;
}

.panel{
    padding-bottom:1rem
}

.panel-header {
    padding: 1rem;
}

.panel-body {
    padding: 4px;
}

.panel-footer {
    padding: 1rem;
}

.errorlist {
    margin-top: 5px;
    margin-bottom: 0px;
    font-size: 1.1rem;
    font-weight: bold;
}

.modal-content {
    background-color:  floralwhite;
}
/*
input, textarea {
    background-color: #e2e2ea !important;
}
*/
.btn-success {
    background-color: #28a745 !important;
}
btn-primary {
    background-color: #0d6efd !important;
}
.btn-secondary {
    background-color: lightgrey !important;
}
btn-info {
    background-color: grey !important;
}

input#id_username.form-control {
    /* font-size: 1.2rem; */
    padding: 0.2rem 1rem;
    height: 2.5rem;
}

input#id_password.form-control {
    font-size: 1.2rem;
    padding: 0.2rem 1rem;
    height: 2.5rem;
}

input.simple-field-class {
    /*font-size: 1.3rem;*/
    padding: 0.2rem 1rem;
    height: 2.2rem;
    width: 100%;
    line-height: normal;
    color: black;
    background-color: ghostwhite;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 255, .2);
}

    input.simple-field-class.check {
        width: auto;
        height: auto;
    }
input#number.simple-field-class {
    max-width: 8rem;
    min-width: 6rem;
}

input:disabled, select:disabled {
    color: darkgray
}
/*
input[type=checkbox], input[type=radio] {
    box-shadow: none;
    width: auto;
}*/
select.simple-field-class {
    font-size: 1rem;
    padding: 0.2rem 1rem;
    height: 2.2rem;
    line-height: normal;
    color: black;
    background-color: ghostwhite;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 255, .2);
}

select.custom-select {
    font-size: 1.3rem;
    padding: 0.2rem 1rem;
    height: 2.2rem;
    line-height: normal;
    color: black;
    background-color: ghostwhite;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 255, .2);
}

textarea.simple-field-class {
    font-size: 1rem;
    padding: 0.2rem 1rem;
    display: block;
    width: 100%;
    line-height: normal;
    color: black;
    background-color: ghostwhite;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 255, .2);
}

input#id_email {
    /*font-size: 1.2rem;
    padding: 0.2rem 1rem;*/
    height: 2rem;
    line-height: normal;
    color: black;
    background-color: ghostwhite;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 255, .2);
}


select#id_prefer_lang {
    line-height: normal;
    color: black;
    background-color: ghostwhite;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 255, .2);
}

.select-select-lang {
    margin-left: 8px;
    background-color: #C8CCF7 /*  #ebedf3  #191919;   black;*/
}

.input-select-lang {
    background-color: #19384E; /* #191919;   black;*/
    margin-bottom: 2rem;
}

footer {
    background-color: #19384E; /* #191919;*/
    color: #8285B5;
    padding: 0 0 0 1rem;
}
    footer h5, footer h6 {
        color: #DADCF2;
        margin-top: 14px;
        font-weight: bold;
    }
     footer img {
        height: 8rem;
        margin-top: 0;
        margin-bottom:1rem
    }

    footer ul {
        margin-bottom: 0;
    }
    footer li {
        margin: 1rem 0 0.5rem 0
    }
    footer a, footer p {
        font-size: 0.9rem;
        text-decoration: none;
        font-weight: 300;
        color: #B3B8F9;
    }
        footer a:hover {
            text-decoration: none;
            color: #FFF;
        }
    footer address {
        color: #B3B8F9;
        display: block;
        padding-bottom: 0;
        margin-bottom: 1rem
    }
    footer #email {
        padding: 0 0 0 0;
        font-weight: lighter;
        border-color: #19384E;
        color: #B3B8F9;
        background-color: #19384E; /* #191919;*/
}
div#copyright.col-sm-10 {
    height: 3rem;
    font-size: 1rem;
}

.fab.fa-google {
    font-size: 1rem;
    color: #4285F4;
}
.fab.fa-facebook-f {
    color: #0000FF;
}
.fab.fa-twitter {
    color: #55ACEE;
}
.fab.fa-linkedin {
    font-size: 1.4rem;
    color: #0077b5;
}
.fab.fa-instagram {
    background-image: url(/static/images/site_images/insta_back.jpg);
    padding:2px;
    color: white;
}
.fab.fa-youtube {
    font-size: 1.4rem;
    padding: 3px;
    color: #FF0000;
}

ul#profile-item {
    margin-left: 1rem;
    margin-right: 0.5rem;
    padding-left: 1rem;
    padding-right: 0.5rem;
}

#profile-item li {
    font-size: 1rem;
    color: white;
    height: 2rem;
    margin-bottom: 0.5rem;
}

.simple-header {
    margin-top: 1rem;
    margin-left: 3rem;
    margin-right: 3rem;
}

.article-subject {
margin-top: 1rem;
margin-left: 1rem;
margin-right: 1rem;
}

.header-under-navbar {
    margin-top: 5rem;
    margin-left: 3rem;
    margin-right: 3rem;
}

.attention {
    color: red;
}

.header-under-menu {
    margin-top: 1rem;
    margin-left: 1rem;
    margin-right: 1rem;
}

.form-control-sm {
    font-size: 0.9rem;
    letter-spacing: 1px;
}

.simple-form {
    margin: 1rem;
}
    .simple-form th {
        min-width: 4rem;
    }
    .simple-form label {
        font-size: 1rem;
        font-weight: normal;
        line-height: 90%;
        max-width: 80%;
    }

    .simple-form .helptext {
        margin-top: 0;
        margin-left: 1rem;
        font-size: 0.9rem;
        font-style: italic;
    }

    .simple-form input,
    .simple-form button,
    .simple-form select,
    .simple-form textarea {
        margin-right: 1rem;
        padding: 0.2rem 0.4rem;
    }

    .simple-form br {
        height: 0;
    }

div .collapse .navbar-collapse {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.navbar {
    margin-bottom: 0;
    border: 0;
    background-color: #19384E !important;
    margin: 0 0 0 0;
}

nav .navbar-brand {
    padding: 0 0 0 0;
}

.nav-link.bar {
    font-weight: normal;
    font-size: 1rem;
    letter-spacing: 1px;
    color: rgba(255,255,255,.75);
}

li.nav-item.bar, .nav-link.bar {
    margin: 1px 0 0 1px;
    background-color: #19384E !important;
    border: 0;
    border-radius: 0;
}
.navbar-dark .navbar-nav .nav-link.bar {
    color: rgba(255,255,255,1.0);
}

.nav-link.nav-start {
    font-weight: normal;
    font-size: 1.1rem;
    letter-spacing: 1px;
    color: rgba(0,255,255,1)
}

.nav-link.tab {
/* margin: 1px 1px 1px 1px;
    color: black;
    font-weight: normal;
    font-size: 1rem;
    background-color: ghostwhite !important;
    margin-bottom: -1px;
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    */
}
    .nav-link.tab.active {
        background-color: ghostwhite !important;
        /* color: black;
    font-weight: bold;
    border: 1px solid black !important;
    color: #495057;
    border-color: #dee2e6 #dee2e6 #fff;
        */
    }
.tab-content > .active {
    font-size: 1.2rem !important;
    padding: 0 1rem 0 1rem;
    background-color: ghostwhite !important;
    /*    transition: opacity .15s linear;
    */
}

nav img {
    float: left;
    height: 4rem;
    width: auto;
    border: 2px solid #19384E !important;
    vertical-align: top;
}

.collapse .navbar-collapse {
    color: #19384E;
    padding-right: 0;
    padding-left: 0;
}

li.nav-item.dropdown {
    margin: 2px 0 0 1px;
    background-color: #19384E !important;
    border: 0;
    border-radius: 0;
}

ul.navbar-nav {
    margin:0 0 0 0;
}

a .nav-link.bar {
    padding: 0 0 0 1rem;
    padding-bottom: 0;
    color: white;
}

a .nav-item.bar {
    padding-top: 0 0 0 1rem;
    padding-bottom: 0;
    color: white;
}

#login-error {
    margin-top: 0;
    font-size: 2rem;
    color: red;
}

#login div .panel-heading {
    font-size: 2rem;
}

#bottom-button {
    margin: 0;
    padding: 1rem;
}

#captcha-div {
    margin-bottom: 1rem;
}

.list-link {
    padding: 5px!important;
}

.picture-link {
    font-size: 14px;
}

.btn-secondary {
    color: black;
    background-color: lightgrey;
    border-color: gray;
}

#login-error {
    margin-top: 0;
    font-size: 1.5rem;
    color: red;
}

#login div .panel-heading {
    font-size: 1.5rem;
}

.rc-anchor {
    margin: 2rem;
}

.form-control {
    width: 50%;
    border: 0px;
}
.a-card {
    margin-left: 0rem;
    color: darkcyan;
    font-size: 1.2rem;
    font-weight: normal;
    text-decoration: none;
}
    .a-card:hover {
        color: blue !important;
    }
    .a-card.card-title {
        font-size: 1.5rem;
        text-align: center;
        color: black;
        text-transform: uppercase;
        padding-right: 1rem;
        letter-spacing: 1px;
    }
    .a-card.card-list {
        font-size: 1rem;
        font-weight: bold;
    }
    .a-card.cookie {
        font-size: 1rem;
    }
.section-legal p, .section-legal li {
    font-size: 0.8rem;
}
.section-legal h5  {
    font-size: 1rem;
}

.modal-text{
    font-size: 1.1rem
}

.btn-as-text {
    margin-left: 0rem;
    font-size: 1.2rem;
    color: darkcyan;
    font-weight: normal;
    background-color: inherit;
    border: 0;
    text-decoration: none;
}

.pages {
    margin: 0 0 2rem 1rem;
    font-size: 1.3rem;
    color: darkcyan;
    font-weight: bold;
    background-color: inherit;
    border: 0;
    text-decoration: none;
}
.subj-tree {
    font-weight: bold !important;
    font-size: 1.3rem !important;
    background-color: rgb(255 255 255) !important;
    text-align: left;
    letter-spacing: 1px;
    line-height: 130%;
    padding-left: 1rem;
}

.fab, .fas, .far {
    font-weight: 900;
    color: cyan;
}

    .fab.fa-facebook-f.foot {
        font-size: 1.4rem;
        color: #0089FF;
    }

    .fab.fa-twitter.foot {
        font-size: 1.4rem;
        color: #55ACEE;
    }

    .fab.fa-linkedin-in.foot {
        font-size: 1.2rem;
        color: white;
    }

    .fab.fa-instagram.foot {
        background-image: url(/static/images/site_images/insta_back_foot.jpg);
        font-size: 1.4rem;
        padding: 4px;
        color: white;
    }

    .fab.fa-youtube.foot {
        padding: 3px;
        color: #FF0000;
    }


.h5-cube {
    line-height: normal;
}

.modal-content {
    max-width: 34rem;
}

embed {
    height: 30rem;
    width: 29rem;
}
.article-picture {
    min-width: 18rem;
    max-width: 18rem;
    margin: 0 2rem 1rem 0;
}
.article-picture2 {
    min-width: 30rem;
    max-width: 30rem;
    margin: 0 2rem 1rem 0;
}
.article-lead {
    text-align: left;
    font-weight: 700;
    background-color: aliceblue;
    padding: 1rem;
}
.text-columns {
    column-count: 2;
    column-gap: 1.5rem;
    text-align: justify
}
.article-thumbnail {
    /*max-width: none !important;
    height: auto;
    width: 8rem !important;*/
}
p.span-text {
    column-span: all !important;
    text-transform: uppercase;
    color: midnightblue;
    font-weight: 400;
    text-decoration: none;
    background-color: antiquewhite;
    margin: 1rem;
    border: 2px solid #dedbdb;
    border-radius: 4px;
    padding: 1rem;
}
div.span-photo {
    column-span: all !important;
    background-color: antiquewhite;
    margin: 1rem;
    padding: 1rem;
}
.font-lobster {
    color:darkslategrey;
    font-family: 'Lobster', cursive;
    font-size: 1.8rem;
    line-height:1 ;
}
.font-pt-sans-caption {
    color: #7C4B45;
    font-family: 'PT Sans Caption', sans-serif;
    font-size: 1rem;
    line-height: inherit;
    letter-spacing: 1px;
}

.answer-card {
    background-color: #19384E;
    border-radius: 4px;
    position: relative;
}

.answer-card:hover {
    box-shadow: 5px 5px 10px #FCFFBF;
}

.subject-row {
    margin-bottom: 0px;
    background-color: white;
    border-style: dashed;
    border-color: white;
    border-width: 0px;
    border-radius: 10px;
    padding-bottom: 3px;
}

.subject-checkbox {
    /*font-family: 'DejaVu Sans'; 'Lobster';  cursive;
      font-weight: 400;
    */
    font-size: 1rem;
    /*font-variant: small-caps;*/
    text-transform: uppercase;
    margin-top: 2px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    font-family: 'Font Awesome 5 Brands';
    font-weight: bold;
    font-style: italic;
    letter-spacing: 2px;
    line-height: 120%;
    color: #0000DD;
}

    .subject-checkbox[type=checkbox] {
        border: 1px solid #0d6efd;
        border-radius: .25em;
    }

.subject-checkbox.form-check-input {
    width: 1.3rem;
    height: 1.3rem;
    margin-top: -3px;
}

.question-checkbox {
    position: absolute;
    left: 1.3rem;
    top: 0.6rem;
    width: 1.3rem;
    height: 1.3rem;
}
    .question-checkbox[type=checkbox] {
        border: 3px solid #19384E;
        border-radius: .25em;
    }
    .question-checkbox:checked {
    background-color: #19384E;
    border: 2px solid yellow;
    }
    .question-checkbox:focus {
        border: 2px solid yellow;
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(13,110,253,.25);
    }

.question-checkbox-text {
    color: lemonchiffon;
    font-size: 1.2rem;
    font-weight: normal;
    padding: 0.4rem 0.3rem 0rem 3rem;
    line-height: 1.2;
    letter-spacing: 1px;
}

.question-radio {
    position: absolute;
    left: 1rem;
    top: 0.6rem;
    width: 1.3rem;
    height: 1.3rem;
}
.subject-radio {
    width: 1.3rem;
    height: 1.3rem;
}
/*    .question-radio[type=radio] {
        border: 3px solid #19384E;
        border-radius: .25em;
    }
    .question-radio:checked {
        background-color: #19384E;
        border: 2px solid yellow;
    }
    .question-radio:focus {
        border: 2px solid yellow;
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(13,110,253,.25);
    }
*/


div.card.mb-3.answer-card {
    margin: 0 2rem 0 0;
    padding: 0 0.2rem 0 0;
}

div.card.answer-card.answ-checked {
    background-color: darkcyan;
    /*letter-spacing: 1px !important;*/
}
button.btn {
    font-size: 1.2rem;
    letter-spacing: 2px;
}

p.cards-footer {
    margin-bottom: 0rem;
}

p.card-text-intro {
    font-size: 1.1rem;
    letter-spacing: 2px;
}

div.card-text {
    background-color: rgba(255, 255, 255, 0.6);
    border: 4px solid rgba(255, 255, 255, 0.1);
    font-size: 1.07rem;
}

div.at-expanding-share-button-click-flash + span {
    background-color: #B3B8F9 !important;
}

.row {
    padding-right: 0;
    padding-left: 0;
}

a#navbarDropdown.nav-link.dropdown-toggle {
    color: white !important;
    letter-spacing: 1px;
}

a.dropdown-item {
    font-size: 1.2rem;
    line-height: 2rem;
    letter-spacing: 2px;
}

.dropdown-menu {
    background-color: #FAFAFA;
    width: 18rem;
}

.ad-label {
    font-size: 0.5rem;
    line-height: 6px;
    z-index: 100;
    margin: 0 0 -4px 4px;
}

.ad-label2 {
    font-size: 0.5rem;
    line-height: 6px;
    z-index: 100;
    margin: 0 0 -18px 0;
}

.partner-banner {
    margin: 0 0 0 0;
    /*background-color: #FAFAFA; C8CCF7  -  lang select*/
}

.partner-banner-text {
    color: white !important;
    font-size: 1.3rem;
    font-style: italic;
    line-height: 1rem;
    z-index: 100;
    margin: -40px 0 40px 10px;
}
    /*
.modal:nth-of-type(even) {
    z-index: 1062 !important;
}

.modal-backdrop.show:nth-of-type(even) {
    z-index: 1061 !important;
}
*/