/* additional EasyTheme fixes START */
/* sidebar-fix only white text */
.twui-menu .hover\:tw-bg-gray-800:hover i,
.twui-menu .tw-text-white,
.twui-menu .hover\:tw-text-white:hover {
    color: #fff !important;
}

/* Fix hover state switch account - side bar */
.twui-menu div.ef-switch-account:hover,
.twui-menu div.ef-switch-account:hover div.group,
.twui-menu div.ef-switch-account div.group:hover,
.twui-menu a.ef-switch-account:hover,
.twui-menu a.ef-switch-account:hover div.group,
.twui-menu a.ef-switch-account div.group:hover {
    background-color: #999 !important;
}

/* hide switch-ui and timeout buttons */
#ef-timeout-timer-container-new,
.new-ui .twui-menu .twui-switch-ui,
button.twui-switch-ui {
    display: none;
}

/* TN Logo larger */
body.ef-user-signed-in.new-ui.learner-user header img {
  min-width: 150px !important;
  margin-left: -25px !important;
}

/* Override for the green radio buttons on admin dashboard */
:root {
    --button-primary-background-color-active: var(--button-primary-background-color);
    --color-green-light: var(--button-primary-background-color);
}
.btn-primary:not(.note-btn).active,
.btn-default:not(.note-btn).active {
    opacity: 0.5;
}

/* buttons fix 'add unit' selection radio buttons */ 
label:not(.radio-inline):has(input[type="radio"]:checked) {
    background-color: var(--button-primary-background-color) !important;
    border-color: var(--button-primary-border-color) !important;
    color: var(--button-primary-color) !important;
    opacity: 0.5;
}

/* TABS underline fix old + new reports, etc. */
ul.nav.customTabs li.slider {
    background-color: var(--c-brand-primary) !important;
    border-color: var(--c-brand-primary) !important;
}
ul.tabulizedList > li.tabulizedElement.selected > a {
    color: var(--c-brand-primary) !important;
    border-bottom: 2px solid var(--c-brand-primary) !important;
    text-decoration: none !important;
    display: inline-block !important;
    background: transparent !important;
}
ul.tabulizedList > li.tabulizedElement > a:hover {
    color: var(--c-brand-primary) !important;
    border-bottom: 2px solid var(--c-brand-primary) !important;
    text-decoration: none !important;
    display: inline-block !important;
    background: transparent !important;
}
/* additional EasyTheme fixes END */

/* some of the old css */

#ef-navbar,
#ef-navbar li a.dropdown-toggle[aria-expanded="true"] {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

html,
body {
    background-color: #D6D2C4;
}

div.breadcrumb-x {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

div.ef-block,
div.dashboard-panel div.panel-body {
    background-color: #FFFFFF;
}

/* Alerts */
.alert.alert-warning {
    background-color: var(--color-primary) !important;
}

.ef-new-feature-alert button[type=button].close,
.ef-new-feature-alert a,
.alert.alert-warning a {
    color: #fff !important;
}

.ef-new-feature-alert,
.alert-info,
aside.alert.alert-info {
    color: #fff;
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

.alert-warning hr,
.alert-info hr {
  border-top-color: #fff;
}

#ef-course-completion-modal h3
{
  display:none;
}

#ef-course-completion-modal .icon
{
  margin-bottom:20px;
}

.ef-dashboard-header .ef-main-action-button .btn.btn-success
{
  white-space:normal;
}

.forgot_password
{
  margin: 0 2em;
}

div.panel-danger .has-success .checkbox,
div.panel-danger .has-success .radio,
div.panel-danger .has-error .checkbox,
div.panel-danger .has-error .radio
{
  color:#454545;
}

html:not(.popup) body:not(.modal-open) {
	background: url('/assets/images/background_new.jpg') fixed center center !important;
    background-size: cover !important;
}

div.breadcrumb-x ol.ef-breadcrumb li a {
	color: #ffffff;
}

/**
 * Header - Navbar alphatar  
*/
.avatar-special-img:not(#avatar),
.img-thumbnail {
    background-color: #6F2C3F !important;
    box-shadow: none !important;
}

.img-placeholder.alphatar .img-thumbnail:not(img):after {
    color: #fff;
}

/* Login */
#ef-login-index{
	position: relative;
  	background-color: transparent;
  	box-shadow: none;
  	overflow: hidden;
}

#ef-login-index::after{
  	content: "";
  	position: absolute;
  	top: 0;
  	left: 0;
  	width: 100%;
  	height: 100%;
  	background-color: rgba(255,255,255,0.9);
	filter: blur(5px);
}

#ef-login-index div.ef-block-content{
	position: relative;
  	z-index: 10;
}

