/* open-sans-300 - latin_latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('/resources/z_sloop_lms/fonts/open-sans-v15-latin_latin-ext-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('/resources/z_sloop_lms/fonts/open-sans-v15-latin_latin-ext-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/resources/z_sloop_lms/fonts/open-sans-v15-latin_latin-ext-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/resources/z_sloop_lms/fonts/open-sans-v15-latin_latin-ext-300.woff') format('woff'), /* Modern Browsers */
       url('/resources/z_sloop_lms/fonts/open-sans-v15-latin_latin-ext-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/resources/z_sloop_lms/fonts/open-sans-v15-latin_latin-ext-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin_latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/resources/z_sloop_lms/fonts/open-sans-v15-latin_latin-ext-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('/resources/z_sloop_lms/fonts/open-sans-v15-latin_latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/resources/z_sloop_lms/fonts/open-sans-v15-latin_latin-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/resources/z_sloop_lms/fonts/open-sans-v15-latin_latin-ext-regular.woff') format('woff'), /* Modern Browsers */
       url('/resources/z_sloop_lms/fonts/open-sans-v15-latin_latin-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/resources/z_sloop_lms/fonts/open-sans-v15-latin_latin-ext-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin_latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('/resources/z_sloop_lms/fonts/open-sans-v15-latin_latin-ext-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('/resources/z_sloop_lms/fonts/open-sans-v15-latin_latin-ext-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/resources/z_sloop_lms/fonts/open-sans-v15-latin_latin-ext-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('/resources/z_sloop_lms/fonts/open-sans-v15-latin_latin-ext-600.woff') format('woff'), /* Modern Browsers */
       url('/resources/z_sloop_lms/fonts/open-sans-v15-latin_latin-ext-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/resources/z_sloop_lms/fonts/open-sans-v15-latin_latin-ext-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin_latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('/resources/z_sloop_lms/fonts/open-sans-v15-latin_latin-ext-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('/resources/z_sloop_lms/fonts/open-sans-v15-latin_latin-ext-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/resources/z_sloop_lms/fonts/open-sans-v15-latin_latin-ext-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/resources/z_sloop_lms/fonts/open-sans-v15-latin_latin-ext-700.woff') format('woff'), /* Modern Browsers */
       url('/resources/z_sloop_lms/fonts/open-sans-v15-latin_latin-ext-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/resources/z_sloop_lms/fonts/open-sans-v15-latin_latin-ext-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}


* {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    background-repeat: no-repeat;
    text-rendering: optimizeLegibility;
}
ol {
	padding-left:30px;
}
div.header_title {
	padding: 5px;
	
}
.modal-body {
    overflow: hidden;
}
.ck-editor__editable {
    min-height: 400px;
}
div.header_title h1 {
	background-color: rgba(255, 255, 255, 0.8);
	width: fit-content;
	border-radius: 10px;
	margin: 10px 10px 10px 10px;
	color: #398439;
	padding-left: 25px;
	padding-right: 25px;
	border:none;
	display:table;
}

div.list-button-bar-top a,
div.list-button-bar-top a:link {
	color: #398439;
	font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  text-decoration: underline;
  background-color: transparent;
    background-image: none;
    border: 1px solid #398439;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: .375rem .75rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
div.list-button-bar-top a:hover {
		color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

#developer-toolbar {
		position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
 }   
    
#header-navigation {
	    margin-top: -20px;
	
}
.page-item.active .page-link {
	font-family: 'Open Sans', sans-serif;
	background-color: #398439 !important;
	border-color: #398439 !important;
	color: #FFFFFF !important;
}
.page-link:hover {
	font-family: 'Open Sans', sans-serif;
	background-color: #398439 !important;
	border-color: #398439 !important;
	color: #ffffff !important;
}
#header {
    min-height: 100px;
    margin-top: 10px;
    background-repeat: repeat;
    position: relative;
    background-color: #fff;
    z-index: 50000;
    -moz-box-shadow: 0 0 7px rgba(0,0,0,.11);
    -webkit-box-shadow: 0 0 7px rgba(0,0,0,.11);
    box-shadow: 0 0 7px rgba(0,0,0,.11);
	font-size: 14px;
}
.margin-form .form-item-wrapper .form-label {
    width: auto;
    text-align: left;
}
.margin-form .form-item-wrapper .form-widget, .margin-form .form-button, .margin-form .form-help-text {
    margin-left: auto;
}
.form-help-text {
	font-size: 12px;
	color: #00b2aa;
}
.form-label {
	float:none !important;
}
.form-error {
	    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
    margin-left: 0px !important;
}

.administration_mails_div {
	float: left;
	padding: 15px;
	width: 33%;
   min-height: 200px;
}

.activate_mail {
	 border: 1px solid #398439;
   border-radius: .25rem;
   height: 600px;
}

.z_sloop_lms_button {
		font-weight: bold !important;
		text-decoration: underline !important;
	}
	
.z_sloop_lms_header {
	font-family: 'Open Sans', sans-serif;
	color: #000000;
	background-color:#fff;
	font-size: 14px;
	font-weight: normal;
	margin-top: 0px;
	height: 100px;
}
.developer-support-adp-output-off .z_sloop_lms_header {
	margin-top: 25px;
}
#z_sloop_lms_breadcrumbs{
	padding-top:15px;
	max-width: 400px;
	float: left;
}
.z_sloop_lms_wrapper {
	font-family: 'Open Sans', sans-serif;
	color: #000000;
	font-size: 14px;
	font-weight: normal;
	margin-top: 100px;
}
.developer-support-adp-output-off .z_sloop_lms_wrapper {
	margin-top: 125px;
}
.cal-table-caption {
	text-align: center;
	caption-side: top;
}
#viewadp-cal-table td {
	padding: 0px;
}
.z_sloop_lms_wrapper a {
	font-family: 'Open Sans', sans-serif;
	color: #398439;
	font-weight: normal;
	margin-top: 0px;
}
.z_sloop_lms_wrapper a:hover {
	color: #ffffff;
	background-color: #398439;
}

.list-button-bar-bottom input.button, .z_sloop_lms_button, .form-button input {
	color: #398439 !important;
	font-size: 14px !important;
  font-family: 'Open Sans', sans-serif !important;
  text-decoration: underline !important;
  background-color: transparent !important;
    background-image: none;
    border: 1px solid #398439;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: .375rem .75rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	font-weight: bold;
}
.list-button-bar-bottom input.button:hover, .z_sloop_lms_button:hover, .form-button input:hover {
	color: #ffffff !important;
	background-color: #398439 !important;
}
.content_box {
	border-top: 2px solid #398439;
	margin: 15px;
	padding: 0px 15px 15px 15px;
}
.content_box h3 {
	  color: #333;
    font-size: 16px;
    font-weight: normal;
    padding: 5px 0px 0px 0px;
    margin-bottom: 10px;
    font-family: 'Open Sans', sans-serif;
}
h1 {
    font-size: 35px;
    padding-top: 0;
    font-weight: 300;
    border-bottom: 3px solid #398439;
    padding: 0.3em 0;
    line-height: 1.1;
    margin-bottom: 0.5em;
    font-family: 'Open Sans', sans-serif;
    color: #333;
}
.highlight_table_cell {
	  color: #398439;
		font-weight: bold;
}
.modal-header {
		color: #ffffff;
		background-color: #398439;
		font-size: 14px !important;
  	font-family: 'Open Sans', sans-serif !important;
}
.modal-header .close {
		color: #ffffff;
}
.modal-lead {
		font-weight: bold;
}
.dimensional-table th {
	display:none;
}
#footer {
	background-color: #000000;
}
#footer-icons {
	margin-left: 20px;
}
.portlet-header {
	background-color: #398439;
	background-image: none;
	font-family: 'Open Sans', sans-serif; font-size: 14px;
}

