body{
    margin: 0;
    font-family: Poppins, sans-serif;
}

/* GENERAL */
a,
address,
article, 
aside, 
blockquote, 
button, 
dd, 
div, 
dl, 
dt, 
figcaption, 
figure, 
footer, 
form, 
h1, 
h2, 
h3, 
h4, 
h5, 
h6, 
header,
hr,
input,
label, 
li, 
main,
nav, 
ol, 
p, 
pre, 
section, 
table, 
textarea,
ul, 
video {
    box-sizing: border-box;
}

header h1,
header h2,
header h3,
header h4,
header h5,
header h6{
    margin: .25em 0;
}

h1,
h2,
h3,
h4{
    color: #212F62;
}

a{
    text-decoration: none;
}

a:hover{
    text-decoration: underline;
}

/* FORM */

input{
    padding: .5em 1em;
    border-radius: 5px;
    border: 1px solid #aaa;
    font-size: 1em;
    margin-bottom: 1em;
    width: 67%;
}

label{
    display: inline-block;
    box-sizing: border-box;
    width: 30%;
}

a.button,
button{
    display: inline-block;
    padding: .65em 1.5em;
    background-color: #119BA4;
    color: #212F62;
    font-weight: bold;
    border-radius: 10px;
    border: none;
}

a.button:hover,
button:hover{
    color: #FFF;
    text-decoration: none;
}

/* LAYOUT */
.col{
    margin: 0 auto;
    width: 100%;
    max-width: 800px;
    padding: 1em;
}

#m-main{
    
}

iframe{
    border: none;
}

/* HEADER */

#m-header{
    background-color: #212F62;
    color: #FFF;
}

#m-header .logo{
    height: 2.5em;
}

.form-timer{
    float: right;
    height: 2.5em;
}

.wefo-timer{
    border: 2px solid #FFF;
    font-size: 1.8em;
    padding: .2em .5em;
    margin: 0 2em;
    border-radius: 10px;
}

.oot-msg{
    display: none;
}

.expired .oot-msg{
    display: block;
    background-color: #e22;
    color: #FFF;
}

/* START */

form.login{
    margin: 5em 0;
}

form.login p{
    margin: 1em 0;
}

/* GFORM */

.iframe-col,
#gform{
    height: 100%;
}

#gform{
    width: 100%;
}

/* FOOTER */
#m-footer{
    background-color: #212F62;
    color: #A3ABB7;
    margin: 0;
}

#m-footer nav ul{
    padding: 0;
    margin: 0;
}

#m-footer nav li{
    float: left;
    list-style-type: none;
    margin-right: 2em;
}

#m-footer nav:after{
    display: block;
    content: '';
    clear: both;
}

#m-footer nav a{
    display: block;
    font-weight: bold;
    text-decoration: none;
    padding: .5em 0;
}

#m-footer a{
    color: #fff;
}

/* NOTIFICATIONS */

.message{
    border: 1px solid;
    padding: .5em 1em;
    margin-bottom: 1em;
    border-radius: 0.25em;
}

.message.success{
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.message.danger{
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.message.warning{
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

.message.info{
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
}

.message.light{
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe;
}

.message.dark{
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca;
}