:root {
    --color-primary: #BC5277;
    --color-secondary: #594763;
    --color-tertiary : #8a3b74;
}

@font-face {
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 400;
    src: url('/fonts/quicksand-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('/fonts/quicksand-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/fonts/quicksand-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('/fonts/quicksand-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
         url('/fonts/quicksand-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/fonts/quicksand-latin-ext_latin-regular.svg#Quicksand') format('svg'); /* Legacy iOS */
}

/* quicksand-700 - latin-ext_latin */
@font-face {
font-family: 'Quicksand';
font-style: normal;
font-weight: 700;
src: url('/fonts/quicksand-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
src: local(''),
        url('/fonts/quicksand-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('/fonts/quicksand-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
        url('/fonts/quicksand-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
        url('/fonts/quicksand-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
        url('/fonts/quicksand-latin-ext_latin-700.svg#Quicksand') format('svg'); /* Legacy iOS */
}

.h3,
h3 {
    font-weight: 700;
    color: var(--color-secondary) !important;
}

body {
    font-family: Quicksand;
}

.navbar-inverse {
    background-color: var(--color-secondary);
}

.navbar-inverse .navbar-nav>li>a {
    color: #fff;
    text-transform: none;
}

.sw-collapse {
    background-color: var(--color-secondary) !important;
}

.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-primary) !important;
    border-radius: 0px !important;
}


.navbar-inverse .navbar-nav>li>a.nav-bar-seperator:focus,
.navbar-inverse .navbar-nav>li>a.nav-bar-seperator:hover
{
    color: #FFF;
}

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

.manual {
    border-radius: 0px 0px 40px 0px;
}

#container,
body .btn,
body .btn:focus,
body .btn:hover,
.form-control,
.jumbotron,
body .label,
.list-group-item,
.modal,
.modal .modal-body .label,
.panel,
.panel-heading,
.progress,
body .well,
input.contentFilter
{
    border-radius: 25px !important;
}

.body-outline .btn.active.focus, .body-outline .btn.active:focus, .body-outline .btn.focus, .body-outline .btn.focus:active, .body-outline .btn:active:focus, .body-outline .btn:focus, .body-outline a:focus, .body-outline button:focus, .body-outline canvas:focus {
    outline-offset: 2px;
}

body .no-radius {
    border-radius: 0 !important;
}

.label {
    display: inline-block
}

.form-control.answer_text,
#author_exercise .form-control {
    border-radius: 5px !important;
}

.analytics__navtabs .nav>li>a {
    border-radius: 25px !important;
}

.nav>li>a {
    border-radius: 25px !important;
}

.navbar-inverse .navbar-nav>.active>a {
    border-radius: 0px !important;
}

.analytics__navtabs>ul>li.active>a {
    border-radius: 20px!important;
}

#header_navigation .exercise-caret
{
    border-top-color: white;
}

.nav>li>a>img.header_profile_pic {
    max-height: 50px;
    border-radius: 50%;
    border: 2px solid #fff;
    background: #fff;
}

.dropdown .caret:not(.caret-secondary) {
    border-top-color: #FFF;
}

#main_button_bar .exercise-caret,
.mcoptions .caret:hover,
.mcoptions .caret:hover,
.mcoptions .caret,
#main_button_bar .exercise-caret:hover,
.mcoptions .btn-default .caret
.mcoptions .btn-default .caret:hover,
.nav>.dropdown>.nav-link-btn:hover .caret,
.nav>.dropdown>.nav-link-btn:focus .caret
{
    border-top-color: var(--color-secondary);
}

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

.sw-btn-clear:hover .caret {
    border-top-color: #FFF;
}

.alert {
    border-radius: 15px !important;
}

.modal-header {
    color: #fff;
    background-color: var(--color-secondary);
    border-radius: 10px 10px 0px 0px;
}

.exercise-ul {
    border: 1px solid #999;
    background-color: var(--color-primary) !important;
}

.navbar-nav>li>a {
    line-height: 20px;
    font-weight: 700;
}

.sw-nav-txt {
    font-weight: 700;
}

.sw-dropdown>ul>li>a {
    color: white;
}

.dropdown-menu {
    overflow: auto;
}

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

.container-fluid .dropdown-menu>li>a:hover {
    background-color: var(--color-tertiary);
}

.container-fluid .dropdown-menu>li>a>.MathJax:hover {
    background-color: var(--color-tertiary);
}

.menu-profile-a {
    color: #fff;
    font-weight: 700;
}

.menu-profile li:not(.nav-seperator):hover,
.sw-nav-ul li:not(.nav-seperator):hover {
    background-color: var(--color-tertiary);
}

.nav>.dropdown>.nav-link-btn
{
    color: #FFF;
    background-color: var(--color-primary);
    border: 0;
    padding-top: 8px;
    margin-top: 7px;
    padding-bottom: 10px;
    border-radius: 25px !important;
}

.nav>.dropdown>.nav-link-btn.nav-link-btn-primary
{
    background-color: #447BA8;
}

.navbar-inverse .navbar-nav>.open>a.nav-link-btn {
    border-radius: 25px !important;
}

#nav_link_impersonate:focus ,
#nav_link_impersonate:hover,
#nav_link_change_role:focus ,
#nav_link_change_role:hover,
#nav_link_change_lang:focus ,
#nav_link_change_lang:hover
{
    color: var(--color-primary) !important;
    background-color: #FFF !important;
    border-radius: 25px !important;
}

.menu-role .dropdown-menu {
    border-radius: 15px !important;
}

.menu-achievements-a {
    height: 58px;
}

.body-color,
.body-style {
    background-color: #e2e6f3 !important;
}

.diagnose_knob,
.knob {
    color: var(--color-secondary) !important;
}

#filter_tabs ul.tabs>li {
    color: #FFF;
    background: var(--color-secondary);
}

#filter_tabs ul.tabs>li:hover {
    background: var(--color-primary);
}

#filter_tabs ul.tabs>li:hover {
    background: var(--color-primary);
}

