body
{
        height: 100%;
        width: 100%;
	padding: 0;
	margin:0;
	overflow-y: scroll;
	background-color: #FFFFF1;
	font-family: Arial;
	font-size:12px;
	
}
#frm{
	border: solid gray 1px;
	width: 20%;
	border-radius: 5px;
	margin: 100px auto;
	background: white;
	padding: 50px;
}
#btn{
	color: #fff;
	background: #337ab7;
	padding: 5px;
	margin-left: 69%;
}
#nav{
	background-color: #316AC5;
        width: 100%;
        z-index: 4;
}
#nav_wrapper{
	width: 100%;
	margin: 0 auto;
	text-align: center;
        z-index: 4;
}

#nav ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	position: relative;
	z-index: 4;
}

#nav ul li{
	display: inline-block;
}
#nav ul li:hover{
	background-color: #316A99;
}
#nav ul li a,visited{
	color: #ccc;
	display: block;
	padding: 15px;
	text-decoration: none;
	background-color: #316AC5;
}
#nav ul li a:hover{
	color: #F0FFFF;
        font-weight: 500;
	text-decoration: none;
        
	
}
#nav ul li:hover ul{
	display: block;
}
#nav ul ul{
	display: none;
	position: absolute;
}
#nav ul ul li{
	display: block;
        text-align: left;
}
#content
{
width: 900px;
margin: 0 auto;
font-family:Arial, Helvetica, sans-serif;
}
.page
{
float: right;
margin: 0;
padding: 0;
}
.page li
{
list-style: none;
display:inline-block;
}
.page li a, .current
{
display: block;
padding: 5px;
text-decoration: none;
color: #8A8A8A;
}
.current
{
font-weight:bold;
color: #000;
}
.button
{
padding: 0px 0px;
text-decoration: none;
background: #316AC5;
color: #316AC5;
font-size: 13PX;
border-radius: 12PX;

display: block;
float: left;
}
button[type=submit]{
    background-color: #FCA000;
  border-radius: 12px;
cursor: pointer;  
}
.tavalinenupp {
  background-color: #FCA000;
  
}
.suurnupp {
  background-color: #316AC5;
  color: white;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  opacity: 0.8;
  position: relative;
  z-index: 1;
  width: 140px;
  border-radius: 12px;
}
.suurnupproheline {
  background-color: #009933;
  color: white;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  opacity: 0.8;
  position: relative;
  z-index: 1;
  width: 140px;
  border-radius: 12px;
}
.suurnupplilla {
  background-color: #6600ff;
  color: white;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  opacity: 0.8;
  position: relative;
  z-index: 1;
  width: 140px;
  border-radius: 12px;
}
.suurnuppkollane {
  background-color: #ffcf00;
 
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  opacity: 0.8;
  position: relative;
  z-index: 1;
  width: 140px;
  border-radius: 12px;
  color: black;
}
.suurnupppunane {
  background-color: red;
  color: white;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  opacity: 0.8;
  position: relative;
  z-index: 1;
  width: 140px;
  border-radius: 12px;
 
}
.suuroknupp {
  background-color: white;
  border: none;
  width: 28px;
  height: 28px;
  cursor: pointer;
  
}
.suurokpilt {
  
  border: none;
  width: 30px;
  height: 30px;
  
}
.form-tekst {
    display: block;
    width: 300px;
    height: 34px;
    padding: 6px 12px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.form-valimine {
    display: block;
    width: 300px;
    height: 34px;
    padding: 6px 12px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.list-unstyled {
    padding-left: 0;
    list-style: none;
}
li {
    display: list-item;
    text-align: -webkit-match-parent;
}
input[type=number] {
  width: 80px;  
text-align:right;
placeholder:0.00;
step:0.01;
font-size:12px;
}
input[type=file] {

font-size:12px;
}
input[type=date1] {
  width: 110px;  
text-align:right;
placeholder:0.00;
step:0.01;
font-size:10px;
}
.kuupaevvaike {
  width: 110px;  
text-align:right;
placeholder:0.00;
step:0.01;
font-size:10px;
}
.kuupaevsuur {
 display: block;
    width: 300px;
    height: 34px;
    padding: 6px 12px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

input[type=submit] {
border-radius: 5px; 
text-align:right;
font-size:10px;

}
.imgrida{
  height: 12px;
  width: 12px;  
  border-radius: 2px; 
  
}

#pardot-form textarea.standard {
  height: 12px;
  width: 12px;
  
  }

input[type=image] {
    width: 20px;  height: 20px;
}


#logo {
    width: 200px;  height: 200px;
}
.right {
    text-align: right;
    
}
#wgtmsr{
 width:30px;   
}
#poollai{
 width:80px;   
}
#wgtmsrkonto{
    width: 80px;
}
#wgtmsrfirma{
    width: 150px;
}
#laiem{
 width:85px;   
}
#laiem185{
 width:185px;
 font-size: 10;
}
#laiem140{
 width:185px; 
 font-size: 10;
}
#tabel {
    
    border-collapse: collapse;
    width: 100%;
    font-size:12px;
}

