.mobile-only {
	display: none;
}

body {overflow-x:hidden;}

.row {margin:0 -5px;}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	padding:0 5px;
}


.login-screen{
  	background-color: #D3D3D3;
    padding: 10px;
	width: 300px;
  	margin: 0 auto;
    border-radius: 5px;
    margin-top: 50px;
}


.toolbar {padding-top:15px;}
#admin-userpick {
display:inline-block;	
}

.icon-select .bootstrap-select>.dropdown-toggle {width:auto;}
.icon-select .glyphicon {font-size:32px;}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {width:auto;}

.panel {background:#fafafa;}


.new-todo-button.schliessen {display:none;}
.new-todo-button[aria-expanded="true"] {display:none;}
.new-todo-button.schliessen[aria-expanded="true"] {display:inline-block;}



.aufgabe-liste .inner {position:relative;padding-left:10px;}
.aufgabe-liste .content {padding:0 5px;}
.aufgabe-liste .details {padding:5px 0;}
.aufgabe-liste .info span {font-size:12px;}
.aufgabe-liste .button-aufgabe {margin:-5px -5px 0 0;border-radius:0;border-bottom-left-radius: 3px;}
.symbol .datum_klein {display:inline-block;}
.symbol {vertical-align:middle;}

.aufgabe-placeholder {border:1px dotted #333;height:82px;margin:0 0 15px 0;}
.column-aufgaben {padding-bottom:100px;}

.level-bar {position:absolute;left:0;top:0;bottom:0;width:10px;z-index:1;cursor:pointer;}
.level-bar .collapse {position:absolute;width:20px;right:0px;}
.level-button {height:20px;width:20px;margin:0;border:0;display:block;}
.level-0 {background-color:blue;}
.level-1 {background-color:green;}
.level-2 {background-color:yellow;}
.level-3 {background-color:red;}

h1 {margin:10px 0;font-size:18px;}
h2 {margin-top:0px;font-size:20px;}
h3 {margin-top:0px;font-size:18px;margin-bottom:0px;}

.details .symbol {font-size:24px;}


progress {display:block;width:100%;}
.aufgabe-liste progress {height:7px;}
.progress-save {cursor:pointer;}
progress::-moz-progress-bar {background-color:#7BAAF7;}



.overlay {position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;background-color:rgba(0,0,0,0.3);}
.overlay .close {position:absolute;top:0;left:0;height:100%;width:100%;z-index:1001;}
.overlay .aufgabe {position:absolute;top:50px;left:50%;transform:translate(-50%, 0);width:90%;max-width:1024px;padding-left:10px;z-index:1002;}

.datum_klein {font-size:10px;}

.beteiligte_user {font-size:12px;}
.beteiligte_user span, .beteiligte_user b {margin-right:5px;}





.button-bar {}
.button-bar button, .button-bar a {width:auto;display:block;height:75px;width:75px;float:right;font-size:32px;}
.button-bar button span, .button-bar a span {vertical-align:middle;}
.button-bar .button-symbol {font-size:24px;}
.button-bar .button-alarm {}
.button-bar .button-details {}
.button-bar .button-alles {}


/* Favorit Buttons */
.favorit-wrapper {position:relative;float:right;}
.favorit-wrapper>.button-favorit {}
.favorit-buttons {position:absolute;width:100px;right:100%;top:0px;z-index:120;}



/* user buttons */
.user-buttons {}
.user-buttons button {}
.user-buttons .ersteller {}
.user-buttons user-button {}
.user-buttons add-user {}

.button-wrapper {position:relative;}
.userpicker {position:absolute;left:0px;width:400px;}
.progress {margin-bottom:0px;height:auto;}


.aufgabe .details {padding-top:5px;padding-bottom:5px;}
.aufgabe .content {padding-left:5px;}
.aufgabe .texte {overflow-y:scroll;max-height:30vh;font-size:14px;overflow-x:hidden;}
.aufgabentext button {display:inline-block;padding:2px;margin:0;background:transparent;border:0;}
.aufgabentext .buttons {padding:0;}
.aufgabentext .fett {font-weight:bold;}
.aufgabentext .durchgestrichen {text-decoration:line-through;}
.aufgabe .mgb {margin-bottom:5px;}
.aufgabe .dateien-block {padding:5px 0;border-top:1px solid rgba(0,0,0,0.3);border-bottom:1px solid rgba(0,0,0,0.3);}



#aufgabenliste>.row {display:flex;align-items:stretch;}
#aufgabenliste>.row h1 {position:absolute;top:0px;left:0px;}
#aufgabenliste>.row>div {display:flex;align-items:stretch;padding-top:30px;}
#aufgabenliste .column-aufgaben {width:100%;}

@media screen and (max-width:767px) {
	.haupt.container-fluid {padding-right:45px;}	
	#aufgabenliste .row, #aufgabenliste>.row>div {display:block;}
	
}