/* Use this file to override styles specific to your application */
body {
    padding-top: 70px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

body {
    font-family: Roboto;
    color: rgb(33, 37, 41);
    letter-spacing: .1rem;
    line-height: 15.75px !important;
    font-size: 10.5px;
}



:root {
    --Gray20: #F7F7F7;
    --Gray30: #F0F0F0;
    --Gray35: #D1D1D1;
    --Gray40: #7C7C7C;
    --Gray80: #1F1F1F;
    --RTXRed: #CE1126;
    --RTXDarkRed: #8D0E1D;
    --Black: #000000;
    --PillGreen: #50d264;
    --PillRed: #d20532;
    --PillPrimary: #D1D1D1;
    --PillWarning: #ffee17;
    --PillSecondary: #2d6bff;
    --White: #FFFFFF;
    --AlertRed: #d20532;
    --AlertGreen: #50d264;
    --AlertYellow: #ffee17;
    --AlertBlue: #2d6bff;
    --AlertOrange: #f2a900;
    --DarkGray: #1F1F1F;
}

.btn_primary {
    display: inline-block;
    color: var(--White) !important;
    text-align: center;
    vertical-align: middle;
    background-color: var(--RTXRed);
    border: 1px solid transparent;
    padding: 8px 16px;
    letter-spacing: .2rem;
    font-size: 14px;
}

    .btn_primary:hover {
        background-color: var(--RTXDarkRed);
    }


.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: var(--RTXRed);
    background-color: #c9c1b8;
}