.tlacitko {
        border: 1px solid #007565;
        vertical-align: middle;
        padding: .2em 1em;
        color: #007565;
        font-size: 1em;
        font-family: Roboto, arial, helvetica, sans-serif;
        vertical-align: middle;
        box-sizing: border-box;
        display: inline-block;
        line-height: 1.5em;
        margin: 1em 0.5em 0 0.5em;
        text-decoration: none;
        cursor: pointer;
        text-transform: uppercase;
        margin-bottom: 10px;
        background-color:transparent;
      }
      .tlacitko:hover{
         background-color:#017b6c;
         color:white;   
      }
      .spanAktualizovat {
        color:blue;cursor:pointer;float: right;margin-right: 22px;
      }
      .spanAktualizovat:hover {
        text-decoration: underline;color:blue;
      }
      .box {
        background: #00bfb6;
        padding: 20px;
        color: #fff;
        font-family: arial;
        position: relative;
      }
      .datum {
            font-style: italic;
            font-size: 13px;
            text-align: end;
      }
      .row {
        display: table;
        width: 570px;
        table-layout: fixed; 
        border-spacing: 10px; 
      }
      .column {
          display: table-cell;
 	  font-family: Roboto, arial, helvetica, sans-serif; 		
      }
      .kos {
        font-size: 20px;color: blanchedalmond;
      }
      .kos:hover{
        color:red;
      }
      .inputCSS {
        display: block;
        box-sizing: border-box;
        border: 1px solid #cacaca;
        border-radius: 0;
        background-color: #fefefe;
        box-shadow: inset 0 1px 2px rgb(10 10 10 / 10%);
        font-family: inherit;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: #0a0a0a;
        transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
        appearance: none;
      }
      
      .text {
        margin: 0;
        font-size: 0.875rem;
        font-weight: 400;
        line-height: 1.8;
        color: #0a0a0a;
	    font-family: Roboto, arial, helvetica, sans-serif;se;
      }
      
      .smazat {
        color: white;
        font-size: 18px;
        text-decoration: none;
      }
      
      .smazat:hover {
        color:red;
      }

      .alertBox {
	background-color: orangered;
        color: white;
        margin: 0;
        font-size: 0.875rem;
        font-weight: 400;
        line-height: 1.8;
        font-family: Roboto, arial, helvetica, sans-serif;
       }

     .okBox {
	background-color: green;
        color: white;
        margin: 0;
        font-size: 0.875rem;
        font-weight: 400;
        line-height: 1.8;
        font-family: Roboto, arial, helvetica, sans-serif;
     }

.oko {
 content:url(oko.png);
 width: 30px;
}

.oko:hover {
 content:url(oko_red.png);
 width: 30px;
}