body {
    font-size: 100%;
}

select {
    font-size: 200%;
}

input {
   font-size: 100%;
}

input[type=number] {
  width: 250px
}

A {
  font-size: 200%;  
}

table {
    display: table;
    border-collapse: collapse;
    font-size: 200%;
}

.top {
  border: 5px solid red;  
/*  border-top: 5px solid red;
  border-left: 5px solid red;
  border-right: 5px solid red;*/
}

.bottom {
  border: 5px solid red;      
/*  border-bottom: 5px solid red;
  border-left: 5px solid red;
  border-right: 5px solid red;*/
}

/*".buton" - towa e class
.buton { font-size: 80%; }*/

th {
    border: 5px solid red;
    padding: 8px;
}

td {
    /*border: 5px solid red;*/
    padding: 8px;
}

/*#first - tova e id*/
#first {background-color: #f2f2f2}
#second {background-color: white}
#dost_var {border: 5px solid red;}
#suma {border: 5px solid red;
       color: red;
       text-align: center;}
#cena {border: 5px solid red;
       text-align: center;}  
#ime {border: 5px solid red;
      text-transform: lowercase;}
#klienti {font-size: 200%;}
#klienti_zaredeni {font-size: 200%; color: blue;}
#back_buton {font-size: 300%;}
#dublikat {font-size: 300%;}
#dublikatCity {font-size: 300%;}
#secondprint {font-weight: bold;}
#secondtable {
    font-size: 80%;
    color: blue;
    border: 3px solid blue;
    width: 100%;
}
#br_1 {border: 5px solid red; color: blue;text-align: center;}
#br_2 {border: 5px solid red; color: blue;text-align: center;}

#secondtable td {
  border: 1px solid blue;
  border-collapse: collapse; 
}
#shofior,#bus {
    font-size: 60%;
    max-width: 500px; /* Adjust width as needed */
    white-space: normal; /* Allow text to wrap */
}
#nshof,#nbus {
    font-size: 40%;
    white-space: normal; /* Ensure option text wraps */
    word-wrap: break-word; /* Break long words if necessary */
}

/*начало тези ги добавям заради веро лев*/
#evro,#SumEvro,#zad_evro,#plat_evro {
   text-align: center;     
   color: blue; 
}

.evro {
   color: blue; 
}

#leva,#zad_leva,#plat_leva {
   text-align: center;         
   color: red; 
}
/*край тези ги добавям заради веро лев*/

/*#CSV {border-style: solid;}*/

th {
    background-color: #4CAF50;
    color: white;
}

button { font-size: 100%; }

input[type=number]:focus{
  background-color: yellow;
}

input[name=browser]:focus{
  background-color: yellow;
}

input[id=plateni] {
 /*background-color: #4CAF50;*/
 text-align: center; 
 color: red;
}

input[type=button]:hover {
  background-color: red;
  color: white;
}

input[type=submit]:hover {
  background-color: red;
  color: white;
}

button:hover {
  background-color: red;
  color: white;
}

#ImputProdukt {
    font-size: 90%;
    text-transform: lowercase;
    color: red;
}

#ImputProdukt::placeholder {
    color: red; 
}

#ImputProdukt:focus{
  background-color: yellow;
}

#myUL li {
  border: 3px solid red;
  padding: 20px 20px 20px 30px;
  text-align: left;
  background-color: yellow;
  color: red;
  display: block
}

#myUL li:hover:not(.header) {
  background-color: #cee;
}

#myDropdown {
  display: none;
  left: -30px;;
  position: absolute;
  width: 100%;
}

#myDropdownMenu {
  display: none;
  left: -30px;;
  position: absolute;
  width: 100%;
}

#myULMenu li {
  border: 3px solid red;
  padding: 20px 20px 20px 30px;
  text-align: left;
  background-color: yellow;
  color: red;
  display: block
}

#myULMenu li:hover:not(.header) {
  background-color: #cee;
}
