/*
    @ i m p o r t url('https://fonts.googleapis.com/css?family=Heebo:800&display=swap');
*/

/* latin */
@font-face {
    font-family: 'Heebo';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(thirdParty/gstatic_heebo_02.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Corey's additions */
html {
    height: 100%;
}
.marketControls{
    float: right;
}
.bigInput {
    padding: 10px;
    border: 1px solid #999;
    border-radius: 5px;
    margin: 5px 0px 5px 0px;
    width: 100%;
    max-width: 250px;
    clear: both;
    float: right;
}
.bigInputLable {
    padding: 10px;
    border-radius: 5px;
    margin: 5px 0px 5px 0px;
}

.loadHistoryButton{
    max-width: 250px;
}

.divider {
    content: '';
    background: #FFFFFF;
    height: 15px;
    width: 3px;
    transform: skew(-23.5deg);
    position: fixed;
    top: 18px;
}


/*   END    */

/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-top: 50px;
    padding-bottom: 20px;
    background-color: #191919;
    font-family: 'Heebo', sans-serif;
    color: white;
}


/* Wrapping element */
/* Set some basic 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 widths on the form inputs since otherwise they're 100% wide */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="select"] {
    max-width: 280px;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }
    .body-content {
        padding: 0;
    }
}


/* things that were in bootstrap css 3.0*/

@media (min-width: 1800px) {
    .container

{
    max-width: 1770px;
}

}


.navbar-inverse {
    background-color: #663399;
    border-color: #421862;
    background: -moz-linear-gradient(left, #421862 0%, #7f37a3 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #421862 0%,#7f37a3 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #421862 0%,#7f37a3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.navbar-inverse .navbar-brand {
    color: #fff;
}

    .navbar-inverse .navbar-brand:hover,
    .navbar-inverse .navbar-brand:focus {
        color: #ffffff;
        background-color: transparent;
        text-decoration: underline;
    }

.navbar-inverse .navbar-text {
    color: #fff;
}

.navbar-inverse .navbar-nav > li > a {
    color: #fff;
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
    color: #ffffff;
    background-color: transparent;
    text-decoration: underline;
}

/* set width for layout of menues on historic page*/
.pageHeaders {
    color: white;
}

.pageSubHeaders {
    color: #646464;
    font-size: 20px;
}

.menuTextWidth {
    width: 200px;
    margin: auto;
}


/* login css*/
#outerButton {
    -ms-transform: skew(-30deg, 0deg);
    /* IE 9 */
    -webkit-transform: skew(-30deg, 0deg);
    /* Chrome, Safari, Opera */
    transform: skew(-30deg, 0deg);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c123de), color-stop(1, #a20dbd));
    background: -moz-linear-gradient(top, #c123de 5%, #a20dbd 100%);
    background: -webkit-linear-gradient(top, #c123de 5%, #a20dbd 100%);
    background: -o-linear-gradient(top, #c123de 5%, #a20dbd 100%);
    background: -ms-linear-gradient(top, #c123de 5%, #a20dbd 100%);
    background: linear-gradient(to bottom, #c123de 5%, #a20dbd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c123de', endColorstr='#a20dbd',GradientType=0);
    background-color: #c123de;
    width: 200px;
    z-index: 20;
    border-bottom: 3px solid white;
    padding: 10px 30px 10px 75px;
    font-size: 20px;
    color: white;
    position: relative;
    left: -50px;
}

    #outerButton:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #a20dbd), color-stop(1, #c123de));
        background: -moz-linear-gradient(top, #a20dbd 5%, #c123de 100%);
        background: -webkit-linear-gradient(top, #a20dbd 5%, #c123de 100%);
        background: -o-linear-gradient(top, #a20dbd 5%, #c123de 100%);
        background: -ms-linear-gradient(top, #a20dbd 5%, #c123de 100%);
        background: linear-gradient(to bottom, #a20dbd 5%, #c123de 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a20dbd', endColorstr='#c123de',GradientType=0);
        background-color: #a20dbd;
        border-bottom: 3px solid white;
    }


    #outerButton:after {
        content: "";
        display: inline-block;
        position: absolute;
        width: 20px;
        height: 100%;
        background: white;
        float: right;
        right: 0px;
        top: 0px;
        z-index: 10;
    }

#innerButton {
    -ms-transform: skew(30deg, 0deg);
    /* IE 9 */
    -webkit-transform: skew(30deg, 0deg);
    /* Chrome, Safari, Opera */
    transform: skew(30deg, 0deg);
    display: inline-block;
}

.loginbutton {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c752de), color-stop(1, #632470));
    background: -moz-linear-gradient(top, #c752de 5%, #632470 100%);
    background: -webkit-linear-gradient(top, #c752de 5%, #632470 100%);
    background: -o-linear-gradient(top, #c752de 5%, #632470 100%);
    background: -ms-linear-gradient(top, #c752de 5%, #632470 100%);
    background: linear-gradient(to bottom, #c752de 5%, #632470 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c752de', endColorstr='#632470',GradientType=0);
    background-color: #c752de;
    border: 1px solid #632470;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Arial;
    font-size: 15px;
    font-weight: bold;
    padding: 9px 36px;
    text-decoration: none;
}

    .loginbutton:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #632470), color-stop(1, #c752de));
        background: -moz-linear-gradient(top, #632470 5%, #c752de 100%);
        background: -webkit-linear-gradient(top, #632470 5%, #c752de 100%);
        background: -o-linear-gradient(top, #632470 5%, #c752de 100%);
        background: -ms-linear-gradient(top, #632470 5%, #c752de 100%);
        background: linear-gradient(to bottom, #632470 5%, #c752de 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#632470', endColorstr='#c752de',GradientType=0);
        background-color: #632470;
    }

    .loginbutton:active {
        position: relative;
        top: 1px;
    }

/* fix some spacing that bootsrap upgrade broke */
.mr-auto, .mx-auto {
    margin-right: auto !important;
}