:root {
    --color-green-primary: #76F6BA;
    --color-green-secondary: #76F6BACC;
    --color-green-tertiary: #CDF7CC;

    --color-blue-primary: #239BC0;
    --color-blue-secondary: #239bc0d1;
    --color-blue-tertiary: #239BC07F;

    --color-warning: #b37405;
    --color-danger: #c42341;
    --color-success: #49905f;

    --color-orange: #EB8F0B;

    --background-color-primary: #E6EDEF;

    --hover-filter: brightness(.8);

    --font-family: sans-serif;
}

/* Generic overrides start */
body {
    font-family: var(--font-family);
}

.body-style {
    background-color: var(--background-color-primary) !important;
}

#white_page,
.white_page {
    border-radius: 0 0 7px 7px;
}

h3, h4 {
    font-weight: 500;
    color: #222 !important;
}

body button.btn,
body button.btn:focus,
body button.btn:hover {
    border-radius: 6px !important;
}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    color: var(--color-blue-primary);
}

body .sw-btn-success,
.sw-btn-default,
.sw-btn-primary,
.sw-panel-primary > .panel-heading {
    color: #000000 !important;
    background-color: var(--color-green-primary);
    border-color: var(--color-green-primary);
}

body .sw-btn-success:hover,
.sw-btn-default:hover,
.sw-btn-primary:hover,
.sw-btn-primary:focus,
.sw-panel-primary > .panel-heading:hover {
    filter: var(--hover-filter);
    color: #000000 !important;
    background-color: var(--color-green-primary);
    border-color: var(--color-green-primary);
}

.sw-btn-success .fa-plus:before {
    color: #000000;
}

.sw-waiting, .sw-polling {
    background: url(/assets/packages/cappelen-damm-akademisk/images/ajax-loader.gif) left center no-repeat;
}

a {
    text-decoration: underline;
}

.nav-tabs.nav a,
.navbar a {
    text-decoration: initial;
}

.nav-tabs > li.active > a:hover,
.nav-tabs>li>a:hover,
.nav-tabs>li>a,
.nav-tabs>li.active>a {
    font-weight: 500;
    color: #222 !important;
}

.modal-header {
    color: #000;
    background-color: var(--color-green-primary);
}

.sw-modal-close {
    color: #000;
}

.wysiwyg-color-orange {
    color: var(--color-warning);
}

.sw-plus {
    color: var(--color-success);
}

.sw-minus {
    color: var(--color-danger);
}

.well {
    color: #000;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: var(--color-blue-primary) !important;
}

.progress-bar-warning {
    background-color: var(--color-warning);
}

.progress-bar-success {
    background-color: var(--color-success);
}

.progress-bar-danger {
    background-color: var(--color-danger);
}

.sw-label-warning {
    background-color: var(--color-green-tertiary);
    color: #000;
}
/* Generic overrides end */

/* Navbar start */
.logo_brand {
    display: flex;
    align-items: center;
}

.logo-style {
    all: unset;
    height: 25px;
    display: flex;
}

.divider {
    height: 30px;
    border-right: 1px #666666b2 solid;
    margin-right: 10px;
    padding-left: 10px;
}

.logo-student {
    width: 90px;
    margin-right: 20px;
}

.navbar-inverse,
.navbar-inverse .sw-collapse {
    background-color: #000000 !important;
}

.navbar-inverse .dropdown.menu-profile-pic:not(.open):hover .caret {
    border-top-color: var(--color-green-primary);
}

.navbar-inverse .dropdown.open .caret {
    border-top-color: #000000;
}

.menu-profile-a-active,
.sw-nav-active .sw-nav-txt {
    color: #000000 !important;
}

.nav-bar-home {
    background: url(/assets/packages/cappelen-damm-akademisk/images/icons/home.svg) 20px center no-repeat;
}

.nav-bar-home-active {
    background: url(/assets/packages/cappelen-damm-akademisk/images/icons/home_black.svg) 20px center no-repeat;
}

#home-icon:hover .nav-bar-home {
    background: url(/assets/packages/cappelen-damm-akademisk/images/icons/home_green.svg) 20px center no-repeat;
}

.nav-bar-question {
    background: url(/assets/packages/cappelen-damm-akademisk/images/icons/forum.svg) 20px center no-repeat;
}

.nav-bar-question-active {
    background: url(/assets/packages/cappelen-damm-akademisk/images/icons/forum_black.svg) 20px center no-repeat;
}

#question-icon:hover .nav-bar-question {
    background: url(/assets/packages/cappelen-damm-akademisk/images/icons/forum_green.svg) 20px center no-repeat;
}

.nav-bar-report,
.nav-bar-report:hover {
    background: url(/assets/packages/cappelen-damm-akademisk/images/icons/report.svg) 20px center no-repeat;
}

