/**
 * BASIC TYPOGRAPHY AND TYPOGRAPHICAL UTILITIES
 */

@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,400;0,700;1,500&display=swap');

body, html, th, td {
    font-family: 'Source Sans 3', sans-serif;
    font-size: 16px;
}

body, html {
    height: 100%;
}

h1 {
}

h2 {
}

h3 {
}

h4 {
}

h5 {
    font-weight: bold;
}

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

.text-large {
    font-size: 19px;
}

fieldset legend {
    display: none;
}

/**
 * Navbar and Footer
 */
.navbar {
    background-color: #1B2833;
}

.navbar a:not(.btn) {
    color: #FFF;
    text-decoration: none;
}

.navbar img {
    width: 8%;
}

.footer {
    background-color: #1B2833;
    color: #FFF;
}

.footer a:not(.btn) {
    color: #FFF;
}

/**
 * FORM CONTROLS
 */

input[disabled], input[readonly],
select[disabled], select[readonly]
textarea[disabled], textarea[readonly] {
    cursor: not-allowed;
    background-color: #FAFAFA;
}

#reportarea ul.nav-pills .nav-link {
    border: 1px solid black;
}
#reportarea ul.nav-pills .nav-link:not(.active) {
    background-color: #FFF;
    color: #000;
}
#reportarea ul.nav-pills #reportarea-tab-transportation.nav-link.active {
    background-color: #B15300;
    border: 1px solid #B15300;
    color: white;
}
#reportarea ul.nav-pills #reportarea-tab-jurisdiction.nav-link.active {
    background-color: #754B73;
    border: 1px solid #754B73;
    color: white;
}
#reportarea ul.nav-pills #reportarea-tab-inundation.nav-link.active {
    background-color: #4C3E2A;
    border: 1px solid #4C3E2A;
    color: white;
}
#reportarea ul.nav-pills #reportarea-tab-emergency.nav-link.active {
    background-color: #A02C2C;
    border: 1px solid #A02C2C;
    color: white;
}
#reportarea ul.nav-pills #reportarea-tab-community.nav-link.active {
    background-color: #0F5F89;
    border: 1px solid #0F5F89;
    color: white;
}
#reportarea ul.nav-pills #reportarea-tab-adaptation.nav-link.active {
    background-color: #167557;
    border: 1px solid #167557;
    color: white;
}


/**
 * BUTTONS AND LINKS AND COLORS
 */

a:not(.btn) {
    color: #0F5F89;
    text-decoration: underline;
}

.btn-primary {
    color: #FFF;
    background-color: #0F5F89;
    border-color: #0F5F89;
}
.btn-primary:active,
.btn-primary:hover,
.btn-primary:focus {
    color: #FFF !important;
    background-color: #0C4C6E !important;
    border-color: #0C4C6E !important;
}
.btn-primary:disabled {
    color: #FFF !important;
    background-color: #0F5F89 !important;
    border-color: #0F5F89 !important;
}

.btn-secondary {
    color: #0F5F89;
    background-color: #FFF;
    border-color: #0F5F89;
}
.btn-secondary:active,
.btn-secondary:hover,
.btn-secondary:focus {
    color: #1B2833 !important;
    background-color: #fff !important;
    border-color: #1B2833 !important;
}
.btn-secondary:disabled {
    color: #0F5F89 !important;
    background-color: #fff !important;
    border-color: #0F5F89 !important;
}

.form-check-input {
    border-color: #0F5F89;
}
.form-check-input:checked {
    background-color: #0F5F89;
    border-color: #0F5F89;
}

.color-white {
    color: white;
}

.background-transportation {
    background-color: #B15300;
}
.background-jurisdiction {
    background-color: #754B73;
}
.background-inundation {
    background-color: #4C3E2A;
}
.background-emergency {
    background-color: #A02C2C;
}
.background-community {
    background-color: #0F5F89;
}
.background-adaptation {
    background-color: #167557;
}