#filter_tabs ul.tabs>li.active {
    z-index: 2;
    background: var(--color-primary);
}

#filter_tabs .tabs_icon_packages {
    background-image: url(/images/icons/pen_white.svg);
}

#filter_tabs .tabs_icon_theory {
    background-image: url(/images/icons/paper_white.svg);
    height: 11px;
    width: 8px;
}

#filter_tabs .tabs_icon_slideshow {
    background-image: url(/images/icons/play1_white.svg);
    height: 10px;
}

.fa-bookmark:before {
    color: white;
}

.widget-class-button {
    border: none;
    width: 315px;
    padding: 10px 15px;
    background: #fff;
    color: var(--color-secondary);
}

.widget-header-button {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    background: 0 0;
    width: 100%;
    margin-bottom: 20px;
    padding: 5px 0 10px;
    border: 0;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: 0px;
    border-bottom: 2px solid var(--color-primary);
    margin-left: 3px;
}

#filter_tabs ul.tabs>li,
.palette-switch ul.tabs>li {
    float: right;
    margin: 5px -10px 0;
    border-top-right-radius: 25px 170px;
    border-top-left-radius: 20px 90px;
    padding: 0 30px 0 25px;
    height: 170px;
    position: relative;
    box-shadow: 0 10px 0 rgba(0, 0, 0, 1);
    max-width: 200px;
    cursor: pointer;
}

@media (max-width: 1023px) {
    .palette-switch ul.tabs>li {
        align-items: center;
        border-top-left-radius: 10px 20px;
        border-top-right-radius: 10px 20px;
        box-shadow: 0 10px 0 rgba(0, 0, 0, 1);
        cursor: pointer;
        display: flex;
        float: initial;
        font-size: 12px;
        height: 25px;
        margin: initial;
        max-width: initial;
        padding: 0 11px;
        position: initial;
    }
}

#filter_tabs ul.tabs>li {
    color: white;
}

a {
    color: #386C94;
    text-decoration: none;
}

.home-number-of-exercises {
    float: right;
    color: #386C94;
}

.widget-header-button ~ * {
    display:none;
}

.sw-nav-active {
    background-color: var(--color-primary) !important;
}

body .sw-btn-success {
    color: #fff;
    background-color: #447BA8;
    border-color: #447BA8;
}

body .sw-btn-danger {
    color: #fff;
    background-color: #f76252;
    border-color: #FF7061;
}

body .sw-btn-success:focus,
body .sw-btn-success:hover {
    color: #fff !important;
    background-color: #345B7C;
    border-color: #345B7C;
}

