body {
    background-color: #8d898967;
}

#map {
    width: 60%;
    height: 60vh;
    float: left;
}

.formular {
    width: 38%;
    float: right;
}

.tabulka {
    width: 38%;
    height: 95vh;
    float: right;
}

.detail {
    float: left;
    width: 60%;
}

.text {
    width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 2.3vw;
    text-align: center;
}

.swal2-li {
    text-align: left;
}


table{
    border-collapse: collapse;
}

tr,td {
border: 1px solid black;
}


#spoje, #detail, #vsechnyTopologie{
    font-family: Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

#stanice td, #spoje td, #detail td, #vsechnyTopologie td{
    border: 1px solid #ddd;
    padding: 0.4vh 0.4vw;
    font-size: 1.6vh;
    cursor: pointer;
}

#detail td {
    cursor: default;
}


/*První sloupec*/
#spoje td:first-child {
    text-align: left;
    padding-right: 0.5vw;
    width: 70%;
}
  
/*Druhý sloupec*/
#spoje td:nth-child(2) {
    font-weight: bold;
    text-align: center;
}

#detail td:first-child {
    text-align: right;
    padding-right: 0.5vw;
}
  
#detail td:nth-child(2), #detail td:nth-child(3) {
    font-weight: bold;
    text-align: center;
}

  

#spoje tr:nth-child(even), #detail tr:nth-child(even), #vsechnyTopologie tr:nth-child(even){background-color: #f2f2f2;}

#stanice tr:hover, #spoje tr:hover, #detail tr:hover, #vsechnyTopologie tr:hover{background-color: #ddd;}

#stanice th, #spoje th, #detail th, #vsechnyTopologie th{
    padding-top: 1.2vh;
    padding-bottom: 1.2vh;
    font-size: 1.9vh;
    text-align: center;
    background-color: #03a1b6cc;
    color: white;
    border: 1px solid #ddd;
}


.formular input[type="number"], .formular select {
    padding: 0.2vw 0.5vw;
    margin: 0.3vw 0;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    font-size: 1vw;
}

.formular input[type="number"]:focus, .formular select:focus {
    border: 2px solid #555;
}

.formular label {
    display: inline-block;
    width: 25%;
    text-align: right;
    font-size: 1vw;
    font-weight: bold;
    margin-top: 0.5vw;
    font-size: 1.2vw;
    padding: 0.2vw 0.5vw;
    font-family: Arial, Helvetica, sans-serif
}

#formularFull{
    width: 70%;
    display: inline-block;
}

#submitButton{
    background-color: green;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    font-size: 18px;
    cursor: pointer;
    margin-bottom: 1vw;
    margin-top: 1vw;
    float: right;
}