/* Style the tab */
.tab {
overflow: hidden;
border: 1px solid #ccc;
background-color: #f1f1f1;
margin: 0 120px;
}

/* Style the buttons inside the tab */
.tab button {
background-color: inherit;
float: left;
border: none;
outline: none;
cursor: pointer;
padding: 14px 16px;
transition: 0.3s;
font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
display: none;
padding: 6px 12px;
border: 1px solid #ccc;
border-top: none;
margin: 0 120px;
}

.conflict-msg {
background-color: #f4f2f2;
border-bottom: 1px solid gray;
padding-bottom: 2px;
}
.accordion-header {
background-color: #fff;
border: 1px solid #ddd;
color: #795548;
cursor: pointer;
padding: 12px;
outline: none;
transition: background-color 0.2s ease-in-out;
position: relative; /* added to position arrow */
border-bottom: none;
}

.accordion-panel {
padding: 0 10px;
background-color: white;
overflow: hidden;
transition: max-height 0.2s ease-in-out;
max-height: 0;
margin-bottom: 5px;
border: 1px solid #ddd;
border-top: none;
}

.active {
background-color: #fff;
}

.accordion-arrow {
position: absolute;
right: 18px;
top: 50%;
transform: translateY(-50%);
width: 0;
height: 0;
border-style: solid;
border-width: 6px 0 6px 6px;
border-color: transparent transparent transparent #444;
transition: transform 0.2s ease-in-out;
}

.active .accordion-arrow {
transform: translateY(-50%) rotate(-90deg);
}

.active + .accordion-panel {
max-height: 500px;
/* set this value to whatever height you want the panel to be when it's open */
}

.modal {
max-width: 1200px !important;
}
/* Signature Area and Upload Button Styles */
.signature-area {
display: flex;
justify-content: center;
align-items: center;
flex-direction: row; /* Changed to row to align upload button and image side by side */
gap: 20px;
border: 2px dashed #cbcbcb;
padding: 10px; /* Adjusted padding for better spacing */
max-width: 700px; /* Increased max-width to accommodate both button and image */
background-color: #f9f9f9; /* Light background for better contrast */
}

.upload-btn-wrapper {
padding: 10px; /* Reduced padding for a smaller button area */
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
cursor: pointer;
transition: all 0.3s ease;
width: auto; /* Auto width to fit content */
border: none; /* Remove border */
border-radius: 8px; /* Rounded corners for a modern look */
}

.upload-btn-wrapper:hover {
background-color: #e6f7ff;
}

.plus-icon {
display: inline-block;
margin-right: 8px;
}

/* Updated Signature Container Styles */
.signature-container {
max-width: 700px; /* Smaller width for the signature container */
min-width: 550px;
border: 1px solid #ccc; /* Adds a border for visibility */
padding: 5px; /* Adds some padding around the image */
background-color: #fff; /* White background for the image container */
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
border-radius: 8px; /* Rounded corners */
text-align: center; /* Center the image */
}

.signature-container img {
width: 50%;
height: auto;
max-height: 150px; /* Restricts the height while maintaining aspect ratio */
border-radius: 4px;
object-fit: contain; /* Ensures the image fits within the container */
}
.signature-area .uk-icon-trash {
cursor: pointer;
color: red; // Color to indicate a delete action
font-size: 20px; // Increase the size if necessary
}

em.s {
/*background-color: rgba(1, 13, 92, 0.1) !important;
color: black !important;
*/
background-color: rgb(255, 255, 0);
color: black;
font-style: normal !important;
}

em.s1 {
background-color: rgb(255, 255, 0) !important;
color: black !important;
}
em.s2 {
background-color: rgb(132, 255, 0) !important;
color: black !important;
}

em.s3 {
background-color: rgb(0, 255, 216) !important;
color: black !important;
}

em.s4 {
background-color: rgb(234, 195, 249) !important;
color: black !important;
}

em.s5 {
background-color: rgb(253, 159, 75) !important;
color: black !important;
}


.change_cb_state{
cursor:pointer;
}


.polaroids-imagess
{

background: white;

margin: 0 15px 30px;
padding: 10px 10px 25px;
text-align: center;
text-decoration: none;
-webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, .3);
-moz-box-shadow: 0 4px 6px rgba(0,0,0,.3);
box-shadow: 0 4px 6px rgba(0,0,0,.3);
-webkit-transition: all .15s linear;
-moz-transition: all .15s linear;
transition: all .15s linear;


}


.differenz_div{
border: 1px solid red !important;
border-radius: 4px 4px 0 0;
}

.differenz_div div.uk-modal-header-front{
background-color: #ffb3b3;
}

.differenz_div div.uk-modal-header-front{
background-color: #ffe6e6;
}


/**
* Polaroid Images
*/
.polaroid-images
{
/*margin:10px 0;
float: left;
*/
margin: auto;
width: 50%;
padding: 10px;
text-align: center;
}
.polaroid-images a
{
background: white;
display: inline;
float: left;
margin: 0 15px 30px;
padding: 10px 10px 25px;
text-align: center;
text-decoration: none;
-webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, .3);
-moz-box-shadow: 0 4px 6px rgba(0,0,0,.3);
box-shadow: 0 4px 6px rgba(0,0,0,.3);
-webkit-transition: all .15s linear;
-moz-transition: all .15s linear;
transition: all .15s linear;
z-index:0;
position: relative;
}
.polaroid-images a:after {
color: #333;
font-size: 20px;
content: attr(title);
position: relative;
top:15px;
}
.polaroid-images img {
display: block;
width: inherit;
}

.polaroid-images a:nth-child(2n)
{
-webkit-transform: rotate(4deg);
-moz-transform: rotate(4deg);
transform: rotate(4deg);
}
.polaroid-images a:nth-child(3n) {
-webkit-transform: rotate(-24deg);
-moz-transform: rotate(-24deg);
transform: rotate(-24deg);
}
.polaroid-images a:nth-child(4n)
{
-webkit-transform: rotate(14deg);
-moz-transform: rotate(14deg);
transform: rotate(14deg);
}
.polaroid-images a:nth-child(5n)
{
-webkit-transform: rotate(-18deg);
-moz-transform: rotate(-18deg);
transform: rotate(-18deg);
}
.polaroid-images a:hover{
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
transform: scale(1.2);
z-index:10;
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .7);
-moz-box-shadow: 0 10px 20px rgba(0,0,0,.7);
box-shadow: 0 10px 20px rgba(0,0,0,.7);
}


// DMS
/*
#preview_container img {
width: 75%;
border: 20px solid yellow !important;
}
*/


#dms_content .uk-icon-file-word-o {
color: blue;
}


#dms_content .uk-icon-file-movie-o {
color: navy;
}


#dms_content .uk-icon-file-powerpoint-o {
color: orange;
}


#dms_content .uk-icon-file-excel-o {
color: green;
}


#dms_content .uk-icon-file-pdf-o {
color: red;
}


.pad11 {

border: 1px dotted grey;

}

.uk-text-violett {
color: #745992 !important;
}

a.lblbl img {border: 1px solid #DDDDDD; padding: 10px;}

video::-webkit-media-text-track-display {
font-size: 200%;
/*color: red;*/
}

.cp-color-picker {
z-index: 100000;
}


form.label_padding label {
padding-left: 0px;
}


.video_div_plaver {
cursor: pointer;
border: 1px solid #ddd;
border-radius: 4px;
padding: 10px;
}


.video_div_plaver:hover {
background-color: #FAFAFA;
border: 1px solid red;
}

/* optional sichbare Icons, wenn mehr als 1 Event angewählt wird */
.event_da_icon {
display: none;
position: absolute;
/*right:-35px;*/
left: 100%;
top:0;
padding-left: 10px;
cursor:pointer;
text-align: center;
min-width: 3em;
background-color: rgba(128, 255, 0, 1);
opacity: 0.7;
white-space: nowrap;
z-index:-1;
margin-left: -5px;


}

.event_da_icon_top {

left: 70%;


margin-top: -22px;


}


.no-radius-right {

border-radius: 4px 0 0 4px !important; /* top left, top right, bottom right, bottom left */

}


.no-radius-left {

border-radius: 0 4px 4px 0 !important; /* top left, top right, bottom right, bottom left */

}


.rest_zebra0 {

background: none repeat scroll 0 0 #07642e;
border-bottom: 1px dotted #BBBBBB;
padding: 10px; color:white; font-size:2em;
}

.rest_zebra1 {

background: none repeat scroll 0 0 #052d24;
border-bottom: 1px dotted #BBBBBB;
padding: 10px;color:white;

}

.rest_zebra2 {

background: none repeat scroll 0 0 #021914;
border-bottom: 1px dotted #BBBBBB;
padding: 10px;color:white;

}


.event_da_icon:after, .event_da_icon:before {
left: 100%;
top: 0;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}

.event_da_icon:after {
border-color: rgba(136, 183, 213, 0);

border-left-color: rgba(128, 255, 0, 1);
border-width: 10px;

}
.event_da_icon:before {
border-color: rgba(194, 225, 245, 0);
border-left-color: rgba(128, 255, 0, 1);
border-width: 10px;

}


.event_da_icon span {
/*font-size: 200%;
vertical-align: -22%;
color: green;*/

}


.event_da_icon:hover,event_da_icon:hover:after,event_da_icon:hover:before  {
opacity: 1;

color: green;
}


.evev {

background:
/* On "top" */
repeating-linear-gradient(
45deg,
transparent,
transparent 10px,
#ccc 10px,
#ccc 20px
),
/* on "bottom" */
linear-gradient(
to bottom,
#eee,
#999
);


}


.xx-group {
min-height:20px;

}


/*
SELECT2
*/

/* die Weite immer auf 100% %zentrieren*/
.select2,.select2-search__field {
 width: 100% !important;
}


#fc_cal_form .select2-selection__choice {
float: initial !important;
}


.row-fluid {
/*
padding-left:5px;
border-left: 30px solid red;
display: inline-block;

*/

}


/* das label div der Tags */
.tag_ref_box {

padding:3px 5px;
margin-right:3px;

display: inline-block;
}
.tag_ref_box2 {

margin:3px;

display: inline-block;
}


/* ohne Icon */
div.tag_wrap {
border: 1px solid black;
background-color: #111111;
padding-right: 5px;
}
div.tag_wrap div.tag_ref_box {
background-color:#CCCCCC;
}