.sw-btn-default {
    background-color: var(--color-secondary);
    color: #fff !important;
    border: 1px solid var(--color-secondary);
}

.sw-a-clear:hover,
.sw-btn-default:focus,
.sw-btn-default:hover {
    color: #fff !important;
    background-color: var(--color-primary);
    border: 1px solid var(--color-primary);
}

.arrow_img {
    color: var(--color-secondary);
    border-radius: 25px;
    width: 40px;
    height: 40px;
    padding-top: 6px;
    text-align: center;
}

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: var(--color-primary);
    border-radius: 10px;
}

.side-bar-span {
    text-align: left;
    font-size: 20px;
    color: var(--color-secondary);
}

.span-widget-shortcut-button {
    background: #f5f5f5;
}

.fa-plus:before {
    color: var(--color-secondary);
}

.btn-link {
    color: var(--color-primary);
}

.widget-class-button {
    border-radius: 20px;
    margin-top: 2px;
    margin-bottom: 2px;
}

.class-active {
    border: 2px solid var(--color-secondary);
    border-radius: 20px;
    background-color: white;
}

.class-inactive a:hover,
.class-inactive:hover {
    opacity: 1;
    /* background-color: #fff!important; */
    border-radius: 20px;
}

.nav-pills.white a {
    border-radius: 25px;
}

.sw-label-primary {
    background-color: #aaa !important;
}

.form-control:focus {
    border-color: var(--color-primary);
    /* -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6); */
    box-shadow: 0px 0px 4px var(--color-primary);
}

.fa-plus:before {
    color: var(--color-secondary);
}
.home-link .fa-plus:before {
    color: #00658b;
}

.home-link, .sidebar-nav, .sw-nav-bar {
    font-variant: inherit;
}

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

.side-bar-badge {
    background-color: #BAD3E6;
    color: #345B7C;
    border-radius: 5px
}

a:focus,
a:hover {
    color: #1A3B56;
    text-decoration: underline;
}

.btn-primary {
    color: #fff;
    background-color: #447BA8;
    border-color: #447BA8;
}

.btn-primary:hover {
    color: #fff;
    background-color: #345B7C;
    border-color: #345B7C;
}

.btn-info {
    background-color: #447BA8;
    border-color: #447BA8;
}

.btn-info:hover {
    background-color: #345B7C;
    border-color: #345B7C;
}

.btn-modal-header {
    color: #fff;
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

.btn-modal-header:hover {
    color: #fff;
    background-color: #8B4E6F;
    border-color: #8B4E6F;
}

/* START Post Question */

#post_question .nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    color: var(--color-secondary);
    font-weight: 700;
    background-color: #fff;
    border: 2px solid var(--color-secondary);
    /* border-bottom-color: transparent; */
    margin-bottom: 10px;
    border-radius: 25px !important;
}

#post_question .nav-tabs>li>a {
    border: 2px solid transparent;
    border-radius: 25px !important;
    border-radius: 25px !important;
}

#post_question .nav-tabs>li>a:hover {
    border-color: var(--color-secondary);
    background-color: white;
    font-weight: 700;
    color: var(--color-secondary);
    border-radius: 25px !important;
}

/* END Post Question */

/* START Forum */

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

#edit_question .nav {
    margin-bottom: 5px;
}

.sw-label-primary {
    background-color: #aaa !important;
    border-radius: 25px;
}

.answers_count a.label{
    display: inline-block;
}

.input-group {
    border-radius: 25px;
}

.input-group:not(.profile_edit_password) {
    background-color: #eee;
}

.input-group-addon:first-child {
    border: 0px;
}

.input-group-addon:last-child {
    border: 0px;
}

.input-group-addon {
    background-color: transparent;
    /* border: 1px solid #ccc; */
}

.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group {
    margin-left: 0px;
    border: 0px;
}

.input-group .form-control:not(:first-child):not(:last-child),
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child) {
    border-radius: 20px;
}

.modal .modal-body div.input-group {
    border-radius: 20px !important;
}

.open>.dropdown-menu {
    border-radius: 20px;
}