.nav-bar-report-active {
    background: url(/assets/packages/cappelen-damm-akademisk/images/icons/report_black.svg) 20px center no-repeat;
}

#report-icon:hover .nav-bar-report {
    background: url(/assets/packages/cappelen-damm-akademisk/images/icons/report_green.svg) 20px center no-repeat;
}

.fa.fa-bell {
    display: none;
}

.menu-notifications-a {
    background: url(/assets/packages/cappelen-damm-akademisk/images/icons/notifications.svg) center no-repeat;
}

#menu-notifications:hover .menu-notifications-a {
    background: url(/assets/packages/cappelen-damm-akademisk/images/icons/notifications_green.svg) center no-repeat;
}

#menu-notifications.open .menu-notifications-a {
    background: url(/assets/packages/cappelen-damm-akademisk/images/icons/notifications_black.svg) center no-repeat;
}

.menu-profile li:not(.nav-seperator):hover,
.sw-nav-ul li:not(.nav-seperator, .sw-nav-active):hover {
    background-color: #000000 !important;
}

.menu-profile li:not(.nav-seperator, .active, .open):hover > a,
.sw-nav-ul li:not(.nav-seperator, .active, .open):hover > a {
    color: var(--color-green-primary) !important;
}

.sw-nav-active,
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:focus,
.navbar-inverse .navbar-nav > .open > a:hover:not(.nav-bar-seperator),
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .active > a:hover {
    background-color: var(--color-green-primary) !important;
    border-radius: 0 !important;
    color: #000000;
}

.nav > .dropdown > .nav-link-btn {
    background-color: var(--color-green-primary);
    color: #000000;
}

.nav > .dropdown > .nav-link-btn .caret {
    border-top-color: #000000;
}

.sw-dropdown > ul > li > a,
#nav_link_change_role:focus,
#nav_link_change_role:hover,
#nav_link_change_lang:focus,
#nav_link_change_lang:hover {
    color: #000000 !important;
}

.exercise-ul {
    background-color: #FFFFFF !important;
}

.dropdown-menu > li > a.active {
    background-color: var(--color-green-secondary);
}

.container-fluid .dropdown-menu > li > a:hover {
    background-color: #000000;
    color: #FFFFFF !important;
}
/* Navbar end */

/* Homepage start */
#filter_tabs ul.tabs > li {
    background-color: var(--color-green-primary);
    color: #000000
}

#filter_tabs ul.tabs > li.active,
#filter_tabs ul.tabs > li:hover {
    background-color: #000000;
    color: #FFFFFF;
}

#filter_tabs ul.tabs > li.active .fa-bookmark:before,
#filter_tabs ul.tabs > li:hover .fa-bookmark:before {
    color: #FFFFFF;
}

#filter_tabs li:not(:hover) .tabs_icon_packages {
    background-image: url(/images/icons/pen.svg);
}

#filter_tabs li:not(:hover) .tabs_icon_theory {
    background-image: url(/images/icons/paper.svg);
}

#filter_tabs li:not(:hover) .tabs_icon_slideshow {
    background-image: url(/images/icons/play1.png);
    height: 9px;
}

.fa-bookmark:before {
    color: #000000;
}

.arrow_img {
    color: var(--color-blue-primary);
}

.home-category-line {
    border-color: var(--color-green-primary);
}

.badge,
.sw-label-primary,
.side-bar-badge,
.xp-bar {
    background-color: var(--color-blue-tertiary) !important;
    color: #000000;
}

.badge {
    padding: 7px 10px;
    border-radius: 50%
}

.side-bar-name span {
    margin-right: 5px;
}

.side-bar-span {
    color: #000000;
}

a.side-bar-tests-a,
.home-link .fa-plus:before,
.side-bar-tests-i {
    color: var(--color-blue-primary);
}

.widget-header-button {
    border-color: var(--color-blue-primary);
}

.glyphicon {
    color: var(--color-blue-primary);
}

.widget-class-button {
    color: #000000;
    font-weight: normal;
}

.widget-class-ul li {
    margin-bottom: 10px;
}

.class-active {
    border-color: #000000;
}

.widget-create-button-shortcut .fa-plus:before,
.widget-create-button-shortcut a span {
    color: var(--color-blue-primary);
}

.widget-create-button-shortcut .fa-plus:before {
    margin-right: 4px;
}

.package-mastered-icon {
    background-color: var(--color-success);
    border-color: var(--color-success);
}
/* Homepage end */

/* Exercises start */
.current-step,
.current-step:after {
    border: none;
    outline: none;
}

.max-step, .sw-bg-primary {
    background-color: var(--color-blue-primary);
}

.breadcrumb-number.current-number {
    color: var(--color-blue-primary);
}

.btn-where,
.return-home-btn {
    border-color: var(--color-blue-primary);
}

.exercise-header {
    border-bottom-color: var(--color-green-primary);
}

