/******************************************/
/*  Enter below your specific app styles  */
/******************************************/
.pdf-icon {
	padding-right: 15px;
	text-decoration: none;
	background: none !important;
}

.success {
	border: 1px solid #82be1e;
	padding: 5px 10px;
	margin-bottom: 10px;
}

.color-success {
	color: #82be1e;
}

.error {
	border: 1px solid #c00;
	padding: 5px 10px;
	margin-bottom: 10px;
}

.color-error {
	color: #c00;
}

.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 20%; /* Could be more or less, depending on screen size */
  text-align: center;
  border-radius: 2px;
}



/* account.view, registration.view */

.intro_NethzPwd {
	border: 1px solid #ff0000;
	background: #ffffff;
	padding: 5px 10px;
	margin-top: 5px;
	margin-bottom: 10px;
}
.photoDisplay {
	float: left;
	width: 140px;
	padding-top: 5px;
}
.photoDisplay img {
	width: 130px;
	height: auto;
}
.photoRestrictions {
	float: left;
	width: 240px;
}
.photoRestrictions ul {
	margin-bottom: 10px;
}
.photoRestrictions p, 
.photoRestrictions li {
	font-size: 12px;
}

.photoRestrictions input[type=submit]:first-child {
    margin-right: 20px;
}

/* Formatting for H1 */

.inside h1 {
    padding: 0;
}

#titleProgrammContainer {
    flex-grow: 1;
    flex-shrink: 1;
}

p.subtitle, p.subsubtitle {
  font-weight: bold;
  margin-bottom: 0;
}

p.subtitle {
  font-size: 19px;
  color: #1f407a;
}

h1 + p.subtitle {
  margin-top: 5px;
}

#titleAppId {
	flex-shrink: 0;
	text-align: right;
}

/* @group explainLaendervorwahl */
.explainLaendervorwahl {
	color: #666;
	display: block;
	text-align:left;
}

.explainLaendervorwahl.below {
	padding: 0;
	display: block;
}

.explain li {
	font-size: 12px
}

.formAsLink {
    color: black; 
    background-color:transparent; 
    border:0 none;
}

.formAsLink:hover {
    color: white;
    background-color:transparent; 
    border:0 none;
}

a.info-link  {
    display: inline-flex;
}

a.info-link:hover {
    border-bottom: none;
}

.info-icon-blue {
    display: inline;
}

.flex-row {
    display: flex;
    align-items: flex-start;
}

.right.flex-row {
    display: flex;
    align-items : center;
    justify-content: flex-end;
}

.flex-row > *,
.flex-row > input[type = "submit"],
.right.flex-row > * {
    margin-left: 26px;
}

.right.flex-row > a.info-link {
    margin-left: 8px;
}

.flex-row > *:first-child,
.right.flex-row > *:first-child {
    margin-left: 0;
}

.flex-col {
	display: flex;
	flex-direction: column;
}

.flex-content {
    display: flex;
}

.flex-content > * {
    flex: 1 1 0px;
    margin-left: 10px;
}

.flex-content > *:first-child {
    margin-left: 0;
}

select.show-load-indicator {
    background-position: right 4px center;
    padding-right: 24px;
    background-image: url("/eApply/assets/images/wait-40418383947fe6335056fce05abe44a2.gif");
}

.checkbox-container {
    display: flex;
    align-items: flex-start;
}

.checkbox-container input[type=checkbox] {
    margin: .3em 10px 0 0;
}

td.checkbox-container input[type=checkbox] {
    margin-top: 0;
}

.checkbox-container input[type=radio] {
    margin-top: 0;
}

.checkbox-container p {
  margin-bottom: 0;
}

.ui-widget li {
    font-size: 12px;
}

/**
 * Spacing
 * Syntax: td-s
 * t (type): m = margin, p = padding
 * d (direction): l = left, r = right, t = top, b = bottom
 * s (size): sm = small, lg = large
 */

.my-sm {
    margin-top: 20px;
    margin-bottom: 20px;
}

.mt-sm {
    margin-top: 20px;
}

.mb-sm {
    margin-bottom: 20px;
}

.my-lg {
    margin-top: 40px;
    margin-bottom: 40px;
}

.mt-lg {
    margin-top: 40px;
}

.mb-lg {
    margin-bottom: 40px;
}

.pl-sm {
    padding-left: 20px;
}

.spacing h2 {
    padding-bottom: 0;
    margin-bottom: 10px;
}

.spacing h3,
.spacing h4 {
    margin-top: 0;
}

/* Errors */

.error-row input[type="radio"] {
    vertical-align: middle;
}

.error-row label {
    color: #c00;
}

/* Custom combobox */

.custom-combobox {
    position: relative;
    display: inline-block;
}

.custom-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    padding: 0;
}

.custom-combobox-input {
    margin: 0;
    padding: 5px 10px;
}

a.custom-combobox-toggle {
    border-bottom: none;
}

a.custom-combobox-toggle span.ui-button-icon {
    margin-left: -29px;
}

.nowrap {
    white-space: nowrap;
}

/* Collapse */

.collapse > h2,
.collapse > h3 {
    cursor: pointer;
}

.collapse > h2:before {
    content: '-';
    color: rgba(0, 0, 0, 0);
    display: inline-block;
    margin-right: 5px;
    width: 20px;
    background-image: url("/eApply/assets/images/collapse-minus-31f68d4581d327033f9f6c110b6a57d8.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.collapse > h3:before {
	content: '-';
    color: rgba(0, 0, 0, 0);
    display: inline-block;
    margin-right: 5px;
    margin-left: 2px;
    width: 14px;
    background: url("/eApply/assets/images/collapse-minus-31f68d4581d327033f9f6c110b6a57d8.svg") no-repeat right center;
    background-size: 14px;
}

.collapse.collapsed > h2:before,
.collapse.collapsed > h3:before {
    background-image: url("/eApply/assets/images/collapse-plus-e0c25a9764a592db2ebdb156ac02e2b5.svg");
}

.collapse.collapsed > :last-child {
    display: none;
}

.upload-state {
	width: 80px;
}

/* @end */