/* main variable that you can edit to change the colors of the website */

:root {
    --home-page-border-color: #909090;
    --old-page-background: url('/BDSRadioImages/spaceballs-pagebg-bottom-right.png');
    --page-background: none;
    --text-color-standard: #000;
    --text-color-hilite: #009DD9;
    --text-color-header: #555;
    --text-color-newsong: #29A329;
    --text-color-holiday-song: #CC0000;
    --tagged-song-bg-color: #FAFF80;
    --tagged-song-fg-color: #000000;
    --font-weight-holiday-song: 400;
    --font-family-holiday-song: "Roboto", "Open Sans";
    --text-color-disabled: #bbbbbb;
    --border-standard: 1px solid #C0C0C0;
    --font-family-standardx: 'Roboto', sans-serif, "Open Sans", "Helvetica Neue", Helvetica, Arial;
    --font-family-standard: sans-serif, "Open Sans", "Helvetica Neue", Helvetica, Arial;
    --font-family-heading: sans-serif, "Open Sans", "Roboto";
    --font-family-grid-headings: 'Roboto';
    --font-family-grid-text: 'Roboto';
    --well-font-size: 11px;
    --well-text-color: #515151;
    --well-background-color: #F8F8F8;
    --well-border: 1px solid #E8E8E8;
    --well-border-color: #E8E8E8;
    --well-border-radius: 0px;
    --menu-text-color: #515151;
    --menu-background-color: white;
    --menu-dropdown-background-color: white;
    --menu-background-image: none;
    --menu-border: 1px solid #DDD;
    --menu-border-color: #ddd;
    --menu-dropdown-border: 1px outset #ddd;
    --menu-border-radius: 0;
    --menu-shadow: 3.5px 3.5px 5px #777;
    --menu-top-border-color: #00AEEF;
    --dialog-background-color: #F2F2F2;
    --dialog-background-color-body: #fff;
    --dialog-text-color: #444;
    --dialog-font-size: 11px;
    --dialog-header-height: 32px;
    --dialog-header-text-color: #444;
    --dialog-footer-height: 32px;
    --dialog-font-size-header: 12px;
    --dialog-font-size-body: 11px;
    --dialog-shadow: 3px 3px 4px #AAA;
    --dialog-border: 1px solid #C0C0C0;
    --streamRank-table-label-color: black;
    --json-viewer-color-string: green;
    --json-viewer-color-number: darkorange;
    --json-viewer-color-boolean: blue;
    --json-viewer-color-null: magenta;
    --json-viewer-color-key: #f2f2f2;
    --json-viewer-outline: 1px solid #ccc;
    --icon-color-standard: #909090;
    --bdsgrid-background-color: #F8F8F8;
    --bdsgrid-header-text-color: #009dd9;
    --bdsgrid-even-row-background-color: white;
    --bdsgrid-odd-row-background-color: white;
    --bdsgrid-even-row-text-color: #000;
    --bdsgrid-odd-row-text-color: #000;
    --bdsgrid-clickable-text-color: #000;
    --bdsgrid-hover-row-background-color: #F8F8F8;
    --bdsgrid-primarySort-background-color: #F8F8F8;
    --bdsgrid-secondarySort-background-color: #FAFAFA;
    --bdsgrid-tertiarySort-background-color: #FCFCFC;
    --bdsgrid-hth-empty-background-color: #CCC;
    --bdsgrid-border-color: #d8d8d8;
    --bdsgrid-border-radius: 0;
    --homepage-childdiv-height: 502px;
    --account-control-field-width: 205px;
    --station-control-field-width: 240px;
    --background-color-select: #fff;
    --text-color-select: #606266;
    --border-color-select: #dcdfe6;
    --button-border-color: #00bDe9;
    --button-foreground-color: white;
    --button-background-wk: -webkit-gradient(linear, left top, left bottom, from(#00ADEE), to(#00ADEE));
    --button-background-moz: -moz-linear-gradient(top, #00ADEE, #00ADEE);
    --button-background-img: linear-gradient(to bottom, #00ADEE 0%, #00ADEE 100%);
    --button-background-color: #00ADEE;
    --button-border-color: #00ADEE;
    --button-focused-border-color: #4dc6f3;
    --button-dropdown-arrow-color: #ccc;
    --button-border-radius: 0px;
    --button-hover-shadow: 0 0 0 0.1rem rgba(0, 123, 255, 0.5);
    --button-focus-shadow: 0 0 0 0.1rem rgba(0, 123, 255, 0.25);
    --loading-masak-background-color: rgba(250, 250, 250, 0.9);
    --tab-body-background-color: #fff;
    --tab-header-background-color: #f5f7fa;
    --tab-header-active-background-color: #fff;
    --tab-header-inactive-text-color: #777;
    --tab-header-active-text-color: #009DD9;
    --tab-header-bar-color: #e8e8e8;
    --tab-header-bar-color-selected: #00aeef;
    --radio-text-color: #777;
    --radio-text-color-checked: #515151;
    --radio-background-color: #fff;
    --radio-background-color-checked: #009DD9;
    --radio-border-color: #dcdfe6;
    --checkbox-background-color: #dee2e6;
    --checkbox-background-color-checked: #009DD9;
    --checkbox-border-color: #dee2e6;
    --checkbox-border-color-checked: #dcdfe6;
    --checkbox-icon-color: white;
    --icon-color-default: #606266;
    --input-background-color: #fff;
    --input-text-color: #606266;
    --input-border-color: #dcdfe6;
    --input-border: 1px solid #dcdfe6;
    --input-text-color-elementui: #606266;
    --input-readonly-background-color: #e8e8e8;
    --input-readonly-text-color: #606266;
    --input-readonly-border-color: #dcdfe6;
    --input-append-background-color: #f5f7fa;
    --scrollbar-width: 12px;
    --scrollbar-thumb-border-radius: 6px;
    --scrollbar-track-border-radius: 10px;
    --scrollbar-background-color: #eee;
    --scrollbar-track-color: #eee;
    --scrollbar-thumb-color: rgba(0, 174, 239, .7);
    --focused-component-border-color: #009DD9;
    --focused-component-border: 1px solid #009DD9;
}

@media screen {

    div.main-app nav.mainmenu a.navbar-brand img {
        height: 75px;
        width: 170px;
        background: url('/BDSRadioImages/BDSradio_logo_light_bg.png');
        position: relative;
        top: 16px;
        background-size: contain;
        background-repeat: no-repeat;
    }

    body {
        background: var(--page-background), -moz-linear-gradient(top, #ffffff 0%, #c8c8c8 100%); /* FF3.6+ */
        background: var(--page-background), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#c8c8c8)); /* Chrome,Safari4+ */
        background: var(--page-background), -webkit-linear-gradient(top, #ffffff 0%,#c8c8c8 100%); /* Chrome10+,Safari5.1+ */
        background: var(--page-background), -o-linear-gradient(top, #ffffff 0%,#c8c8c8 100%); /* Opera 11.10+ */
        background: var(--page-background), -ms-linear-gradient(top, #ffffff 0%,#c8c8c8 100%); /* IE10+ */
        background: var(--page-background), linear-gradient(to bottom, #ffffff 0%,#c8c8c8 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c8c8c8',GradientType=0 ); /* IE6-9 */
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: right bottom;
    }
}


.AC_graphic {
    background-image: url('/BDSRadioImages/format_ac_icon.png');
    height: 20px;
    width: 110px;
    margin: 7px 0 7px 0;
    -webkit-print-color-adjust: exact;
}

.AO_graphic {
    background-image: url('/BDSRadioImages/format_ao_icon.png');
    height: 20px;
    width: 110px;
    margin: 7px 0 7px 0;
    -webkit-print-color-adjust: exact;
}

.CA_graphic {
    background-image: url('/BDSRadioImages/format_ca_icon.png');
    height: 20px;
    width: 110px;
    margin: 7px 0 7px 0;
    -webkit-print-color-adjust: exact;
}

.CU_graphic {
    background-image: url('/BDSRadioImages/format_cu_icon.png');
    height: 20px;
    width: 110px;
    margin: 7px 0 7px 0;
    -webkit-print-color-adjust: exact;
}

.CG_graphic {
    background-image: url('/BDSRadioImages/format_cg_icon.png');
    height: 20px;
    width: 110px;
    margin: 7px 0 7px 0;
    -webkit-print-color-adjust: exact;
}

.CW_graphic {
    background-image: url('/BDSRadioImages/format_cw_icon.png');
    height: 20px;
    width: 110px;
    margin: 7px 0 7px 0;
    -webkit-print-color-adjust: exact;
}

.DV_graphic {
    background-image: url('/BDSRadioImages/format_dv_icon.png');
    height: 20px;
    width: 110px;
    margin: 7px 0 7px 0;
    -webkit-print-color-adjust: exact;
}

.GA_graphic {
    background-image: url('/BDSRadioImages/format_ga_icon.png');
    height: 20px;
    width: 110px;
    margin: 7px 0 7px 0;
    -webkit-print-color-adjust: exact;
}

.JAZZ_graphic {
    background-image: url('/BDSRadioImages/format_jz_icon.png');
    height: 20px;
    width: 110px;
    margin: 7px 0 7px 0;
    -webkit-print-color-adjust: exact;
}

.JZ_graphic {
    background-image: url('/BDSRadioImages/format_jz_icon.png');
    height: 20px;
    width: 110px;
    margin: 7px 0 7px 0;
    -webkit-print-color-adjust: exact;
}

.LA_graphic {
    background-image: url('/BDSRadioImages/format_la_icon.png');
    height: 20px;
    width: 110px;
    margin: 7px 0 7px 0;
    -webkit-print-color-adjust: exact;
}

.MX_graphic {
    background-image: url('/BDSRadioImages/format_mx_icon.png');
    height: 20px;
    width: 110px;
    margin: 7px 0 7px 0;
    -webkit-print-color-adjust: exact;
}

.RB_graphic {
    background-image: url('/BDSRadioImages/format_rb_icon.png');
    height: 20px;
    width: 110px;
    margin: 7px 0 7px 0;
    -webkit-print-color-adjust: exact;
}

.TF_graphic {
    background-image: url('/BDSRadioImages/format_tf_icon.png');
    height: 20px;
    width: 110px;
    margin: 7px 0 7px 0;
    -webkit-print-color-adjust: exact;
}

.UV_graphic {
    background-image: url('/BDSRadioImages/format_uv_icon.png');
    height: 20px;
    width: 110px;
    margin: 7px 0 7px 0;
    -webkit-print-color-adjust: exact;
}