/* dash6 microgrid system (non-reponsive)  */
.c1-6,.c2-6,.c3-6,.c4-6,.c5-6,.c6-6,
.o1-6,.o2-6,.o3-6,.o4-6,.o5-6,.o6-6{ 
	position: relative;
	min-height: 1px;
	padding: 0;
	margin: 0;
}
.c1-6{width:16.66%}
.c2-6{width:33.33%}
.c3-6{width:50%}
.c4-6{width:66.66%}
.c5-6{width:83.33%}
.c6-6{width:99.99%}

.o1-6{margin-left:16.66%}
.o2-6{margin-left:33.33%}
.o3-6{margin-left:50%}
.o4-6{margin-left:66.66%}
.o5-6{margin-left:83.33%}
.o6-6{margin-left:99.99%}

	body #checker:invalid { background-color: #fcc; }
	#checker.no { background-color: #ffc; }
	#checker.wait { background-color: #bbb}
	body #checker.yes { background-color: #cfc; }

option,select { background: #222; color: #bbb; }
html { padding: 1em; }
form{padding-left: 1em;}
button i.fa { text-shadow: none; }
.wide {display: inline-block; }
form .panel {
	float: left; width: 45%; margin: 0.5%; min-height: 10em; 
}
form .panel-body {
    min-height: 11em;
}

form .panel.wide {
		width: 91%;
}

 div.dk{
	 padding: 1em;
 }
 
 div.dk .btn {
	  margin-left: 6px;
 }
.panel-footer, div.dk {
	background-color:#3C4752;
}

.panel-footer .paid {
	display: none;
}

.panel-title small { float: right;padding-top: 4px; }
.panel-title  {  text-shadow: 0 0 1px rgba(0,0,0,0.35); }
form .pay .btn { float: right; margin-left: 6px;}

body .panel-default>.panel-heading {
  color: #eee;
  xbackground-color: #388E38;
}

.panel .panel-footer.paid, 
.panel.applied .panel-footer.pay{
	display: none;
}
.panel.applied .panel-footer.paid{
	display: block;
}

.panel.applied{
	cursor: not-allowed;
}
.panel.applied>* {
	pointer-events: none;
	opacity: 0.6;
}

.panel .panel-footer.pay>b{
	color: #999;
}
.panel-footer.pay>*{
	margin-right: -4px;
}
.panel-footer.pay{
	display: block;
	position: relative;
	width: 100%;
}


@media (max-width: 900px){
	.panel-footer.pay > b{ width: 1em; overflow: hidden; margin-right: -2em; display: inline-block;height: 1em;opacity: 0; }
	form .panel-body { min-height: 14em;}
}