/* ==UserStyle==
@name         Darker UWorld
@namespace    https://raw.githubusercontent.com/JohnCiubuc/userstyles/master/darker-uworld.user.css
@homepageURL  https://raw.githubusercontent.com/JohnCiubuc/userstyles/master/darker-uworld.user.css
@version      1.0.9
@license      Apache-1.1
@description  Adds a dark theme to UWorld
@author       JohnCiubuc (https://openusercss.org/profile/5ecec9e4fbfa2b0c00b8b872)
@preprocessor stylus
==/UserStyle== */
@-moz-document url-prefix("https://www.uworld.com/ClientApp"), url-prefix("https://www.uworld.com/courseapp"),
url-prefix("https://www.uworld.com/courseapp/usmle/performance"), url-prefix("https://www.uworld.com/memberarea.aspx") {

    :root {
        --uw-dark: #273542;
        --uw-med: #2F4050;
        --uw-lite: hsl(209, 26%, 30%);
        --grey: #D7DEE9;
        --grey-secondary: #b4bbc5;
        --dark-grey: hsl(215, 14%, 38%);
        --light-grey: hsl(217, 29%, 96%);
        --color: #FFEAC1;
        --h-color: #fff2a8;
        
         --amboss-yellow: #F1D56B;
        --amboss-red: #EE6160;

        --amboss-bg-one: #282C34;
        --amboss-bg-two: #1E2125;
        --amboss-bg-three: #24282D;
        --amboss-white: #CED1D6;
        --amboss-blue: #6E95CF;
        --amboss-green: #41A48A;
    }
    /* Member's Area */

div[id="Body_ExamScoresBanner"]{    
        background-color: var(--uw-dark);
}
.fa-caret-down-productmenu{    
        color: var(--amboss-white)!important;
}
.navbar-inner.small-nav,
div[class="navbar-inner d-flex justify-content-between"],
div[class="row mr--0 row-grey row-productmenu hidden-xs"]{
    
        background-color: var(--amboss-bg-two);
}
div[class="row mr--0"] {
        
        background-color: var(--amboss-bg-one);
    }
    /* Performance Page */
    mat-toolbar-row,
    span[class="header-text header-font ng-star-inserted"] {
        background-color: var(--uw-dark)!important;
        color: var(--grey)!important;
    }
    .mainlayout .rightcontent,
    .mat-toolbar {
        background-color: var(--uw-dark)!important;
    }
    div[class="flex-left-side"]{
        color:var(--amboss-white);
    }
    .welcome-first-tabs .mat-tab-body-wrapper,
    .overall-first-tabs .mat-tab-body-wrapper,
    .report-first-tabs .report-second-tabs {
        background-color: var(--uw-med);
    }
    .overall-first-tabs .statistics-title,
    .stats-title {
        color: #fff!important;
    }
    .stats-row {
        color: var(--grey-secondary)!important;
    }
    /* Vignette Panel */
    .daymode .nbme #vignettedescriptor {

        background-color: var(--uw-dark);
        border: 1px solid var(--uw-med);
    }
    /* Hide tutorial button. Also prevents massive whitespace bar from appearing */
    button[title="How to use"]{
        display:none;
    }
    /* Lab Panel*/
    .daymode .labs,
    .labs #labContent,
    #labContent,
    .daymode .labs #blood,
    .daymode .labs #cereberospinal,
    .daymode .labs #hematologic,
    .daymode .labs #sweat {
        background-color: var(--uw-dark);
        color: var(--grey-secondary)!important;
    }
    /* Performance Circles */
    div[class="uworld-overall-mid-size-column"] div div:last-child,
    .label-plain,
    .label-plain-disabled,
    .score {
        background-color: var(--dark-grey)!important;
        color: var(--light-grey)!important;
    }
    /*
        Text in circles
    */
    g text tspan[style] {
        fill: var(--grey);
    }
    /* previous test */
    #previousTests_wrapper select {
        color: var(--grey);
    }
    /* active report tab */
    .report-first-tabs .mat-tab-header .mat-tab-label-active,
    .report-first-tabs .report-second-tabs .mat-tab-header .mat-tab-label-active {
        background-color: var(--uw-dark);
        color: var(--grey);
    }
    .report-first-tabs .report-second-tabs .filter-div .dropdown-name,
    .report-first-tabs .report-second-tabs .filter-div .mat-select-value {
        color: var(--grey);
    }
    /* hide bar*/