div.sel_map-marker {
border: 1px solid #bc06f8;
background-color: #efccfa;
padding-right: 5px;
}
div.sel_map-marker div.tag_ref_box {
background-color: #bc06f8;
}


/* Zeit und Datumsangaben */
div.sel_time {
border: 1px solid #F09903;
background-color: #FAD89C;
padding-right: 5px;
}
div.sel_time div.tag_ref_box {
background-color:#FAB640;
}


div.sel_tags {
border: 1px solid #858001;
background-color: #f9f69a;
padding-right: 5px;
}
div.sel_tags div.tag_ref_box {
background-color:yellow;
}


/* Person */
div.sel_user {
border: 1px solid #018542;
background-color: #aafcd3;
padding-right: 5px;
}
div.sel_user div.tag_ref_box {
background-color: #03f97d;
}

/* Team */
div.sel_team {
border: 1px solid #018542;
background-color: #AAD4FD;
padding-right: 5px;
}
div.sel_user div.tag_ref_box {
background-color: #03f97d;
}


/* Location */
div.sel_loc {
border: 1px solid #AB00FF;
background-color: #D595F5;
padding-right: 5px;
}
div.sel_loc div.tag_ref_box {
background-color: #B43CF0;
}

/* PLanung */
div.sel_planung {
border: 1px solid #8B0000;
background-color: #DC143C;
padding-right: 5px;
color: white;
}
div.sel_planung div.tag_ref_box {
background-color: #8B0000;
}


.select2-selection__choice__remove {

/*color: green;
*/
position: absolute;
left:0;
top:0;
text-align:right;
border: 0px solid red;
height: 30px;
width: 100%;

/*display: inline-block;
text-align: center;
cursor:pointer;*/¨
z-index:10;
padding-top:3px;
display: none;
}


.select2-selection__choice__remove:hover {

width:100%;
display:block !important;
background-color:red;
opacity:0.2;
border-left:33px;
}

.select2-selection__choice__remove:hover:after {
content: "X";
color: white !important;
text-align:center;

}

li.select2-selection__choice {
position: relative;
overflow: hidden;
padding-left: 0 !important;
padding-right: 0 !important;
border: 0px solid transparent !important;
}


/*
.select2-selection__choice__remove:after{
content: "\f087";
color: black !important;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
color: white;
z-index: 1;
}

.select2-selection__choice__remove:hover:after{
content: "X";

}

*/


.tag_bg .select2-selection__choice__remove {

border-left; 30px solid red;

color: orange !important;
}


.ut-triangle-right{
float: right;
float: left;
width: 0;
height: 0;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;

border-left: 20px solid green;
}

.ut-pos-rel{
z-index:100;
position: relative;
}


.uk-icon-large-justify {


text-align: left;
width: 1.5em;

}


.uk-panel-box-yellow-mary {
background: #f3f3c9;
}

.uk-panel-box-blue-mary {
background: #bdc6cf;

}


.uk-panel-box-greenish-mary {
/*background: #f3f3c9;*/
padding: 0;

background: #fafafa;

color: #444;

border: 0px solid #BBBBBB;

border-radius: 4px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
background: rgba(255, 255, 255, 0.95);
}


.uk-panel-box-greenish-mary .title-strip {
padding:20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
background: rgba(140,193,76, 0.9);
}


.uk-panel-box-reddish-mary .title-strip {

background: rgba(255,0,0, 0.9);

}


.content-padding{
padding: 20px;

border-bottom: 1px solid #BBBBBB;
border-left: 1px solid #BBBBBB;
border-right: 1px solid #BBBBBB;
}

.uk-panel-box-greenish-mary h1 {

padding:0;
margin: 0;
color: #FFFFFF;
}


.uk-panel-box-danger {
background-color: #fdebed;
border-color: rgba(45, 112, 145, 0.3);
color: #912d2d;
}


div.fallbeschreibung p {
margin-top: 0;
}


/* Hintergrund der INPUT Felder */
.uk-form input[type="text"],.uk-form input[type="password"],.uk-form select{
background: #f5f5f5 none repeat scroll 0 0 ;
}


/* Readonly Feld */
.uk-text-readonly
{
background: #ddd9d9 none repeat scroll 0 0 !important;
color:#BBBBBB !important;
}

input:-moz-read-only { /* For Firefox */
background-color: yellow !important;
}

input:read-only {
background-color: yellow !important;
}


#dms_wrapper .uk-active[data-uk-sticky]  {
background-color: #D70A28 !important; padding: 4px;
border: 0px solid orange !important;

}/*
.testimage {
background-image: url(https://teamapp.ch/media/thumbnails/Diviani-Foto.jpg._th_50.jpg);
background-size: 100% auto;
background-position: center top;
background-attachment: fixed;
}
*/
.uk-modal-header-front {
background: #fafafa none repeat scroll 0 0;
border-bottom: 1px solid #ddd;
border-radius: 4px 4px 0 0;
padding: 10px;
}

.uk-modal-header-front-read {
padding: 10px;
background: red none repeat scroll 0 0;
border-bottom: 4px solid green !important;
border-radius: 4px 4px 0 0;
}


/*
.uk-autocomplete div.uk-dropdown{
margin-left: 35px;
}
*/


div.front_zebra_wrapper {
padding: 30px;
}


div.front_zebra_wrapper:nth-child(even) {

background: none repeat scroll 0 0 #FAFAFA;


}


div.front_zebra_wrapper_v3 {
padding: 5px;}

div.front_zebra_wrapper_v3:nth-child(even) {

background: none repeat scroll 0 0 #FAFAFA;
/*color: white;
*/
}

label.db:nth-child(even) {
background: none repeat scroll 0 0 #e5e2e2;
}


label.db {
padding: 10px;
}


/* Konflikt Tabelle */
.uk-table-konflikt tbody tr:nth-of-type(2n) {
background: #F5F6CE none repeat scroll 0 0;
}
.uk-table-konflikt tbody tr:nth-of-type(2n+1) {
background: #F8ECE0 none repeat scroll 0 0;
}


div.front_zebra_wrapper:nth-child(even) {

background: none repeat scroll 0 0 #FAFAFA;


}


div.front_zebra:nth-child(even) {

background: none repeat scroll 0 0 #FAFAFA;


}


table.fixe_meine_weite {
table-layout: fixed;
width: 100%;
}


table.fixe_meine_weite td {
overflow: hidden;
vertical-align: top;
}


.uk-halbgruppe-1 {
background: rgba(214, 214, 74, 0.3) none repeat scroll 0 0;

color: black;
}


.uk-halbgruppe-2 {
background: rgba(34, 64, 94, 0.3) none repeat scroll 0 0;
color: black;
}


tr.wochentag_freie_verteilung {
background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;

}

tr.wochentag_freie_verteilung td {
background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
color: white;
padding: 5px !important;
margin-top: 7px;
}


/* Sticky Button Optionen Gruppen und Personen Liste */
.stickybackground{
padding-top: 10px;
padding-bottom: 10px;
}

.stickybackground.uk-active{
background: #fafafa none repeat scroll 0 0;
border-bottom: 1px solid black;
}


/*
FRONT CALENDAR

#front_calendar a.fc-time-grid-event:hover div {
display: none;
}
*/


/* Topstrip */


#topstriplinksdiv {padding-top:20px;padding-bottom: 20px;margin-bottom: 40px;}
/* Topstrip Icons */
a.topstriplinks {
padding-left: 18px;
padding-right: 18px;
display: inline-block;

}
a.topstriplinks span {
color: #DDDDDD;

}

a.topstriplinks_akt span {
color: #000000;

}

a.topstriplinks:hover span{
color: #000000;

}
/* Icons spacerchen */
span.top_x_spacer {
margin-right: 5em;
}
/* eof Topstrip */


#offcanvas_div a.topstriplinks_akt,#offcanvas_div a.topstriplinks_akt span {
color: yellow;

}



.backstrip {
	background: #fcffff;
	-webkit-transition: background-color 4s ease, width 1s ease, height 2s ease;
	-moz-transition: background-color 4s ease, width 1s ease, height 2s ease;
	-o-transition: background-color 4s ease, width 1s ease, height 2s ease;
	transition: background-color 4s ease, width 1s ease, height 2s ease;
}
	
.backstrip:nth-child(even) {
/*background: rgba(200, 200, 200, 0.5) none repeat scroll 0 0;*/

background: #FAFAFA;
-webkit-transition: background-color 4s ease, width 1s ease, height 2s ease;
-moz-transition: background-color 4s ease, width 1s ease, height 2s ease;
-o-transition: background-color 4s ease, width 1s ease, height 2s ease;
transition: background-color 4s ease, width 1s ease, height 2s ease;
}

.backstrip:hover {
background: #FFFFFF;


}


.backstrip_err {
background: rgba(240, 204, 204, 0.5) none repeat scroll 0 0;
}


div.backstrip_black {
background-color: black;
color: white;
}


.uk-padding-top-bottom-large {
padding-top: 50px; padding-bottom: 50px;

}


@media (max-width: 767px) {

#topstriplinksdiv {
padding-top:10px;padding-bottom: 10px;margin-bottom: 0;
}


.uk-padding-top-bottom-large {
padding-bottom: 10px;
padding-top: 10px;
}


div.fc-center h2 {
display: none !important;
color: yellow !important;
}

button.fc-today-button {
display: none !important;
color: red !important;
}


.uk-container {

padding: 0 7px;
}


}


a.backflip {
display: block; padding: 10px; background: rgba(240, 204, 204, 1) none repeat scroll 0 0;
position: fixed; top:0;left:0;right:0;z-index:999;
}

a.backflip span{
color: #FFFFFF;
}

a.backflip:hover {
background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
}

a.backflip_hover span{
color: #444444;
}


a.backflip_bottom {
display: block; padding: 10px; background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;

}

a.backflip_bottom span{
color: #FFFFFF;
}

a.backflip_bottom:hover {
background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
}

a.backflip_bottom_hover span{
color: #444444;
}


h2 a {
color: #444444;
}


/* Weite Sprechblase */
.uk-tooltip {
max-width: 500px;
}

/* ICON in Sprechblase */
span.aa {
width: 1em;
}


/* FOOTER TAB / BUTTONS */
.div-switcher li div, .div-switcher div div, .div-switcher div a {
background-color: black;
cursor: pointer;
text-align: center;
padding: 10px;
color: #CCCCCC;
/*display: block;*/
opacity: 1;
}