.sw-nav-ul .open>.dropdown-menu {
    border-radius: 0;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a>.MathJax:hover {
    background: var(--color-primary);
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
    background-color: var(--color-tertiary);
}

.sw-btn-primary:focus,
.sw-btn-primary:hover {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

.sw-btn-primary,
.sw-panel-primary>.panel-heading {
    color: #fff;
    background-color: var(--color-secondary);
    border-color: var(--color-secondary);
}

.sw-btn-primary .fa-plus:before {
    color: white;
}

.forum_dropdown_button {
    border-bottom: 2px solid var(--color-primary);
}

nav-pills.white .active a,
.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.question_bread>span.label-primary {
    background-color: var(--color-primary);
    border-radius: 25px;
}

/* END Forum */

/* START ANALYTICS */

#analytics_content_tab {
    /* border-bottom: 1px solid #ddd; */
    background-color: white;
    border-radius: 25px;
    margin-bottom: 10px;
    border: 2px solid transparent;
}

#analytics_content_tab,
.nav-tabs>li>a:hover {
    border: 2px solid var(--color-secondary);
}

#analytics_content_tab {
    /* background-color: #eee; */
    color: var(--color-secondary);
    border: 2px solid var(--color-secondary);
}

#analytics_dashboard_tab active,
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    color: var(--color-secondary);
    font-weight: 700;
    cursor: default;
    background-color: #fff;
    border: 2px solid var(--color-secondary);
    /* border-bottom-color: transparent; */
    margin-bottom: 0px;
}

.nav-tabs {
    border-bottom: 0px;
}

#analytics_content_tab,
.nav-tabs>li>a:hover {
    /* border-color: #eee #eee #ddd; */
    border: 2px solid var(--color-secondary);
    background-color: white;
    font-weight: 700;
    color: var(--color-secondary);
}

#analytics_content_tab,
.nav-tabs>li>a {
    color: var(--color-secondary);
    border: 1px solid transparent;
    font-weight: 700;
    border: solid 2px TRANSPARENT;
}

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

.glyphicon-list-alt:before {
    color: var(--color-primary);
}
.analytics__actions .fa:before, .glyphicon-list-alt:before {
    color: var(--color-primary);
}


.analytics__usersearch--container button {
    height: 42px;
    width: 42px;
}

.analytics__usersearch--popover {
    border-radius: 20px;
}

.analytics__usersearch--popover input {
    border-radius: 20px;
}

.analytics .dropdown button {
    border-radius: 20px;
}

.analytics__datetimefilter #daterangecontainer {
    border-radius: 20px;
}

.analytics__actions button {
    border-radius: 20px;
}

.ranges li {
    color: var(--color-primary) !important;
    font-family: Quicksand !important;
}

.ranges li.active,
.ranges li:hover {
    background: var(--color-primary) !important;
    font-weight: 700
}

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

.daterangepicker {
    font-family: Quicksand !important;
}

.popover {
    font-family: Quicksand;
}

.analytics .widget__wrapper--title {
    background-color: #447BA8;
    border-radius: 10px 10px 0px 0px;
    color: white;
}

.analytics .widget__wrapper--title h5 {
    font-weight: 700;
}

.analytics .widget__wrapper {
    border: 0px !important;
    border-radius: 10px;
    box-shadow: 0px 0px 5px lightgrey;
}

