@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@200..800&family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');

/* p {
    font-size: 18px;
} */

#iframe_ajax {
    border: none;
    height: 1px;
    width: 1px;
}

#cookie_notice {
    background: var(--bdmc-primary);
    color: white;
    bottom: 0;
    left: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    position: fixed;
    right: 0;
    z-index: 9999;
    display: none;
}

#cookie_notice .container {
    position: relative;
}

#cookie_notice .btn {
    position: absolute;
    top: -5px;
    right: 5px;
}

#cookie_notice span {
    display: inline-block;
    margin-right: 70px;
}

#cookie_notice a {
    color: black;
    text-decoration: none;
}

#cookie_notice a:hover {
    color: black;
    text-decoration: underline;
}

/* #navbar {
    background: white;
    min-height: 80px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.07);
    font-size: 17px;
    font-weight: 700;
    line-height: 80px;
    text-transform: uppercase;
}

#navbar .navbar-brand {
    padding: 0px;
    margin-left: 40px;
}

#navbar .navbar-brand img {
    height: 80px;
}

#navbar .navbar-toggle {
    margin-top: 22px;
}

#navbar .navbar-header {
    height: 80px;
}

#navbar li a {
    display: inline;
    line-height: 80px
}

#navbar #nav_logged_out {
    display: table
}

#navbar #nav_logged_admin {
    display: none
}

#navbar #nav_logged_banker {
    display: none
}

#navbar #nav_logged_teacher {
    display: none
}

#navbar.logged_admin #nav_logged_out {
    display: none
}

#navbar.logged_admin #nav_logged_admin {
    display: table
}

#navbar.logged_banker #nav_logged_out {
    display: none
}

#navbar.logged_banker #nav_logged_banker {
    display: table
}

#navbar.logged_teacher #nav_logged_out {
    display: none
}

#navbar.logged_teacher #nav_logged_teacher {
    display: table
} */

html body {
    font-family: Dosis;
    height: 100%;
}

body {
    background: url("../images/assets/bg_l-ff2b0fa31d793270765b56206f172ee5.png") no-repeat left 80px, url("../images/assets/bg_r-bb9bb414b3f4f1b3f93f3a0a6de68b95.png") no-repeat right 80px, url("../images/assets/bg-27f614f05ddc5be5bd7f5033a31e4680.jpg") repeat-x left 80px;
    padding-bottom: 50px;
}

/* .panel-footer .btn+.btn {
    margin-left: 5px;
} */

.panel-footer .pull-right+.pull-right {
    margin-right: 5px;
}

.panel-footer .pull-right {
    margin-left: 0px !important;
}

.panel-footer input[type=text] {
    float: left;
    margin-left: 5px;
    width: 350px;
    background: white !important;
}

h1 {
    font-size: 34px;
    color: var(--bdmc-primary);
    text-align: center;
}

h1::first-letter {
    text-transform: uppercase;
}

label {
    font-size: 20px;
    margin-bottom: 5px;
    font-weight: normal;
}

label::first-letter {
    text-transform: uppercase;
}

hr {
    border: none;
    background: url("../images/assets/separator-461e2231df5e2f24a85919b3252733c4.png") no-repeat top center;
    height: 16px;
    opacity: 1;
}

a {
    color: var(--bdmc-primary);
    text-decoration: none;
}

a:hover{
    text-decoration: underline;
}

#main {
    padding-top: 100px;
}



.d-block {
    display: block;
}

.container {
    max-width: 1600px;
    margin: auto;
    padding: 0;
    width: 100%;
}

.container p {
    margin-bottom: 10px;
    /* font-size: 18px; */
}



.date_alert {
    margin-top: 15px;
}





.pagination {
    margin: 0;
}

.table_paginate_hidden .pagination {
    visibility: hidden;
}

.filters {
    margin-top: 5px;
    border-bottom: 1px solid #DDDDDD
}

.filters label {
    font-size: 16px;
    font-weight: bold;
    margin: 4px;
}


.radio label {
    font-size: 17px;
}

.empty {
    font-style: italic;
    text-align: center;
    color: darkgrey;
    margin-top: 20px;
}

.btn+.empty {
    margin-bottom: 20px;
}

.stepper {
    font-family: "PT Sans";
    text-transform: uppercase;
    border-radius: 4px;
    background-color: #d9edf7;
    border-color: var(--bdmc-primary);
    color: #31708f;
    height: 50px;
    margin-bottom: 25px;
}

form #s1 {
    display: none;
}

form #s2 {
    display: none;
}

form #s3 {
    display: none;
}

form.s1 #s1 {
    display: block;
}

form.s2 #s2 {
    display: block;
}

form.s3 #s3 {
    display: block;
}

.stepper>div {
    float: left;
    width: 25%;
    height: 100%;
    text-align: center;
    position: relative;
}

.stepper>div>div {
    position: absolute;
    text-align: center;
    z-index: 1000;
    top: 0;
    bottom: 0;
    left: 25px;
    right: 0;
    padding-top: 15px;
    padding-bottom: 15px;
}



.stepper>div:first-child>div {
    right: 15px;
}

.stepper>div:last-child>div {
    right: 15px;
}

.stepper>div:after {
    content: " ";
    border-top: 1px solid var(--bdmc-primary);
    border-right: 1px solid var(--bdmc-primary);
    height: 36px;
    width: 36px;
    transform: rotate(45deg);
    display: block;
    position: absolute;
    top: 7px;
    right: -16px;
    background-color: #d9edf7;
    z-index: 999;
}

.stepper>div:last-child:after {
    display: none;
}

.invitations {
    margin-top: 20px;
    text-align: center;
}

form .stepper div>div:first-child {
    display: none;
}

form.s1 .stepper .s1 {
    width: 50%;
    background: var(--bdmc-primary);
    color: white;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

form.s1 .stepper.m2 .s1 {
    width: 75%;
}

form.s1 .stepper .s1:after {
    background: var(--bdmc-primary);
}

form.s1 .stepper .s1>div:first-child {
    display: block;
}

form.s1 .stepper .s1>div:last-child {
    display: none;
}

form.s2 .stepper .s2 {
    width: 50%;
    background: var(--bdmc-primary);
    color: white;
}

form.s2 .stepper.m2 .s2 {
    width: 75%;
}

form.s2 .stepper .s2:after {
    background: var(--bdmc-primary);
}

form.s2 .stepper .s2>div:first-child {
    display: block;
}

form.s2 .stepper .s2>div:last-child {
    display: none;
}

form.s3 .stepper .s3 {
    width: 50%;
    background: var(--bdmc-primary);
    color: white;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

form.s3 .stepper .s3>div:first-child {
    display: block;
}

form.s3 .stepper .s3>div:last-child {
    display: none;
}

.questionnaire input:invalid+span {
    border-bottom: 2px dotted red
}

.questionnaire_stats .form-group {
    width: 50%;
    float: left;
    padding: 5px;
}