body {

    margin: 0px;
    background-color: #acc0e3;

}

header {

    background-color: #133d8d;
    padding: 0.5vw 10vw;

}

header p {

    color: #fff;
    font-size: 2vw;
    display: inline-block;
    float: right;
    margin-top: 1.5vw;
    
}

footer {

    background-color: #133d8d;
    list-style: none;
    background: #133d8d;
    border-radius: 0 0 1em 1em;
    border: 0.2vw #3a66a8 solid;
    border-top: none;
    padding: 0.7vw;
    font-size: 1em;
    color: #fff;

}

nav {

    font-size: 1.7em;
    width: 100%;
    
}

nav ul {

    margin: auto;
    padding: 0;
    display: flex;
    text-align: center;
    
}

nav ul li {

    background: #133d8d;
    margin: auto;
    list-style: none;
    border-right: 0.2vw solid #3a66a8;
    width: 100%;
    
}

nav ul li:last-child {

    border-right: none;

}

a:link {

    color: #fff;
    text-decoration: none;

}

a:visited {

    color: #fff;
    text-decoration: none;

}

a:hover {

    color: #fff;
    text-decoration: none;

}

a:active {

    color: #fff;
    text-decoration: none;

}

hr {

    height: 0.2vw;
    margin: 0.8vw 0;
    border-width: 0;
    border-color: #3a66a8;
    background-color: #3a66a8;

}

h1 {

    font-size: 3.5em;
    margin: 0.3em

}

h2 {

}

h3 {

    color: #133d8d;
    font-size: 1.5em;
    margin: 0.8vw 0;

}

table {
    width: 100%;
    border-collapse: collapse;
}

th {
    text-align: center;
    color: #133d8d;
    font-size: 2em;
    /*font-family: 'Merienda One', cursive;*/
    padding: 0 0 0.8vw 0;
    border-left: 2px #3a66a8 solid;
}

th:first-child {
    border: none;
}

td {
    font-size: 1.2em;
    border-top: 2px #3a66a8 solid;
    border-left: 2px #3a66a8 solid;
    text-align: center;
}

td:first-child {
    border-left: none;
}

#wide {

    width: 23.33%;

}

#thin {

    width: 10%;

}

tbody {
    width: 100%;
}

td a:link {

    color: #133d8d;
    text-decoration: none;

}

td a:visited {

    color: #133d8d;
    text-decoration: none;

}

td a:hover {

    color: #133d8d;
    text-decoration: none;

}

td a:active {

    color: #133d8d;
    text-decoration: none;

}

input[type="text"] {
    width: 20vw;
    min-width: 150px;
    border: 2px #3a66a8 solid;
    border-radius: 4px;
    font-size: 1.2em;
    background: #acc0e3;
    padding: 0.5vw;
    outline: none;
    color: #133d8d;
}

input[type="datetime-local"] {
    width: 20vw;
    min-width: 150px;
    border: 2px #3a66a8 solid;
    border-radius: 4px;
    font-size: 1.2em;
    background: #acc0e3;
    padding: 0.5vw;
    outline: none;
    color: #133d8d;
}

input[type="time"] {
    width: 20vw;
    min-width: 150px;
    border: 2px #3a66a8 solid;
    border-radius: 4px;
    font-size: 1.2em;
    background: #acc0e3;
    padding: 0.5vw;
    outline: none;
    color: #133d8d;
}

input[type="date"] {
    width: 20vw;
    min-width: 150px;
    border: 2px #3a66a8 solid;
    border-radius: 4px;
    font-size: 1.2em;
    background: #acc0e3;
    padding: 0.5vw;
    outline: none;
    color: #133d8d;
}

select {
    width: 10vw;
    border: 2px #3a66a8 solid;
    border-radius: 4px;
    font-size: 1.2em;
    background: #acc0e3;
    padding: 0.5vw;
    outline: none;
    color: #133d8d;
    margin-right: 0.5vw;
    margin-bottom: 0.5vw;
}

input[type="password"] {
    width: 20vw;
    min-width: 150px;
    border: 2px #3a66a8 solid;
    border-radius: 4px;
    font-size: 1.2em;
    background: #acc0e3;
    padding: 0.5vw;
    outline: none;
    color: #133d8d;
}

#small_text {

    display: inline-block;
    
}