/* NAV */
#ef-navbar form.navbar-form input[type="text"]{
	background-color: gainsboro !important;
}

#ef-navbar form.navbar-form input[type="text"]:focus{
	background-color: #25303D !important;
  	color: gainsboro !important;
}

.navbar-form.hidden-xs.ef-active .searchDivRight{
    background-color: #25303D !important;
}

.searchDivRight, #ef-navbar form.navbar-form span.search-handle{
	background-color: gainsboro !important;
}

#ef-navbar form.navbar-form.ef-active span.search-handle{
	background-color: #25303D !important;
}

#ef-navbar .container .navbar-header{
	max-width: 200px;
}

#ef-navbar .container .navbar-header .ef-navbar-logo,
#ef-navbar .container .navbar-header .ef-navbar-logo img {
	max-width: 100%;
}

#ef-navbar form.navbar-form .search-handle a{
	color: gainsboro !important;
}

/*Kurs*/
#ef-toggle-fullscreen{
	color: black;
  	filter: invert(1);
}

#ef-toggle-fullscreen:hover{
	background-color: transparent !important;
  	border: 1px solid black;
}

/* amchart home */
.amcharts-graph-g1 .amcharts-graph-bullet {
  fill: #84BD00;
  stroke: #84BD00;
}
.amcharts-graph-g2 .amcharts-graph-bullet {
  fill: #009CDE;
  stroke: #009CDE;
}
.amcharts-graph-g1 g path.amcharts-graph-stroke {
  stroke: #84BD00;
}
.amcharts-graph-g2 g path.amcharts-graph-stroke {
  stroke: #009CDE;
}
.amcharts-graph-g1 g path.amcharts-graph-fill {
  fill: rgba(197, 232, 108, 0.25);
}
.amcharts-graph-g2 g path.amcharts-graph-fill {
  fill: rgba(141, 200, 232, 0.25);
}
.amcharts-legend-item-g1 .amcharts-legend-marker {
  fill: #84BD00;
  stroke: #84BD00;
}
.amcharts-legend-item-g2 .amcharts-legend-marker {
  fill: #009CDE;
  stroke: #009CDE;
}
.amcharts-legend-item-g1 > .amcharts-legend-marker {
  fill: #84BD00;
  stroke: #84BD00;
}
.amcharts-legend-item-g2 > .amcharts-legend-marker {
  fill: #009CDE;
  stroke: #009CDE;
}
.amcharts-balloon-bg.amcharts-balloon-bg-g1 {
  stroke: #84BD00;
}
.amcharts-balloon-bg.amcharts-balloon-bg-g2 {
  stroke: #009CDE;
}

#coursesTable .fa.fa-clone.ef-course-cloning {
	display: none !important;
}

#ef-course-completion-modal.ef-completed-course-info > a.link {
  font-size: 20px !important;
}

h6.text-center.ef-completed-lesson-info {
	font-size: 20px !important;
}

@media only screen and (min-width: 768px) {
  	#question_properties_form .ef-form-element {
    	max-width: 75%;
  	}
}

.ef-certificate-field label.active {
	background: #304784 !important;
  	border-color: #304784 !important;
}