@font-face {
    font-family: "AvenirNextLTPro";
    src: url("../fonts/AvenirNextLTPro-Regular.eot");
    src: local("☺"), url("../fonts/AvenirNextLTPro-Regular.woff") format("woff"), url("../fonts/AvenirNextLTPro-Regular.ttf") format("truetype"), url("../fonts/AvenirNextLTPro-Regular.min.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "AvenirNextLTPro";
    src: url("../fonts/AvenirNextLTPro-BoldIt.eot");
    src: local("☺"), url("../fonts/AvenirNextLTPro-BoldIt.woff") format("woff"), url("../fonts/AvenirNextLTPro-BoldIt.ttf") format("truetype"), url("../fonts/AvenirNextLTPro-BoldIt.min.svg") format("svg");
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: "AvenirNextLTPro";
    src: url("../fonts/AvenirNextLTPro-Bold.eot");
    src: local("☺"), url("../fonts/AvenirNextLTPro-Bold.woff") format("woff"), url("../fonts/AvenirNextLTPro-Bold.ttf") format("truetype"), url("../fonts/AvenirNextLTPro-Bold.min.svg") format("svg");
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: "AvenirNextLTPro";
    src: url("../fonts/AvenirNextLTPro-Italics.eot");
    src: local("☺"), url("../fonts/AvenirNextLTPro-Italics.woff") format("woff"), url("../fonts/AvenirNextLTPro-Italics.ttf") format("truetype"), url("../fonts/AvenirNextLTPro-Italics.min.svg") format("svg");
    font-weight: normal;
    font-style: italic;
}
html{
    overflow: hidden;
}
body {
    margin: 0;
    font-family: "AvenirNextLTPro", Verdana, Geneva, sans-serif;
    font-size: 13px;
    background-color: #eee;
}
[v-cloak] {
    display: none;
}
h1 {
    color: #666;
    font-weight: normal;
    padding-left: 10px;
    clear: both;
}
h2 {
    color: #666;
    font-weight: normal;
    padding-left: 10px;
    clear: both;
}
h3 {
    color: #666;
}
.v-btn,
.v-tab{
    letter-spacing: normal;
    text-transform: none;
}
.v-item-group.v-bottom-navigation .v-btn{
    max-width: 100%;
}
.v-toolbar,
.v-main {
    background-color: #f5f5f5 !important;
}
.login-footer{
    color: #aaa !important;
    background-color: #eee !important;
    font-size: 10px;
}

.v-data-table__mobile-row{
    justify-content: center;
    flex-direction: column;
    align-items: flex-start;
}
.v-data-table__mobile-table-row td:last-child{
    padding-bottom: 4px !important;
}
.insertDialogStepper .v-stepper__step__step .v-icon.v-icon{
    font-size: 1.00rem !important;
}

.mainbox {
    display: flex;
    flex-direction: column;
}
.mainbox-background{
    background-color: #FFF;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.12), 0px 1px 2px rgba(0, 0, 0, 0.24);
}
.mainbox-content-center{
    align-items: center;
}
.mainbox-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}
.mainbox-content {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
}
.yearskipperinput input {
    text-align: center;
}
.yearskipperinput .v-input__prepend-outer,
.yearskipperinput .v-input__append-outer{
    margin: 0 8px 0 8px !important;
}
.v-system-bar,
.v-system-bar .v-icon{
    color: #FFF !important;
}
.v-system-bar .v-icon {
    margin-right: 0;
}
.v-tooltip__content.menuable__content__active{
    opacity: 1;
}