* {
    box-sizing: border-box;
    font-family:'Open Sans', sans-serief;
    font-size: 15px;
    outline: none;
    margin: 0;
}

html, body {
    height: 100%;
    width: 100%;
}

.app {
    height: 100%;
    width: 100%;
}

/* Screen */

.tabbed-screen > .tabs > .selected {
    border-bottom: 2px solid #465f97 !important;
}

.tabbed-screen > .tabs > .selected:hover {
    border-bottom: 2px solid #465f97 !important;
}

/* Buttons */

.button-blue {
    background-color: #465f97 !important;
    color: white !important;
}

.button-red {
    background-color: #f44336 !important;
    color: white !important;
}

/* Badges */

.badge-green {
    background-color: #4CAF50 !important;
}

.badge-red {
    background-color: #f44336 !important;
}

/* Form inputs */

.form-input:focus {
    border: 1px solid #465f97 !important;
}