.div-switcher li div span, .div-switcher div div span, .div-switcher div a  span{
opacity: 1;
}
.div-switcher li.uk-active div, .div-switcher div.uk-active div, .div-switcher div.uk-active a {
background-color: #FFFFFF;color: #000000;
}


.div-switcher li div:hover, .div-switcher div div:hover, .div-switcher div a:hover {


text-decoration: none;
opacity: 1; transition: opacity 0.2s linear 0s;

}


.fsw {
opacity: 0.8;
}
.fsw:hover, .fsw .uk-active {
opacity: 1;
}
#front-switcher div.uk-active {
opacity: 1;
}


/* eof FOOTER TAB / BUTTONS */


ul.uk-tab-nowrap {
width: 100%;
overflow-x: auto;
}

.uk-tab-nowrap > li {
float: inherit;
display: table-cell !important;
white-space: nowrap !important;

}

li.uk-tab-dimmed a{
background-color: #DDDDDD !important;
border-bottom: 1px solid #DDDDDD !important;

}


/* Scrollbalken ausschalten (Geht im IE nicht)*/
html {

overflow: -moz-scrollbars-vertical; /* For FF */
-ms-overflow-y: scroll; /* For IE */
overflow-y: scroll; /* For others & old IE */


/*-webkit-touch-callout: none;*/ /* iOS Safari */
/* -webkit-user-select: none;*/ /* Chrome/Safari/Opera */
/* -khtml-user-select: none;*/ /* Konqueror */
/*-moz-user-select: none;*/ /* Firefox */
/* -ms-user-select: none;*/ /* Internet Explorer/Edge */
/*user-select: none;*/ /* Non-prefixed version, currently
not supported by any browser */


}
html[xmlns^="http"] { overflow-y: scroll; }

/* Workaround Scrollbalken fuer IE*/
* html {
height: 101%;
}


body {
/*background: none repeat scroll 0 0 #252525;*/
/*background: none repeat scroll 0 0 #E6E6E6;*/
/*background: none repeat scroll 0 0 #f2f2f2;*/
background: none repeat scroll 0 0 #FFFFFF;
/*
padding-right: 14px !important;
*/
}


.uk-cursor-pointer, td.rdc,.hover-cursor {

cursor:pointer;
}


td.rdc:hover span {
color:rgba(255,255,87, 1) !important;


}


.list_results div.div_zebra:nth-child(odd) .zebra_panel {

background: none repeat scroll 0 0 #FAFAFA;


}

.pad10 {
padding: 10px;
margin-bottom: 5px;
border-bottom: 1px dotted #CCCCCC;
}

.pad5 {
padding: 5px;
margin-bottom: 3px;
border-bottom: 1px dotted #CCCCCC;
}

.sel_big li {
float: none !important;

}


.sel_big li div {
padding-top: 10px !important;
padding-bottom: 10px !important;
}

.sel_big li a {
margin-top: 10px !important;
margin-bottom: 10px !important;
}


.container-middle-not-fixed {
background-color: #FFFFFF; !important;

}


/* Follower */
tr.delete_active:nth-child(odd) {
background-color: red !important;
}
/* Follower */
tr.delete_active:nth-child(even) {
background-color: orange !important;
}
/* Follower */
tr.append_active:nth-child(odd) {
background-color: #EFFBEF !important;
}
/* Follower */
tr.append_active:nth-child(even) {
background-color: #F8FBEF !important;
}


/* Follower */
tr.header_konflikt {
background-color: #ff8080 !important;
font-size: 1.3em;
}


.buttinakt {
text-decoration: line-through !important;
color: red !important;

}


a.front_hover:hover h2 span {

color: rgba(0, 0, 0, 1);

}

a.front_hover h2 span {

color: rgba(0, 0, 0, 0);

}

/*
Untergruppen Person löschen */

#grid_team div, .beob_div {
cursor: pointer;
}

.delete_person_active {
color: red;

}
.delete_person_active:before {
content: "\f014";
padding-right: 5px;
font-family: FontAwesome;
line-height:5px;
}


/* minimale Weite definieren, sonst verhaut es beim zusammenziehen des Fesnters sämtlichen Content */
.containerv3, .uk-navbar, .main-footer {
min-width: 450px !important;
}


.contentv4 {


}


/* Navbar fixieren */
.uk-navbar-fixed {
width: 100%; position: fixed; z-index: 1000;

}

/* Navbar fixieren */
.uk-navbar-not-fixed {
width: 99.9%; position: relative;

}


/* fixed Footer, wenn gewünscht */
.uk-footer-fixed {
/*width: 100%; position: fixed; bottom:0; left:0; z-index: 1000;*/
width: 100%; position: fixed; bottom:0; z-index: 1001;
}

.uk-footer-not-fixed {
/*width: 100%; position: fixed; bottom:0; left:0; z-index: 1000;*/
width: 100%;
}


/* wenn ein Header gefixt ist, braucht es das entsprechende padding gegen oben. Allenfalls auch position absolute und margin-top */
.container-middle-fixed {

/*border: 1px solid green;*/
padding-top: 100px;
}


/* wenn ein Header NICHT gefixt ist, braucht es AUCH das entsprechende padding gegen oben. Allenfalls auch position absolute und margin-top */
.container-middle-not-fixed {
padding-top: 50px;
padding-bottom: 100px;
/*border: 1px solid green;*/
/*margin-top: 20px;*/
}

.vsborder {/*
border-left: 1px solid #BBBBBB;
border-right: 1px solid #BBBBBB;
padding-left: 30px;
padding-right: 30px;*/
/*background: none repeat scroll 0 0 #f2f2f2;*/

/*background: none repeat scroll 0 0 #f2f2f2;*/


}

label {
display: block;
color: #AAAAAA;
text-overflow: ellipsis; overflow: hidden; white-space: nowrap;


}


.uk-scrollable-text {
overflow-y: auto !important;
resize: none !important;
}

.uk-scrollable-text-3 {
overflow-y: auto !important;
resize: none !important;
max-height: 300px;
min-height: 120px;
-webkit-overflow-scrolling: touch;
}


@media (max-width: 767px) {
.uk-scrollable-text {
overflow-y: auto !important;
height: auto;
}
}


.bg_spez_1 {
text-align: center;  color: white; background-color: rgba(0, 0, 0, 0.7);
/*text-align: center; padding: 80px;padding-top: 180px; color: white; */
/*background-color: rgba(200, 100, 100, 0.7);*/
height: 100%;
}


.blacki_section1 {
padding-top: 20px;
/*background-color: #2ba3d4;*/
background-color: #FFFFFF;
padding-bottom: 20px;
}


/*
.blacki_outerxx {
padding-top: 40px; padding-bottom: 40px; color: white; background-color: rgba(100, 0, 0, 0.7);
display: block;
}


.blacki_outerxx2 {
padding-top: 40px; padding-bottom: 40px; color: white; background-color: rgba(0, 100, 0, 0.68);


}


.blacki_outerxx3 {
padding-top: 40px; padding-bottom: 40px; color: white; background-color: rgba(0, 0, 100, 0.72);


}

.blacki_outerxx4 {
padding-top: 40px; padding-bottom: 40px; color: white; background-color: rgba(0, 0, 0, 0.72);


}
*/


.blacki_outerxx h1,.blacki_outerxx h1,.blacki_outerxx h3,.blacki_outerxx h2,.blacki_outerxx a {
color: white !important;
}


.blacki_outerxx img {
opacity: 0.2;
filter: alpha(opacity=20); /* For IE8 and earlier */
}


/* transparentes Wrapper Div (gesamte Breite) */
.blacki_outerxx {
padding-top: 40px; padding-bottom: 40px; color: white; background-color: rgba(0, 0, 0, 0.7);
display: block;
}


/* transparentes Wrapper Div (gesamte Breite) */
.blacki_outerxx2 {
padding-top: 40px; padding-bottom: 40px; color: white; background-color: rgba(255, 255, 255, 1);


}

.colored_section2 {
padding-top: 40px; padding-bottom: 40px;
color: white; /*background-color: rgba(100, 0, 0, 0.68);*/
background: none repeat scroll 0 0 #3dc0f1;


/* fallback */ background-color: #33a4ce; background: url(images/linear_bg_2.png); background-repeat: repeat-x; /* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#33a4ce), to(#3dc0f1)); /* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, #3dc0f1, #33a4ce); /* Firefox 3.6+ */ background: -moz-linear-gradient(top, #3dc0f1, #33a4ce); /* IE 10 */ background: -ms-linear-gradient(top, #3dc0f1, #33a4ce); /* Opera 11.10+ */ background: -o-linear-gradient(top, #3dc0f1, #33a4ce);


background: none repeat scroll 0 0 #FFFFFF !important;
}


/* transparentes Wrapper Div (gesamte Breite) */
.blacki_outerxx3 {
padding-top: 40px; padding-bottom: 40px; color: #000000; background-color: rgba(255,255,255,1);


}

/* transparentes Wrapper Div (gesamte Breite) */
.blacki_outerxx4 {
padding-top: 40px; padding-bottom: 40px; color: #000000; background-color: rgba(255,255,255,1);


}


.blacki_outerxx h2,.blacki_outerxx2 h2,.blacki_outerxx3 h2,.blacki_outerxx4 h2 {
color: #000000 !important;

}

.spacer_top_180 {
padding-top: 580px;
}


.blacki_inner {
padding-top: 40px; padding-bottom: 40px;
color: #000000;


}


.blacki_inner h1 {
font-size: 4em;
color: #000000 !important;
}


.containerchen {
/*border: 1px solid orange;*/
padding-left: 10px;
padding-right: 10px;
}

.spacerchen {
height: 40px;
}


/*Die Höhe ist natürlich von der definierten Höhe des fixen Footers abhängig*/
.uk-footer-middle-fixed {
padding-bottom: 100px;
}

.uk-footer-middle-not-fixed {
padding-bottom: 100px;
background:
}


.uk-dp-none {
display: none;

}


table.tabletyp16 tr {
cursor: pointer;

}


table.tabletyp16 tr:hover .cb1 {display: none; color: navy;}

table.tabletyp16 tr:hover .cb2 {display: block; color: green;}


td.parent:hover {cursor: pointer;}
td.parent:hover .cb1 {display: none;}


td.parent:hover .cb2 {display: block !important; color: green;}


tr.trtypa:hover .icon-checkbox, tr.trtypa:hover .icon-check {
color: #AAAAAA;
}

tr.trtypk:hover .icon-checkbox {
color: #AAAAAA;
}


