:root{
    --color-main:#403379;
    --color-main-alt:#54449f;
    --color-main-light:#8e81c5;
}
*{
    box-sizing: border-box;
}
.video-player{
    background-color: black;
    box-shadow:5px 5px 30px rgba(0,0,0,0.5);
}
body{
    background-color: rgb(25, 54, 54);
    display:flex;
    align-items: center;
    justify-content: center;
    margin:0px;
    font-family: Roboto;
    color:#4e4e4e;
}
li{
    margin-bottom:10px;
}
p.smaller{
    margin-left:10pt;
    margin-top:5px;
    margin-bottom:5px;
}
p.smallest{
    margin-left:10pt;
    margin-top:0px;
    font-size:10pt;
}
a.afooter{
    color:#ffffff;
    text-decoration: none;
}
a.afooter:hover{
    text-decoration: underline;
}
a{
    color: var(--color-main);
}
a.a-menu{
    text-decoration: unset;
    color:unset;
}
.error-message{
    font-size:10pt;
    margin-top:-15px;
    margin-bottom:5px;
    color:#ff0000;
}
.error-message.hidden{
    visibility: hidden;
}
#main-holder{
    display:flex;
    flex-direction: column;
    width:90%;
    background-color:#fff;
    max-width:1000px;
    margin-bottom:50px;
}

.menu{
    background-color: var(--color-main);
}

.menu ul{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    overflow: hidden;   
}

.menu li{
    float:left;
    margin: 0px;
    color: #ffffff;
}
.menu li:last-child{
    float:right;
}
.menu li:only-child{
    float:left;
}
.menu li a.lgo:before{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f007";
    margin-right:5pt;
}

.menu li a.lgn:before{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f2f6";
    margin-right:5pt;
}

.menu li a{
    color: #ffffff;
    display: block;
    text-align: center;
    padding: 13px 15px 13px 15px;
    text-decoration: none;
    transition: 0.3s;
}

.menu li a:hover{
    background-color:var(--color-main-alt);
    transition: 0.3s;
}

.main-image{
    background-image: url('images/main_bg4.png');
    height:300px;
    background-size:cover;
    display: flex;
    justify-content: flex-start;
}
.logo-image{
    position: relative;
    margin:40px;
    max-height:160px;
}
.footer{
    background-color: var(--color-main-alt);
    height:200px;
    display:flex;
    flex-direction: row;
    color:#ffffff;
    padding:60px;
    padding-top:30px;
}
.footer-end{
    display:flex;
    justify-content: center;
    padding-top:8px;
    padding-bottom:8px;
    background-color: var(--color-main-light);
    color:#ffffff;
}
.footer-info{
    flex:1;
}
.footer-info:first-child{
    margin-right:20px;
}
.footer-info:last-child{
    margin-left:20px;
}
.footer-menu ul{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    line-height: normal;
}
.footer-menu li{
    margin:0px;
}
.footer-menu li a{
    color: #ffffff;
    display: block;
    padding: 0px 0px 0px 0px;
    text-decoration: none;
}


.article-holder-main{
    display: flex;
    flex-direction: column;
    padding:60px 60px 60px 60px;
}
.article-holder{
    display: flex;
    flex-direction: column;
    margin-bottom:10px;
}
.article-holder.row{
    flex-direction: row;
}
.article-holder.centered{
    justify-content: center;
    align-items: center;
}
.article-wide{
    flex:1.4;
}
.article-wide:first-child{
    margin-right:15px;
}
.article{
    flex:1;
}
.article:first-child{
    padding-right:30px;
}
.article:only-child{
    margin-left:0px;
}
.article:last-child{
    margin-left:15px;
}
h2{
    margin-top:0px;
}
h3{
    margin-top:0px;
    margin-bottom:4px;
}
.spinner-holder{
    flex:1;
    height:40px;
    min-width:400px;
    display:flex;
    align-items: center;
    justify-content: center;
}
.spinner-holder.padded{
    height:20px;
    padding-bottom:20px;
}
.spinner-holder.hidden{
    visibility: hidden;
}
.spinner-holder.red{
    color:#ff0000;
    font-size:10pt;
}

.list-holder{
    display:flex;
    flex-direction: row;
    font-size:10pt;
    margin-bottom:15px;
}
.list-icon{
    display:flex;
    align-items: center;
    font-size:50px;
    color:#8d8d8d;
    margin-right:15px;
}
.list-item{
    flex:1;
}

.login{
    max-width:450px;
    margin-top:-250px;
    background-color: #ffffff;
    padding:40px;
    border-radius: 40px;
}
.contact{
    margin-top:0px;
    padding-top:0px;
}
.rectext{
    display:none;
    visibility: hidden;
}

.login form {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.login form label {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 50px;
    height: 50px;
    padding-left:8px;
    background-color: #3e6089;
    color: #ffffff;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    flex:0;
}
.login form label.long {
    padding-left:40px;
    padding-right:35px;
}
.lblrow{
    flex:1;
    display:flex;
    flex-direction: row;
}

.login form input[type="password"], .login form input[type="text"] {
    height: 50px;
    border: 1px solid #dee0e4;
    margin-bottom: 20px;
    padding: 0 15px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;   
    flex:1;
}
.login form input:focus{
    border:1px solid #3e6089;
}
.login form input[type="submit"]{
    height: 50px;
    border: 0px;
    border-radius: 25px;
    background-color: #3e6089;
    color: #ffffff;
    min-width:150px;
}

textarea{
    flex:1;
    border-radius: 25px;
    border: 1px solid #dee0e4;
    resize: none;
    padding:15px;
    height: 250px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size:12pt;
    margin-bottom:20px;
}

.login form input[type="submit"]:active{
    background-color: #6f97c7;
    outline:none;
}
.login form input[type="submit"]:focus{
    background-color: #6f97c7;
    outline:none;
}

*:focus {
    outline: 0;
    border-color:#3e6089;
}
input:required {
    box-shadow: none;
}
::-moz-focus-inner {
    border:0;
}
table{
    font-size:10pt;
    border-collapse: collapse;
    width:100%;
}
thead{ 
    color:#ffffff;
    margin-bottom:15px;
    font-weight: bold;
    font-size:12pt;
}
th{
    height:40px;
    background-color:#3e6089;
    margin:0px;
    font-weight: bold;
}
th:first-child{
    border-top-left-radius:10px;
}
th:last-child{
    border-top-right-radius:10px;
}
tbody{

}
tr{
    height:30px;
    font-weight: bold;
}
tr:nth-child(odd){
    background-color: #e6eef8;
}
td{
    padding-left:10px;
}