.portlet {
	background-color: #ffffff;
	background-image: none;
	border-top: 3px solid #398439;
	border-bottom: 3px solid #398439;
	margin-bottom: 5px;
}

.portlet h2 {
	font-family: 'Open Sans', sans-serif;
	color: #333;
	font-size: 16px;
	font-weight: normal;
	margin-top: 0px;
}
#logo {
	margin-top: 10px;
	margin-left: 20px;
	padding-top: 0px;
	float: left;
}
#main-navigation  {
	float: right;
	width: auto;
	background-image: none;
	margin-top: -50px;
}

#main-navigation ul li {
	background-image: none;
}

#main-navigation a {

	font-family: 'Asap', sans-serif;
	font-weight: 400;
	color: #398439;
	font-size: 16px;
	background-image: none;
	color: #999999;
	font-family: Arial, sans-serif;
	padding-right: 36px ;
	padding-bottom: 36px;
}
#main-navigation #main-navigation-active {
	background-image: none;
}

#main-navigation #main-navigation-active a, #main-navigation a:hover {
	background-image: none;

	color: #398439;
	text-decoration; none;
}

#sub-navigation a {
	font-family: 'Open Sans', sans-serif;
	color: #ffffff;
	font-size: 14px;
	font-weight: normal;
}
#sub-navigation li#sub-navigation-active a {
	color: #ffffff;
	font-size: 14px;
	font-decoration: underline;
	font-family: 'Open Sans', sans-serif;
}
#sub-navigation {
	float:none;
	background: #398439;
	border: 2px solid #FFF;
	margin: 0;
	padding: 15px;
	width: 70%;
	margin:auto;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
}
#sub-navigation ul {
    margin: 0;
    padding: 0px 10px 15px 10px;
    list-style: none;
    line-height: .7em;
}
.thead_z_sloop_lms {
	background: #398439;
	color: #fff;
	
}
a,a:link,a:visited {
	color: #398439 !important;
	font-weight: normal;
	text-decoration: none;
}
a:hover {
	color: #ffffff !important;
}
#sub-navigation li {
   border-right: none;
}
#sub-navigation li:hover {
   color: #999999;
}
#sub-navigation li a:hover {
   color: #404040;
	background: #398439;
}