.glyphicon {
    color: var(--color-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: var(--color-tertiary);
    border-color: var(--color-tertiary);
}

.attempt_viewer_history_box_selected, .attempt_viewer_history_box_nav {
    border: 2px solid #447BA8;
    width: 30px;
    height: 30px;
    display: inline-block;
    line-height: 10px;
    padding: 8px;
    text-align: center;
}

.attempt_viewer_history_box {
    border: 2px solid transparent;
    width: 30px;
    height: 30px;
    display: inline-block;
    line-height: 10px;
    text-align: center;
    padding: 8px;
    border-radius: 50%;
}

.attempt_viewer_history_box:hover {
    border: 2px solid #447BA8;
    border-radius: 50%;
}

.attempt_viewer_history_box_nav {
    border-radius: 20px;
    border: 2px solid #447BA8;
    font-weight: bold;
    text-align: center;
}

.attempt_viewer_history_box_selected {
    border-radius: 50%;
}


.widget--activity-date .ct-label {
    fill: #345B7C;
    color: #345B7C;
    font-size: 12px;
}

.analytics_main_content_container .fa-graduation-cap:before,
.fa-mortar-board:before {
    color: var(--color-primary);
}

.dropdown-menu>li>a:hover .fa-graduation-cap:before,
.fa-mortar-board:before {
    color: white;
}

.dropdown-menu>.active>a .fa-graduation-cap:before,
.fa-mortar-board:before {
    color: white;
}

/* START Achievements */

.exercise-new {
    color: #FFF !important;
}

.exercise-achievement-background {
    border-radius: 10px;
}

.flat-header {
    border-bottom-color: #c1c1c1;
    border-bottom-width: 2px;
}

/* END ANALYTICS */

/* START Theory */

.theory_definition:after {
    margin-left: 15px;
    border-radius: 10px 10px 0px 0px;
}

.theory_example:after {
    margin-left: 15px;
    border-radius: 10px 10px 0px 0px;
}

.theory_exercise:after {
    margin-left: 15px;
    border-radius: 10px 10px 0px 0px;
}

.theory_body div:not(.ace_line_group):not(.ace_line),
.theory_body ol,
.theory_body p,
.theory_body ul {
    border-radius: 10px;
}

.theory_body .ace-read-only div.ace_content,
.theory_body .ace-read-only div.ace_scroller,
.theory_body .ace-read-only div.ace_layer
 {
    border-radius: 5px;
}

.mc_row>div {
    border-radius: 0
}

.mc_row>.mc_checkbox {
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
}

.mc_row>.mc_result {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.theory_theorem:after {
    margin-left: 15px;
    border-radius: 10px 10px 0px 0px;
}

.theory_statement:after {
    margin-left: 15px;
    border-radius: 10px 10px 0px 0px;
}

.pagination_circle li a.active {
    background: var(--color-primary);
}

/* END Theory */

/* START Exercise */

.sw-btn-clear {
    border-color: var(--color-primary);
    color: var(--color-primary);
    border: solid 1px;
}

.sw-btn-clear:focus,
.sw-btn-clear:hover {
    color: white !important;
    background-color: var(--color-primary) !important;
    border-radius: 25px;
}

.sw-btn-clear:focus i.glyphicon,
.sw-btn-clear:hover i.glyphicon{
    color: white !important;
}

.btn-where,
.return-home-btn {
    color: var(--color-secondary) !important;
    border: 2px solid var(--color-primary);
}

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

.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle):hover {
    color: #FFF;
}

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

.btn-group>.dropdown-toggle:not(:first-child) {
    color: white;
}

.hint-wrapper {
    border-radius: 20px;
    padding-left: 15px;
    padding-right: 15px;
}

.exercise_wrapper .MathJax:hover,
.oldanswer:hover,
.palette-key:hover,
.prev_answer:hover {
    color: var(--color-primary);
}

.exercise_wrapper .list-group-item {
    border-radius: 0px !important;
}

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

#close-subcat-wrapper-arrow {
    background-color: var(--color-primary);
}

#subcat-content-wrapper {
    border-left: 5px solid var(--color-primary);
}

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

.grade-exercise-header {
    display: grid;
    grid-template-columns: max-content 1fr;
    align-items: baseline;
}

.grade-exercise-header > div {
    display: contents;
}

.grade-exercise-header-info {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 5px;
;
}

.expandables-container button,
.flippable-button-group button,
button.theory-more {
    border-radius: 10px 10px 0px 0px;
}

.expandables-container button:last-of-type {
    border-radius: 10px 0px 10px 0px;
}

.flippable-button-group {
    margin-right: 8px;
}

.flippable-button-group button:last-of-type {
    border-radius: 10px 10px 0px 0px;
}

.expandables-container.active button:last-of-type,
.flippable-button-group.active button:last-of-type {
    border-radius: 10px 0px 0px 0px;
}

.theory_body div.expandable {
    border-radius: 10px 0px 10px 10px;
}

.panel-default>.panel-heading {
    color: #333;
    background-color: #f5f5f5;
    /* border-color: #ddd; */
    /* border-radius: 25px 25px 0px 0px !important; */
}
.preview-source-wrapper .panel-primary>.panel-heading i {
    color: #FFF;
}

.item_draggable {
    border: 1px solid var(--color-primary);
    border-radius: 10px;
}

.item_droppable {
    border-radius: 10px;
}

