body {
	background-color: rgba(240, 240, 255, 1);
	padding-top:0;
	padding-bottom: 60px;
}



input[type=email].form-control,
input[type=password].form-control
{
	height: 3rem;
    margin: 0 0 1em 0;
    padding: 0.1em 0.8em 0.1em 0.8em;
    border: 1px solid #aaaadd;
    border-radius: 5px 30px;
    text-align: center;
    background-color: #fefeff;
    box-shadow: 0;
}

input {

}
/*
input::after
{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: darkblue;
    z-index: -1;
    transform: skew(-45deg);
}
*/

.form-signin button {

	height: 3rem;
    margin: 6rem 0 1em 0;
    padding: 0.1em 0.8em 0.1em 0.8em;
    border: 1px solid #aaaadd;
    border-radius: 5px 30px;
    text-align: center;
    box-shadow: 0;
}

#loginFormContainer > div {
	margin-left: auto;
    margin-right: auto;
}

#logoContainer img {
	width: 90%;
    margin: 2rem 5% 3rem 5%;
    opacity: 0.04;
}

#auftraegeContainer {margin-top: 2rem;}
#auftraegeContainer tbody tr {cursor: pointer;}


.dsCont01 {
	display: inline-block;
}

.dsCont01.left {width: 15%;}
.dsCont01.right {width: 85%; padding-left: 1%;}

.dsCont01.left  button {border-radius: 5px 5px 5px 30px; font-family: 'FontAwesome'; font-size: 1.2em;}
.dsCont01.right button {border-radius: 5px 30px 5px 5px;}


#mainContentContainer {
	padding-top: 100px;
}


.dsFormContainer input[type=text]{
	border: 1px solid #aaccff;
	padding: 0 1rem 0 1rem;
	margin-bottom: 2rem;
	border-radius: 8px;
}

.dsFormContainer {
	 margin-bottom: 8rem;
}

.dsFormContainer .card {
	 margin-bottom: 4rem;
}

.dsFormContainer .card-header {
	background-color: #2196F3;
	color: #eeeeff;
}





/*
complete
paid
registered
cancelled
paused
expired
*/

/*
auftragsId
kundenName
kundenAddr
auftragsMenge
auftragsBetrag
auftragsIcon
*/

.expired .auftragsId,
.expired .auftragsDate,
.expired .kundenName,
.expired .kundenAddr,
.expired .auftragsMenge,
.expired .auftragsBetrag,
.cancelled .auftragsId,
.cancelled .kundenName,
.cancelled .kundenAddr,
.cancelled .auftragsMenge,
.cancelled .auftragsBetrag {
	color: #f44;
}

.complete .auftragsId,
.complete .auftragsDate,
.complete .kundenName,
.complete .kundenAddr,
.complete .auftragsMenge,
.complete .auftragsBetrag,
.paid .auftragsId,
.paid .auftragsDate,
.paid .kundenName,
.paid .kundenAddr,
.paid .auftragsMenge,
.paid .auftragsBetrag,
.registered .auftragsId,
.registered .auftragsDate,
.registered .kundenName,
.registered .kundenAddr,
.registered .auftragsMenge,
.registered .auftragsBetrag
{
	color: #0a0;
}


.debug_func {padding: 1rem; background-color: rgba(255, 255, 255, 0.1); margin-bottom: 2rem;color: #700;font-weight: 900;}


fieldset:disabled input[type=text]{
	background-color: #e0e0ff;
}

.alright {text-align:  right;}
.alcenter {text-align:  right;}
.alleft {text-align:  right;}


#mainOutContainer .card {font-size: 1.2rem; margin-bottom: 80px;}

#mainOutContainer .card .row {margin-bottom: 2rem;}

.w80p {width: 40%;}

#mainOutContainer input, #mainOutContainer select, #mainOutContainer textarea {display: inline-block; border: 1px solid #2196F3; }

#mainOutContainer .card #sbmButton {display:none;}

#mainOutContainer .card input[type='checkbox']
{
	-ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  padding: 10px;
  margin-right: 20px;
  }


  .completing_icon {width: 1.7rem;}

#backButton {margin-bottom: 3rem;}





@media (max-width: 992px) {

	.alright {text-align:  left;}

	.col-md-12 button {width:80%; margin-left:10%; margin-right: 10%;}


}


  i.fa {
  font-size: 2rem;
  margin-top: -10px;
  }
  .lh3{line-height: 3rem;}

  #mainOutContainer .card .row .row, #mainOutContainer .card .row .row .form-group {margin-bottom: 0;}



.fieldTitle {
	font-size: 0.6em;
	font-weight: 700;
}



.fieldValue {
	border: 1px dashed rgba(0,0,0,0.2);
	padding: 2px 12px;
}




#mainOutContainer form input, #mainOutContainer form textarea {border: 1px dashed rgba(0,0,0,0.2); height: unset; padding: 4px 10px; border-radius: 8px; width: 100%;margin-bottom: 24px;}
#mainOutContainer form label, #mainOutContainer form label {font-size: 0.6em; font-weight: 700; margin-bottom: 0px;}

#mainOutContainer form.disabled i.fa.fa-calendar, #mainOutContainer form.disabled i.fa.fa-clock-o {display:none;}

#mainOutContainer form.disabled .datetimepicker-input {}
#mainOutContainer form .datetimepicker-input {width: 200px; margin-right: 10px;}

#mainOutContainer form textarea {height: 100px; overflow-y: visible;}
form.disabled input, form.disabled textarea, .form-control:disabled {background-color: #f6f6ff;}


form.row {border: 1px dashed #660;}


#blockDiv {
	position: fixed;
	z-index: 1000;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.3);
	left: 0;
	top: 0;
	display: none;
}

#messDiv {
	position: fixed;
	z-index: 1001;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	display: none;
	position: fixed;
}

