body {/*padding:24px 16px;*/ background-color:#F8F8F8; min-height:100%;}

div#container {max-width:1600px;}
div.container {width:100%;}
div.card {background-color:#008FEF; background-color:#2EABFC; border:1px solid #aaa; box-shadow: 0px 2px 6px 0px #aaa; transition:.5s; margin-top:12px; border-radius:10px;}
div.card:hover {box-shadow: 0px 2px 12px 4px #aaa;}

@media screen and (min-width:768px) {	
	div.card {margin-top:24px;}
}

div.card div.row {padding:6px 0;}

div.deviceType {text-align:center; font-size:20px; display:inline-block;}
div#creditCards {text-align:center; font-size:24px;}
div#factorBox {padding-top:12px; padding-bottom:12px;}
div#factorBox div.listHeader {font-weight:bold; /*text-decoration:underline;*/}

div.head {text-align:center;}

div.input {text-align:right;}
div.input input {text-align:right; width:100%; border-radius:5px; border:1px solid #888; padding:4px}
div.input input.ratio {padding-right:18px; background:url('percent.png'); background-color:#FFF; background-size:auto 45%; background-position:97% center; background-repeat:no-repeat;}

div.ratingContainer {border-radius:8px; margin-bottom:12px; text-align:center;}
div.ratingContainer div.ratingBar {border-radius:8px; width:16%; height:4px; display:inline-block; cursor:pointer;}
div.ratingContainer div.ratingBar.lo {background-color:#F00; background-color:#FE6361;}
div.ratingContainer div.ratingBar.lomid {background-color:#F80; background-color:#FF873C;}
div.ratingContainer div.ratingBar.mid {background-color:#FF0; background-color:#FDD227;}
div.ratingContainer div.ratingBar.himid {background-color:#4F2; background-color:#44E09E;}
div.ratingContainer div.ratingBar.hi {background-color:#0D0; background-color:#22E04E;}
div.ratingContainer div.ratingLabel {font-size:9px; width:16%; display:inline-block; cursor:pointer;}

button.btn {width:100%;}
div.outputSpace {padding:6px; width:100%; border:1px solid #DDD; margin:16px 0; transition: border 1s; /*min-height:100px;*/ color:#DDD; font-weight:bold;}
div.outputSpace.empty {/*min-height:0px;*/ border:0}
div.outputSpace .mark {font-size:125%; background-color:transparent;}