td.text_gross {
font-size: 18px;
}


.uk-badge-vig {
background-color: #CCCCCC;
background-image: linear-gradient(to bottom, #EEEEEE, #DDDDDD);
color: #AAAAAA;
font-size: 13px;

}


h2.nomargin {
margin: 0 !important;
margin-bottom: 10px !important;

padding: 0 !important;
}


.generic_overlay2 {
min-width: 300px !important;
width: 100%;
}


.uk-navbar, .uk-navbar-footer {
background: #f0f0f0;
color: orange;
border: 1px solid rgba(0, 0, 0, 0.1);
border-bottom-color: rgba(0, 0, 0, 0.3);
background-origin: border-box;
/* 1 */

background-image: -webkit-linear-gradient(top, #f0f0f0, #e8eae2);
background-image: linear-gradient(to bottom, #f0f0f0, #e8eae2);

}


.uk-navbar {
/*height: 100px;*/
}


.uk-text-info-blass {
color: #BBBBBB;
font-size: 10px;
}


.uk-margin_oben_20 {
margin-top: 20px;
color: #BBBBBB;
font-size: 10px;
}


.uk-margin_oben_40 {
margin-top: 40px;
color: #BBBBBB;
font-size: 10px;
}

.uk-pagination > li {
margin: 3px;
}
/*
#sidebar {
overflow: hidden;
position: relative;
}
*/
#sidebar_scroller,div.sidebar_scroller {
position: fixed;

overflow-y: auto;
overflow-x: hidden;
}

/* Only tablets and desktop
@media (min-width: 768px) {

div.uk-width-medium-2-5 div.sidebar_scroller {width: 261px;}

#sidebar_scroller {width: 220px;}
}
*/
/* Only desktop
@media (min-width: 960px) {
div.uk-width-medium-2-5 div.sidebar_scroller {width: 342px;}
#sidebar_scroller {width: 260px;}
}

@media (min-width: 1024px) {
div.uk-width-medium-2-5 div.sidebar_scroller {width: 346px;}
#sidebar_scroller {width: 280px;}
}


@media (min-width: 1220px) {
div.uk-width-medium-2-5 div.sidebar_scroller {width: 426px;}
#sidebar_scroller {width: 350px;}
}
*/


@media (max-width:768px){
div.uk-width-medium-2-5 div.sidebar_scroller {
position: relative;
display: block;
overflow-y: auto;
overflow-x: hidden;

}

}


.wahl_container {

margin-bottom: 30px;
}
#fragen_badges li {
cursor: pointer;
}


.icon-check {
color: green;
}

.icon-checkbox {
color: #CCCCCC;
}


.dispblock {
display: block;

}


.front-box {

display: block; cursor: pointer;
margin-bottom: 20px !important;

}


.front-box:hover {

text-decoration: none;
color: black;


background: none repeat scroll 0 0 #CCCCCC;


}

.titel1 {
font-size: 1.5em;
line-height: 1.6em;
}

.titel2 {
font-size: 1.3em;padding: 10px;

}


.front-box:hover .titel_img img {
display: none;}


.front-box:hover .titel_img span {
display: block;}


.titel_img {
display: block;
height: 300px;
width: 100%;
overflow: hidden;

}


.dispnone {
display: none;
}


.download_box {
display: block;
padding: 10px;
}


.merke-panel {
margin-bottom: 40px;
margin-top: 40px;

}


/*
table.chekcerboard tr:nth-of-type(even) td:nth-of-type(even) {
background: none repeat scroll 0 0 orange !important;

}

table.chekcerboard tr:nth-of-type(odd) td:nth-of-type(even) {
background: none repeat scroll 0 0 red !important;

}
*/

/*

table td.f3:hover ~ table td.f3 {
opacity: 0.4 !important;
font-size: 30px!important;
}

table td.f3:hover{
opacity: 0.4 !important;
font-size: 30px;
}

*/


td.f1,td.f3,td.f5,td.f7,td.f9,td.f11,td.f13,td.f15,td.f17,div.f1,div.f3,div.f5,div.f7,div.f9,div.f11,div.f13,div.f15,div.f17 {
background: none repeat scroll 0 0 orange !important;

background: none repeat scroll 0 0 rgba(10, 100, 0, 0.2) !important;

}

div.f1,div.f3,div.f5,div.f7,div.f9,div.f11,div.f13,div.f15,div.f17 {
padding: 10px;
}


div.f2,div.f4,div.f6,div.f8,div.f10,div.f12,div.f14,div.f16,div.f18{
padding: 10px;
background: rgba(10, 0, 0, 0.06) none repeat scroll 0 0 !important;

}

td.f2,td.f4,td.f6,td.f8,td.f10,td.f12,td.f14,td.f16,td.f18{
background: none repeat scroll 0 0 yellow !important;
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.06) !important;
}


tr.row_hover:hover {
/*
background: none repeat scroll 0 0 rgba(189,252,201, 0.3) !important;
*/
background: none repeat scroll 0 0 rgba(46,139,87, 0.3) !important;


}


/*
td.f3:hover > td.f3 {

background: none repeat scroll 0 0 black !important;
}

*/


.fact_wrapper .uk-list-striped > li:first-child {
border: none !important;
}
/*.fact_wrapper .uk-list-striped > li:nth-of-type(2n+1) {
background: none repeat scroll 0 0 #FAFAFA;
}*/
.fact_wrapper .uk-list-striped > li {
border: none !important;
}


.fact_wrapper h2{
margin-top: 40px;
}


/*
.contentv4 h2:first-child{
margin-top: 3px;
}
*/


.fact_wrapper {
/*display: inline-block; border: 1px solid green;*/

margin-bottom: 20px;
}

.fact_boxv3 {
border-bottom: 1px dotted green;
margin-bottom: 20px;
padding-bottom: 10px;
}


.hovics {
color: #CCCCCC;
}


.hovics:hover {
color: #000000;
}

.hovics2 {
position: relative;
cursor: pointer;
}


.hovics2 div{
color: #CCCCCC;
}
.hovics2:hover div {
color: #000000;
}


.zbra a {
display: block;
padding: 3px;
background: #FFFFFF !important;
text-decoration: none;
}

.zbra a:nth-child(even) {

display: block;
background: #f5f5f5 !important;
}
.zbra a:hover {
background: #BBBBBB !important;
}
.inhalt h1, .inhalt h2, .inhalt h3, .inhalt h4 {
margin:0; padding:0;
margin-bottom: 10px;
}

.inhalt h4 {
font-size: 1.2em;
}
.inhalt h5 {
font-size: 1.2em;
}
.inhalt h6 {
font-size: 1.2em;
}


.head_inline {
display: inline-block;
padding-right: 10px;
margin-right: 10px !important;
}


.inhalt ul,  .inhalt p{
margin: 0 !important;
padding: 0 !important;
}


.inhalt ul {
/*list-style-image:url('pic1.gif');
margin-left: 15px !important;
padding: 0;


*/
list-style-image:url('list-icon.jpg');

margin-left: 25px !important;
padding: 0;
}


.inhalt li {
padding-top: 2px !important;
padding-bottom: 2px !important;
}


.inhalt li:first-child {
/* border-top: 1px solid #DDDDDD; */
/*border-top: 1px solid orange;*/
}