#messDiv button, #messDiv input[type="text"], #messDiv input[type="password"] {
	padding: 4px 20px;
  border-radius: 5px 30px;
  display: list-item;
  margin: 0 auto 30px auto;
  color: #fff;
  background-color: #0d87e9;
	border: 1px solid #aaaadd;
	text-transform: uppercase;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
	transition: all 0.4s;
	height: 3rem;
	font-size: 1.015625rem;
  line-height: 1.5;
	cursor: pointer;
}

#messDiv #bMail {width: 380px;}

#messDiv #bMail, #messDiv #oldPass, #messDiv #newPass, #messDiv #newPassTwo {
	background-color: rgba(255, 255, 255, 0.3);
	color: #034980;
	font-weight: 700;
	text-transform: none;
	cursor: text;
}

#messDiv #bMail:focus, #messDiv #oldPass:focus, #messDiv #newPass:focus, #messDiv #newPassTwo:focus {
	background-color: rgba(255, 255, 255, 1);
}


#newPassErrs {
	border: 3px solid #a00;
  padding: 10px;
  margin-bottom: 20px;
  color: #a00;
  font-weight: 700;
  background-image: linear-gradient(135deg, #ffdddd 25%, #ffcccc 25%, #ffcccc 50%, #ffdddd 50%, #ffdddd 75%, #ffcccc 75%, #ffcccc 100%);
  background-size: 28.28px 28.28px;
	/*width: 230px;*/
	width: 100%;
	margin: -20px auto 20px auto;
	text-align: center;
	display:none;
}

#newPassErrs span.accent {
	color: #ff0;
	background-color: #a00;
	padding: 4px 8px;
	border-radius: 40px;
}

#messDiv #messageCancel {padding: 0 50px;}

.messagePanel .messageContent {font-weight: 600; font-size: 2.3em; width: 100%; margin-bottom: 60px;}

.messagePanel {
    background-color: #ff0;
    position: fixed;
    padding: 50px;
    border: 15px solid rgba(0,0,0,0.4);
    border-radius: 30px;
}


.messagePanel.error {
	background-image: linear-gradient(135deg, #ffdddd 25%, #ffcccc 25%, #ffcccc 50%, #ffdddd 50%, #ffdddd 75%, #ffcccc 75%, #ffcccc 100%);
}

.messagePanel.info { background-color: #ebf6ff;}


#messDiv #bMail::placeholder, #messDiv #oldPass::placeholder, #messDiv #newPass::placeholder, #messDiv #newPassTwo::placeholder {
	color: rgba(0,0,0,0.2);
}

#messDiv #newPassTwo.err, #messDiv #newPass.err {color: #a00; background-color: #fcc;}
#messDiv #newPassTwo.ok, #messDiv #newPass.ok {color: #0a0; background-color: #cfc;}

#messDiv #bVergSend:disabled, #messDiv #bAendSend:disabled, #messDiv #newPassTwo:disabled {opacity: 0.2; cursor: not-allowed;}

#uPassPanel {
	display: table-row;
	left: 739px;
	top: 315px;
	position: fixed;
	padding: 30px 30px 5px 30px;
	border: 5px solid rgba(0,0,0,0.2);
	border-radius: 20px;
	background-color: #eaeaff;
}

#messDiv button:hover {border-color: #0c7cd5; background-color: #0059a0;}


#logoutButton {
	border-radius: 0 0 20px 20px;
	height: 2rem;
	padding: 0.05em 40px 0.05em 40px;
	border: 1px solid #aaaadd;
	text-align: center;
	font-size: 0.8em;
	letter-spacing: 0.2em;
}

#logoutButtonContainer {
	position: fixed;
	top: 0;
	right: 50px;
}


.input-group-append.dtp {
	display: inline-block;
	cursor: pointer;
}

#datetimepicker1cover, #datetimepicker2cover, #datetimepicker3cover, #datetimepicker4cover, #datetimepicker5cover {
	background-color: #fff;
	width: 211px;
	height: 40px;
	opacity: 0.01;
	position: absolute;
	left: -5px;
	margin: 7px 0 0 13px;
}

#datetimepicker1cover.disabled, #datetimepicker2cover.disabled, #datetimepicker3cover.disabled, #datetimepicker4cover.disabled, #datetimepicker5cover.disabled {
	display: none;
}

#datetimepicker1 input, #datetimepicker2 input, #datetimepicker3 input, #datetimepicker4 input, #datetimepicker5 input {
	    background-color: rgb(235, 235, 228);
}

td {cursor: pointer;}