body {
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -ms-user-select: none; /* IE10+ */
    user-select: none;
}

.js body {
    display: none;
}

.bg-custom, a.bg-custom:visited {
    background-color: #777777;
    border-color: #555555;
}
a.bg-custom:hover, a.bg-custom:focus, a.bg-custom:active, a.bg-custom:active:focus {
    background-color: #666666;
}
.text-custom {
    color: #777777;
}

.mousetype {
    font-size: .75em;
    padding: 1em 0 0 0;
}

#big-header {
    font-size: 3em;
    font-weight: bold;
    line-height: 1.05em;
}
.header-links > a {
    min-width: 15em;
    text-align: left;
}
.header-links > a > i.pull-right{
    margin-top: .3em;
}


.like-col {
    min-height: 24.5em;
    opacity: 0;
}

.like-row > .col-xs-3 {
    color: #cccccc;
    cursor: pointer;
    opacity: .4;
}
.like-row > .col-xs-3:hover {
    opacity: 1;
}

#quote-row {
    min-height: 175px;
}

#today-buttons a {
    cursor: pointer;
}
#today-buttons a.disabled {
    cursor: default !important;
    opacity: .3;
}
#today-buttons .fa {
    font-size: 1.1em;
}

#like-icon > i {
    display: none;
    font-size: 12em;
}

#pct-like {
    font-size: 5em;
    font-weight: bold;
    line-height: 1em;
}
#pct-like > small {
    font-size: .75em;
}

/* Copy URL Modal */
#copy-url-addon {
    cursor: pointer;
}

/* Charts */
.chart-container {
    position: relative;
    height: 200px;
    width: 100%
}

/* Chart tabs */
.chart-tabs .nav-tabs li a,
.chart-tabs .nav-tabs li a:focus,
.chart-tabs .nav-tabs li a:hover {
    border-bottom: 1px solid #999999;
    border-right: 1px solid #999999;
    border-top: 1px solid #999999;
    border-radius: 0;
    background-color: #cccccc;
    color: #666666;
    margin: 0;
    padding: 5px 10px;
}
.chart-tabs .nav-tabs li:first-child a {
    border-left: 1px solid #999999;
}
.chart-tabs .nav-tabs li.active a {
    background-color: rgba(0,0,0,0);
    border-bottom-color: #e8e8e8;
}
.chart-tabs .nav-tabs li:not(.active) a:hover,
.chart-tabs .nav-tabs li:not(.active) a:focus {
    background-color: #dddddd;
}

.chart-tabs .tab-content {
    border: 1px solid #999999;
    margin-top: -1px;
}
.chart-tabs .tab-content .tab-pane {
    display: none;
    padding: 1em;
}
.chart-tabs .tab-content .active {
    display: block;
}

/* Datepicker fix */
#datePicker, #datePicker:focus {
    border: none;
    outline: none;
    text-align: center;
}

/* Utility classes */

.full-width-background-wrapper {
    background: #efefef;
    margin: 0;
    width: 100%;
    overflow-x: hidden;
}

.margin-bottom-0 {
    margin-bottom: 0;
}
.margin-bottom-1 {
    margin-bottom: 1em;
}
.margin-bottom-2 {
    margin-bottom: 2em;
}
.margin-bottom-3 {
    margin-bottom: 3em;
}
.margin-bottom-4 {
    margin-bottom: 4em;
}
.margin-top-0 {
    margin-top: 0;
}
.margin-top-1 {
    margin-top: 1em;
}
.margin-top-2 {
    margin-top: 2em;
}
.margin-top-3 {
    margin-top: 3em;
}
.margin-top-4 {
    margin-top: 4em;
}
.vertical-align {
    display: flex;
    align-items: center;
}


/* Small screen adjustments */
@media (max-width: 992px) {
    .header-col {
        text-align: center;
    }
    #big-header {
        margin: 0;
        text-align: center;
    }
    .header-links {
        display: inline-block;
        margin: 1.5em 0;
    }
    .header-links > a {
        min-width: 1em;
    }
    .header-links > a > i {
        display: none;
    }
    .like-row > .col-xs-3 {
        opacity: 1;
    }
    .like-col {
        min-height: 1em;
    }
    #bar-chart > div {
        padding: 0 .5em;
    }
    #today-buttons .fa {
        font-size: 1.4em;
    }
}