div[class="pace pace-active"]{
    visibility: hidden;
    display: none;
}

    /* Report tables*/
    .mat-table thead {
        background-color: var(--uw-lite);
        color: var(--grey);
    }
    /* Report Tables Row */
    table.mat-table tr:not(.expanded-row):not(.detail-row) td,
    tr.element-row.expanded-row {
        background-color: var(--uw-lite);
        color: var(--grey);
    }
    tr.detail-row {
        background-color: var(--uw-dark);
    }
    .top-margin10,
    table.mat-table td {
        color: var(--grey)!important;
    }
    /* Regular Page */
    /* Sliders */
    .gray-bg {
        background-color: var(--uw-dark);
    }
    .footer {
        background: var(--uw-dark)!important;
        border-top: 0px !important;
    }
    .navbar-static-top {
        background-color: var(--uw-dark)!important;
        color: var(--grey);
    }
    .modal-header.has-warning {
        background-color: #b96913;
    }
    .modal-header.has-error {
        background-color: #a22a37;
    }
    .col-xs-12 div[class="row"] div[style] {
        background-color: var(--uw-med)!important;
    }
    h5,
    label {
        color: var(--grey)!important;
    }
    .btn-default:hover,
    .btn-default:focus,
    .btn-default:active,
    .btn-default.active,
    .open .dropdown-toggle.btn-default {
        background-color: #4d4d4d;
    }
    .modal-content {
        background-color: #394B68;
        color: #fffaf0;
    }
    .ibox-title,
    .ibox-content {
        background-color: var(--uw-med);
        color: var(--grey);
        border-color: var(--uw-med);
    }
    .createTestQuestionBox {
        background-color: var(--uw-dark);
        border: 0px solid #cccccc;
        color: #f8f4eb!important;
        width: 45px !important;
    }
    a.textHighlight,
    a.textHighlight:hover {
        color: #000!important;
        background-color: var(--h-color);
    }
    .nav-tabs > li.active > a,
    .nav-tabs > li.active > a:focus {
        color: #45e40c;
    }
    .nbme-bottomOptions,
    .nbme-topOptions {
        background-color: #364265;
    }
    #nbme-dynamicTopButtonsDiv .nbme-button-open,
    #nbme-dynamicTopButtonsDiv button:hover,
    #nbme-staticTopButtonsDiv button:hover,
    #nbme-topLeftButtonsDiv label:hover,
    .nbme-footer-right button:hover {
        background-color: #293559;
        border-style: inset
    }
    #markQuestion {
        border: 1px solid #364265;
    }
    #nbme-dynamicTopButtonsDiv button,
    #nbme-staticTopButtonsDiv button,
    #nbme-staticTopButtonsDiv label,
    .nbme-footer-right button {
        border: 1px solid #364265;
    }
    .daymode .nbme-leftcontent {
        background-color: #1B2337;
        scrollbar-width: thin;
        color: #fffaf0;
        scrollbar-color: #90A4AE #CFD8DC;
    }
    .daymode .nbme-leftcontent .selected {
        cursor: default;
        background-color: #5d87f0;
    }
    .daymode .nbme-leftcontent .alternate {
        background-color: #2f467d;
        color: #fffaf0;
    }
    .nav-tabs > li.active > a:hover {
        color: #9cffff;
    }
    .table-header-footer-style tr:first-child {
        font-size: 1.2em;
        font-weight: 600;
        border: 1px solid white;
    }
    g rect {
        width: 10;
    }
    svg rect:nth-child(2),
    svg g g:nth-child(1) rect,
    svg g g:nth-child(3) rect,
    svg g g:nth-child(5) rect {
        fill: var(--uw-med)!important;
    }
    g text {
        stroke: none
    }
    #questionText table tr td,
    #explanation table tr td,
    #questionAbstract table tr td,
    #hintBox table tr td,
    .exhibit table tr td,
    #collegeprepHintPopup table tr td {
        border: 1px solid white;
    }
    .answerStatsBar .headerText {
        color: #9cffff;
        font-size: 14px !important;
    }
    em {
        color: #9cffff;
    }
    .progress {
        background-color: #fdfcd2;
    }
    .white-bg {
        background-color: unset;
    }
    b,
    strong {
        font-weight: 700;
        color: #EAB754;
    }
    .nbme-centercontent {
        background-color: #1B2337;
        color: #FFEAC1;
    }
    .table-striped > tbody > tr:nth-of-type(2n+1) {
        background-color: var(--uw-lite);
    }
    .opac08 {
        color: #4dc2f0;
    }
    .opac04 {
        color: #4dc2f0;
    }
    /* Previous test hover*/
    .table-hover > tbody > tr:hover {
        background-color: var(--uw-dark);
    }
    .datatableCustomHeader {
        background-color: unset;
    }
    .nbme .answerChoiceBackground:hover {
        background-color: #133079;
        color: #fffaf0;
    }
    p {
        margin: 40px 0 10px;
    }
    .answerStatsBar .subHeaderText {
        color: #fff;
        font-size: 14px!important
    }
}