/*
*, body{
color: #4E4E4E;
}
*/

a,
a:hover{
color: inherit;
}

.text-poppins{
font-family: 'Poppins', sans-serif;
}

.text-montserrat{
font-family: 'Montserrat', sans-serif;
}

.text-extra{
font-weight: 800;
}

.text-medium{
font-weight: 500;
}

.text-bold{
font-weight: 700;
}

.text-semi-bold{
font-weight: 600;
}

.text-underline{
text-decoration: underline;
}

/* BACKGROUND & COLOR*/

.color-blue{
color: #2E6F9B;
}

.color-black{
color: #1A1A1A;
}

.color-red{
color: #DC2814;
}

.color-grey{
color: #4E4E4E;
}

.color-light-grey{
color: #A2A2A2;
}

.background-blue{
background-color: #1e5b8a;
}

.background-light{
background-color: #F0F1F2;
}

.background-grey{
background-color: #D8D8D9;
}

.background-footer{
background-color: #ff9027;
}

.background-modern{
background-image: url('../img/background_moder.jpg.html');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
min-height: 200px;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::before{
background-color: #dc2714;
}

/* TEXT */

.text-multiline{
margin-top: 0px;
margin-bottom: 0;
}

/* NAVBAR */

.navbar-light .navbar-nav .nav-link{
color: #1A1A1A !important;
text-transform: uppercase;
}

.navbar-light .navbar-nav .active .nav-link{
border-bottom: 2px solid #2E6F9B;
}

.navbar-light .navbar-nav .nav-link:hover{
border-bottom: 2px solid #2E6F9B;
}

/* SURVEY */

#regForm{
background-color: #ffffff;
margin: 100px auto;
font-family: Raleway;
padding: 40px;
width: 70%;
min-width: 300px;
}

h1{
text-align: center;
}

/* input{
padding: 10px;
width: 100%;
font-size: 17px;
font-family: Raleway;
border: 1px solid #aaaaaa;
} */


/* Mark input boxes that gets an error on validation: */

input.invalid{
background-color: #ffdddd;
}

/* Make circles that indicate the steps of the form: */

.step{
height: 15px;
width: 15px;
margin: 0 2px;
background-color: #bbbbbb;
border: none;
border-radius: 50%;
display: inline-block;
opacity: 0.5;
cursor: pointer;
}

.step.active{
background-color: #ff0000;
opacity: 1;
}

/* Mark the steps that are finished and valid: */

.step.finish{
background-color: #4CAF50;
}

/* Stuff from old */

h3{
margin-bottom: 16px;
/*color: #1e5b8a;*/
}

.content h3{
font-size: 18px;
text-transform: uppercase;
font-weight:bold;
}
html, body {margin: 0;}
body {display: flex; flex-direction: column;}
.content {flex: 1;}