.inhalt li:nth-of-type(2n+1) {
background: none repeat scroll 0 0 #FAFAFA;}


.uk-thumbnail-caption-top {

padding-bottom: 5px;
text-align: center;
color: #444444;
}

.uk-nav-parent-icon > .uk-parent > a:after {
display: none !important;

}


/*
.uk-nav-parent-icon > .uk-parent > a:hover:after {

content: "\f102";
color: red;
}
*/
td.e i{
/* -webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;

-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
transition-property: transform;

overflow:hidden;
*/
}


/* Name, Vorname und Geburi */
td.n,td.gn {
cursor: pointer

}
/*
td.e:hover i:before{

webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-o-transform:rotate(90deg);


content: "\f102";
}

*/

td.e:hover,td.s:hover,td.z_id:hover {
background: none repeat scroll 0 0 orange !important;
color: #FFFFFF;
}

.mark_td {
background: none repeat scroll 0 0 orange !important;

}

td.z_id,td.s,td.e {
text-align:center;
cursor: pointer;
}

.hovspan {
display: none;
}

td.s:hover .hovspan {
display: inline-block;
}
.cbonoff {
cursor: pointer

}

.cbonoff:hover, .cbonoff:hover i {

color: #000000;
}

.cbonoff:hover div {
/*background: none repeat scroll 0 0 #CCCCCC;*/
color: #000000;
}

/*
.cbonoff:hover div.uk-panel-box i:before {
content: "\f047";
color: green;

}*/

.checkgreen {
color: green;
}

.checkred {
color: red;
}

.uk-cursor {
cursor: pointer;
}


.uk-pseudobutt {
/*background: none repeat scroll 0 0 #CCCCCC;*/
color: #DDDDDD;
cursor: pointer;
}


.uk-pseudobutt:hover {
/*
background: none repeat scroll 0 0 #CCCCCC;*/

color: #000000;
}

/*
// QUIZ
//
*/

/* Checkboxen Icons */
.icv {
font-size:1.5em;

}

.weil_first p:last-child {
margin:0 !important;
}


.uk-width-1-20 {
width: 5%;
}
.uk-width-19-20 {
width: 95%;
}


/* Quiz Gebiets Auswahl Table */
tr.gebietonoff {
cursor: pointer;
}


/*
tr.gebietonoff:hover i.icon-check:before{ color: red;content: "\f109";}
tr.gebietonoff:hover i.icon-kreuz:before{ color: green;content: "\f158";}
*/

/*tr.gebietonoff:hover i{ color: orange;}*/
/* ausgeschaltet => einschalten anzeigen */
/*tr.gebietonoff:hover i:not(.uk-icon-check-square-o):before {content: "\f046"; color: #000000;}*/
/* eingeschaltet => ausgeschaltet anzeigen */
/*tr.gebietonoff:hover i:not(.uk-icon-square-o):before {content: "\f096"; color: #000000;}*/

/*
tr.gebietonoff:hover not(.uk-icon-check-square-o) { color: green;}
tr.gebietonoff:hover not(.uk-icon-square-o) {color: red;}
*/

/**/


tr.gebietonoff:hover, tr.gebietonoff:hover i { color: #000000;}


.curpoi {
cursor: pointer;
}


.uk-pagination > li:nth-child(n+2) {
margin-left: 3px !important;
}


i.uk-icon-chevron-right {
color: #DDDDDD;
}


/* Die Inhaltsliste (Baum) des Contents) */

ul.spez_inhalt {/*
border: 1px solid red;*/
/*margin: 25px 0 0 0;*/
margin: 0;
list-style: none;

/*list-style-image: url("list-icon.jpg");*/
margin-left: 25px !important;
padding: 0;
color: black;


}

ul.spez_inhalt ul{

/*list-style-image: url("list-icon.jpg");*/
}


ul.spez_inhalt li a{
color: #000000;
text-decoration: none;
/*color: red;*/
cursor: pointer;
padding-left: 5px;
}

/*
[data-level]:before {
font-family: 'iconvault';
content: attr(data-level);
speak: none;
padding:0 5px;
}*/


/*li {list-style-image: url("pic1.gif");}*/


/*

#sidebar_scroller a.akt {
color: orange !important;
}


*/

li [data-level] a:before {
font-family: "FontAwesome";
content: "";
color: #DDDDDD;
}


li [data-level] a.akt:before {
font-family: "FontAwesome";
content: "";
color: green;

}


[data-level="1"]{
list-style-image: url("list-icon.jpg");
}


.uk-nowrapell {
text-overflow: ellipsis; overflow: hidden; white-space: nowrap;
}

.uk-nowrapelltd {
max-width: 100px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;
}


/*

li [data-level="1"] a:before {
font-family: "iconvault";
content: "\f109";
color: #DDDDDD;
}
li [data-level="2"] a:before {
font-family: "iconvault";
content: "\f109";
color: #DDDDDD;
}

li [data-level="2"] a.akt:before {
font-family: "iconvault";
content: "\f158";
color: green;
}

li [data-level="3"] a:before {
font-family: "iconvault";
content: "\f158";
color: #DDDDDD;
}

*/
/*
li [data-level="1"] a {
color: orange;
}
li [data-level="2"] a{
color: navy;
}
li [data-level="3"] a{
color: red;
}
li [data-level="4"] a{
color: silver;
}
li [data-level="5"] a{
color: black;
}*/


.vertiefung {
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;

}


.inhalt ul li ul li:nth-of-type(2n+1) {
background: none repeat scroll 0 0 white;
}


/*  IPAD ONLY MEDIA QUERYS */
/*
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
html,body {background: orange !important;}
.ipad-portrait { color: red !important; }
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
html,body {background: blue !important;}
.ipad-landscape { color: blue !important; }
}
*/

.generic_overlay2, generic_footer {

/*left:-2000px;*/
top: 0;
/*
position: absolute;
*/
position: relative;
display: none;
/*min-height: 1000px;*/
}


.posabsolute {
background-color: #FFFFFF;
position: absolute;
left:0;
top:0;
right:0;
bottom:0;
}

#superfooter_generic div.blacki_outerxx, #superfooter_generic div.colored_section2 {
padding-top: 200px;

padding-bottom: 80px;


}


.generic_footer {
position: relative;
display: none;

}

.front_cover {
left:0;
display: block;
}


th.sortable {
cursor: pointer;
}

.falsch {
display: none;
}


/*
Overlay Saver
*/
#overlay_saving {
position: fixed;
left: 0;
top: 0;
bottom: 0;
right: 0;
width: 100%;

background: #f0f0f0;


background-image: -webkit-linear-gradient(top, #f0f0f0, #e8eae2);
background-image: linear-gradient(to bottom, #f0f0f0, #e8eae2);
opacity: 0.2;
z-index: 3000;
padding-top: 100px;

/*
color: orange;
border: 1px solid rgba(0, 0, 0, 0.1);
border-bottom-color: rgba(0, 0, 0, 0.3);
background-origin: border-box;


background-image: -webkit-linear-gradient(top, #f0f0f0, #e8eae2);
background-image: linear-gradient(to bottom, #f0f0f0, #e8eae2);
background: url(../../ajax_loader_blue.gif) repeat;
background-position:center top;
opacity: 0.2;
z-index: 3000;
background-repeat: repeat-y;
padding-left: 10vw;
padding-top: 100px;
*/
}

/*
#overlay_saving:before {
content: "\f1cd";
font-family: FontAwesome;
font-size: 20vw;
left:200px;
top:200px;
line-height: 2em;
top:0;
color: red;

}
*/


#overlay_saving div img {
display: none;
}


/* Uebungsbeschriebung */
.beschr p {
margin: 0;
padding: 0;
margin-bottom: 5px;

}


.uebungs_label {
background-color: white !important;
position: absolute;
left: 35px;
top: -1px;
border-radius: 2em 2em 2em 2em;
color: #000000;
display: block;
line-height: 1;
padding: 7px 9px;
text-decoration: none;
border: 1px solid #DDDDDD;
opacity: 0.8;

}


/*
MEDIENMANAGER
*/

/* Edit button */
.mm_but {

height: 60px;
width: 60px;
line-height: 24px !important;

padding: 3px !important;
text-align: center;
/*
margin: 5px;
display: inline-block;
*/
}
.mm_but i{
border: 1px solid #BBBBBB;
display: inline-block;
}

.mm_but em{
display: inline-block;
color: black;
}


/* Edit Area */
.cropbox_wrapper_outer {
border: 1px solid #C0C0C0;

padding: 10px;
padding-top: 20px;
text-align: center;
width: 560px;
}
/* Vorschau Thumb */
#dimension {
height: 100px;
margin-left: 10px;
margin-right: 10px;
margin-top: 10px;
overflow: hidden;
text-align: center;
width: 50px;
}


div.asp_ratio_header {

text-align: center;
}
#upload_result {

text-align: left;/* border: 1px solid grey; */

}
/*
.mmub {
cursor: pointer; text-align: center; height: 150px; width: 150px; margin: 10px; display: inline-block; margin-left:0;
}
*/


.mmub_detail {
cursor: pointer; text-align: left; height: 150px; width: 100%; margin: 10px; display: inline-block; margin-left:0;
}

.mmub_akt {
background-color: #EEEEEE !important;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
/*border: 1px solid red;*/


}
.pr {
position: relative;
}
div.title {
text-overflow: ellipsis; overflow: hidden; white-space: nowrap;
color: #444444;
padding-bottom: 5px;
text-align: center;
}


div.uk-thumbnail:hover:not(.nh) {
background-color: #FFFFFF;
border-color: #AAAAAA;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
outline: medium none;
text-decoration: none;
opacity: 1;
}


.uk-thumbnail_mm {
-moz-box-sizing: border-box;
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #DDDDDD;
border-radius: 4px 4px 4px 4px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
display: inline-block;
margin: 0;

padding: 0;

}


.mm_outer {
padding: 4px;  height: 150px; width: 150px; margin: 10px; display: inline-block; margin-left: 0; overflow: hidden; position: relative;
}


.mm_outer {
cursor: pointer; text-align: center; height: 150px; width: 150px; margin: 10px; display: inline-block; margin-left:0; position: relative; overflow: visible; z-index: 1000 !important;
}


.mmub {
text-align: center;
cursor: pointer;
position: relative;
-moz-box-sizing: border-box;
background: none;
border: 1px solid #DDDDDD;
border-radius: 4px 4px 4px 4px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);

margin: 0;
width: 150px;
height: 150px;
padding: 4px;
overflow: hidden;
}

.mmub img {
display: inline-block;

}

.mm-star {
position: absolute; bottom: 5px; right: 5px; font-size: 12px; color: yellow;
text-shadow: 1px 1px 0px #000;
}

.mm-ub-edit {
width: 50%;
position: absolute; bottom: 50%; left: 0; top: 0;
/*background-color: green;*/
opacity: 0;

cursor: pointer;
}
.mm-ub-edit span {font-size: 42px; color: yellow; position: absolute; left: 5px; top: 5px; text-shadow: 1px 0px 10px rgba(0, 0, 0, 1);}
.mm-ub-edit:hover {opacity: 0.7;}


.mm-ub-edit1 {
width: 50%;
position: absolute; bottom: 0; left: 0; top: 50%;
/*background-color: orange;*/
opacity: 0;

cursor: pointer;
}
.mm-ub-edit1 span {font-size: 42px; color: yellow; position: absolute; left: 5px; bottom: 5px; text-shadow: 1px 0px 10px rgba(0, 0, 0, 1);}
.mm-ub-edit1:hover {opacity: 1;}

.mm-ub-edit2 {
width: 50%;
position: absolute; bottom: 1px; right: 1px; top: 50%;
/*background-color: navy;*/
opacity: 0;
cursor: pointer;
}
.mm-ub-edit2 span {font-size: 42px; color: yellow; position: absolute; right: 5px; bottom: 5px; text-shadow: 1px 0px 10px rgba(0, 0, 0, 1);}
.mm-ub-edit2:hover {opacity: 1;}

.mm-ub-edit3 {
width: 50%;
position: absolute; bottom: 50%; right: 1px; top: 0;
opacity: 0;

cursor: pointer;
}
.mm-ub-edit3 span {font-size: 42px; color: yellow; position: absolute; right: 5px; top: 5px; text-shadow: 1px 0px 10px rgba(0, 0, 0, 1);}
.mm-ub-edit3:hover {opacity: 1;}

.mmub2 {
text-align: center;


-moz-box-sizing: border-box;
background: none;
border: 1px solid #DDDDDD;
border-radius: 4px 4px 4px 4px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);

margin: 0;
width: 120px;
height: 120px;
padding: 4px;
float: left;
padding-top: 10px;}


.mm_inner_ext {

width: 400px;
height: 400px;
z-index: 4000;
text-align: left;
background-color: #DDDDDD;
}


#preview_outer {
height: 540px; position: absolute; left: 20px; top: 20px; overflow: hidden;
}
/* Pillen der Anzahl Thumbs */
.pillen_div {
border-bottom: 1px solid grey;
min-height: 40px;
clear: both;
}
/*
#upload_result_pills li a{
height: 40px;
width: 40px;
line-height: 20px;
}*/

/* Das EditierDiv */
#upload_result_cropper {
margin-top: 10px;
margin-bottom: 800px;
padding: 0;
border-top: 1px solid grey;
position: relative;
left: 0;
top: 10px;
width: 1200px;
padding-top: 20px;
}


/* Meldung, wenn keine Thumbnails vorhanden
#nothumbs {

margin: 100px;
border: 10px solid orange;
padding: 100px;
}

*/


