/* * Custom XPrep Dark Mode Styles * * Handcrafted with love in Seattle * * Created: May 2020 Changelist - - - - - 0.2.0 - 3 April 2022 - Study assignments 0.1.2 - 17 September 2021 - Misc minor stats-related fixes 0.1.1 - 19 April 2021 - Dropdown menu color fix 0.1.0 - 19 January 2021 - Refactoring for more performant dark mode */ /* - - - - - - - - - - GENERAL - - - - - - - - - - - */ body, p {color: #;} body {background: #2B3033;} #wrapper-home, #wrapper {background: #fff;} h1, h2, h3, h4, h5, h6 {color: color: #333;} .muted {color: #999;} fieldset:disabled {opacity: .5;} .dropdown-menu {background-color: #fff;} /* - - - - - - - - - - SPECIFICS - - - - - - - - - - - */ .dashboard-counter-label-top {color: #333;} .progress-others .progress-bar {background-color: rgba(0,0,0,.2); color: #666;} .others-bar-accuracy {color: #999;} .pb-orange .progress-bar.pb-0-19 {color: #333;} .pb-orange .progress-bar.pb-20-39 {color: #333;} .pb-orange .progress-bar.pb-40-59 {color: #333;} .pb-orange .progress-bar.pb-60-79 {color: #333;} .pb-orange .progress-bar.pb-80-100 {} .pb-blue .progress-bar.pb-0-19 {color: #333;} .pb-blue .progress-bar.pb-20-39 {color: #333;} .pb-blue .progress-bar.pb-40-59 {color: #333;} .pb-blue .progress-bar.pb-60-79 {} .pb-blue .progress-bar.pb-80-100 {} .btn-orange-o {background-color: rgba(255,255,255,0.75);} .btn-orange-o:hover, .btn-orange-o:focus, .btn-orange-o:active, .btn-orange-o.active, .open .dropdown-toggle.btn-orange-o {background-color: #fefaf6 !important;} .btn-lightgray {color: #666666; background-color: #F9F9F9; border-color: #CCCCCC;} .btn-lightgray:hover, .btn-lightgray:focus, .btn-lightgray:active, .btn-lightgray.active, .open .dropdown-toggle.btn-lightgray {color: #666666; background-color: #EEE; border-color: #CCCCCC;} ul.questions li a {color: #333;} ul.questions li:hover {background: #fcfcfc url('../img/radio-whiteorange.png') 15px -2464px no-repeat;} ul.questions li:hover a {color: #D1781F;} .chosen {background: #fcfcfc url('../img/radio-whiteorange.png') 15px -2464px no-repeat !important; border: #aaa solid 1px;} ul.answer-list li {color: #;} ul.answer-list li.correct {background-color: #F6FCF4; border: 1px solid #C5E3BF;} ul.answer-list li.incorrect {background-color: #fafafa; border: 1px solid #ddd;} ul.answer-list li.incorrect .fa-times {} i.fa.fa-check.text-white {color: #ffffff !important;} .text-red {color: #A83115 !important;} .practice-mode-bottom {background: #ccc;} .well-hover h4 {} .well-hover:hover {background: #ecf6fb;} ul.list-unstyled .fa-file-pdf-o, li i.fa-file-pdf-o {color: #9e0b0f !important;} ul.list-unstyled .fa-file-video-o, li i.fa-file-video-o {color: #666666 !important;} ul.list-unstyled .fa-file-video, li i.fa-file-video {color: #666666 !important; } ul.list-unstyled .fa-play-circle, li i.fa-play-circle {color: #2f4a63 !important;} .badge-gray {background-color: #aaa !important;} .pp-pl-last-viewed {color: #bbb;} .table-exam-results tr {background-color: #fff;} .table-exam-results tr th {background-color: #eee;} .table-exam-results td {} tr.exam-results-unseen td {background-color: #fff !important;} .exam-results-marked {background-color: #e8eedf !important;} .exam-results-incomplete {background-color: #f9e6e6 !important;} .table-exam-results tr td:first-child a {color: #333 !important;} .table-exam-results tr:hover {background-color: #f3f8fc !important;} .table>thead>tr>th {} .table>tbody>tr>td {} .table-striped>tbody>tr:nth-child(odd) {} table.custom-striped tr:nth-child(4n+3) td {background: #fafafa;} table.custom-striped tr:nth-child(4n+0) td {background: #fafafa;} .panel-default>.panel-heading {} .panel-group .panel-heading+.panel-collapse>.panel-body {} .big-stats .stats-number {} .accuracy-completion-label {color: #666;} .table-stats-counter .header-category, .table-stats-counter .header-practice-exam {color: #333 !important;} .table-stats-counter th:nth-child(2), .table-stats-counter tr td:nth-child(2) {color: #888;} .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {} .nav-tabs {} .nav-tabs>li>a:hover {} .sq-question a, .sq-question:active {color: #333;} .table-sq tr:nth-child(4n), .table-sq tr:nth-child(4n-1), .table-spp tr:nth-child(even), .table-spl tr:nth-child(even) {background: #f5f5f5;} .slider-handle {} .alert {} .alert a {} .alert-info {} .alert-danger {} .alert-success {} .modal .modal-content {} .modal .modal-header {} .popover {} .popover.top>.arrow:after {} #refval table tr:nth-child(even) {background: #fafafa;} .close {} .btn-green, .btn-green[disabled] {background-color: #5C9605; border-color: #558015;} .btn-green:hover, .btn-green:focus, .btn-green:active, .btn-green.active, .open .dropdown-toggle.btn-green {background-color: #52800E; border-color: #558015;} #page-title {background: #666;} #bottom {background: #3E4549;} #footer {background: #2B3033;} .table-exam-results thead tr th {} .text-muted {} .mode-choice .well h4 {color: #32719b !important;} .mode-choice .well-chosen {} .mode-choice .well-chosen h4 {} .mode-choice .well-chosen p {} .mode-choice .well-chosen .text-muted {} .marks-highlight {background-color: #fff2cc;} li.locked i.fa-lock {color: #333 !important;} .datepicker-container, .datepicker-panel > ul > li {} .datepicker-dropdown {} .well-outline {background-color: transparent !important; border: 1px solid #ddd;} /* - - - - - - - - - - STATS - NEW - - - - - - - - - - - */ .nav-pills a {color: rgba(52,140,189,1);} .nav-pills>li.active>a, .nav-pills>li.active>a:visited, .nav-pills>li.active>a:focus {background-color: rgba(52,140,189,1);} .nav-pills-orange a {color: #ED8825;} .nav-pills-orange>li.active>a, .nav-pills-orange>li.active>a:visited, .nav-pills-orange>li.active>a:focus {background-color: #ED8825; color: #fff;} .nav-pills-orange>li.active>a:hover {background-color: #cf7318;} a.study-this {border: 1px #ED8825 solid; color: #ED8825;} a.study-this.disabled {border: 1px #c5c5c5 solid; color: #d5d5d5;} .table-categories-all>thead>tr>th {border-bottom: 2px solid #ccc;} .table-categories-all tbody tr {background-color: rgb(0,0,0,0.09);} .table-categories.table-categories-all tbody tr td .pb-simple {background-color: #fff !important;} .table-categories tbody tr td .pb-simple {background-color: #fff !important;} .table-subcategories.table-categories-all tbody tr td .pb-simple {background-color: #fff !important;} .accuracy-details {color: #888;} .accuracy-details-sub {color: #888;} .pb-navy .progress-bar.pb-0-19 {background: rgba(47,74,99,.3); color: #333;} .pb-navy .progress-bar.pb-20-39 {background: rgba(47,74,99,.5);} .pb-navy .progress-bar.pb-40-59 {background: rgba(47,74,99,.7);} .pb-navy .progress-bar.pb-60-79 {background: rgba(47,74,99,.9);} .pb-navy .progress-bar.pb-80-100 {background: rgba(47,74,99,1);} .panel-canine {background: linear-gradient(to bottom, rgb(8,126,139,1) 5%, transparent 0); background-color: rgb(8,126,139,0.10) !important;} .panel-feline {background: linear-gradient(to bottom, rgb(226,111,125,1) 5%, transparent 0); background-color: rgb(226,111,125,0.10) !important;} .panel-equine {background: linear-gradient(to bottom, rgb(102,86,135,1) 5%, transparent 0); background-color: rgb(102,86,135,0.10) !important;} .panel-bovine {background: linear-gradient(to bottom, rgb(249,178,36,1) 5%, transparent 0); background-color: rgb(249,178,36,0.10) !important;} .panel-heading.panel-canine {background: linear-gradient(to bottom, rgb(8,126,139,1) 10%, transparent 0) !important; background-color: rgb(8,126,139,0.10) !important;} .panel-heading.panel-feline {background: linear-gradient(to bottom, rgb(226,111,125,1) 10%, transparent 0) !important; background-color: rgb(226,111,125,0.10) !important;} .panel-heading.panel-equine {background: linear-gradient(to bottom, rgb(102,86,135,1) 10%, transparent 0) !important; background-color: rgb(102,86,135,0.10) !important;} .panel-heading.panel-bovine {background: linear-gradient(to bottom, rgb(249,178,36,1) 10%, transparent 0) !important; background-color: rgb(249,178,36,0.10) !important;} .text-canine {color: rgb(8,126,139,1);} .text-feline {color: rgb(226,111,125,1);} .text-equine {color: rgb(102,86,135,1);} .text-bovine {color: rgb(249,178,36,1);} .row-canine {background: linear-gradient(to bottom, rgb(8,126,139,.5) 10%, transparent 0) !important; background-color: rgb(8,126,139,0.05) !important;} .row-feline {background: linear-gradient(to bottom, rgb(226,111,125,.5) 10%, transparent 0) !important; background-color: rgb(226,111,125,0.05) !important;} .row-equine {background: linear-gradient(to bottom, rgb(102,86,135,.5) 10%, transparent 0) !important; background-color: rgb(102,86,135,0.05) !important;} .row-bovine {background: linear-gradient(to bottom, rgb(249,178,36,.5) 10%, transparent 0) !important; background-color: rgb(249,178,36,0.05) !important;} .no-data-to-display {color: #ccc;} .modal-row-canine {background: linear-gradient(to bottom, rgb(8,126,139,1) 5%, transparent 0); background-color: rgb(8,126,139,0.10) !important;} .modal-row-feline {background: linear-gradient(to bottom, rgb(226,111,125,1) 5%, transparent 0); background-color: rgb(226,111,125,0.10) !important;} .modal-row-equine {background: linear-gradient(to bottom, rgb(102,86,135,1) 5%, transparent 0); background-color: rgb(102,86,135,0.10) !important;} .modal-row-bovine {background: linear-gradient(to bottom, rgb(249,178,36,1) 5%, transparent 0); background-color: rgb(249,178,36,0.10) !important;} .stats-bar.affix {background-color: #eee;} .stats-bar .nav>li>a, .stats-bar .nav>li>a:visited {color: #ED8825 !important;} .stats-bar .nav>li>a:focus, .stats-bar .nav>li>a:hover {color: #fff !important; background-color: #ED8825;} .stats-bar ul.navbar-nav li.active a {color: #fff !important; background-color: #ED8825;} .stats-body {border-color: #ddd;} ul.stats-tabs li a {color: #999 !important;} ul.stats-tabs li a:hover {background: none !important; color: #666 !important;} ul.stats-tabs li.active a {color: #ED8825 !important; border-bottom: 3px solid #ED8825;} ul.stats-tabs li.active a:hover {color: #cf7318 !important;} .statistics-categories .panel-heading {background: linear-gradient(to bottom, rgba(0,0,0,0.18) 10%, transparent 0); background-color: #f5f5f5;} .statistics-categories .panel-group .panel+.panel {margin-top: 5px !important;} .big-navle-pie img {background-color: rgba(0,0,0,.05); border-radius: 50%; padding: 4px;} .panel-big-four img {background-color: rgba(0,0,0,.05); border-radius: 50%; padding: 3px;} .fa-arrow-up {color: #5C9605;} .fa-arrow-down {color: #A83115;} a.trend-no-change {color: #999;} a.trend-no-change:focus {color: #999;} /* first number where x = the progress % is x * 3.6 to get the number of degrees. second number (0) completes the circle. */ .pie-1 {background-image: conic-gradient(#ED8825 3.6deg,#cccccc 0deg);} .pie-2 {background-image: conic-gradient(#ED8825 7.2deg,#cccccc 0deg);} .pie-3 {background-image: conic-gradient(#ED8825 10.8deg,#cccccc 0deg);} .pie-4 {background-image: conic-gradient(#ED8825 14.4deg,#cccccc 0deg);} .pie-5 {background-image: conic-gradient(#ED8825 18deg,#cccccc 0deg);} .pie-6 {background-image: conic-gradient(#ED8825 21.6deg,#cccccc 0deg);} .pie-7 {background-image: conic-gradient(#ED8825 25.2deg,#cccccc 0deg);} .pie-8 {background-image: conic-gradient(#ED8825 28.8deg,#cccccc 0deg);} .pie-9 {background-image: conic-gradient(#ED8825 32.4deg,#cccccc 0deg);} .pie-10 {background-image: conic-gradient(#ED8825 36deg,#cccccc 0deg);} .pie-11 {background-image: conic-gradient(#ED8825 39.6deg,#cccccc 0deg);} .pie-12 {background-image: conic-gradient(#ED8825 43.2deg,#cccccc 0deg);} .pie-13 {background-image: conic-gradient(#ED8825 46.8deg,#cccccc 0deg);} .pie-14 {background-image: conic-gradient(#ED8825 50.4deg,#cccccc 0deg);} .pie-15 {background-image: conic-gradient(#ED8825 54deg,#cccccc 0deg);} .pie-16 {background-image: conic-gradient(#ED8825 57.6deg,#cccccc 0deg);} .pie-17 {background-image: conic-gradient(#ED8825 61.2deg,#cccccc 0deg);} .pie-18 {background-image: conic-gradient(#ED8825 64.8deg,#cccccc 0deg);} .pie-19 {background-image: conic-gradient(#ED8825 68.4deg,#cccccc 0deg);} .pie-20 {background-image: conic-gradient(#ED8825 72deg,#cccccc 0deg);} .pie-21 {background-image: conic-gradient(#ED8825 75.6deg,#cccccc 0deg);} .pie-22 {background-image: conic-gradient(#ED8825 79.2deg,#cccccc 0deg);} .pie-23 {background-image: conic-gradient(#ED8825 82.8deg,#cccccc 0deg);} .pie-24 {background-image: conic-gradient(#ED8825 86.4deg,#cccccc 0deg);} .pie-25 {background-image: conic-gradient(#ED8825 90deg,#cccccc 0deg);} .pie-26 {background-image: conic-gradient(#ED8825 93.6deg,#cccccc 0deg);} .pie-27 {background-image: conic-gradient(#ED8825 97.2deg,#cccccc 0deg);} .pie-28 {background-image: conic-gradient(#ED8825 100.8deg,#cccccc 0deg);} .pie-29 {background-image: conic-gradient(#ED8825 104.4deg,#cccccc 0deg);} .pie-30 {background-image: conic-gradient(#ED8825 108deg,#cccccc 0deg);} .pie-31 {background-image: conic-gradient(#ED8825 111.6deg,#cccccc 0deg);} .pie-32 {background-image: conic-gradient(#ED8825 115.2deg,#cccccc 0deg);} .pie-33 {background-image: conic-gradient(#ED8825 118.8deg,#cccccc 0deg);} .pie-34 {background-image: conic-gradient(#ED8825 122.4deg,#cccccc 0deg);} .pie-35 {background-image: conic-gradient(#ED8825 126deg,#cccccc 0deg);} .pie-36 {background-image: conic-gradient(#ED8825 129.6deg,#cccccc 0deg);} .pie-37 {background-image: conic-gradient(#ED8825 133.2deg,#cccccc 0deg);} .pie-38 {background-image: conic-gradient(#ED8825 136.8deg,#cccccc 0deg);} .pie-39 {background-image: conic-gradient(#ED8825 140.4deg,#cccccc 0deg);} .pie-40 {background-image: conic-gradient(#ED8825 144deg,#cccccc 0deg);} .pie-41 {background-image: conic-gradient(#ED8825 147.6deg,#cccccc 0deg);} .pie-42 {background-image: conic-gradient(#ED8825 151.2deg,#cccccc 0deg);} .pie-43 {background-image: conic-gradient(#ED8825 154.8deg,#cccccc 0deg);} .pie-44 {background-image: conic-gradient(#ED8825 158.4deg,#cccccc 0deg);} .pie-45 {background-image: conic-gradient(#ED8825 162deg,#cccccc 0deg);} .pie-46 {background-image: conic-gradient(#ED8825 165.6deg,#cccccc 0deg);} .pie-47 {background-image: conic-gradient(#ED8825 169.2deg,#cccccc 0deg);} .pie-48 {background-image: conic-gradient(#ED8825 172.8deg,#cccccc 0deg);} .pie-49 {background-image: conic-gradient(#ED8825 176.4deg,#cccccc 0deg);} .pie-50 {background-image: conic-gradient(#ED8825 180deg,#cccccc 0deg);} .pie-51 {background-image: conic-gradient(#ED8825 183.6deg,#cccccc 0deg);} .pie-52 {background-image: conic-gradient(#ED8825 187.2deg,#cccccc 0deg);} .pie-53 {background-image: conic-gradient(#ED8825 190.8deg,#cccccc 0deg);} .pie-54 {background-image: conic-gradient(#ED8825 194.4deg,#cccccc 0deg);} .pie-55 {background-image: conic-gradient(#ED8825 198deg,#cccccc 0deg);} .pie-56 {background-image: conic-gradient(#ED8825 201.6deg,#cccccc 0deg);} .pie-57 {background-image: conic-gradient(#ED8825 205.2deg,#cccccc 0deg);} .pie-58 {background-image: conic-gradient(#ED8825 208.8deg,#cccccc 0deg);} .pie-59 {background-image: conic-gradient(#ED8825 212.4deg,#cccccc 0deg);} .pie-60 {background-image: conic-gradient(#ED8825 216deg,#cccccc 0deg);} .pie-61 {background-image: conic-gradient(#ED8825 219.6deg,#cccccc 0deg);} .pie-62 {background-image: conic-gradient(#ED8825 223.2deg,#cccccc 0deg);} .pie-63 {background-image: conic-gradient(#ED8825 226.8deg,#cccccc 0deg);} .pie-64 {background-image: conic-gradient(#ED8825 230.4deg,#cccccc 0deg);} .pie-65 {background-image: conic-gradient(#ED8825 234deg,#cccccc 0deg);} .pie-66 {background-image: conic-gradient(#ED8825 237.6deg,#cccccc 0deg);} .pie-67 {background-image: conic-gradient(#ED8825 241.2deg,#cccccc 0deg);} .pie-68 {background-image: conic-gradient(#ED8825 244.8deg,#cccccc 0deg);} .pie-69 {background-image: conic-gradient(#ED8825 248.4deg,#cccccc 0deg);} .pie-70 {background-image: conic-gradient(#ED8825 252deg,#cccccc 0deg);} .pie-71 {background-image: conic-gradient(#ED8825 255.6deg,#cccccc 0deg);} .pie-72 {background-image: conic-gradient(#ED8825 259.2deg,#cccccc 0deg);} .pie-73 {background-image: conic-gradient(#ED8825 262.8deg,#cccccc 0deg);} .pie-74 {background-image: conic-gradient(#ED8825 266.4deg,#cccccc 0deg);} .pie-75 {background-image: conic-gradient(#ED8825 270deg,#cccccc 0deg);} .pie-76 {background-image: conic-gradient(#ED8825 273.6deg,#cccccc 0deg);} .pie-77 {background-image: conic-gradient(#ED8825 277.2deg,#cccccc 0deg);} .pie-78 {background-image: conic-gradient(#ED8825 280.8deg,#cccccc 0deg);} .pie-79 {background-image: conic-gradient(#ED8825 284.4deg,#cccccc 0deg);} .pie-80 {background-image: conic-gradient(#ED8825 288deg,#cccccc 0deg);} .pie-81 {background-image: conic-gradient(#ED8825 291.6deg,#cccccc 0deg);} .pie-82 {background-image: conic-gradient(#ED8825 295.2deg,#cccccc 0deg);} .pie-83 {background-image: conic-gradient(#ED8825 298.8deg,#cccccc 0deg);} .pie-84 {background-image: conic-gradient(#ED8825 302.4deg,#cccccc 0deg);} .pie-85 {background-image: conic-gradient(#ED8825 306deg,#cccccc 0deg);} .pie-86 {background-image: conic-gradient(#ED8825 309.6deg,#cccccc 0deg);} .pie-87 {background-image: conic-gradient(#ED8825 313.2deg,#cccccc 0deg);} .pie-88 {background-image: conic-gradient(#ED8825 316.8deg,#cccccc 0deg);} .pie-89 {background-image: conic-gradient(#ED8825 320.4deg,#cccccc 0deg);} .pie-90 {background-image: conic-gradient(#ED8825 324deg,#cccccc 0deg);} .pie-91 {background-image: conic-gradient(#ED8825 327.6deg,#cccccc 0deg);} .pie-92 {background-image: conic-gradient(#ED8825 331.2deg,#cccccc 0deg);} .pie-93 {background-image: conic-gradient(#ED8825 334.8deg,#cccccc 0deg);} .pie-94 {background-image: conic-gradient(#ED8825 338.4deg,#cccccc 0deg);} .pie-95 {background-image: conic-gradient(#ED8825 342deg,#cccccc 0deg);} .pie-96 {background-image: conic-gradient(#ED8825 345.6deg,#cccccc 0deg);} .pie-97 {background-image: conic-gradient(#ED8825 349.2deg,#cccccc 0deg);} .pie-98 {background-image: conic-gradient(#ED8825 352.8deg,#cccccc 0deg);} .pie-99 {background-image: conic-gradient(#ED8825 356.4deg,#cccccc 0deg);} .pie-100 {background-image: conic-gradient(#ED8825 360deg,#cccccc 0deg);} /* - - - - - - - - - - STUDY PLAN - - - - - - - - - - - */ .studyplan-placeholder-title h4 {color: #333 !important;} .studyplan-placeholder-inner {color: #ED8825 !important;} /* - - - - - - - - - - CALCULATOR - - - - - - - - - - - */ #calcModal .modal-dialog .modal-content .modal-header {} .calc_result {} .calc_btn {} /* - - - - - - - - - - MOBILE APP - - - - - - - - - - - */ body.mobile-app {background: #fff;} #wrapper.mobile-app {background: #fff;} #wrapper-dashboard {background: #fff;} #wrapper-sheet {background: #fff;} .gray-back {background: #f1f1f1;} #app-footer {background: #fcfcfc;} #app-footer a {color: #999999;} #app-footer a:hover {color: #666666;} /* Landscape phones and down */ @media (max-width: 480px) { .dropdown-menu.selectpicker>.selected>a {color: #fff !important;} .dropdown-menu.selectpicker>li>a {color: #ED8825 !important;} .dropdown-menu.selectpicker>li>a:visited, .dropdown-menu.selectpicker>li>a:hover, .dropdown-menu.selectpicker>li>a:focus {color: #D1781F !important; text-decoration: none !important;} .dropdown-menu>li>a {color: #ccc !important;} .dropdown-menu>li>a:hover {color: #fff !important;} .panel-canine {background: linear-gradient(to bottom, rgb(8,126,139,1) 3%, transparent 0);} .panel-feline {background: linear-gradient(to bottom, rgb(226,111,125,1) 3%, transparent 0);} .panel-equine {background: linear-gradient(to bottom, rgb(102,86,135,1) 3%, transparent 0);} .panel-bovine {background: linear-gradient(to bottom, rgb(249,178,36,1) 3%, transparent 0);} } /* Landscape phone to portrait tablet */ @media (min-width: 481px) and (max-width: 767px) { .dropdown-menu.selectpicker>.selected>a {color: #fff !important;} .dropdown-menu.selectpicker>li>a {color: #ED8825 !important;} .dropdown-menu.selectpicker>li>a:visited, .dropdown-menu.selectpicker>li>a:hover, .dropdown-menu.selectpicker>li>a:focus {color: #D1781F !important; text-decoration: none !important;} .dropdown-menu>li>a {color: #ccc !important;} .dropdown-menu>li>a:hover {color: #fff !important;} } /* Portrait tablet to landscape and desktop */ @media (min-width: 768px) and (max-width: 991px) { } /* Desktops and laptops ----------- */ @media (min-width: 992px) and (max-width: 1200px) { } /* Large screens ----------- */ @media (min-width: 1201px) { }