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;}
.opc{
opacity: 0.2;
}

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;
}

/*

.time_badge  {
padding: 10px;
display: inline-block;
position: relative;
}

.bbage:before {
	/*padding-right: 5px;
	font-family: FontAwesome;
	line-height:5px;
*/
/*
position:absolute;
width:100%;
height:100%
	box-shadow:0 1px 2px rgba(0,0,0,0.4);
	background-color: red;

}

.time_badge:before {
content: "\f014";
}



.time_badge  {
	background-color:#faa732;
}




.uk-badge-zustaendig {
	background-color: violett;
}

.uk-badge-events {
	background-color: pink;
}

*/

.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; 
    }
    
    .select2-results__option{
        
        background-color: white;
        
    }

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

.fc .fc-list-event:hover td {
    color: black;
    cursor: pointer;
    }



    
	div.row-fluid {
        /*
        background-color: black;

		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;
	border-radius:4px;
}
.tag_ref_box2 {

margin:3px;

display: inline-block;
}







/* ohne Icon */
div.tag_wrap {
border: 1px solid black;
	background-color: #111111;
	padding-right: 5px;
	border-radius:4px;
}
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;
}


/* Team */
div.sel_teams, div.sel_team{
border: 1px solid #f90303;
	background-color: #f2cfcf;
	padding-right: 5px;
}
div.sel_teams div.tag_ref_box ,div.sel_team div.tag_ref_box {
	background-color: #f90303;
}

/* Team */
div.sel_group {
border: 1px solid #f90303;
	background-color: #f2cfcf;
	padding-right: 5px;
}
div.sel_group div.tag_ref_box {
	background-color: #f90303;
}



/* 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,div.sel_dozi,div.sel_sp,div.sel_beob,div.sel_kt,div.sel_fach {
border: 1px solid #018542;
    background-color: #aafcd3;
    padding-right: 5px;
}
div.sel_user div.tag_ref_box,
div.sel_dozi div.tag_ref_box,
div.sel_sp div.tag_ref_box,
div.sel_beob div.tag_ref_box,
div.sel_kt div.tag_ref_box,
div.sel_fach 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;
}
*/
a.fc-event{overflow:hidden;}

/* Topstrip */




#topstriplinksdiv {padding-top:20px;padding-bottom: 20px;}
/* Topstrip Icons */
a.topstriplinks {
padding-left: 20px;
padding-right: 20px;
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;
}




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;
}


div.hover-cursor:hover {
	background-color: #66BBAA !important;
cursor:pointer;
}



.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;
}






.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;
	
	
}

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%;
}


                                div.fc-opts {
                                cursor: pointer;
                                color: black;
                                }
                                
                                div.fc-opts:hover {
                                color: red;
                                }

                                
                                div.fc-opts-inakt {
                                cursor: pointer;
                                color: #BBBBBB;
                                }
                                
                                div.fc-opts-inakt:hover {
                                color: orange;
                                }

/*div.fc-opts div span.fc-opts-inakt, div.fc-opts div  span.fc-opts:hover  {
	
	color: orange;
}*/






								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 {
	/* Das beeinflusst den Fullcalendar 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;
}*/







.del_td {
	color: red;
}

                                
                                .rating {
                                display: inline-block;
                                position: relative;
                                height: 50px;
                                line-height: 50px;
                                font-size: 50px;
                                }
                                
                                .rating label {
                                position: absolute;
                                top: 0;
                                left: 0;
                                height: 100%;
                                cursor: pointer;
                                }
                                
                                .rating label:last-child {
                                position: static;
                                }
                                
                                .rating label:nth-child(1) {
                                z-index: 5;
                                }
                                
                                .rating label:nth-child(2) {
                                z-index: 4;
                                }
                                
                                .rating label:nth-child(3) {
                                z-index: 3;
                                }
                                
                                .rating label:nth-child(4) {
                                z-index: 2;
                                }
                                
                                .rating label:nth-child(5) {
                                z-index: 1;
                                }
                                
                                .rating label input {
                                position: absolute;
                                top: 0;
                                left: 0;
                                opacity: 0;
                                }
                                
                                .rating label .icon {
                                float: left;
                                color: transparent;
                                }
                                
                                .rating label:last-child .icon {
                                color: #000;
                                }
                                
                                .rating:not(:hover) label input:checked ~ .icon,
                                .rating:hover label:hover input ~ .icon {
                                color: #09f;
                                }
                                
                                .rating label input:focus:not(:checked) ~ .icon:last-child {
                                color: #000;
                                text-shadow: 0 0 5px #09f;
                                }
                                
                                
                                

                                .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;*/
                                }
                                
                                
                                
                                
                                

@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;*/
	}
                                }


         @media (min-width: 767px) {



								}

								
                         ?>