.package-score, .exercise_wrapper_last .package-experience {
    background-color: var(--color-blue-primary);
}

.sw-btn-clear {
    border-color: var(--color-blue-primary);
    color: var(--color-blue-primary);
}

.sw-btn-clear:focus,
.sw-btn-clear:hover {
    background-color: var(--color-blue-primary) !important;
    border-color: var(--color-blue-primary);
    color: #ffffff;
}

.item_draggable {
    border-color: var(--color-blue-primary);
    border-width: 2px;
}

.return-home-wrapper > a,
.return-home-wrapper > a:hover,
.return-home-wrapper > a:focus {
    border-radius: 6px !important;
}

.crossword td.item_correct,
.item_correct,
.mc_correct > div,
.rank_correct,
tr.mc_correct > td,
.theory_definition:after,
.theory_solution,
.sw-correct,
.sw-solution {
    background-color: var(--color-green-tertiary) !important;
}

#subcat-content-wrapper {
    border-left-color: #000000;
}

#close-subcat-wrapper-arrow {
    background-color: #000000;
}

.theory_exercise:after,
.theory_example:after,
.flippable:after {
    color: #000000;
}

.theory_explore:before {
    color: var(--color-blue-primary);
}

.theory_explore {
    border-color: var(--color-blue-primary);
}

.cappelendamm-table-default {
    width: 0;
    border: 1px solid black;
    border-collapse: collapse;
}

/* all cells */
.cappelendamm-table-default th,
.cappelendamm-table-default td {
    border: 1px solid black !important;
    padding: 5px 10px;
    width: fit-content !important;
}

/* data cells */
.cappelendamm-table-default td {
    background: white;
}


/* Header cells */
.cappelendamm-table-default th {
    color: black;
    background: #EBF0F7;
}
/* Exercises end */


/* Analytics start */
.analytics__target--content {
    --breadcrumb-size: 25px;
}

.score--red {
    color: var(--color-danger);
    stroke: var(--color-danger)
}

.score--yellow {
    color: var(--color-warning);
    stroke: var(--color-warning)
}

.score--green {
    color: var(--color-success);
    stroke: var(--color-success)
}

.dataTables_length select,
#analytics_content_tab,
.nav-tabs > li > a:hover,
#analytics_dashboard_tab active,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    border-color: #000000;
    color: #000000;
}

#analytics_content_tab,
.nav-tabs > li > a {
    color: #000000;
}

.analytics__actions .fa:before,
.glyphicon-cloud-download:before,
.glyphicon-calendar:before,
.glyphicon-list-alt:before {
    color: #000000;
}

.analytics .widget__wrapper--title {
    background-color: var(--color-green-primary);
    color: #000000;
}

.analytics .widget__wrapper--title h5 {
    color: #222;
    font-weight: 500;
}

.form-control:focus {
    box-shadow: 0 0 4px var(--color-blue-primary);
    border-color: var(--color-blue-primary);
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    background-color: #76F6BA;
    border-color: #76F6BA;
    color: #222;
}

.dropdown-menu > .active > a {
    background-color: var(--color-blue-primary);
}
/* Analytics end */

/* Teacher start */
.sw-btn-clear .caret {
    border-top-color: var(--color-blue-primary);
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a > .MathJax:hover,
.select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
    background-color: var(--color-blue-tertiary);
    color: #000000;
}

.teachers_list .dropdown-menu > li > a:hover,
.teachers_list .dropdown-menu > li > a > .MathJax:hover {
    background-color: var(--color-green-secondary);
    color: #000000;
}

.teachers_list .dropdown .caret {
    border-top-color: #000000;
}

.sw-btn-primary .fa-plus:before,
#tests_table i:not(.fa-trash) {
    color: #000000;
}

#groups .input-group-addon.sw-btn-primary:hover,
#groups .input-group-addon.sw-btn-primary {
    background-color: var(--color-blue-tertiary);
    border-color: var(--color-blue-tertiary);
}

#source-tree-wrapper .jstree-proton .jstree-hovered,
#source-tree-wrapper .jstree-proton .jstree-hovered .fa-file-text-o:before,
#source-tree-wrapper .jstree-proton .jstree-hovered .fa-pencil:before,
#source-tree-wrapper #source-tree-wrapper .jstree-proton .jstree-hovered .fa-graduation-cap:before,
#source-tree-wrapper .fa-mortar-board:before,
.teacher_content.row .jstree-proton .jstree-hovered .fa-graduation-cap:before,
.teacher_content.row .jstree-proton .jstree-hovered,
.teacher_content.row .jstree-proton .jstree-hovered .fa-file-text-o:before,
.teacher_content.row .jstree-proton .jstree-hovered .fa-pencil:before,
.teacher_content.row .jstree-proton .jstree-hovered .fa-graduation-cap:before,
.fa-mortar-board:before,
.jstree-proton .jstree-clicked,
.jstree-hovered {
    background-color: var(--color-blue-primary) !important;
    color: #000 !important;
}