.ueb_container {

margin-top: 50px;
margin-bottom: 50px;
}
.editable-click {
color: black;
border-bottom: none;
}


/*

*/

/*

@media (max-width: 767px) {
html {
font-size: 20px !important;
line-height: 20px !important;
background-color: grey;
}
body {
font-size: 20px !important;
line-height: 20px !important;
background-color: grey;
}


}
*/


/* edit maske */
.uk-panel-box-edit {
padding-bottom: 20px;
}

.uk-panel-box-edit label {
margin-left: 6px;
color: #AAAAAA;
}


/* alle Knopf */
div.group_header div{
float: right;
cursor: pointer;

}
div.group_header {
padding: 5px;

}

#toright {
cursor:pointer;
background-image:url(basisdesign/group_add.png);
}

.col_green {
color: green;
}
.col_red {
color: red;
}

.uk-strike {
text-decoration: line-through;
}

/*
table.uk-table {
table-layout:fixed;
width: 100%;

}

table.uk-table tr td {
table-layout:fixed;
text-overflow: ellipsis; overflow: hidden; white-space: nowrap;

}

*/

span.error {
margin-left: 5px;
/*font-size: 10px;*/
color: orange;
display: none;
}

table.uk-table-hover {
cursor: pointer;
}


/* Programme */
#prog_vorschau h1,#prog_vorschau h2,#prog_vorschau p {

margin: 0;
padding: 0;
}

#prog_vorschau p {

margin-bottom: 5px;
}
#prog_vorschau h1,#prog_vorschau h2 {

margin-bottom: 15px;
}

.prog_uebung_div, .ueb_suche_div, .ueb_edit_div {
position: relative;
padding: 20px;

}

.prog_uebung_div:hover, .ueb_suche_div:hover, .ueb_edit_div:hover {
background: none repeat scroll 0 0 #FAFAFA;

}

/* Jedes Uebungsdiv im Trainingsprogram zum Sortieren in einem kelinen Container pressen */
.move_me {
margin: 20px;
height: 50px !important;
width: 50px !important;
overflow: hidden;
cursor: pointer;
display: inline-block !important;
}

/* PLaceholder zum Verschieben von Uebungen im Trainingsprogramm */
.sortable-placeholder {
height: 50px !important;
width: 50px !important;
padding: 20px;
margin: 20px;
border: 1px dotted yellow !important;
background-color: yellow !important;
display: inline-block !important;
}

.helper_clone {
height: 50px;
width: 50px;
padding: 20px;
margin: 20px;
border: 1px dotted yellow;
background-color: black;
display: inline-block;
}


/*
#prog_vorschau  div.prog_uebung_div:nth-child(odd) {
background: none repeat scroll 0 0 #FAFAFA;

}

#prog_vorschau  div.prog_uebung_div {
border-left: 3px solid green;

}
*/

#prog_vorschau  div.prog_uebung_div div.uk-text-right {
opacity: 0.5;
transition:opacity 0.2s linear;
}


#prog_vorschau  div.prog_uebung_div:hover div.uk-text-right {

opacity: 1;
transition:opacity 0.2s linear;
}

/*#prog_vorschau > div > div > div > a.ue_up:first-child {*/

a.ue_up:first-child + div div div
{

display: none;
}

.ue_down > a:last-child {
display: none;
}

.posabs {
/*
position: absolute;
left:20px;
top:20px;
*/

font-size: 2em;
color: #CCCCCC;
}


.sorthandle {
position: absolute;
right:20px;
top:20px;

}


.redactor_box textarea {

min-height: 200px !important;
}

.redactor_editor em {
color: black !important;
}

/* Uebungen Suchen */
/*li.search-field input {
font-size: 13px !important;
height: 22px !important;
}
*/


div.ue-funds p, div.ue-funds h2, div.ue-funds h3{
margin:0;
}


#ue_edit_tags label, .ue_gruppen label, #ue_tags label {
display: block;
cursor: pointer;
}
#ue_edit_tags label:hover, #ue_gruppen label:hover, #ue_tags label:hover {
background-color: white;
}
/* Uebungen suchen fundstellen-Container */
#ue_fundstellen_v3 {
/*border: 1px solid orange;*/
padding-top: 20px;
margin-bottom: 50px;
}


label.grup_label_akt2_kill:before,label.grup_label_akt_kill:before {
font-family: 'FontAwesome';
src: url("../fonts/fontawesome-webfont.eot");
src: url("../fonts/fontawesome-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff") format("woff"), url("../fonts/fontawesome-webfont.ttf") format("truetype");
font-weight: normal;
font-style: normal;
content: "\f056";
color: red;
}


.pr {
overflow: hidden;
}
/*
.uk-search-field:focus {

border: 1px solid orange;
width: 100% !important;
}*/


.uk-search {

border: 1px solid #DDDDDD;
width: 100% !important;
margin-top: 10px;
}


.uk-search-field {

width: 100% !important;
}

/*
.uk-search-field:focus {

border: 1px solid orange;
width: 100% !important;
}*/


.qq-upload-button-hover {
background: none;
/*margin:20px;*/
}

/* Override UIKIT */
li.search-field input {
-moz-box-sizing: inherit !important;
font-size: 14px !important;
line-height: 38px !important;
color: red !important;
background-color: yellow !important;
}


/* hover über Bilder zum Öffnen des Medienmanagers */
.dtc:hover {
cursor: pointer;

}

/* Bild Diarahmen um das Bild */
div.nh {
text-align: center;
/*background-color: #EEEEEE;*/
/*background: linear-gradient(to bottom, #00B4F5, #008DC5) repeat scroll 0 0 #009DD8;*/
background: linear-gradient(to bottom, #EEEEEE, #FFFFFF) repeat scroll 0 0 #CCCCCC;
/* box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2) inset, 0 0 0 1px rgba(0, 0, 0, 0.1) inset;*/
padding-top: 30px; padding-bottom: 30px;
}

/* Schatten der Bilder */
.dtci {
-moz-box-shadow: 10px 10px 5px #888;
-webkit-box-shadow: 10px 10px 5px #888;
box-shadow: 10px 10px 5px #888;

}

label.spezlabel {
display: block;

padding: 4px 6px;
border: 1px solid #dddddd;
background: #ffffff;
color: #444444;
-webkit-transition: all linear 0.2s;
transition: all linear 0.2s;
border-radius: 4px;
}


/*
.uk-container {
border-left: 10px solid #FFA500;
border-right: 10px solid #FFA500;
}*/


.karte {
font-size: 1.5em;
cursor: pointer;
}


/*
.generic_overlay2 {
background: none repeat scroll 0 0 yellow;
}
*/

/* SUPERFOOTER */

.super-footer {

padding: 120px;
background: none repeat scroll 0 0 #252525;
}


.super-footer .uk-subnav-line > li:before {
border-color: #DDDDDD;
}
.super-footer, .super-footer a {
color: #DDDDDD !important;
}
.super-footer a:hover {
color: #FFFFFF !important;
}


.colgreen {
color: green;
}


.chosselc, .chosen-container {
width: 100%;
}


.groesser {
font-weight: 900 !important;
font-size: 18px;
}

#tag_editor_form .uk-form-danger {
font-style: italic;
}

/* Pagination Buchstaben Personen und Gruppenliste */
.gruppen_bstbuttbst li, .personen_bstbuttbst li {
cursor: pointer;
}
.gruppen_bstbuttbst li:hover span, .personen_bstbuttbst li:hover span {
color: orange;
}

[data-uk-sticky] {
/*z-index: 100000;*/
/*background-color: #F2F2F2;*/
}


.uk-sticky-active div[data-uk-sticky] {

z-index: 100000;
border-bottom: 1px solid black;
}

/* die Tags im Programm und Übungsscuher */
div.tags_sele span {
cursor: pointer;
}


/*
GRUPPEN EDITOR
*/


/* Gruppen Definition    */
div.k_unused, div.k_used {
cursor: pointer;
padding: 5px;
margin-bottom: 5px;
border: 1px solid #CCCCCC;

overflow: hidden;
}

div.k_unused:hover, div.k_used:hover {
background-color: #000000 !important;
color: #FFFFFF;
}

div.k_unused i, div.k_used i {
width: 30px; text-align: center;
}

#alle_kundInnen, #definierte_kundInnen {
min-height: 400px;
max-height: 500px;
overflow: auto;
}


#alle_kundInnen div, #definierte_kundInnen div {
position: relative;
overflow: hidden;
white-space:nowrap;
text-overflow: ellipsis;
text-align: left;

}

#alle_kundInnen div:nth-of-type(2n+1), #definierte_kundInnen div:nth-of-type(2n+1) {
background-color: #EEEEEE;

}
div.group_header ul {
margin: 0 !important;
}


/* Pillen im Group Sucher */
.uk-pagination > li {
cursor:pointer;
}

.uk-pagination > li:hover > span {
color: white;
background-color: black;
}

/* weitere Farben für Badges */
.uk-badge-1 {
background-color: #00A8E6;

}
/* etwas wie vieloett */
.uk-badge-2 {
background-color: #FF00FF;
}
.uk-badge-3 {
background-color: #00A8BE;
}
.uk-badge-4 {
background-color: #00A8AA;
}
.uk-badge-5 {
background-color: #00A896;
}


.uk-datepicker {
z-index: 100001;
}


.uk-label-block {
display: block;
color: #BBBBBB !important;
}


.redactor_toolbar {
background: #fddc43;
}

/*

.fact_level1 {
border-left: 2px solid red;
}
.fact_level2 {
border-left: 4px solid orange;
}
.fact_level3 {
border-left: 6px solid pink;
}
*/


@media (max-width: 767px) {
[data-uk-sticky] {
position: relative !important;
}
}


.uk-panel-box-4mary {
background-color: rgba(0, 0, 30, 0.5);
color: white;
}


.uk-panel-box-4mary .uk-form-danger {
background-color: red !important;
color: white !important;
}


.uk-panel-box-3mary {
background-color: #82BB42;
color: white;
}


.uk-panel-box-3mary .uk-panel-title {
color: white;
}


.panel_leicht_gruen {
background-color: #F5FFFA;

}


.panel_leicht_rot {
background-color: #FFF0F5;

}


.hovmark:hover {
background-color: white;
}


