body {
    background-color: black;
    /* background-image: url(background_80_flipped.jpg)*/
    /* background-size: cover;
    background-position: bottom; */
    background-image: linear-gradient(to right, #47281a6e, #3f3f3f,#47281a6e); 
}

body, a {
    color: #dbdbdb;
    text-decoration: none;
}

header, main, nav, footer {
    margin-left: auto;
    margin-right: auto;
}

/* .header-wrapper {
    position: fixed;
    width: 100%;
    top: 0; 
    overflow: hidden;

} */

header {
    width: 1024px; 
    display: flex;
    /* justify-content: space-between;  */
    flex-wrap: wrap;
    flex-direction: row-reverse;
    min-height: 130px;
    /* border-bottom: 1px solid #ff7530; */
}

nav {
    align-self: flex-end; 
    margin-bottom: 3px;
}




main, .active-button, .non-active-button, .tab-border-blocker {
    background-color: #1b1b1b;
    /* Used to be #131313 */
}

footer {
    margin-top: 0;
    padding-top: 5px;
    padding-bottom: 15px;
    width: 800px; 
    text-align: center;
}

button {
    font-size: 0.9rem;
    padding: 3px 10px; 
    border-radius: 6px;
}

.active-button, .non-active-button {
    text-decoration: none;
    margin-left: 0px;
    margin-right : 7px;
    border-radius: 8px 8px 0px 0px;
    font-size: 1.3rem;
    font-family: 'Times New Roman', Times, serif;
}

.active-button {
    /* border-bottom: solid 6px;
    border-bottom-right-radius: 0px;  
    border-bottom-left-radius: 0px; 
    border-bottom-color: red;
    border-bottom-color: #1b1b1b; */
    color: #ff7530; 
    border-left: solid 1px;
    border-top: solid 1px;
    border-right: solid 1px;
    /* padding: 6px 16px 4px 16px; */
    padding: 6px 16px 8px 16px;
}


.non-active-button {
    /* color: #acacac; */
    /* color: #b3b3b3; */
    padding: 6px 16px 3px 16px;  
}

.non-active-button:hover, a:hover {
    color: #ff7530;
    transition-duration: 0.9s;
}

h1 a {
    /* color: #766E68;  */
    color: #ff8045; 
    text-shadow: 2px 0px black;
    text-decoration: none;
    align-self: flex-start;
}

h2 {
    color: #c7c7c7; 
}

main, .tab-border-blocker {
    width: 1024px; 
    /* background-color: #1d1e22; */
    /* background-color: #393939; */
    border-width: 1px;
    border-style: solid;
    /* border-color: #FF5A09; */
    border-color: #ff7530;
    border-radius: 30px;
    margin-bottom: 20px;    
    padding: 0px 30px 0px 30px; 
    display: flex; 
    flex-wrap: wrap; 
}

.tab-border-blocker {
    height: 12px;
    border: none;
    flex-basis: 100%; 
    z-index: 2;
    /* background-color: red; */
    margin-left: -10px;
}

p {
    line-height: 2rem;
    font-size: 1.1rem;
}

.stuff {
    flex: 3; 
    padding-bottom: 0px;
}

.sub-nav-wrapper {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    padding: 5px 0 20px 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.1rem;
}

.sub-nav-button-active, .sub-nav-button {
    border: solid 1px;
    border-radius: 10px;
    padding: 7px 25px; 
    margin-top: 25px;
}

.sub-nav-button-active, .sub-nav-button:hover {
    color: black;
    background-color: #ff7530;
    transition-duration: 0.6s;
}

.sub-nav-button-active:hover {
    color: black;
}

.ads {
    flex: 1; 
}

.form-wrapper, .result-wrapper {
    width: 93%;
    margin-left: auto;
    margin-right: auto;
    padding:0;
    margin-top: 20px;
}

table {
    border-collapse: collapse;
}

th, td {
    padding: 12px 0px;
    /* BORDER FOR INSPECTION*/
    /* border: solid 1px;  */
}

th {
    font-weight: normal;
    text-align: left;
    vertical-align: middle;
}

td {
    vertical-align: top;
    /* text-align: center; */
    text-align: right;
}

.homepage-text, .homepage-text p {
    font-family: 'Times New Roman', Times, serif;
    font-size: 1.4rem;
    line-height: 1.5;
}

.indent {
    padding-left: 40px;
}

.secondary {
    font-size: 0.9rem;
    /* color: #474747; */
    font-style: italic;
}

/* .right-indent {
    padding-right: 140px;
} */

.right {
    text-align: right;
}

.result-wrapper td {
    text-align: right;
    /* border: 1px solid;  */
    /* border-right: 1px solid;  */
}

.result-wrapper.cut td {
    text-align: right;
}

.ers-col-1 {
    width: 74%;
}

.ers-col-2-3 {
    width: 13%;
}

input {
    border-radius: 4px;
    padding: 5px 10px;
}

select {
    border-radius: 4px;
}

.input-number {
    text-align: right;
}

.tooltip {
    height: 1rem;
    width: 1rem;
    /* padding-right: 5px; */
    margin-bottom: -2px;
    /* vertical-align: middle; */
}

.submit_button {
    margin-top: 30px;
    margin-bottom: 25px;
}

.error-color {
    color: #ff7530; 
}

.error-border {
    border: 4px solid #ff7530;
}


.error-message {
    color: #ff7530;
    text-align: right;
    /* padding-left: 83px; */
    padding-top: 3px;
    /* position: absolute; */
    /* visibility: hidden; */
    display: none;
    font-size: 0.8rem;
    font-family: Arial, Helvetica, sans-serif;
}

.error-message.visible {
    display: block;
}

.error-message-vf {
    text-align: center; 
    visibility: hidden;
    color: #ff7530;
    font-size: 0.8rem;
    font-family: Arial, Helvetica, sans-serif;
}

.error-message-vf.visible {
    visibility: visible;
}

.error-message-adate {
    text-align: center;
    color: #ff7530;
    font-size: 0.8rem;
    font-family: Arial, Helvetica, sans-serif;
}

.lower-courts .error-message {
    text-align: center;
}

.bottom-border {
    border-bottom: solid 1px;
}

.turned-off {
    color: rgb(73, 73, 73); 
}

.turned-off-field {
    background-color: rgb(97, 97, 97);
}

.printable {
    color: #000000; 
    max-width: 700px;
}

.rounding-message {
    font-size: 1rem;
    line-height: 1rem;
}

.arrest-table {
    width: 80%; 

}

.arrest-table-results {
    margin-bottom: 15px;
}

.arrest-table-results th, .arrest-table-results td {
    /* font-weight: bold; */
    vertical-align: middle;
}

.exp-text {
    /* font-family: Arial, Helvetica, sans-serif; */
    font-family: 'Times New Roman', Times, serif;
    padding-bottom: 30px;
    /* font-size: 1.2rem; */
    font-size: 1.2rem;
    text-align: justify;
    /* line-height: 1.2; */
    line-height: 1.5;
}

/* .plus-minus, .plus-minus-active { */
.plus-minus {
    height: 1.3rem;
    width: 1.3rem;
    vertical-align: middle; 
    padding-top: 3px;
    cursor: pointer;
}

.sort-icon {
    display: inline-block;
    width: 0.9rem;
    height: 0.9rem;
    padding-left: 3px;
    margin-bottom: -2px;
    /* stroke-width: 0;
    stroke: green;
    fill: green; */
}

.hide {
    display: none;
}

.age-output-cell {
    vertical-align: middle;
}

.radio-button {
    font-family: Arial, Helvetica, sans-serif;
}

.lower-courts {
    text-align: center;
}

.no-line-break {
    white-space: nowrap;
    vertical-align: middle;
    padding-left: 50px; 
}

.raise td {
    text-align: center;
}

.raise-align {
    padding-right: 30px;
}

.difference {
    font-weight: bold;
}

.serveRow td, .serveRow th, .forfeitRow td, .forfeitRow th {
    padding-top: 8px;
    padding-bottom: 8px;
}

.bullet-point {
    padding: 5px 0px 5px 35px; 
}

.bullet-point-image {
    height: 0.9rem;
    width: 0.9rem;
    margin-bottom: -2px;
}

.end_date { 
    text-align: center;
    font-weight: bold;
    vertical-align: middle;
}

.ej-taxa-table td {
    text-align: center;
    /* background-color: red; */
}