body {width:100%;height:100%;margin:0;padding:0;    font-family: 'Open Sans Condensed', Arial, sans-serif; background: #444;overflow-x:hidden;
}


.light-yellow {background:#fffac1;}

.loading-container {width: 100%;height: 100%;position: fixed;z-index: 999;background: #000;opacity: 0.5;top: 0px;display:none;}
.loading-show {display:block !important;}

.mainArea {
    margin: auto;
    background: #f1f1f1;
    padding: 15px;
    max-width: 300px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 13%, #e1e1e1 56%, #e1e1e1 66%, #f6f6f6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 13%,#e1e1e1 56%,#e1e1e1 66%,#f6f6f6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 13%,#e1e1e1 56%,#e1e1e1 66%,#f6f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
} 
 
h1, h2, h3, h4 {padding:0;margin:0;}

button[disabled] {
    opacity: 0.5;
    cursor: not-allowed;
}
input[readonly] {border: 1px solid #e7e7e7;cursor:not-allowed;padding:2px;}

p {margin:0;padding:0;}

.loginForm input {width: 100%;margin-top: 10px;font-size: 12px;}
.loginButton {padding: 10px;
margin: 10px 0px 0px 0px; 
background: #505050;
border: 1px solid #FFF;
color: white;
width: 100%;}
.loginPassword {margin-bottom:10px;padding: 7px;box-sizing: border-box;}
.loginUser {padding: 7px;box-sizing: border-box;}


header {width:100%;box-sizing:border-box;padding:15px;background:#fff;text-transform:capitalize;box-shadow: 1px 1px 1px #bfbfbf;
}


.sticky {
  position: fixed !important;
  top: 0;
  left:0;
  width: 100%;
}


.center {box-shadow: 1px 1px 1px #bfbfbf; width:100%;background:#fff;box-sizing:border-box;margin: auto;margin-top: auto;min-height: 2000px;}

.navigation {list-style:none;padding:0;margin:0;padding:20px;border-bottom:1px solid #000;}
.navigation li {display:inline-block;padding:10px;margin-right:10px;cursor:pointer;vertical-align: bottom;border-bottom: 1px solid #fff;}
.navigation li a {color: #333;}
.navigation li a:hover {border:none;}

.navigation li:hover {border-bottom:1px solid #000;}

.currency-block {display:inline-block;vertical-align:top;margin-right:20px;}

#uploader {width: 100%;display: inline-block;vertical-align: top;font-size: 12px;text-align: center;padding-bottom: 15px;}
.uploader-wrap {border: 1px dashed #000;padding-bottom: 20px;}
#uploader input {display:inline-block;text-align: center;}
#latest {width:100%;display:inline-block;vertical-align:top;}



#etusivu {padding:20px;}
#ostohintalaskuri {font-size:0;}
#varastonhallinta {padding:20px;}
#tuotehallinnointi {padding:20px;}
#tyotehtavat {padding:20px;}
#raportit {padding:20px;}

#kuitit {padding:20px;}


#kuittilista {list-style:none;}
#kuittilista li {border-bottom: 1px solid #c2c2c2;margin-top:10px;cursor:pointer;font-size: 12px;border-bottom: 3px solid #c2c2c2;padding-bottom:20px;}
#kuittilista li button {display:none;margin: auto;margin-top: auto;margin-top: 10px;}
#kuittilista li table {display:none;}
#kuittilista li table tbody tr th input {display: block;margin: auto;}
#kuittilista li table tbody tr th {text-align:center;padding: 2px;}
#kuittilista p {margin:0;}

#kuittilista li .loginbutton {display:block !important;}
.kuitti-created {font-size:10px;padding-left: 20px;}




#kuittilista li table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
  font-size:13px;
  margin-top: 15px;
   border-top: 1px solid #c9c9c9;
}
#kuittilista li table td,#kuittilista li table td th {
  border: 1px solid #dddddd80;
  text-align: left;
  padding: 8px;
}

#kuittilista li table tr:nth-child(even) {
  background-color: #dddddd80;
}



.kuitti-lisatiedot p {font-size:10px;}
.kuitti-lisatiedot {display:none;padding-left: 20px;}



#varastonhallinta-tuotteet {width:100%;}

.storage-control {list-style:none;text-align:right;float:right;}
.storage-control li {display: inline-block;
cursor: pointer;
border: 1px solid;
padding: 5px 7px 5px 7px;
box-sizing: border-box;
}
.storage-control li:hover {background-color:#000;color:#fff;}

.selectedFiles {width:163px;}
.row-quantity {width: 43px;padding: 1px;}

.compare {
	position:fixed;
	top:50px;
	left:50%;
	box-sizing:border-box;
	border:1px solid #f1f1f1;
	padding:0px;
	cursor:pointer;
	background:#fff;
	min-width: 300px;
	display:none;
	min-height:300px;
}
.compare h2 {margin:0;background:#f1f1f1;padding:5px;}

.control  {
/*	position:fixed;
	top:50px;
	left:50%;
	box-sizing:border-box;
	border:1px solid #f1f1f1;
	padding:0px;
	cursor:pointer;
	background:#fff;
	min-width: 300px;
	display:none;
	min-height:300px;
	max-width:1000px;
	box-shadow: 0px 0px 7px;*/
	box-sizing: border-box;
padding: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
cursor: pointer;
background: #fff;
min-height: 300px;
position: relative;

padding-bottom: 120px;
min-width:1230px;
}
.control h2 {margin:0;background:#f1f1f1;padding:5px;}

.control-content {padding:0px 7.5px 0px 15px;box-sizing:border-box;vertical-align:top;}
.control-content-1 {vertical-align:top;font-size: 11px;}
.control-content-2 {vertical-align:top;font-size: 11px;display:none;padding-right:15px;padding-left:7.5px;}


.control-content table  {border: 1px solid black;
    border-collapse: collapse;}
.control-content table th {border: 1px solid black;
    border-collapse: collapse; }
	.control-content table td {border: 1px solid black;
    border-collapse: collapse; min-width:50px;max-width:170px;padding:2px;}
	
    	.control-content table {font-size:11px;table-layout: fixed;}

.control-content table tbody tr:nth-child(1) {
    background: #f2f2f2;
    text-align: center;
}
.control-content table tbody tr td:nth-child(1) {
    background: #f2f2f2;
    text-align: center;
}



#follow_elements {box-sizing:border-box;top: 16px;position: relative;min-width: 1200px;}
#follow_element_1 {white-space: nowrap;position: relative;width:50%;display:inline-block;font-size: 10px;vertical-align: bottom;padding: 0px 0px 0px 0px;padding: 0px 7.5px 0px 0px;box-sizing:border-box;vertical-align: bottom;}
#follow_element_2 {white-space: nowrap;position: relative;width:50%;display:inline-block;font-size: 10px;vertical-align: bottom;font-size: 11px;padding-right:15px;padding-left:7.5px;}
#follow_element_1 table tbody tr td {border: 1px solid black;border-collapse: collapse;min-width: 50px;max-width: 170px;padding: 1px;min-width:auto;}
#follow_element_1 table {font-size:11px;text-align:center;table-layout:fixed;}

#follow_element_2 .ostohintalaskuri-varmistus-otsikot {width:calc(100% + 15px);}


.controlfollow-box-wrap {min-width:1200px;}



#tableRead tbody tr:first-child {}
#tableRead td { word-break: break-all; }





#controlfollow {position: absolute;}
#controlfollow h3 {margin:0;}


.controlfollow_block{display:inline-block;font-size:12px;vertical-align:top;width: 500px;padding-right: 10px;}
.controlfollow_block2 {display:inline-block;font-size:12px;vertical-align:top;max-width: 1000px;width: calc(100% - 500px);}

.control-header-box {margin-top: 6px;}

.control-box-outer {width:60%;display:inline-block;vertical-align: top;}
.control-box-outer2 {width:39%;display:inline-block;vertical-align: top;}
.control-file-outer {min-width:70px;display:inline-block;}

#luo-kuitit {white-space: normal;width:171px;}


.ost-box {display:inline-block;width:49%;}
.ost-box label {min-width:78px;display:inline-block;}
.ost-box input {width:50px;}
.ost-box-wrap {display:inline-block;width:37%;}
.ost-box-wrap2 {display:inline-block;width:62%;}


.ost-box-wrap h3, .ost-box-wrap2 h3 {font-size:18px;}

.ost-full-width {width:100%;}


table {width:100%;}
th {text-align:left;}

.kuitti-form {display:none;} 
.tallenna-tuote {}
.kuitti-taulukko {display:none;}

.kuitti-taulukko tbody tr th {font-weight:400;}
.kuitti-taulukko tbody tr:first-child th {font-weight:bold;}

.ostohintalaskuri-control {border-bottom: 1px solid black;padding: 15px;box-sizing: border-box;background: #f1f1f1;}

#add-check-row {margin-top:10px;}
.check-row {white-space:nowrap;font-size:11px;margin-bottom: 5px;}


.check-row select, .check-row td:nth-child(1) {
    /*Tuotenumero*/
    width: 8%;
    height: 21.7px;
}
.check-row input:nth-child(2), .check-row td:nth-child(2) {
    /*Tuotenumero (toimittajan)*/
    width: 10%;
}
.check-row input:nth-child(3), .check-row td:nth-child(3) {
    /*Tuotenimi - seloste*/
   /*width: 6%;*/
   width:10%;
   
}
.check-row input:nth-child(4), .check-row td:nth-child(3) {
    /*Tuotenimi - seloste*/
    width: 22%;
}
.check-row input:nth-child(5), .check-row td:nth-child(4) {
    /*Tuotemäärä*/
    width: 8%;
}
.check-row input:nth-child(6), .check-row td:nth-child(5) {
    /*Tuotehinta*/
    width: 7%;
}
.check-row input:nth-child(7), .check-row td:nth-child(5) {
    /*Tuotehinta*/
    width: 7%;
}
.check-row input:nth-child(8), .check-row td:nth-child(5) {
    /*Tuotehinta*/
    width: 7%;
}

.check-row input:nth-child(9), .check-row td:nth-child(5) {
    /*Tuotehinta*/
    width: 7%;
}

.check-row input:nth-child(10), .check-row td:nth-child(5) {
    /*Tuotehinta*/
    width: 7%;
}

.check-row input:nth-child(11), .check-row td:nth-child(5) {
    /*Tuotehinta*/
    width: 7%;
}

.check-row input:nth-child(12), .check-row td:nth-child(5) {
    /*Tuotehinta*/
    width: 3%;
}


.check-row-error {background:#fb8c7a;}
.reklamaatiot {font-size: 11px;}
.remove-button {padding: 3.5px;}
.reklamaatio-button {padding:3.5px;}
.remove-reklamaatio-button {padding: 3.5px;}
.reklamaatio-valinnat div {display:inline-block;text-align:left;}
.reklamaatio-valinnat div h3 {margin: 10px 0px 0px 0px;font-size: 18px;}

.ostohintalaskuri-varmistus-otsikot {width:100%;font-size:0px;white-space: nowrap;}



.ostohintalaskuri-varmistus-otsikot1 {width:100%;font-size:0px;white-space: nowrap;position: relative;width:47%;display:inline-block;font-size: 10px;}
.ostohintalaskuri-varmistus-otsikot2 {width:100%;font-size:0px;white-space: nowrap;position: relative;width:52%;display:inline-block;font-size: 10px;}





.ostohintalaskuri-varmistus-otsikot p {display: inline-block;font-weight:bold;font-size:10px;margin: 0px 0px 2px 0px;vertical-align:top;}

.ostohintalaskuri-varmistus-otsikot p:nth-child(1) {
    /*Tuotenumero*/
    width: 8%;
}
.ostohintalaskuri-varmistus-otsikot p:nth-child(2) {
    /*Tuotenumero (toimittajan)*/
    width: 10%;
}
.ostohintalaskuri-varmistus-otsikot p:nth-child(3) {
    /*Tuotenimi - seloste*/
    width:10%;
} 
.ostohintalaskuri-varmistus-otsikot p:nth-child(4) {
    /*Tuotemäärä*/
    width: 22%;
}
.ostohintalaskuri-varmistus-otsikot p:nth-child(5) {
    /*Tuotehinta*/
    width: 8%;
}
.ostohintalaskuri-varmistus-otsikot p:nth-child(6) {
    /*Tuotehinta*/
    width: 7%;
}
.ostohintalaskuri-varmistus-otsikot p:nth-child(7) {
    /*Tuotehinta*/
    width: 7%;
}
.ostohintalaskuri-varmistus-otsikot p:nth-child(8) {
    /*Tuotehinta*/
    width: 7%;
}
.ostohintalaskuri-varmistus-otsikot p:nth-child(9) {
    /*Tuotehinta*/
    width: 7%;
}
.ostohintalaskuri-varmistus-otsikot p:nth-child(10) {
    /*Tuotehinta*/
    width: 7%;
}
.ostohintalaskuri-varmistus-otsikot p:nth-child(11) {
    /*Tuotehinta*/
    width: 7%;
}
.ostohintalaskuri-varmistus-otsikot p:nth-child(12) {
    /*Tuotehinta*/
    width: 3%;
}


.ostohintalaskuri-muut {
    margin-top:3px;
    font-size:0px;
}
.ostohintalaskuri-muut input {width:24%;font-size:12px;margin-left:1%;}
.ostohintalaskuri-muut select {width:25%;font-size:12px;padding: 3px;}




.ostohintalaskuri-selite {font-size:0px;}

.ostohintalaskuri-selite div:first-child {width:25%;margin-left:0%;}
.ostohintalaskuri-selite div {display: inline-block;font-weight:bold;font-size:12px;margin: 0px 0px 2px 0px;width:24%;margin-left:1%;}

.ostohintalaskuri-selite div select {float:right;}
.ostohintalaskuri-selite div input {float:right;}


.ostohintalaskuri-varmistus .check-row .check-row-confirm form div {display:inline-block;margin-right:20px;}
.ostohintalaskuri-varmistus .check-row .check-row-confirm form div input {width: 20px;min-width: 0;}
.ostohintalaskuri-varmistus .check-row .check-row-confirm form {white-space: normal;}
.calcdata {font-size:0px;}
.calcdata-box {width:50%;display:inline-block;font-size:12px;}


.ostohintalaskuri-control span {
    min-width: 70px;
    display: inline-block;
}



.ostohintalaskuri-valuutat p {display: inline-block;font-weight: bold;font-size: 12px;margin: 5px 0px 2px 0px;width:24%;margin-left:1%;vertical-align: top;}

.ostohintalaskuri-valuutat:first-child {width:25%;margin-left:0%;}
.ostohintalaskuri-valuutat {font-size:0px;}




#logo {display: block;
max-height: 38px;
position: absolute;
top: 8px;
left: 50%;
margin-left: -38px;
}

.ostohintalaskuri-final tr td {      border: 1px solid black;     border-collapse: collapse;     min-width: 50px;     padding: 2px;  }
#changeView {position: fixed;right: 0;bottom: 0;line-height: 20px;background: #1b1717;color: #fff;padding:5px;}

#transfer_table tbody tr th {text-align:center;font-size:13px;}

#transfer_table tbody tr:nth-child(2n) {
    background-color: #dddddd;
}








#paivita_tiedostot table {}
#paivita_tiedostot tbody tr:nth-child(2n) {
    background-color: #dddddd80;
}

#paivita_tiedostot tbody tr td input {margin-right:10px;}
#paivita_tiedostot tbody tr td {padding:4px;font-size: 10px;}
#paivita_tiedostot tbody tr th {padding: 10px 6px 10px 6px;}
#paivita_tiedostot tbody tr:nth-of-type(1) {background: #c3c3c3;}








/* loading spinner */
.lds-spinner {
  color: official;
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
  top: calc(50% - 32px);
  left: calc(50% - 32px);
}
.lds-spinner div {
  transform-origin: 32px 32px;
  animation: lds-spinner 1.2s linear infinite;
}
.lds-spinner div:after {
  content: " ";
  display: block;
  position: absolute;
  top: 3px;
  left: 29px;
  width: 5px;
  height: 14px;
  border-radius: 20%;
  background: #fff;
}
.lds-spinner div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}
.lds-spinner div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}
.lds-spinner div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}
.lds-spinner div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}
.lds-spinner div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}
.lds-spinner div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}
.lds-spinner div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}
.lds-spinner div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}
.lds-spinner div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}
.lds-spinner div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}
.lds-spinner div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}
.lds-spinner div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}
@keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/* loading spinner end */

/* Markku teki hassuja tyylejä */
#ostohintalaskuri-tietokantaan{ display: none; }
#ostohintalaskuri-tietokantaan.show{ display: block; }