/*===========================================
	INFO

	AUTHOR
	----------------------
	BPS Bildungsportal Sachsen GmbH
	Dresdner Str. 76, D-09130 Chemnitz

	COLORS
	----------------------
	#000000 black
	#3f4444 grey dark

	#0c0727 violet dark dark dark
	#2a2f50 violet dark
	#515888 violet
	#7c83af violet light (text) contrast low
	#979BBF violet light better contrast

	#0e7b96 blue main
	#0099bc blue dark
	#0e7b96 blue darker
	#69a8b7 blue light (text)

	#ab4e2f orange dark
	#c78974 orange light (text)
	#86291b red dark
	#c33b26 red light (text)

=============================================*/

/* IMPORT BASIC */
@import url(../basic_new/layout.css);

/* HEADER */
.page-header {border: none;}
.logo {background-image: url(images/logo-OPAL-white.png);}

input[type="radio"], input[type="checkbox"],
.ui-dialog-titlebar .ui-dialog-titlebar-close {filter: invert(100%);}
.mce-textbox {filter: invert(100%) !important;}

.panel,
.menu .jstree-default .jstree-children>li a:hover, .menu .jstree-default .jstree-children>li a:focus {box-shadow: none;}
.table-panel th, .table-panel td,
.resource-details {border: none;}
.form-control:focus,
input[type=checkbox]:focus, input[type=file]:focus, input[type=radio]:focus {outline-color: #c0c0c0;}
.mce-label {text-shadow: none !important;}

/****************************
	CHANGE COLORS
*****************************/

/* RESET BACKGROUND */
.panel-header,
.page-footer,
.box-neutral,
legend,
.list-group-item {background-color: transparent !important;}

/* BLACK */
.form-control,
.steps li,
.dropzone,
.pager li>a, .pager li>span {background-color: #111;}
.tag-editor {background-color: #111 !important;;}

.steps .arrow:after {border-left-color: #111;}

body,
.nav > .active,
.btn,
.dropdown-menu,
.ui-dialog-buttonset .ui-button,
.popover,
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control,
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    background: #252427;
}

.ui-widget-content,
.mce-menu-item.mce-disabled, .mce-menu-item.mce-disabled:hover  {background: #252427 !important;}

.box,
.panel,
.table-panel tbody>tr:nth-child(odd),
.subnav > li,
.resource-details,
.box-light,
.resource-header .main-header,
.popover-header,
.steps,
.progress,
.fo .post-edit,
.post-footer,
.mobile.course .menu-container,
.breadcrumb,
.profile-image .fonticon,
.ui-tabs .ui-tabs-nav li,
.table-panel th:hover,
.forum-thread-new {background-color: #333;}

.mce-panel,
.mce-btn {background-color: #333 !important;}

.table-header,
.post-heading,
.forum-post .post-header,
.hide-course-tree,
.page .menu-btn, .page .menu-btn:hover, .page .menu-btn:focus, .page .menu-btn:active,
.assess-neutral .fonticon {background-color: #333;}

.form-control,
.menu .jstree-default .jstree-container-ul .jstree-node .jstree-children .jstree-children,
.page-footer,
.gutter-horizontal,
.main-header,
.table-footer,
.popover,
.dropdown-menu,
.fo .post-edit,
.forum-post,
.mobile .menu .jstree-default .jstree-children>li,
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default,
.ui-widget-header,
.forum-thread-new {border-color: #444;}

.mce-btn {border-color: #444 !important;}

/* VIOLET */
.page-header,
.nav-container,
.nav-container, .nav-container + .clearfix,
.page .mobile-page-header,
.ui-dialog .ui-dialog-titlebar,
.list-group-item.highlight,
.list-group-item:hover, .list-group-item:focus,
.btn:hover, .btn:focus, .btn:active,
.ui-dialog-buttonset .ui-button:hover, .ui-dialog-buttonset .ui-button:focus, .ui-dialog-buttonset .ui-button:active,
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus,
.box-info,
.menu .jstree-clicked,
.menu .jstree-default .jstree-children>li a:hover, .menu .jstree-default .jstree-children>li a:focus,
.table-panel tbody>tr:hover,
.btn-highlight,
.btn-highlight[class*="custom-theme"],
.fcs .btn-highlight, .fcs .btn-highlight:focus, .fcs .btn-highlight:active,
.steps .active,
.forum-post.best>.post-header .btn.best,
.portlet .badge,
.tag,
.post-date,
.header-box,
.table>tbody>tr.active>td, .table>tbody>tr.active>th, .table>tbody>tr>td.active, .table>tbody>tr>th.active, .table>tfoot>tr.active>td, .table>tfoot>tr.active>th, .table>tfoot>tr>td.active, .table>tfoot>tr>th.active, .table>thead>tr.active>td, .table>thead>tr.active>th, .table>thead>tr>td.active, .table>thead>tr>th.active
{background-color: #2a2f50;}
.mce-menu-item:hover, .mce-menu-item:focus,
tr.hasNew {background-color: #2a2f50 !important;}

.jstree-node.calendar, .jstree-node.efficiency-statement, .jstree-node.glossary,
.menu .jstree-default .jstree-container-ul .jstree-node>.jstree-children,
.form-control:focus,
.main-header .box-access,
.ui-dialog .ui-dialog-buttonpane, .ui-dialog .btn-container,
.header-box {border-color: #2a2f50;}

.popover.bottom>.arrow:after {border-bottom-color: #2a2f50;}
.steps .active .arrow:after,
.mobile .nav > li > a {border-left-color: #2a2f50;}

.btn,
.ui-dialog-buttonset .ui-button,
.btn-highlight:hover, .btn-highlight:focus, .btn-highlight:active {border-color: #7c83af;}

a,
.resource-details .content-preview-author a {color: #979BBF;}
.ui-widget-content a,
.custom-theme-basic_new_dark{color: #979BBF !important;}

.box-light {border-color: #7c83af;}
.content-preview-horizontal .content-preview-img .fonticon {color: #4d568e;}

/* BLUE */
.box-highlight {background-color: #0e7b96;}
legend {border-color: #0e7b96;}
legend,
.text-info {color: #69a8b7;}

/* WHITE / LIGHT */
a:hover, a:focus,
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus,
.box-warning,
.resource-header h2 a,
.nav > .active > a, .nav .active > a:hover, .nav > .active > a:focus,
.menu .jstree-clicked {color: #fff;}

body,
.btn,
.ui-dialog-buttonset .ui-button,
.btn-highlight,
.btn-highlight:hover, .btn-highlight:focus, .btn-highlight:active,
.ui-widget-content,
.list-group-item-action,
.list-group-item-action:hover, .list-group-item-action:focus,
.btn:hover, .btn:focus, .btn:active,
.ui-dialog-buttonset .ui-button:hover, .ui-dialog-buttonset .ui-button:focus, .ui-dialog-buttonset .ui-button:active,
.dropdown-menu>li>a,
.nav > li > a,
.subnav > li > a,
.list-group-item .list-group-fav,
.steps li, .steps li a,
.post-footer .btn,
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited,
th a,
.table-sort,
.pager a,
.page-footer a,
.header-box,
.radio label, .checkbox label {color: #c0c0c0;}

.mce-menubar .mce-menubtn button span,
.mce-btn button,
.mce-ico,
.mce-menu-item,
.mce-container, .mce-container *, .mce-widget, .mce-widget *, .mce-reset {color: #c0c0c0 !important;}

.list-group-item-text,
.content-preview-main>small,
.assess-mark, .assess-additional, .assess-date {color: #9C9C9C;}

.form-control {color: #aaa;}

.mce-menu-item.mce-disabled .mce-text, .mce-menu-item.mce-disabled:hover .mce-text, .mce-menu-item.mce-disabled .mce-ico, .mce-menu-item.mce-disabled:hover .mce-ico {color: #777 !important;}

.panel, .panel-header,
.list-group-item {border-color: #999;}
.mce-panel {border-color: #999 !important;}
.steps .arrow {border-left-color: #999;}

/* OTHER */
.box-warning {background-color: #ab4e2f;}
.text-warning {color: #c78974}

.box-success {background-color: #3f795b; color: #EBF5ED;}
.box-success-light {border-color: #3f795b;}
.text-success {color: #85caa4;}

.box-danger {background-color: #c33b26;}
.text-danger,
.has-error .form-text, .has-error .col-form-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
    color: #c33b26;
}


/****************************
	SPECIAL STUFF
*****************************/
.list-group-item-action:not(.active):hover {color: var(--neutral-white);}

.course .btn-big {background-color: #2a2f50; border-color: #c8c8c8;}
.course .btn-big:hover, .course .btn-big:focus {background-color: #c8c8c8; color: #2a2f50;}

.manage-groups .main-header,
.manage-groups .nav .active.dynamic-tab,
.manage-groups .menu-groups .jstree-container-ul {background-color: #084554; color: #fff;}
.manage-groups .menu-course .jstree-container-ul,
.jstree-default .jstree-disabled.jstree-clicked {background-color: transparent;}
.manage-groups .menu-groups .jstree-clicked, .manage-groups .menu-groups .jstree-default .jstree-children>li a:hover, .manage-groups .menu-groups .jstree-default .jstree-children>li a:focus {background-color: #0e7b96;}

    .jstree-anchor .assess-open,
    .st-mobile-nav .assess-open {
        background-color: #252427;
    }
    .mobile.course .menu-container.open {
        background: #252427;
        box-shadow: 2px 2px 6px 4px var(--main-theme-gray-60);
    }