/* --------------------------------------------------
   Studenten
----------------------------------------------------- */
@import url('../../css/app.css');

:root {
	--primary: #0055a5;
	--primary_hov: #133C75;
}
/* --------------------------------------------------
   Basic Styles
----------------------------------------------------- */

a {
    color: #133C75;
}

.breadcrumbs > * {
    color: #133C75;
}

button, .button {
    background-color: #0055A5;
    border-color: #133C75;
}

button.success, .button.success {
    background-color: #0055A5;
    border-color: #133C75;
}

button:focus, button:hover, .button:focus, .button:hover {
    background-color: #133C75;
    border-color: #133C75;
}


#header a:hover:not(.button),
#header li.active > a {
	color: #133C75;
}

.side-nav.mainmenu li.menu_green > a:before {
    color: #133C75;
}

ul#div_menu .hitarea.expandable-hitarea:before,
ul#div_menu .hitarea.expandable-hitarea:after,
ul#div_menu .hitarea.collapsable-hitarea:before,
ul#div_menu .hitarea.collapsable-hitarea:after {
    border-color: #133C75 !important;
}


.teasericon.blue {
    color: #133C75;
}

.yearbox {
	position: absolute;
	top:0;
	left:0;
	bottom:0;
	background: #c3c3c3;
	color:#fff;
	padding: 1em;
}

.active .yearbox {
	background: #133C75;
}

.accordion.nopadding dd > .content {
   padding: 0.9375em 0;
}

/* --------------------------------------------------
   listkap
----------------------------------------------------- */
.listkap {
	font-size: 0.6em;
	font-weight: 700;
	letter-spacing: 0.01em;
	float:left;
	margin: 2px 0 0 0
}

.listkaphead {
	font-size: 0.6em;
	font-weight: 700;
	letter-spacing: 0.01em;	
	float:left;
	margin: 10px 5px 0 0
}
/*
.mziblock {
    border: 1px solid #0055A5;
    margin-bottom: 3px;
    border-radius: 5px;
}*/
.align-middle {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
}
/* ---------------------------------
Aenderungen Adbox mobil:
 ---------------------------------*/
.adbox p:first-child { color: #333; }

@media only screen and (max-width: 40em) {

	.adbox p:first-child {
		margin-bottom: 0;
		padding: 0.5em 2em 0;
		text-align: center;
	}
	.adbox p:not(:first-child) {
		float: none;
		width: 100%;
		text-align: center;
		margin-bottom: 0;
	}
	.adbox p:not(:first-child) img {
		height: 100px;
		width: auto;
	}

}
@media only screen and (min-width: 800px) {
	.adbox {
		padding: 1.5em 2em;
	}
}

/* Schichtposition f. ui-dialog, gwo 19/08/14 */
.ui-widget-overlay {
	z-index: 40250;
}
.ui-dialog {
	z-index: 40500;
}

label.customlabel {
        display: inline-block;
        cursor: pointer;
        position: relative;
        padding-left: 25px;
		color:#fff;
}
label.customlabel:before {
        content: "\f096";
        display: inline-block;
      	color: fff;
		font: normal normal normal 24px/1 FontAwesome;
        position: absolute;
        left: 0;
        top: 2px;
}
input.customcheck[type=checkbox] {
        display: none;
}
input.customcheck[type=checkbox]:checked + label.customlabel:before {
        content: "\f046";
		font: normal normal normal 24px/1 FontAwesome;
}
/* source umfrage: */
#source_umfrage,
#source_umfrage_feedback {
	background-color: #f9f9f9;
	border: 1px solid #ddd;
	border-radius: 3px;
	padding: 1rem;
	margin-top: 2.5rem;
}
#source_umfrage div.umfrage_item {
	margin-bottom: 0;
	background-color: #eaeaea;
	border: 1px solid #d8d8d8;
	border-radius: 3px;
	padding: .5rem;
}
#source_umfrage div.umfrage_item:hover {
	background-color: #bababa;
	border: 1px solid #bababa;
}
#source_umfrage > ul {
	margin-top: 1.25rem;
}
/* F6-Closebutton: */
.close-button {
	right: 0;
	top: 0;
	font-size: 2em;
	line-height: 1;
	position: absolute;
	color: #8a8a8a;
	cursor: pointer;
	background: transparent;
}
.close-button:hover {
	color: #222;
	background: transparent;
}
.gwo_load_modal_inner + .ui-layout-content {
	margin-top: 1.5rem;
}

