@font-face {
    font-family: 'Montserrat' !important;
    src: url('/Content/font/Montserrat-VariableFont-wght.ttf') format('truetype');
}

body {
    font-family: Montserrat;
}

* {
    box-sizing: border-box;
}

/*******************************************************************************
    Semantics
*******************************************************************************/
header {
    background-color: #184476;
    color: #FFF;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}

main {
    height: calc(100vh - 165px);
}

footer {
    height: 60px;
    border-top: solid 2px #D0D0D0;
    padding-top: 12px;
    color: #A0A0A0;
    background-color: #F6F6F6;
}

textarea {
    height: 60px;
}

/*******************************************************************************
    Classes
*******************************************************************************/
.flex-container {
    display: flex;
    flex-direction: column-reverse;
}

.radio-check-size {
    width: 24px;
    height: 24px;
}

.full-width-button {
    display: block;
    width: 100%;
}

.data-area {
    border-left: solid 1px #184476;
    border-bottom: solid 1px #184476;
    border-right: solid 1px #184476;
    padding: 15px;
    height: 60vh;
}

#navDetail {
    border-left: solid 1px #184476;
    border-top: solid 1px #184476;
    border-right: solid 1px #184476;
    padding-top: 0px;
    padding-bottom: 0px;
}

.nav-link {
    padding-top: 10px;
}

.nav-link-selected {
    background-color: #E2E3E5;
    font-weight: bold;
    text-decoration: underline;
    height: 48px;
}

.red-text {
    color: #FF3333;
}

.required-input {
    background-color: #FF8080;
}

.bg-f0f0f0 {
    background-color: #F0F0F0;
}

.small-text {
    font-size: 12px !important;
}