.ace_editor {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;
}

.package-score, .exercise_wrapper_last .package-experience {
    background-color: #447ba8;
    border-radius: 10px;
    font-weight: bold;
}

.panel.group-order-panel,
.panel.group-order-panel > .panel-heading
{
    border-radius: 5px !important;
}

.breadcrumb-number.current-number,
.breadcrumb-wrapper:has(.current-step) > .breadcrumb-number {
    color: var(--color-primary);
}

.exercise_thumb_popover_btns > button {
    color: var(--color-secondary);
    font-weight: bold;
}

.exercise_thumb_popover.right > .arrow:after {
    border-right-color: var(--color-secondary);
}

.exercise_thumb_popover {
    border: 1px solid #61687D;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.test_thumb, .exercise_thumb {
    border-radius: var(--breadcrumb-size);
}

/* END Exercise */

/* START Test */

.test_title {
    background-color: #cacaca;
}

.sw-label-primary {
    background-color: var(--color-primary) !important;
}


#calculator_container.geogebra > .decoration {
	background-color: var(--color-secondary);
}


#calculator_container.geogebra > iframe {
	border: 2px solid var(--color-secondary);
}

#student-test-notification {
    background: var(--color-primary);
}

/* END Test */

/* START illustration */
.add-illustration-modal .close{
    color: #fff;
    opacity: 0.8;
}

/* END illustration */

/* START Log in */

.sw-btn-success {
    color: #fff;
    background-color: #447BA8;
    border-color: #447BA8;
}

.sw-btn-success:focus,
.sw-btn-success:hover {
    color: #fff !important;
    background-color: #345B7C;
    border-color: #345B7C;
}

.jumbotron {
    background-color: white;
}

.jumbotron-glossary {
    background-color: #eee;;
}

#forgot_password_link {
    color: #fff;
}

/* END Log in */

/* START Shop */

.modal-header {
    color: #fff;
    background-color: var(--color-secondary);
    border-radius: 10px 10px 0px 0px;
}

.flat-header {
    border-bottom-color: #ddd;
    border-bottom-width: 2px;
}

/* END Shop */

/* START TEACHER */

.teachers_list {
    border: 1px solid #6d6d6d;
    margin-top: 5px;
    margin-bottom: 5px;
}

.teacher_home_context_menu_dropdown .dropdown-menu button:hover {
    color: #fff;
    background-color: var(--color-primary);
}

.teacher_content.col-xs-12 .fa-search:before {
    color: var(--color-primary) !important;
}

.teacher_content.col-xs-12 .sw-btn-clear {
    border: 0px;
}

#category_listf_div .row {
    padding-top: 10px !important;
}

.teacher_content.row .fa-file-text-o:before {
    color: #345B7C;
}

.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 {
    background-color: var(--color-primary);
    border-radius: 25px;
    color: white;
}

.teacher_content.row .jstree-proton .jstree-clicked .fa-pencil:before {
    color: white;
}

.teacher_content.row .jstree-proton .jstree-clicked .fa-file-text-o:before {
    color: white;
}

.teacher_content.row .jstree-proton .jstree-clicked .fa-graduation-cap:before,
.fa-mortar-board:before {
    color: white;
}

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

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

.jstree-anchor jstree-clicked .fa-pencil:before {
    color: white !important;
}

#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 {
    background-color: var(--color-primary);
    border-radius: 25px;
    color: white !important;
}

#source-tree-wrapper .jstree-proton .jstree-clicked,
#source-tree-wrapper .jstree-proton .jstree-clicked .fa-file-text-o:before,
#source-tree-wrapper .jstree-proton .jstree-clicked .fa-pencil:before,
#source-tree-wrapper #source-tree-wrapper .jstree-proton .jstree-clicked .fa-graduation-cap:before,
#source-tree-wrapper .fa-mortar-board:before {
    background-color: var(--color-primary);
    border-radius: 25px;
    color: white !important;
}

.copy_category_tree.jstree-proton .jstree-clicked,
.copy_category_tree.jstree-proton .jstree-wholerow-clicked {
    background: transparent;
}

#assignment-selection #passing_score, #timezone-due, #required_progress {
    border-radius: 4px!important;
}

.teacher-adjust-score-grp input {
    border-radius: 25px;
    border-color: transparent;
    color: var(--color-primary);
}

