.background_fixation {
    background-image: url("../../../assets/images/backgrounds/itms_background_logo_25.png");
    /* Center and scale the image nicely */
    background-position: bottom -700px right -240px;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: 1620px;
}

content {
    margin: 40px;
}

header {
    margin-bottom: 23px;
    margin-top: -8px
}

main {
    display: flex;
    width: 100%;
    margin-bottom: 5%;
}

/* .container {
    min-height: 500px;
} */

.text_align_center {
    text-align: center;
}

.text_align_left {
    text-align: left;
}

/* ### Header */
.main_logo img {
    width: 150px;
    height: 45px;
    margin-left: 40px;
}

.navigation_container {
    /*display: block;
    min-height: 100px;
    margin-top: 13px;
    margin: 17px;
    padding: 0 25px;
        }
.navigation_bar{
    border-radius: 50px;
    margin-left: 32px;
    margin-right: 32px;*/
    /* border-radius: 15px; */
}

/*.navigation_left {
    float: left;
}

.navigation_right {
    float: right;
}*/

/*.navigation_container li {
    display: inline-block;
    margin-top: -1px;
    padding: 15px 20px;
}*/

.navigation_anker_icons {
    display: inline-block;
    width: 20px;
    margin: 0 5px -4.5px 0;
}

.border_right {
    border-right: 1px solid #bdbfc1;
}

.column {
    display: inline-block;
    width: 40%;
    padding: 0 5rem;
}
.welcome_title_container
{
    margin-bottom: 12px;
}
/* TODO: Sort into Components folder after review. */
/* 
    TODO: Name the Component classes i.e.: .footer__title 
        https://codepen.io/mikekaufmann000/pen/JeNxXG 
*/
.legend_title {
    text-align: center;
    font-family: 'roboto_light';
    font-size: 2rem;
    margin-bottom: 5px;
}

.error_message {
    font-size: .2rem;
    text-align: center;
    color: #ed3237;
    margin-bottom: 20px;
}
.succes_message {
    font-size: .2rem;
    text-align: center;
    color: #00AA00;
    margin-bottom: 20px;
}
.label_radio_option {
    padding-right: 20px;
}

.radio_button {
    border: 5px solid #000;
    padding: 20px;
}

.input_field_icon_placeholder {
    padding-left: 33px !important;
}

.input_field_icon {
    position: absolute;
    width: 20px;
    margin: 11px 0 0 283px;
}

.input_field {
    width: 100%;
    min-width: 320px;
    max-width: 320px;
    background-color: #eee;
    margin-bottom: 20px;
    padding: 10px 40px;
    border: none;
    border-radius: 10px;
    outline: none;
}

.textarea_field {
    width: 100%;
    min-width: 320px;
    max-width: 320px;
    height: 220px;
    min-height: 100px;
    max-height: 320px;
}

.instruction_information {
    font-size: 1rem;
    margin: 0 auto 20px auto;
    max-width: 280px;
}

.confirmation_button {
    font-family: "roboto_bold";
    width: 100%;
    min-width: 320px;
    max-width: 320px;
    background-color: #eee;
    margin-bottom: 10px;
    padding: 10px 20px;
    border: none;
    border-radius: 10px;
    outline: none;
}

.login_help_anker {
    font-size: .8rem;
    display: block;
    text-align: center;
    text-decoration: underline;
}

/* ### Footer */
footer {
    text-align: center;
}


.n/*avigation_container li:hover {
    
    background-color: #c4c4c4;
}

.navigation_left li:active {
    background-color: #ffdb3a;
}

.navigation_left li:focus {
    background-color: #ffdb3a;
}




.navigation_right li:hover {
    height: 41px;
}

.navigation_right li:active {
    background-color: #ffdb3a;
}

.hoverActiveFix a:focus {
    background-color: #ffdb3a;
}*/

/*ul li.hoverActiveFix:active {
    background-color: #ffdb3a;
}

ul li.hoverActiveFix:first-child:focus {
    background-color: #ffdb3a;
}*/

/*.column_03 .column_02 {
    margin-left: 130px;
}*/