#tabel td, #customers th {
    border: 1px solid #ccc;
    padding: 4px;
    text-align: left;
    font-size: 12px;
   
}

#tabel tr:nth-child(even){background-color: #f2f2f2;}

#tabel tr:hover {background-color: #ddd;}

tr:nth-of-type(odd) { 
  background: #eee; 
}
#tabel th {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    background-color: #66b3ff;
    color: white;
    font-size: 12px;
}
#tabel80 {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 80%;
}

#tabel80 td, #customers th {
    border: 1px solid #ddd;
    padding: 4px;
}

#tabel80 tr:nth-child(even){background-color: #f2f2f2;}

#tabel80 tr:hover {background-color: #ddd;}

#tabel80 th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: center;
    background-color: #66b3ff;
    color: white;
}
#tabelvasak {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 45%;
}

#tabelvasak td, #customers th {
    border: 1px solid #ddd;
    padding: 4px;
}

#tabelvasak tr:nth-child(even){background-color: #f2f2f2;}

#tabelvasak tr:hover {background-color: #ddd;}

#tabelvasak th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: center;
    background-color: #66b3ff;
    color: white;
}
.floatLeft { width: 50%; float: left; }
.floatRight {width: 50%; float: right; }
.container { overflow: hidden; }

#tabelvaike {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    font-size:12px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
   max-width: 100%;
}

#tabelvaike td, #customers th {
   border: 1px solid #ddd;
   padding: 1px;
   white-space: nowrap;
}

#tabelvaike tr:nth-child(even){background-color: #f2f2f2;}

#tabelvaike tr:hover {background-color: #ddd;}

#tabelvaike th {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    background-color: #21618C;
    color: white;
}
main {
	font-family: 	Arial, Verdana, sans-serif;
	color:		#0000FF;
	font-size:	10px;
}
.grid{
    display: grid;
    grid-template-columns:repeat(12, 1fr);
    grid-auto-rows: 20px;
    grid-gap: 1rem;
    width: 100%;
    font-size: 12;
}
.rida1veerg1{
    grid-column: 1;
    grid-row: 1;
  
    }
.rida1veerg2{
    grid-column: 2;
    grid-row: 1;
 
 }
 .rida1veerg1kuni3{
    grid-column: 1/3;
    grid-row: 1;
 }
 .rida1veerg2kuni5{
    grid-column: 2/5;
    grid-row: 1;
 
 }
 .rida1veerg2kuni12{
    grid-column: 2/12;
    grid-row: 1;
 
 }