#source-tree-wrapper .fa-pencil:before {
    color: var(--color-blue-primary);
}

#source-preview-course_material .fa-chevron-down:before,
#source-preview-course_material .mc_checkbox,
#source-preview-course_material .fa-filter:before,
.group-name,
.preview-source-wrapper .panel-primary>.panel-heading i {
    color: #333 !important;
}
/* Teacher end */

/* Profile start */
.profile-button-showcase {
    background-color: var(--color-green-primary);
    color: #000000;
}

.profile-button-showcase i {
    color: #000000 !important;
}

.table-striped {
    color: #000000;
}

#profile_page .btn-link {
    color: #000000;
}

.profile-back-btn::before {
    color: #000000;
}

.profile-gradient-background {
    border-radius: 0;
    background: linear-gradient(#3B7CA6, var(--color-blue-primary));
}

.profile-username {
    font-weight: 400;
}
/* Profile end */

/* Login pages start */
#login_form_div {
    max-width: 400px;
    margin: auto;
}

#login_form_div + .sign-up {
    display: none;
}

#forgot_password .btn.btn-primary {
    background-color: var(--color-green-primary);
    border-color: var(--color-green-primary);
    color: #000;
}

#forgot_password .btn.btn-primary:hover {
    filter: var(--hover-filter);
}

.sign-up {
    margin-top: 40px !important;
}

.form-control {
    border-color: #666;
}

#show_message .sw-label-warning {
    padding: 1em;
}

.register-button {
    color: black;
    padding: 12px;
    background-color: var(--color-green-primary);
    border: none;
    text-transform: capitalize;
    font-size: 18px;
}

.register-button:hover {
    filter: var(--hover-filter);
    background-color: var(--color-green-primary);
    color: black;
}

#reset_password_div .register-button {
    margin: 20px;
}

#register_form h3 {
    text-align: left;
}

#login_form .sw-btn-success,
#login_form .sw-btn-default,
#login_form .sw-btn-primary {
    padding: 12px;
    font-size: 18px;
}

#register_form .sw-btn-success,
#register_form .sw-btn-default,
#register_form .sw-btn-primary {
    padding: 12px;
    font-size: 18px;
}
/* Login pages end */

/* Forum start */
.tag-dropdown:hover > .dropdown-menu,
.forum_dropdown_button {
    border-color: var(--color-blue-primary);
}

.tag-dropdown:hover > .dropdown-toggle {
    color: #fff;
}

nav-pills.white .active a,
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.question_bread > span.label-primary,
.tag-dropdown .dropdown-toggle {
    background-color: var(--color-blue-primary) !important;
}

.forum-answer-green {
    background-color: var(--color-green-primary);
    color: #000 !important;
}
/* Forum end */

.side-bar-span {
    font-weight: 500;
}

.sub-category-list-name h4 {
    font-weight: 500;
}

.icons li.bookmark_icon {
    float: left;
    width: 25px;
    height: 40px;
    margin-top: 11px;
    cursor: pointer;
    display: block;
    background: url(/images/icons/bookmark_wide.svg) left top no-repeat
}

.icons li.bookmark_icon:hover {
    background: url(/images/icons/bookmark_wide_active.svg) left top no-repeat;
}

.bookmark_active {
    background: url(/images/icons/bookmark_wide_active.svg) left top no-repeat!important;
}

.alert-warning {
    color: #222;
}

.analytics__breadcrumbs .startEndDate {
    color: #222;
    font-weight: 500;
    background-color: #76F6BA;
}

.home-breadcrumbs-wrapper .home-bookmark_active,
.home-breadcrumbs-wrapper .home-bookmark_icon:hover {
    background: url(/assets/packages/cappelen-damm-akademisk/images/icons/bookmark_active.svg) no-repeat !important;
}

.breadcrumbs-wrapper .bookmark_active,
.breadcrumbs-wrapper .bookmark_icon:hover {
    background: url(/assets/packages/cappelen-damm-akademisk/images/icons/bookmark_active.svg) no-repeat !important;
}

.bookmark_active {
    background: url(/assets/packages/cappelen-damm-akademisk/images/icons/bookmark_active.svg) left top no-repeat !important;
}

.icons .bookmark_icon:hover {
    background: url(/assets/packages/cappelen-damm-akademisk/images/icons/bookmark_active.svg) left top no-repeat !important;
}

div.logo-style {
    background: url(/assets/packages/cappelen-damm-akademisk/images/logo.svg) center center no-repeat
}

.nav-tabs {
    --author-tabs-color: #000;
    --author-tabs-active-color: #000;
    --author-tabs-border-color: #000;
    --author-tabs-font-weight: 500;
}