.panel-default>.panel-heading.group-search-student-panel {
    background-color: transparent;
    border-color: #fff;
}

.group-user-table tr:last-of-type td{
    padding-bottom: 20px;
}

table.group-user-table>tbody>tr>td:first-of-type {
    padding-left: 20px;
}

table.group-user-table>tbody>tr>td:last-of-type {
    padding-right: 26px;
}

.fullscreen-link {
    cursor: pointer;
}

.replay-review, .replay-review .jumbotron, .replay-review tr, .replay-review td {
    background: white;
}

.current-replay-review, .current-replay-review .jumbotron, .current-replay-review th, .current-replay-review td {
    background: #e7e7e7 !important;
}

.student-test-settings-top-panel {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.student-test-settings-search-panel {
    border-radius: 0 !important;
}

#sebSecurityInfo span {
    display: block;
}

#sebSecurityInfo label {
    position: relative;
    top: -2px;
    left: 2px;
    margin-right: 10px;
    user-select: none;
}

/* END TEACHER */

/* START Auhtor */

.author-tabs>li>a {
    padding: 6px 4px;
}

.author-tabs {
    margin-bottom: 5px;
}

.author_table_filter {
    border-top: 1px solid #e3e3e3;
}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle).sw-btn-success {
    color: #FFF;
}

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

.sw-btn-clear .fa-plus:before {
    color: var(--color-primary);
}

.sw-btn-clear:hover .fa-plus:before {
    color: #FFF;
}

#author_exercise.label {
    margin-bottom: 8px;
}

.author-exercise-text-row .points {
    border-radius: 10px
}

.fileupload-buttonbar .glyphicon:before {
    color: white;
}

.files button.delete>i {
    color:#FFF;
}

.select2-container--open .select2-dropdown--below {
    border-top: 0px;
}

.select2-container--bootstrap .select2-dropdown {
    border: 0px;
    box-shadow: inset 0p 0px 1px rgba(0, 0, 0, .075), 0 0 8px #ccc;
    -webkit-box-shadow: inset 0p 0px 1px rgba(0, 0, 0, .075), 0 0 8px #ccc;
}

.select2-container--bootstrap.select2-container--focus .select2-selection,
.select2-container--bootstrap.select2-container--open .select2-selection {
    border: 0px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px #ccc;
}

.select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
    background-color: var(--color-primary);
}

.select2-container--bootstrap .select2-search--dropdown .select2-search__field, .select2-container--bootstrap .select2-selection {
    border-radius: 20px!important;
}

.select2-dropdown--below {
    border-radius: 10px!important;
}

.progress-bar-info,
.sw-label-default {
    background-color: #aaa !important;
}

.jstree-anchor.pointer.jstree-hovered {
    background-color: var(--color-primary);
    border-radius: 10px 10px 10px 10px;
    padding-right: 10px;
}

.jstree-proton .jstree-clicked {
    background: var(--color-primary) !important;
    color: #fff;
    border-radius: 10px !important;
    padding-right: 5px;
}

#source-preview-course_material .panel-heading .sw-btn-primary,
.sw-panel-primary>.panel-heading {
    background-color: #447BA8;
    border-radius: 20px 20px 0px 0px !important;
}

#source-preview-course_material .fa-filter:before {
    color: white;
}

#source-preview-course_material .fa-trash:before {
    color: #f76252;
}

#source-preview-course_material .mc_checkbox {
    color: white;
}

#source-preview-course_material .fa-chevron-down:before {
    color: white;
}

#group-name-1 {
    color: white;
}

#group-name-2 {
    color: white;
}

#group-name-3 {
    color: white;
}

#group-name-4 {
    color: white;
}

#group-name-5 {
    color: white;
}

#group-name-6 {
    color: white;
}

#group-name-7 {
    color: white;
}

#group-name-8 {
    color: white;
}

#group-name-9 {
    color: white;
}

.group-name[contenteditable="true"]:focus {
    color: #345B7C !important;
}

.panel-body panel-sortable ui-sortable {
    border-radius: 30px;
}

.panel-group .panel-heading+.panel-collapse>.list-group,
.panel-group .panel-heading+.panel-collapse>.panel-body {
    border: 0px;
}

.test_scenario_steps .list-group-item {
    border: 0;
}