#create {

    margin: 0;

}

.wrapper {

    display: inline-block;
    margin-bottom: 0.8vw;

}

.select_container {

    display: inline-block;
    margin: 0;
    padding: 0;

}

input[type="checkbox"] {
    appearance: none;
    font-size: 1.2em;
    -webkit-appearance: none;
    border: 2px #3a66a8 solid;
    border-radius: 4px;
    background: #acc0e3;
    margin-top: -4px;
    padding: 1.2vw;
    max-height: 40.53px;
    min-height: 33.35px;
    min-width: 33.35px;
    vertical-align: middle;
    outline: none;
    color: #133d8d;
}

input[type="checkbox"]:checked:after {
    content: '\2714';
    font-size: 1.2em;
    max-height: 40.53px;
    min-height: 33.35px;
    min-width: 33.35px;
    vertical-align: middle;
}

input[type="checkbox"]:checked:active {
    appearance: none;
    -webkit-appearance: none;
    font-size: 1.2em;
    border: 2px #3a66a8 solid;
    border-radius: 4px;
    background: #acc0e3;
    margin-top: -4px;
    padding: 0.2vw 0.6vw;
    max-height: 40.53px;
    min-height: 33.35px;
    min-width: 33.35px;
    vertical-align: middle;
    outline: none;
    color: #133d8d;
}

input[type="checkbox"]:active {
    appearance: none;
    -webkit-appearance: none;
    font-size: 1.2em;
    border: 2px #3a66a8 solid;
    border-radius: 4px;
    background: #acc0e3;
    margin-top: -4px;
    padding: 1.2vw;
    max-height: 40.53px;
    min-height: 33.35px;
    min-width: 33.35px;
    vertical-align: middle;
    outline: none;
    color: #133d8d;
}

input[type="checkbox"]:checked {
    appearance: none;
    font-size: 1.2em;
    -webkit-appearance: none;
    border: 2px #3a66a8 solid;
    border-radius: 4px;
    background: #acc0e3;
    margin-top: -4px;
    padding: 0.2vw 0.6vw;
    max-height: 40.53px;
    min-height: 33.35px;
    min-width: 33.35px;
    vertical-align: middle;
    outline: none;
    color: #133d8d;
}

input[type="submit"] {
    min-width: 70px;
    margin: 0 0 0 0.7vw;
    width: 7vw;
    border-radius: 1em;
    background: #133d8d;
    border: 2px #3a66a8 solid;
    padding: 0.5vw 0;
    /*font-family: 'Merienda One', cursive;*/
    font-size: 1em;
    text-align: center;
    outline: none;
    color: #fff;
}

p.inline {

    color: #133d8d;
    font-size: 1.2em;
    margin: 0 0.5vw;
    font-family: Arial;

}

.inline {

    display: inline-block;

}

button {
    min-width: 70px;
    display: inline-block;
    margin: 0 0 0 0.7vw;
    width: 7vw;
    border-radius: 1em;
    background: #133d8d;
    border: 2px #3a66a8 solid;
    padding: 0.5vw 0;
    /*font-family: 'Merienda One', cursive;*/
    font-size: 1em;
    text-align: center;
    outline: none;
    color: #fff;
    cursor: pointer;
}

#add_condition {

    background: #acc0e3;
    cursor: default;

}

#add_charter {

    background: #acc0e3;
    cursor: default;

}

#operator_container {

    display: none;

}

input[type="submit"]:hover {
    cursor: pointer;
}

input[type="submit"]:active {
    outline: none;
}

img {

    height: 6vw;
    vertical-align: middle;
    padding: 0px 20px;

}

#logo {

    height: 5.7vw;

}

#tagon {

    float: right;

}

.background {

    margin: 7vw 0;

}

.container {

    width: 80%;
    margin: auto;
    min-width: 480px;

}

.banner {
    
    padding: 0.8vw 0.8vw 0 0.8vw;
    background: #133d8d;
    border-radius: 1em 1em 0 0;
    border: 0.2vw #3a66a8 solid;
    color: #fff;
    text-align: center;
    /*padding-left: 10vw;*/

}

.page {

    border: 0.2vw #3a66a8 solid;
    border-top: 0vw #3a66a8 solid;
    padding: 0.8vw;
    background-color: #fff;

}