html{
    min-height: 100%;
}

body{
    margin:0px;
    min-height: 100%;

    background-color: #FFFFFF;

    font-family: "Lato",Arial,Helvetica,sans-serif;
}

header {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    box-shadow: 0em 0em 1em black;
    background-color: #DADADA;
}

.logo {
    margin: 1em;
}

header > h1 {
    font-size: 3em;

    margin-left: 1em;
    color: black;
}

.login-button{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.content{
    padding:0px;
}

.main-content{

    background-color: #FFFFFF;
    border-radius: 1em;

    margin-top: 0.5em;
    margin-left: 0.5em;
    margin-right: 0.5em;
    margin-bottom: 0.5em;
    padding: 0.5em;
}

.flex-box{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: center;

    margin: 0.1em;
}

.sms-button{
    display: flex;
    justify-content: space-between;
    width: auto;
    text-decoration: none;
    font-weight: 700;

    background-color: #FF0000;
    border: solid 2px #CC0000;
    color: #FFFFFF;

    margin-bottom: 0.5em;
    
    padding-left: 0.8em;
    padding-right: 0.8em;
    padding-bottom: 0.4em;
    padding-top: 0.4em;

    border-radius: 2em;

    font-size: normal;
}


.content__heading{
    margin:0px;
    padding-left: 0.5em;

    color:#ffffff;
    background-color: #ff0000;
}

.contact-form__input{
    padding-left: 0.5em;
}

.contact-form__input-group{
    padding-left: 0.5em;
}

textarea{
    resize:none;
}

.operation-hours{
    display: hidden;
}

.contact-form__button{
    margin-left: 0.5em;
}

.form-group{
    margin: 1em;
}

.mod-panel{
    margin: 1em;
}

.alert-success{
    color: green;
}

.alert-danger{
    color:red;
}

/* other stuff here */