.kalender {
background: none repeat scroll 0 0 #FFFFFF;
border-radius: 5px;
box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.2);
float: left;
height: 50px;
position: relative;
width: 50px;
}
.monat {
background: none repeat scroll 0 0 #E74C3C;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
color: #FFFFFF;
font-size: 8px;
height: 14px;
line-height: 14px;
text-align: center;
width: 100%;
}
.datum {
color: #333333;
font-size: 22px;
height: 22px;
line-height: 24px;
text-align: center;
}
.tag {
color: #333333;
font-size: 9px;
text-align: center;
}


div.fact_boxv3:hover,div.fact_boxv4:hover {
cursor: pointer;
}


/* EVENTS EVENTS EVENTS EVENTS EVENTS EVENTS EVENTS EVENTS EVENTS EVENTS EVENTS EVENTS EVENTS EVENTS EVENTS EVENTS EVENTS EVENTS EVENTS EVENTS EVENTS EVENTS EVENTS EVENTS EVENTS EVENTS EVENTS EVENTS EVENTS EVENTS */

.abwesend {
color: black !important;
font-size: 8px !important;
background-color: yellow !important;


}
/* Termine abwesend */
.user_abwesend {
color: white !important;
background-color: #d52635 !important;
border: 3px solid #d52635 !important;

}


/* Feiertage abwesend */
.feiertage_und_off {
color: black !important;
background-color: gold !important;
border: 3px solid gold !important;

}

.evt_bg_1 {
background-color: rgba(30, 10, 10, 1) !important;
color: white !important;
}
.evt_bg_1:hover {
background-color: rgba(10, 10, 10, 1) !important;
color: #CCCCCC !important;
}


.evt_bg_2 {
background-color: rgba(100, 0, 0, 1) !important;
color: white !important;
}
.evt_bg_2:hover {
background-color: rgba(100, 0, 0, 1) !important;
color: white !important;
}


.evt_bg_3 {
background-color: rgba(0, 100, 0, 1) !important;
color: white !important;
}
.evt_bg_3:hover {
background-color: rgba(0, 100, 0, 1) !important;
color: white !important;
}


.evt_bg_4 {
background-color: rgba(255, 0, 0, 0.7) !important;
color: white !important;
}


.evt_bg_5 {
background-color: rgba(255, 100, 0, 0.7) !important;
color: white !important;
}


.evt_bg_6 {
background-color: rgba(255, 200, 0, 0.7) !important;
color: white !important;
}


.evt_bg_7 {
background-color: rgba(255, 0, 100, 0.7) !important;
color: white !important;
}


.evt_bg_8 {
background-color: rgba(255, 0, 200, 0.7) !important;
color: white !important;
}


.evt_bg_9 {
background-color: rgba(255, 0, 0, 0.7) !important;
color: white !important;
}


.evt_bg_10 {
background-color: rgba(0, 100, 0, 0.7) !important;
color: white !important;
}


.evt_bg_11 {
background-color: rgba(0, 200, 0, 0.7) !important;
color: white !important;
}


.evt_bg_12 {
background-color: rgba(0, 100, 100, 0.7) !important;
color: white !important;
}


.evt_bg_notfall {
background-color: red !important;
color: white !important;
}

.evt_bg_ktk {
background-color: orange !important;
color: black !important;
border: 1px solid orange !important;
}

.evt_bg_pferd {
background-color: navy !important;
color: white !important;
}

.evt_bg_nutz {
background-color: rosa !important;
color: black !important;
}


/** Pseudo Doodle */
/*
.evt_bg_abgesagt {
background-color: rgba(100, 0, 0, 1) !important;
color: white !important;
}


.evt_bg_zugesagt {
background-color: rgba(0, 100, 100, 1) !important;
color: white !important;
}

.evt_bg_noch_nicht {
background-color: rgba(0, 100, 100, 1) !important;
color: white !important;
}

*/
.starisiere {
padding-left: 10px;
padding-right: 10px;
background-color: white;
margin-right: 10px;
text-align: center;
color: black !important;
}

/* zugesagt */
span.fc-time span.uk-icon-check, div.fc-time span.uk-icon-check {
background-color: white !important;
color: green !important;
}
/* abgesagt */
span.fc-time span.uk-icon-ban, div.fc-time span.uk-icon-ban {
background-color: white !important;
color: red !important;
}
/* noch nicht */
span.fc-time span.uk-icon-question, div.fc-time span.uk-icon-question {
background-color: white !important;
color: orange !important;
}


.disabled {
background-color: rgba(192, 192, 192, 0.7) !important;
color: #AAAAAA !important;


}
/*

.edit_event {
color: black !important;
background-color: rgba(0, 0, 0, 0.7) !important;


}


.edit_event_akt {
background-color: rgba(128, 255, 0, 0.7) !important;
color: black !important;


}

.edit_event_akt:hover {
background-color: rgba(138, 255, 50, 0.7) !important;
color: black !important;


}

*/

div.fc-agendaDay-view div.fc-title div {
display: inline-block !important;
margin-right: 12px;
}


/* z-index verbiegen wegen redactor */
.uk-dropdown {
z-index: 105400000 !important;
}


/* Die Weite der Autocomplete Results */
#hinzua div.uk-dropdown, #hinzub div.uk-dropdown {
width: 100%;
}


span.fc-opts,span.fc-opts-inakt:hover {
cursor: pointer;
color: black;
}


span.fc-opts-inakt,span.fc-opts:hover  {

color: #BBBBBB;
}


div.header_container {
background-color: #DDDDDD;
border-top-left-radius:4px;
border-top-right-radius:4px;
padding: 15px;

margin-top: -15px; margin-right: -15px;  margin-left: -15px;


}


div.header_container2 {
background-color: #DDDDDD;


background-color: rgba(128, 255, 0, 0.7);


border-top-left-radius:4px;
border-top-right-radius:4px;
padding: 5px;

margin-top: -15px; margin-right: -15px;  margin-left: -15px;
margin-bottom: 10px;
line-height: 14px;
font-size: 14px;
text-align: center;
text-overflow: ellipsis; overflow: hidden; white-space: nowrap;


}


#sperr_ktr_content div {
margin-bottom: 10px;
}

#sperr_ktr_content div:nth-of-type(2n+1) {
background: none repeat scroll 0 0 #fafafa;
}


.edit_abwesenheit {
background: none repeat scroll 0 0 orange !important;

}


.uk-table-striped tbody .edit_sperr {
background: none repeat scroll 0 0 #99FFCC !important;

}

.uk-table-striped tbody div.edit_sperr:nth-of-type(2n+1) {
background: none repeat scroll 0 0 #FFFFCC !important;

}


.uk-table-striped tbody div.delete_sperr {
background: none repeat scroll 0 0 #FFCCCC !important;

}

.uk-table-striped tbody div.delete_sperr:nth-of-type(2n+1) {
background: none repeat scroll 0 0 #FFE5CC !important;

}


.uk-table-striped tbody tr.edit_sperr {
background: none repeat scroll 0 0 #d8d7d7 !important;

}


.uk-table-striped tbody tr.delete_sperr {
background: none repeat scroll 0 0 #d8d7d7 !important;

}


/*
.title_spinner {
-webkit-animation-name: spin;
-webkit-animation-duration: 4000ms;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-moz-animation-name: spin;
-moz-animation-duration: 4000ms;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-ms-animation-name: spin;
-ms-animation-duration: 4000ms;
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: linear;

animation-name: spin;
animation-duration: 4000ms;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
@-ms-keyframes spin {
from { -ms-transform: rotateY(0deg); }
to { -ms-transform: rotateY(360deg); }
}
@-moz-keyframes spin {
from { -moz-transform: rotateY(0deg); }
to { -moz-transform: rotateY(360deg); }
}
@-webkit-keyframes spin {
from { -webkit-transform: rotateY(0deg); }
to { -webkit-transform: rotateY(360deg); }
}
@keyframes spin {
from {
transform:rotateY(0deg);
}
to {
transform:rotateY(360deg);
}
}

*/


.uk-badge-sync {
display: inline-block;
margin-right: 5px;
margin-bottom: 3px;
background-color: rgba(255, 255, 224, 0.5);
width: 49%;
overflow: hidden;
cursor: pointer;
}

.uk-badge-sync:hover {
background-color: rgba(255, 255, 224, 0.8);
}


.uk-tooltip b {
color: yellow !important;
}


.gruppen_zuordnung label {
display: inline-block;
width: 100%;
padding: 5px;
margin-bottom: 5px !important;
overflow: hidden;
cursor: pointer;
}