.rida1veerg3{
    grid-column: 3;
    grid-row: 1;
  
    }
 .rida1veerg4{
    grid-column: 4;
    grid-row: 1;
  
    }
    
    .rida1veerg5{
    grid-column: 5;
    grid-row: 1;
   
    }
    .rida1veerg6{
    grid-column: 6;
    grid-row: 1;
   
    }
    .rida1veerg7{
    grid-column: 7;
    grid-row: 1;
 
    }
     .rida1veerg8{
    grid-column: 8;
    grid-row: 1;
   
    }
    .rida1veerg1kuni7{
    grid-column: 1/7;
    grid-row: 1;
    }
    .rida1veerg3kuni4{
    grid-column: 3/4;
    grid-row: 1;
   
    }
    .rida1veerg3kuni5{
    grid-column: 3/5;
    grid-row: 1;
    }
    .rida1veerg3kuni6{
    grid-column: 3/6;
    grid-row: 1;
    }
     .rida1veerg4kuni6{
    grid-column: 4/6;
    grid-row: 1;
   
    }
    .rida1veerg5kuni9{
    grid-column: 5/9;
    grid-row: 1;
    }
    .rida1veerg5kuni7{
    grid-column: 5/7;
    grid-row: 1;
    }
    .rida1veerg6kuni9{
    grid-column: 6/9;
    grid-row: 1;
   
    }
    .rida1veerg7kuni9{
    grid-column: 7/9;
    grid-row: 1;
   
    }
     .rida1veerg8kuni9{
    grid-column: 8/9;
    grid-row: 1;
   
    }
    .rida1veerg8kuni10{
    grid-column: 8/10;
    grid-row: 1;
   
    }
    .rida1veerg8kuni11{
    grid-column: 8/11;
    grid-row: 1;
   
    }
    .rida1veerg8kuni12{
    grid-column: 8/12;
    grid-row: 1;
   
    }
    .rida1veerg9{
    grid-column: 9;
    grid-row: 1;
   
    }
    .rida1kuni20veerg9kuni12{
    grid-column: 9/12;
    grid-row: 1/20;
   
    }
    .rida1veerg10{
    grid-column: 10;
    grid-row: 1;
   
    }
    .rida1veerg11{
    grid-column: 11;
    grid-row: 1;
 
    }
    .rida1veerg12{
    grid-column: 12;
    grid-row: 1;
  
    }
    
    .rida1veerg10kuni12{
    grid-column: 10/12;
    grid-row: 1;
  
    }
  .rida2veerg1{
    grid-column: 1;
    grid-row: 2;
    }
    .rida2veerg1kuni5{
    grid-column: 1/5;
    grid-row: 2;
    }
    .rida2veerg2{
    grid-column: 2;
    grid-row: 2;
    }
    .rida2veerg2kuni6{
    grid-column: 2/6;
    grid-row: 2;
  
    }
     .rida2veerg3{
    grid-column: 3;
    grid-row: 2;
    }
    .rida2veerg3kuni6{
    grid-column: 3/6;
    grid-row: 2;
    }
    
     .rida2veerg4{
    grid-column: 4;
    grid-row: 2;
    }
    .rida2veerg4kuni8{
    grid-column: 4/8;
    grid-row: 2;
    }
    .rida2veerg6kuni9{
    grid-column: 6/9;
    grid-row: 2;
    }
    .rida2veerg7{
    grid-column: 7;
    grid-row: 2;
    }
     .rida2veerg7kuni8{
    grid-column: 7/8;
    grid-row: 2;
    }
    .rida2veerg7kuni12{
    grid-column: 7/12;
    grid-row: 2;
    }
    .rida2veerg8{
    grid-column: 8;
    grid-row: 2;
    }
   .rida2veerg10{
    grid-column: 10;
    grid-row: 2;
    }
    .rida2veerg2kuni11{
    grid-column: 2/11;
    grid-row: 2;
    
    }
    .rida2veerg1kuni12{
    grid-column: 1/12;
    grid-row: 2;
    }
    .rida2veerg10kuni12{
    grid-column: 10/12;
    grid-row: 2;
    }
    .rida3veerg1kuni12{
    grid-column: 1/12;
    grid-row: 3;
    }
    .rida3veerg1kuni5{
    grid-column: 1/5;
    grid-row: 3;
    }
    .rida3veerg1{
    grid-column: 1;
    grid-row: 3;
    }
    .rida3veerg2{
    grid-column: 2;
    grid-row: 3;
    }
    .rida3veerg2kuni6{
    grid-column: 2/6;
    grid-row: 3;
    }
   .rida3veerg2kuni11{
    grid-column: 2/11;
    grid-row: 3;
    }
   .rida3veerg1kuni7{
    grid-column: 1/7;
    grid-row: 3;
    }
    .rida3veerg3kuni6{
    grid-column: 3/6;
    grid-row: 3;
    }
   .rida3veerg4{
    grid-column: 4;
    grid-row: 3;
  
   }
    .rida3veerg5{
    grid-column: 5;
    grid-row: 3;
  
   }
   .rida3veerg7{
    grid-column: 7;
    grid-row: 3;
    }
    .rida3veerg1kuni7{
    grid-column: 1/7;
    grid-row: 3;
    }
    .rida3veerg6kuni12{
    grid-column: 6/12;
    grid-row: 3;
    }
    .rida3veerg7kuni12{
    grid-column: 7/12;
    grid-row: 3;
    }
    .rida3veerg8kuni12{
    grid-column: 8/12;
    grid-row: 3;
    }
    .rida3veerg10kuni12{
    grid-column: 10/12;
    grid-row: 3;
    }
    .rida4veerg1{
    grid-column: 1;
    grid-row: 4;
  
    }
    .rida4veerg2{
    grid-column: 2;
    grid-row: 4;
  
    }
     .rida4veerg3{
    grid-column: 3;
    grid-row: 4;
  
    }
     .rida4veerg4{
    grid-column: 4;
    grid-row: 4;
  
    }
     .rida4veerg5{
    grid-column: 5;
    grid-row: 4;
  
    }
    .rida4veerg1kuni6{
    grid-column: 1/6;
    grid-row: 4;
    }
    .rida4veerg2kuni6{
    grid-column: 2/6;
    grid-row: 4;
    }
    .rida4veerg1kuni12{
    grid-column: 1/12;
    grid-row: 4;
   
    }
    .rida4veerg2kuni5{
    grid-column: 2/5;
    grid-row: 4;
   
    }
    .rida4veerg3kuni5{
    grid-column: 3/5;
    grid-row: 4;
    }
    .rida4veerg3kuni6{
    grid-column: 3/6;
    grid-row: 4;
    }
    .rida4veerg4kuni11{
    grid-column: 4/11;
    grid-row: 4;
   
    }
    .rida4veerg6kuni11{
    grid-column: 6/11;
    grid-row: 4;
    }
    .rida4veerg7kuni12{
    grid-column: 7/12;
    grid-row: 4;
    }
    .rida4veerg8kuni12{
    grid-column: 8/12;
    grid-row: 4;
    }
     .rida4veerg2kuni11{
    grid-column: 2/11;
    grid-row: 4;
   
    }
    .rida5veerg1{
    grid-column: 1;
    grid-row: 5;
    }
    .rida5veerg2{
    grid-column: 2;
    grid-row: 5;
    }
    .rida5veerg3{
    grid-column: 3;
    grid-row: 5;
    }
    .rida5veerg3kuni5{
    grid-column: 3/5;
    grid-row: 5;
    }
    .rida5veerg3kuni6{
    grid-column: 3/6;
    grid-row: 5;
    }
    .rida5veerg4kuni6{
    grid-column: 4/6;
    grid-row: 5;
    }
    .rida5veerg8kuni12{
    grid-column: 8/12;
    grid-row: 5;
    }
    .rida5veerg1kuni12{
    grid-column: 1/12;
    grid-row: 5;
    }
    .rida5veerg2kuni6{
    grid-column: 2/6;
    grid-row: 5;
    }
    .rida5veerg2kuni10{
    grid-column: 2/10;
    grid-row: 5;
    }
    .rida6veerg1{
    grid-column: 1;
    grid-row: 6;
    }
    .rida6veerg1kuni5{
    grid-column: 1/5;
    grid-row: 6;
    }
    .rida6veerg2{
    grid-column: 2;
    grid-row: 6;
    }
    .rida6veerg3{
    grid-column: 3;
    grid-row: 6;
    }
    .rida6veerg3kuni5{
    grid-column: 3/5;
    grid-row: 6;
    }
    .rida6veerg3kuni6{
    grid-column: 3/6;
    grid-row: 6;
    }
    .rida6veerg2kuni6{
    grid-column: 2/6;
    grid-row: 6;
    }
    .rida6veerg2kuni10{
    grid-column: 2/10;
    grid-row: 6;
    }
    .rida6veerg7kuni12{
    grid-column: 7/12;
    grid-row: 6;
    }
    .rida6veerg8kuni12{
    grid-column: 8/12;
    grid-row: 6;
    }
    .rida7veerg3{
    grid-column: 3;
    grid-row: 7;
    }
    .rida7veerg5{
    grid-column: 5;
    grid-row: 7;
    }
    .rida7veerg6{
    grid-column: 6;
    grid-row: 7;
    }
    .rida7veerg9{
    grid-column: 9;
    grid-row: 7;
    }
    .rida7veerg1kuni12{
    grid-column: 1/12;
    grid-row: 7;
    }
    .rida7veerg2kuni6{
    grid-column: 2/6;
    grid-row: 7;
    }
    .rida7veerg2kuni10{
    grid-column: 2/10;
    grid-row: 7;
    }
    .rida7veerg7kuni12{
    grid-column: 7/12;
    grid-row: 7;
    }
    .rida8veerg1kuni10{
    grid-column: 1/10;
    grid-row: 8;
    }
    .rida18veerg2{
    grid-column: 2;
    grid-row: 18;
    }
    .rida8veerg2kuni6{
    grid-column: 2/6;
    grid-row: 8;
    }
    .rida8veerg2kuni10{
    grid-column: 2/10;
    grid-row: 8;
    }
    .rida8veerg5{
    grid-column: 5;
    grid-row: 8;
    }
    .rida8veerg7kuni12{
    grid-column: 7/12;
    grid-row: 8;
    }
    .rida8veerg8{
    grid-column: 8;
    grid-row: 8;
    }
    .rida9veerg2kuni6{
    grid-column: 2/6;
    grid-row: 9;
    }
    .rida9veerg7kuni12{
    grid-column: 7/12;
    grid-row: 9;
    }
    .rida10veerg2kuni10{
    grid-column: 2/10;
    grid-row: 10;
    }
    .rida15veerg2kuni10{
    grid-column: 2/10;
    grid-row: 15;
    }
    .rida20veerg2kuni10{
    grid-column: 2/10;
    grid-row: 20;
    }
    .rida21veerg2kuni10{
    grid-column: 2/10;
    grid-row: 20;
    }
    
    #vertikaaljoon500{
            width:1px;
            height:500px;
            background-color: black;
        }
        .lahter{
            width: auto;
            display: block;
            position: relative;
        }
        .akensuur{
            width: 96%;
            background-color:#FFFFF1;
            margin-left: 2%;
            margin-top: 1%;
            overflow:auto;
        }
        .akenesimene{
            background-color:#FFFFF1;
            display: inline-block;
            margin-left: 1%;
            display: inline-block;
        }
        .akentabel{
            background-color: #FFFFF1;
            display: inline-block;
            margin-left: 1%;
            text-align: center;
        }
        .akenmenyy{
            width: 98%;
            background-color: #FFFFF1;
            display: inline-block;
            margin-left: 10;
            margin-top: 10;
            box-sizing: border-box;
          }
        .akenveerg1{
            width: 27%;
            background-color: #FFFFF1;
            display: inline-block;
            margin-left: 0%;
            margin-top: 0.1%;
            font-size: 12;
          }
          .akenveerg2{
            width: 24%;
            background-color: #FFFFF1;
            display: inline-block;
            margin-left: 3%;
            margin-top: 0.1%;
          }
          .akenveerg3{
            width: 21%;
            background-color: #FFFFF1;
            display: inline-block;
            margin-left: 6%;
            margin-top: 0.1%;
          }
          .akenveerg4{
            width: 5%;
            background-color: #FFFFF1;
            display: inline-block;
            margin-left: 6%;
            margin-top: 0.1%;
            text-align: right;
          }
          .akenveerg5{
            width: 15.65%;
            background-color: #FFFFF1;
            display: inline-block;
            margin-left: 0.1%;
            margin-top: 0%;
          }
          .akenveerg6{
            width: 5%;
            background-color: #FFFFF1;
            display: inline-block;
            margin-left: 0.2%;
            margin-top: 0.1%;
            text-align: right;
          }
          .akentyhiveerg{
            width: 100%;
            background-color: #FFFFF1;
            display: inline-block;
            margin-left: 0%;
            margin-top: 0%;
            
          }
          .vasakmenyy{
              height: 90%;
              width: 10%;
              overflow-y: auto;
              flex-grow: 2;
              color: #1c252c;
              background: #FFFFF1;
              float: left;
              
          }
          .vasakmenyy20{
              height: 90%;
              width: 20%;
              overflow-y: auto;
              flex-grow: 2;
              color: #1c252c;
              background: #FFFFF1;
              float: left;
              
              
          }
          .paremsuur{
              float: right;
              height: 90%;
              width: 90%;
              background-color: #FFFFF1;
              display: inline-block;
          }
         .paremsuur80{
              float: right;
              height: 90%;
              width: 80%;
              background-color: #FFFFF1;
              display: inline-block;
          }
           .paremsuur90{
              float: right;
              height: 90%;
              width: 90%;
              background-color: #FFFFF1;
              display: inline-block;
          }
          .akengrupp{
              border-color: black;
              border-style: solid;
              border-width: 1px;
          }
          .vasakmenyy20madal{
             
              width: 20%;
              
              flex-grow: 2;
              color: #1c252c;
              background: #FFFFF1;
              float: left;
              
          }
          .paremsuur80madal{
              float: right;
             
              width: 80%;
              background-color: #FFFFF1;
              display: inline-block;
          }