html, body {width:100%; height:100%;}
body {padding-bottom:40px;}

.product {height:100%; width:50%; border:1px solid #ddd; float:left;}
.product h1 { line-height: 400px; text-align: center;}

.row-divider td {background-color: #ff0000 !important;}
.dark td {background-color: #ff0000 !important; color:#fff;}
input[type=number] {width:50px;
   -moz-appearance:textfield;float:right;}
input[type=number].wide {width:70px;} 
input[type=number].widetotal {width:100%;}   

.alert-field {background-color: #eee;}
#sender {margin-bottom:50px;}
#kuvaus {width:100%; height:100px; margin-bottom:20px;}

.btn-primary {background:#e31e28; border:0px;}

input[type="number"][readonly]{
  border:0px !important;
  background:inherit;
  padding-top:3px;
color:#000;
-webkit-text-fill-color:rgba(0,0,0,1);
   -webkit-opacity: 1;
}

input[readonly].yhteensaval{
-webkit-text-fill-color:rgba(33,33,33,1);
}

input[type="text"], input[type="email"], input[type="search"], input[type="password"] {
  -webkit-appearance: caret;
  -moz-appearance: caret; /* mobile firefox too! */
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

#tallenna {margin-bottom: 40px}

#asiakas, #kuvaus {
  border: 1px solid #ddd !important;
  -webkit-appearance: searchfield;
  -moz-appearance: searchfield; /* mobile firefox too! */
}
.img-responsive { width:100%; border:1px solid #ddd; padding:4px;} 
.product_label {padding-top:20px; font-weight: bold; white-space: nowrap}
.producttable {margin-bottom:0px;}
.producttable tbody tr td {border:0px;}

input {width:30px; text-align: right;   color:#000; 
  -webkit-text-fill-color:rgba(0,0,0,1);
   -webkit-opacity: 1;
}

#sender input {width:100%;}

.label {padding:6px; font-size:16px;font-color:#fff;}
.label_katrin { background-color: #ff0000;}
.label_kangas { background-color: #aa00aa;}

#nollaa {margin-top:30px;} 
.smallest {font-size:10px; color:#888; white-space: nowrap;}

.yhteensa {font-size:16px;}

.tableheading {
    color: #fff;
    font-size: 17px;
    font-weight: bold;
}
.tableheading_pyyhe {
  background-color: #e31e28;
}

.tableheading_teline {
  background-color: #656565;
}

.tableheading_tyo {
  background-color: #a3a2a2;
}

.tableheading_muut {
  background-color: #c9c9c9; 
}

#mainchart { width:100%; height:1500px; top:50px;}

.container2 {width:95%; padding:2%; padding-top:0px;}

.yhteensaval {font-weight: bold; font-size:14px;}
.yhteensarow {background-color: #fff; color:#333; border-top:1px solid #222;}
.yhteensarow > td {background-color: #fff !important; border-top:1px solid #222 !important;}
.yhteensarow input[type="number"]:disabled {color:#333 !important;}

.page-header {border:0px;}

.overflow {
    overflow-x: auto;
}
.overflow table {
    min-width: 648px;
}
canvas {
    margin-bottom: 40px;
}