/*body { background:black; margin:0px; }*/
body {font-family: Arial, Helvetica, sans-serif;}

:root {
 --c0:  #000033; 
 --c0h: grey;
 --b0:  blue;
 --b0l: #cce0ff; 
 --b0d: #cce0ff; 
 --boja0:  blue;
 /*plava nijansa*/
 --bg_lite: white; --co_lite: black;
 --bg_lite2: white; --co_lite2: blue;
 
 --bg_head1: #b3e6ff; --co_head1: blue;
 --bg_head2: #b3e6ff; --co_head2: blue;
 --bg_zag: blue; --co_zag: white;

 --co_icon: Blue;
}


/* *{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
body{
    font-family: Helvetica;
    -webkit-font-smoothing: antialiased;
    background: rgba( 71, 147, 227, 1);
} */
/*body{ margin: 0px 0px 0px 0px; }
h2{
    text-align: center;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: white;
    padding: 30px 0;
}

 Table Styles 
*/
.table-wrapper{
    margin: 0px 0px 0px 0px ;
    box-shadow: 0px 35px 50px rgba( 0, 0, 0, 0.2 );
}

.f2-table {
	margin: 0px 0px 0px 0px ;
    border-radius: 5px;
    font-size: 20px;
    font-weight: normal;
    border: none;
    border-collapse: collapse;
    width: 100%;
    max-width: 100%;
    white-space:  wrap;
    background-color: white;
	table-layout: inherit; 
}
 /* .polje{width:100%;  border:0px; font-size:15px; text-align: center; height:70px; }  */
.polje{   
  width: 30px;
  min-height: 60px;
  max-height: 70px;
  height: auto;
  text-align: center;
  border: 0px solid grey;
}

.textarea {
  width:30px;
  min-height:40px;
  height:auto;
  border:0px solid rgba(63,63,63,1);
  line-height: 1.8;
}
.f2-table th {
    font-size:14px; width:30px;
    padding: 0px; border: 1px solid grey; text-align:center;
}
.f2-table td {
    text-align: left; font-size:14px; width:30px;
    padding: 2px; border: 1px solid grey; text-align:center;
}