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;margin-bottom: 40px;}/* 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) {
}
?>