.ui.step, .ui.steps .step {
background-color: #fff;
box-sizing: border-box;
color: #888;
display: inline-block;
padding: 1em 2em 1em 3em;
position: relative;
vertical-align: top;
}
.ui.step:after, .ui.steps .step:after {
background-color: #fff;
border: medium none;
box-shadow: -1px -1px 0 0 rgba(0, 0, 0, 0.15) inset;
content: "";
height: 2.2em;
position: absolute;
right: -1em;
top: 0.42em;
transform: rotate(-45deg);
width: 2.2em;
z-index: 2;
}
.ui.step, .ui.steps .step, .ui.steps .step:after {
transition: background-color 0.1s ease 0s, opacity 0.1s ease 0s, color 0.1s ease 0s, box-shadow 0.1s ease 0s;
}
.ui.vertical.steps {
overflow: visible;
}
.ui.vertical.steps .step {
border-radius: 0;
display: block;
padding: 1em 2em;
}
.ui.vertical.steps .step:first-child {
border-radius: 0.3125rem 0.3125rem 0 0;
padding: 1em 2em;
}
.ui.vertical.steps .active.step:first-child {
border-top-right-radius: 0;
}
.ui.vertical.steps .step:last-child {
border-radius: 0 0 0.3125rem 0.3125rem;
}
.ui.vertical.steps .active.step:last-child {
border-bottom-right-radius: 0;
}
.ui.vertical.steps .step:after {
display: none;
}
.ui.vertical.steps .active.step:after {
display: block;
}
.ui.vertical.steps .two.line.step {
line-height: 1.3;
}
.ui.vertical.steps .two.line.active.step:after {
background-color: transparent;
border-bottom: 2.35em solid transparent;
border-left: 1.55em solid #555;
border-top: 2.35em solid transparent;
content: "";
height: 0;
position: absolute;
right: -1.45em;
top: 0;
transform: none;
width: 0;
z-index: 2;
}
.ui.steps {
border-radius: 0.3125rem;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
box-sizing: border-box;
cursor: pointer;
display: inline-block;
font-size: 0;
line-height: 1;
overflow: hidden;
}
.ui.steps .step:first-child {
border-radius: 0.3125em 0 0 0.3125em;
padding-left: 1.35em;
}
.ui.steps .step:last-child {
border-radius: 0 0.3125em 0.3125em 0;
}
.ui.steps .step:only-child {
border-radius: 0.3125em;
}
.ui.steps .step:last-child {
margin-right: 0;
}
.ui.steps .step:last-child:after {
display: none;
}
.ui.step.hover, .ui.step:hover {
background-color: #f7f7f7;
color: rgba(0, 0, 0, 0.8);
}
.ui.step.hover:after, .ui.step:hover, .ui.steps .step.hover:after, .ui.steps .step:hover:after {
background-color: #f7f7f7;
}
.ui.step.down, .ui.step:active, .ui.steps .step.down, .ui.steps .step.down:after, .ui.steps .step:active, .ui.steps .step:active:after, .ui.steps.down:after, .ui.steps:active:after {
background-color: #f0f0f0;
}
.ui.active.step, .ui.steps .step.active {
background-color: #555;
color: #fff;
cursor: auto;
font-weight: 700;
}
.ui.active.steps:after, .ui.steps .step.active:after {
background-color: #555;
box-shadow: none;
}
.ui.disabled.step, .ui.steps .disabled.step {
background-color: #fff;
color: #cbcbcb;
cursor: auto;
}
.ui.disabled.step:after, .ui.steps .disabled.step:after {
background-color: #fff;
}
.attached.ui.steps {
border-radius: 0.3125em 0.3125em 0 0;
margin: 0;
}
.attached.ui.steps .step:first-child {
border-radius: 0.3125em 0 0;
}
.attached.ui.steps .step:last-child {
border-radius: 0 0.3125em 0 0;
}
.bottom.attached.ui.steps {
border-radius: 0 0 0.3125em 0.3125em;
margin-top: -1px;
}
.bottom.attached.ui.steps .step:first-child {
border-radius: 0 0 0 0.3125em;
}
.bottom.attached.ui.steps .step:last-child {
border-radius: 0 0 0.3125em;
}
.ui.eight.steps, .ui.five.steps, .ui.four.steps, .ui.one.steps, .ui.seven.steps, .ui.six.steps, .ui.three.steps, .ui.two.steps {
display: block;
}
.ui.one.steps > .step {
width: 100%;
}
.ui.two.steps > .step {
width: 50%;
}
.ui.three.steps > .step {
width: 33.333%;
}
.ui.four.steps > .step {
width: 25%;
}
.ui.five.steps > .step {
width: 20%;
}
.ui.six.steps > .step {
width: 16.666%;
}
.ui.seven.steps > .step {
width: 14.285%;
}
.ui.eight.steps > .step {
width: 12.5%;
}
.ui.mini.step, .ui.mini.steps .step {
font-size: 0.8rem;
}
.ui.small.step, .ui.small.steps .step {
font-size: 0.875rem;
}
.ui.step, .ui.steps .step {
font-size: 1rem;
}
.ui.large.step, .ui.large.steps .step {
font-size: 1.125rem;
}
.ui.big.step, .ui.big.steps .step {
font-size: 1.25rem;
}
.ui.huge.step, .ui.huge.steps .step {
font-size: 1.375rem;
}
.ui.massive.step, .ui.massive.steps .step {
font-size: 1.5rem;
font-weight: 700;
}


.navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

.navcontainer a
{
display: block;
color: #FFF;
background-color: #036;

padding: 3px 12px 3px 8px;
text-decoration: none;
border-bottom: 1px solid #fff;
font-weight: bold;

background: #00a8e6;
color: #ffffff;
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
text-overflow: ellipsis; overflow: hidden; white-space: nowrap;


}

.navcontainer a:hover
{
background-color: #369;
color: #FFF;
}

.navcontainer li li a
{
display: block;
color: black;
background-color: #DDDDDD;

padding: 3px 3px 3px 17px;
text-decoration: none;
border-bottom: 1px solid #fff;
font-weight: normal;
}
/*
#navcontainer  .uk-active > a:after {
content: "\f104";
width: 20px;
margin-right: -10px;
float: right;
font-family: FontAwesome;
text-align: center;
}
#navcontainer  .uk-active.uk-open > a:after {
content: "\f107";
}
*/


.navcontainer li li li a
{


padding: 3px 3px 3px 37px;

}

.navcontainer li li li li a
{


padding: 3px 3px 3px 57px;

}

.navcontainer li li li li li a
{


padding: 3px 3px 3px 77px;

}

.navcontainer li li li li li li a
{


padding: 3px 3px 3px 97px;

}


.navcontainer li.uk-active2 > a {
color: #69C !important;

background: #00a8e6 !important;
color: #ffffff !important;
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05) !important;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) !important;

}


/*li.uk-active a {
color: red !important;
border: 1px solid red;
}*/

/* Tabs in User, Gruppen, Prefsadmin */
#personen_tabs_tabs li.uk-active a,#preferences_tabs_tabs li.uk-active a,#gruppen_tabs_tabs li.uk-active a,#planungs_tabs li.uk-active a{
border-bottom: 1px solid #FFFFFF !important;

}


/* Tabs in User, Gruppen, Prefsadmin */
#personen_tabs_tabs li.uk-tab-dimmed a,#preferences_tabs_tabs li.uk-tab-dimmed a,#gruppen_tabs_tabs li.uk-tab-dimmed a, #planungs_tabs li.uk-tab-dimmed a,{
background-color: #EEEEEE !important;
border-bottom: 1px solid #DDDDDD !important;

}

div.tab_container {
padding: 10px;
border-left:1px solid #EEEEEE;
border-right:1px solid #EEEEEE;
border-bottom:1px solid #EEEEEE;
}


.uk-tab > li.uk-active > a {
border-bottom: 1px solid white !important;

}


/* Gruppen auswählen Useradmin */
#gruppen_table_liste_user_admin td.nok i,#gruppen_table_liste_user_admin td.ok i{
font-size: 24px;
}
#gruppen_table_liste_user_admin td.nok i{
display: block;
color: red !important;
}
#gruppen_table_liste_user_admin td.nok-dimmed i{
display: none;
}
#gruppen_table_liste_user_admin td.ok i{
display: block;
color: green !important;

}
#gruppen_table_liste_user_admin td.ok-dimmed i{
display: none;
}

/* Divs von Tabs in Useradmin */
.personen_tabs {

display: none;border-left: 1px solid #DDDDDD !important;border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD;padding: 20px;
background-color: #FFFFFF;

}


div.uk-cover-background {
background-repeat: no-repeat !important;
}


.halbAB {
background: none repeat scroll 0 0 #f8f874 !important;
}
.halbCD {
background: none repeat scroll 0 0 #437fbc !important;
}

.halb2AB {
background: none repeat scroll 0 0 #d6d64a !important;
text-shadow: none !important;
}
.halb2CD {
background: none repeat scroll 0 0 #22405e !important;
text-shadow: none !important;
color: #FFFFFF;
}
.erruser {
background: none repeat scroll 0 0 red !important;
}

.warninguser {
background: none repeat scroll 0 0 orange !important;
}


/* Skillsplanung */

#skills_planungs_calendar .fc-slats tr {

height: 80px !important;
}

tr.skills_kw1 td,tr.skills_kw2 td {
cursor: pointer;
}


tr.skills_kw1 td:nth-child(odd) {
background-color: #CCCCCC !important;

}

tr.skills_kw2 td:nth-child(even) {
background-color: #CCCCCC !important;

}

tr.skills_kw1 td:hover,tr.skills_kw2 td:hover {
background-color: orange !important;
}

td.skills_td {

text-align: center !important;
}


td.akt44 {

color: green !important;
}

td.akt33 {

color: red !important;
}

td.akt22 {
text-align: center !important;
color: black !important;
}

/*
td.skills_td span{
width: 10px !important;
}*/


/* Dropdown im Header und Footer */
.droppi {
text-align: left !important;
margin: 0 !important;
border: 0;
border-radius: 0;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}

.droppi a {
text-align: left !important;

padding: 3px 10px 3px 10px !important;
}

.droppi a:hover {
background-color: white !important;color: black !important;
}

.uk-active .droppi a {

color: black !important;

}


.uk-active .droppi a:hover {

color: white !important; background-color: black !important;

}


.del_td {
color: red;
}


.yel1{
background-color: #FFE84E;
/*color: white !important;
padding-left: 1px;
padding-right: 1px;*/
}

.yel2{
background-color: #FFF74E;
/*color: white !important;
padding-left: 1px;
padding-right: 1px;*/
}


.yel3{
background-color: #F9FF4E;
/*color: white !important;
padding-left: 1px;
padding-right: 1px;*/
}
.yel4{
background-color: #EAFF4E;
/*color: white !important;
padding-left: 1px;
padding-right: 1px;*/
}

.yel5{
background-color: #FFD94E;
/*color: white !important;
padding-left: 1px;
padding-right: 1px;*/
}


.yel6{
background-color: #FFCB4E;
/*color: white !important;
padding-left: 1px;
padding-right: 1px;*/
}

.info_upper_text {font-size: 23px;}
.info_footer {font-size: 20px;}

@media (min-width: 767px) {
div.containerwrap {
height: calc(100vh - 350px);
}
}
div.thumb_spez {
height:50px; width: 50px;
}

/* defaul Style Input Type select für Chrome entfernen */
select {
/*-webkit-appearance:none;*/
}
}

.manual_login h1 {
text-align: center;
margin-bottom: 20px;
font-size: 24px;
}

.input-group {
margin-bottom: 15px;
display: flex;
align-items: center;
}

.input-group label {
font-size: 16px;
margin-right: 10px;
}

.input-group input[type="email"],
.input-group input[type="password"],
.input-group input[type="text"]{
width: calc(100% - 43px);
padding: 10px;
font-size: 16px;
border: 1px solid #ddd;
border-radius: 4px;
}

.login_button, .reset_button{
width: 100%;
padding: 15px;
margin-top: 20px;
background-color: #3274d6;
border: 0;
cursor: pointer;
font-weight: bold;
color: #ffffff;
transition: background-color 0.2s;
}

.login_button:hover {
background-color: #2868c7;
transition: background-color 0.2s;
}

.reset-link {
text-align: center;
margin-top: 10px;
}

.reset-link a {
color: #007bff;
text-decoration: none;
}

.reset-link a:hover {
text-decoration: underline;
}
.toggle-password { margin-left: -30px; cursor: pointer; }