/* FIS-434 */
.texte_thumbs {
	padding: 0 0 0 0.75rem;
}
a.texte_thumbs:hover .fa {
	color: #133c75;
}
.texte_thumbs .fa {
	font-size: 1.25rem;
	color: #6d6e6d;
}

/* FOR-1519 & -1520 (copied from LK FOR-1449): */
.abgabeoptionen .row.panel.gewaehlt {
	border: 1px solid #0055a5;
	background-color: rgba(0,85,165,0.2);
}
.abgabeoptionen .row.panel.gewaehlt:hover {
	background-color: rgba(0,85,165,0.2);
}
.abgabeoptionen .row.panel.gewaehlt .fa:not(.fa-lock) {
	color: #133c75;
}
.panel.gruen {
	border: 1px solid #0055a5;
	background-color: rgba(0,85,165,0.2);
}
.row.fast_fertig_pfeil {
	background-image: url(../images/abgabe_unterschrift_pfeil.png);
}
@media only screen and (max-width: 64em) {
	.row.fast_fertig_pfeil {
		background-image: url(../images/abgabe_unterschrift_pfeil_m.png);
	}
}

/* FOR-1876: */
.dropper .fa-paperclip {
	position: relative;
	left: -10px;
	top: -10px;
}
.drag-over .dropper:not(.isc) .dropper-dropzone,
.dropper.dropping:not(.isc) .dropper-dropzone {
	position: fixed;
	z-index: 10000;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-color: rgba(255,255,255,0.9);
	border-style: solid;
	border-color: #0055a5;
}
.drag-over .dropper:not(.isc) .dropper-dropzone > div,
.dropper.dropping:not(.isc) .dropper-dropzone > div {
	margin: -50px auto 0;
	position: relative;
	top: 50%;
}
.dropper .dropper-dropzone .fa-paperclip {
	float: left;
}
.drag-over .dropper .dropper-dropzone .fa-paperclip,
.dropper.dropping .dropper-dropzone .fa-paperclip {
	position: static;
	font-size: 2rem;
	margin: 0 auto 1rem;
	float: none;
}
.drag-over .dropper:not(.isc) .dropper-dropzone > div > .columns,
.dropper.dropping:not(.isc) .dropper-dropzone > div > .columns {
	width: 100%;
}
.paneltoggle {
	width: 100%;
	position: relative;
	bottom: -1.375rem;
	text-align: center;
}
.paneltoggle span {
	font-size: 0.825rem;
	background-color: #d8d8d8;
	padding: 0.125rem 0.5rem;
	border-radius: 3px 3px 0 0;
	cursor: pointer;
}
.filelist.complete {
	list-style-type: none;
	margin: 0 -0.5rem 1rem;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;

}
.filelist.complete li {
	padding: 0.5rem 0;
	border: 1px solid #d8d8d8;
	border-radius: 3px;
	background-color: #f0f0f0;
	position: relative;
	text-align: center;
	margin: 0 0.5rem 0.5rem;
	width: calc(50% - 1rem);
	cursor: pointer;
}
.filelist.complete:not(.zertlist) li {
	min-height: 84px;	
}
.filelist.complete li .file {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	padding: 0.125rem 0.5rem;
	color: #666;
}
.filelist.complete li:hover {
	background-color: #fff;
}
.filelist.complete li:hover .file {
	position: absolute;
	z-index: 30;
	left: 50%;
	right: 0;
	white-space: pre-wrap;
	overflow: visible;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	border: 1px solid #d8d8d8;
	-webkit-box-shadow: 1px 2px 3px 0 rgba(0,0,0,0.15);
	box-shadow: 1px 2px 3px 0 rgba(0,0,0,0.15);
	margin-top: -1px;
	background-color: #fff;
	color: #222;
}
@media only screen and (min-width: 64.063em) {
	.filelist.complete:not(.zertlist) li {
		width: calc(25% - 1rem);
	}
}
.filelist.complete li .fa-file-pdf-o {
	color: #999;
	margin-bottom: 0.5rem;
	font-size: 2rem;
}
.filelist.complete li .fa-close {
	position: absolute;
	right: 3px;
	top: 3px;
	color: #999;
	cursor: pointer;
}
.filelist.complete li .fa-close:hover {
	color: #333;
}
.filelist.queue li br,
.filelist.queue li .fa-close,
.filelist.queue li .fa-file-pdf-o {
	display: none;
}
.filelist.queue li {
	margin: 0.125rem 0;
	padding-right: 2rem;
	position: relative;
}
.filelist.queue li .fa-close {
	position: absolute;
	right: 0.25rem;
	top: 0.25rem;
	cursor: pointer;
	color: #999;
}
.filelist.queue li .fa-close:hover {
	color: #222;
}
.filelist.queue .progress {
	padding: 0 0.5rem;
	margin-left: 0.5rem;
	border-radius: 3px;
	border: 1px solid #d8d8d8
}
.filelist.queue .progress.processing {
	position: relative;
	background-color: rgba(0,85,165,0.2);
	border-color: rgb(0,85,165);
	padding-left: 1.75rem;
}
.filelist.queue .progress.processing:before {
	position: absolute;
	top: 3px;
	left: 0.5rem;
	content: '\f254';
	font-family: FontAwesome;
	-moz-osx-font-smoothing: grayscale;
	font-weight: 400;
	line-height: 1;
	color: #0c4687;
	width: 17px;
	height: 17px;
	text-align: center;
	animation: sanduhr_drehen 2s infinite;
}
@keyframes sanduhr_drehen {
  15% { transform: rotate(180deg); }
  50% { transform: rotate(180deg); }
  65% { transform: rotate(360deg); }
  100% { transform: rotate(360deg); }
}
.uploaderror {
	color:#c60f13;
}
/* FOR-1980 */
.ste_status > span { background-color: #aecae3; }

/* Cockpit-Menue (FOR-3101): */
ul.side-nav.cockpitmenu a.arrow:before,
ul.side-nav.cockpitmenu a.arrow:after,
ul.side-nav.cockpitmenu a.arrow.down:before,
ul.side-nav.cockpitmenu a.arrow.down:after,
ul.disc li:before,
ul.disc li:after,
ul#div_menu .hitarea.expandable-hitarea:before,
ul#div_menu .hitarea.expandable-hitarea:after,
ul#div_menu .hitarea.collapsable-hitarea:before,
ul#div_menu .hitarea.collapsable-hitarea:after {
    border-right: 2px solid  #0055a5;
}
.sgblue-color,
ul.naviabgeben li.edit_link.ready > a:before,
.top-bar-section ul li.active > a,
.top-bar-section ul li.active > a:hover,
.top-bar-section li.active:not(.has-form) a:not(.button),
.top-bar-section li.active:not(.has-form) a:hover:not(.button),
.top-bar-section li.hover > a:not(.button),
.top-bar-section li:not(.has-form) a:hover:not(.button),
.top-bar-section .dropdown li:not(.has-form) a:hover:not(.button),
#header a:hover:not(.button),
#header li.active > a,
.teasericon.blue,
#footer a:hover,
.side-nav.mainmenu li.menu_green > a:before {
    color: #0055a5;
}
.wrapper_table_form_berechnung table tr.headline,
.faqinfobox.ueberschrift,
.displayhelper.curfocus:not([blockhilfe="0"]) {
	background-color:#0055a5;
	color: #fff;
}
.small-badge,
.progress.success .meter {
  	background: #0055a5;
}

/* FOR-1582 / FOR-3107: */
.panel.success {
	border-color: #91c1ef;
	background-color: #dfeefc;
}
/* FOR-3407: */
#footer {
    background: #042341 none repeat scroll 0 0;
}
/* FOR-5177: */
:root {
	--link_color: #34639e;
	--bar_color: #c5d6e8;
	--light_bar_color: #e2eaf3;
}
.color_table,
.color_table table:not(.nostyle) {
	border: 1px solid #333;
}
.color_table > thead {
	background-color: var(--bar_color);
	border-bottom: 1px solid #333;
}
.color_table table:not(.nostyle) > thead {
	background-color: var(--light_bar_color);
	border-bottom: 1px solid #333;
}
.color_table tr.color_row {
	background-color: var(--bar_color) !important;
}
/* FOR-5982 */
.soon_label {
	border: 3px solid #133c75;
	color: #133c75;
}