#breadcrumbs {
	clear: right;
	padding-left: 100px;
	padding-top: 15px;
}
table.list-table {
	width: 100%;
	border:1px solid #398439;
}
th.list-table, th.list-table-narrow {
	width: auto;
	background-color:#398439;
	color: #ffffff;
	border:1px solid #398439;
}
td.list-table {
	width: auto;
}
.list-table td {
	width: auto;
}
th.list-table, th.list-table-narrow {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #ffffff;
}

td.list-table, td.list-table-narrow, .list-table td {
	padding: 8px 16px;
}
th.list-table, th.list-table-narrow, .list-table th {
	padding: 8px 16px;
}

tr.last td {
	border-bottom: 2px solid #398439;
}

.z_sloop_lms_wrapper_book {
	height: 100%;
	margin-top: 0px
}

.z_sloop_lms_header_close_button {
	width: 20% !important; 
	float: right;
	margin-top: 15px !important;
	background-color: rgba(255, 255, 255, 0.8) !important;
}
.z_sloop_lms_header_close_button:hover {
	width: 20% !important; 
	float: right;
	margin-top: 15px !important;	
	color: #ffffff !important;
	background-color: #398439 !important;
}
.book_content {
	display:none;
	
}

.book_actions {
	float:right;
	margin-top: 5px;
}
.MC_answer {
	padding-left: 4em !important;
	
}
.MC_active {
	background: url("/resources/z_sloop_lms/images/tick.png") no-repeat scroll 5px center transparent;
	padding-left: 4em;
}

.MC_active_result {
	background-color: #ADFF2F !important;
}

#your_result_div {
	font-weight: bold;
	color: #398439;
	text-align: right;
	font-size: 3em;
}

.gap .form-control,.gap_text .form-control {
	display:inline-block;
	width:auto;
}

.gap_right {
	background: url("/resources/z_sloop_lms/images/tick.png") no-repeat scroll 5px center transparent; 
	background-size: 16px 16px;
	padding-left: 32px;
	padding-right: 5px;
	border: 1px solid #6ac259;
}
.gap_wrong {
	background: url("/resources/z_sloop_lms/images/cancel.png") no-repeat scroll 5px center transparent; 
	background-size: 16px 16px;
	padding-left: 32px;
	padding-right: 5px;
	border: 1px solid #f05228;
}

.browse_for_ck_div {
	float: left;height: 200px;padding: 10px;margin-top: 10px;margin-right: 10px;border-color: #dc3545;border: 1px solid #dc3545;border-radius: .25rem;
	text-align: center;
}
.return_progress_inner {
	color: #ffffff;
	font-weight: bold;
	padding: 2px;
	text-align: right;
	background-color: #398439;float:left;
}
.return_progress {
	
	border: 1px solid #398439;float:left;
}
.return_progress_outer {
	color: #398439;
	font-weight: bold;
}
.return_progress_outer div, .return_progress_value {
	float:left;
}
.return_progress_value {
	float:right !important; 
}

.course_details_for_subsite_users {
	display:none;
}


#accordion .ui-accordion-header,#accordion_future .ui-accordion-header,#accordion_old .ui-accordion-header ,#accordion_finished .ui-accordion-header {
	background: #398439;
    color: #fff;
        border: 1px solid #398439;
        font-weight: bold;
}
#working {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*opacity: .5;*/
    background-color: rgba(0,0,0,0.5);
    z-index: 3000;
    display:none;
}
#working_small {
	behavior: url(/resources/z_sloop_lms/PIE.htc);
	color:#398439;
	font-weight: bold;
	border: 2px solid #398439;
	-webkit-border-radius: 5px;
        -moz-border-radius: 5px;
	border-radius: 5px;
	width: 100px;
	height:100px;
	position:absolute;
	margin:auto;
	text-align: center;
	padding: 10px;
	top: 50%; /* in die Mitte verschieben */
	left: 45%;
	background-color: #ffffff;
	z-index: 1500;
	/*opacity: 1;*/
}