/* END Auhtor */


/* START author tags */

#tag-container .tag_item {
    margin: 0 15px;
}

#tags_container .border {
    border-radius: 10px;
}

#tag-container .search_container {
    border-radius: 23px;
}

#tag-container .tag_search {
    border-radius: 30px !important;
}

#tag-container .tag_item:hover{
    border-radius: 20px;
    padding: 10px 20px;
    margin: 0 5px;
}

#tags_container .tab {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

#tag-container {
    border-top-left-radius: 0 !important;
}

#createKeywordInput:hover {
    margin: 0 15px;
}

#tag-container .hover_tags>.tag_items>.tag_item:hover {
    background: #94B8D5;
}

/* END author tags */

/* START Edit Exercise */

#author_exercise .nav-tabs>li>a,
.nav-tabs>li>a>div {
    border-radius: 15px 15px 0px 0px !important;
    font-weight: 700;
    color: var(--color-secondary);
    border-bottom: solid 1px transparent !important;
}

#author_exercise .nav-tabs>li>a {
    padding: 0 3px !important;
}

#author_exercise .author-tabs {
    border-bottom: solid 1px var(--color-secondary);
}

.author-tabs {
    border-bottom: solid 0px var(--color-secondary);
}

.nav-tabs>.active>a,
.nav-tabs>.active>a:hover,
.nav-tabs>li>a:hover {
    border-radius: 25px !important;
}

#author_list.nav-tabs>li>a:hover {
    border-color: transparent;
}

#side_button_bar li a {
    margin-left: -4px;
    border-radius: 25px 0px 0px 25px !important;
}

#side_button_bar li {
    border-radius: 25px 0px 0px 25px;
    min-width: 150px;
}

#s_preview {
    background-color: #447BA8 !important;
    border-color: #447BA8;
    font-weight: 700;
}

.list-group-item {
    margin-top: 3px !important;
    margin-bottom: 3px !important;
}

#author_edit_buttons {
    margin-left: -63px !important;
    margin-top: 5px !important;
}

.contentLeft li {
    border-radius: 25px;
}

.test-scenario .panel-heading {
    border-radius: 20px 20px 0px 0px !important;
}

/* END Edit Exercise */

/* START ADMIN */


.admin-classes-list {
    border-radius: 20px;
    overflow-wrap: break-word;
}

.dd_perm, .fake_dd_lang {
    width: 80%;
    height: 22px;
    margin: auto;
    display: block;
    border-radius: 10px;
}

.fake_dd_options {
    margin-left: 10%;
    display: block;
    border-radius: 10px;

}

#admin_daily_tries th:nth-of-type(2) {
    width: 40%;
}

.user_filters label {
    margin-left: 15px;
}

/* END Admin */

/* BEGIN Teacher */
/* Hide arrows in input type number*/
/* Chrome, Safari, Edge, Opera */
/* -moz- for Firefox */
.input-no-arrows::-webkit-outer-spin-button,
.input-no-arrows::-webkit-inner-spin-button,
.input-no-arrows[type=number] {
    -moz-appearance: textfield;
    -webkit-appearance: none;
    margin: 0;
}

.quick-grading {
    color: var(--color-primary);
}

.checkbox-indent {
    margin-left: 10px;
}
/* END Teacher */

/* BEGIN Departments */
.department-checkbox {
    padding-left: 15px;
}

#departments-table {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

#current-teachers, #available-teachers {
    flex: 1 1 150px;
    max-width: 325px;
    margin: 20px 55px;
}

.department-title, .department-title.no-border {
    padding: 6px;
    margin-top: 5px;
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #444;
    cursor: default;
    user-select: none;
    border-bottom: 1px solid #ddd;
}

.department-title.no-border {
    border-bottom: none !important;
}

.department-card {
    border: 1px solid black;
    margin-bottom: 2px;
    padding: 10px 15px;
    user-select: none;
    border-radius: 25px;
}

.department-card:hover {
    cursor: pointer;
    background: #eee;
}
/* END Departments */

/* BEGIN Profile Page */
.profile-gradient-background {
	background: linear-gradient(#3B7CA6, var(--color-secondary));
}
.xp-bar {
    background: #be567a;
}
/* END Profile Page */

/* END Main Bolster Academy Stylesheet */