.course_detail_headline {
	margin-top: 10px;
	margin-bottom: 2px;
	font-weight: bold;
		border-bottom: 1px solid #398439;
}

li.ui-tabs-active, li.ui-tabs-active a, li.ui-tabs-active a:link, li.ui-tabs-active a:visited  {
	
	border-color: #398439 !important;
	background: #398439 !important;
    color: #fff !important;
    font-weight:bold;
}

#forum-thread div.even,#forum-thread div.odd {
	margin-top: .25rem;
	border: 1px solid #398439;
    border-radius: .25rem;
	
}

#forum-thread .odd {
	background-color: rgba(195,28,39, 0.18);
}
@media print {
  .book_content {
    page-break-before: always;
  }
}

.criteria_area {
	margin-top: .5rem;
	margin-bottom: .5rem;
	border: 1px solid #398439;
  border-radius: .25rem;
	padding: .5rem;
	
}

.criteria_section {
	margin-top: .5rem;
	margin-bottom: .5rem;
	border: 1px solid #398439;
  border-radius: .25rem;
	padding: .5rem;
	
}
.criteria_section_title {
	text-decoration: underline;
	font-weight: bold;
	
}
.criteria_area_title {
	text-decoration: underline;
	font-weight: bold;
	color: #398439;
}

.criteria {
	margin-top: .5rem;
	margin-bottom: .5rem;
	border: 1px solid #398439;
  border-radius: .25rem;
	
}
.user_card {
	margin-top: .5rem;
	margin-bottom: .5rem;
	border: 1px solid #398439;
  border-radius: .25rem;
	padding: 15px;
}

.criteria_toolbar {
	padding: .5rem;
	text-align: right;
}
.criteria_section_toolbar {
	padding: .5rem;
	text-align: right;
}
.criteria_toolbar div {
	float:left;
}

.grade_criteria_div {
	padding: .5rem;
	
}

.toggle img {
	margin-right: 5px;
	width: 16px;
}
.portlet_toggle img ,.courses_toggle img {
	margin-top: 5px;
	margin-right: 5px;
	width: 16px;
	cursor: pointer;
}
.criteria_section, .criteria {
	display:none;
}

.average {
	margin-top: .15rem;
	color: #ffffff;
	font-weight: bold;
}
.btn-outline-danger {
    	border-color: #398439 !important;
	color: #398439 !important;
}

.btn-outline-danger:hover {
        border-color: #398439 !important;
	background-color: #398439 !important;
	color: #ffffff !important;
}

#average, .average span {
	font-size: 16px;
}

.minus, .plus {
	cursor: pointer;
}

.orgchart .node .content {
	height: auto !important;
	min-height: 20px;
	border-color:  #398439 !important;
}

.orgchart .node .content .line {
	height: 1px;
	min-height: 1px;
	width: 100%;
	background-color: #398439 !important;
}
.orgchart .node .title {
        background-color: #398439 !important;
}
.orgchart .lines .leftLine,
.orgchart .lines .rightLine,
.orgchart .lines .topLine {
	border-color:  #398439 !important;
}

.orgchart .lines .downLine  {
        background-color: #398439 !important;
        border-color:  #398439 !important;
}


#chart-container {
	text-align:center;
}
#chart-container a {
	        color: #ffffff !important;
		text-decoration:underline;
	}
	
	.qmatrix_green {
		background-color: rgb(0, 128, 0);
		color: #ffffff;
	}

	
	.qmatrix_yellow {
		background-color: rgb(255, 165, 0);
		color: #ffffff;
	}

	
	.qmatrix_red {
		background-color: #398439;
		color: #ffffff;
	}
	.competence_sum_cell {
		text-decoration: bold;
		font-size:16px;
	}


.qmatrix_sum {
	border-bottom: 3px solid #000000;
}
.qmatrix_position {
	border-bottom: 3px solid #000000;
}
.qmatrix_tick {
	    background-image: url(/resources/z_sloop_lms/images/tick.png);
    background-position-y: center;
    background-position-x: right;
    background-origin: content-box;
}
.qmatrix_cross {
	    background-image: url(/resources/z_sloop_lms/images/cancel.png);
    background-position-y: center;
    background-position-x: right;
    background-origin: content-box;
}
.thead_z_sloop_lms tr th {
	width: 50px;
}

.competence_counter_cell {
	border-right: 1px solid #ffffff;
	min-width: 110px;
}

.user_card_ {
	width: 100%;
}
.user_card_ table tbody tr td {
	vertical-align: top;
}
.user_card_td {
	vertical-align: top;
}

#chart-container a.organigram_kompetenz_link {
	color:#398439 !important;
}
#chart-container a.organigram_kompetenz_link:hover {
	color:#ffffff !important;
}