a:link, a:visited, a:hover, a:active {text-decoration: none; color: inherit;}

*{font-family: Ubuntu; box-sizing: border-box;}

.container {display: flex; max-width: 900px; width: 900px; height: 600px;}

.container_hl {width: 700px; height: 600px;}
.container_hl1 a {display:grid; align-items: center; width: 240px; height: 50px; float: left; font-size:20pt; color: #ffffff; background-color: #DCC7AA;}
.container_hl2{display:flex; flex-direction: row-reverse; width: 460px; height: 50px; background-color: #fff8ed;}
.container_hl3{display:flex; align-items: center; width: 700px; height: 50px; background-color: #dcc7aa;}
.container_hl4{display:flex; align-items: center; width: 700px; height: 400px; background-color: #f7c331;}
.container_hl5{display: flex; padding: 5px; justify-content: flex-end; align-items: flex-end; width: 700px; height: 90px; background-color: #6b7a8f; font-size: 18px; color:rgb(15, 15, 15);}

.container_v {max-width: 200px; height: 600px; font-size:16px; display: flex; flex-wrap: wrap;}
.container_v1{display:grid;  align-items: center; width: 190px; max-width: 190px; height: 134px; margin: 0px 0px 8px 10px; padding: 5px; background-color: #6b7a8f;}
.container_v2{display:grid;  align-items: center; width: 100%; max-width: 190px; height: 134px; margin: 0px 0px 8px 10px; padding: 5px; background-color: #f7882f;}
.container_v3{width: 190px; max-width: 190px; height: 134px; margin: 0px 0px 8px 10px; padding: 5px; background-color: #f7c331;}
.container_v4{display:grid;  align-items: center; width: 190px; max-width: 190px; height: 134px; font-size:14px; color: #757474; margin: 0px 0px 0px 10px; padding: 5px; background-color: #dcc7aa;}

.content {display: flex; position: relative; width: 100%; flex-wrap: wrap; max-height: 100vh; border-radius: 7px; background-color: rgba(255, 255, 255, 0.6); margin: 15px 15px 15px 15px; padding: 15px; font-size: 15px; color: #000000;}

.input_v2{width: 100%; height: 30px; font-size:14px; margin-bottom: 5px; color:rgb(51,51,51); border-width:1px; border-color:rgb(51,51,51); border-style:solid; border-radius:4px; background:rgba(250,250,250,0.6);}
.select_v3{width: 31%; height: 20px; font-size:14px; margin-bottom: 5px; color:rgb(30,30,30); padding:1px; border-width:1px; border-color:rgb(51,51,51); border-style:solid; border-radius:5px; background:rgba(250,250,250,0.6);}
.button_v2{width: 100%; height: 20px; font-size:14px; color:rgb(30,30,30); padding:1px; border-width:1px; border-color:rgb(51,51,51); border-style:solid; border-radius:5px; background:rgba(250,250,250,0.6);}
.input-group {position: relative;}
.user-label {position: absolute; left: 5px; color: #696969; pointer-events: none; transform: translateY(7px); transition: 150ms cubic-bezier(0.4,0,0.2,1);}
.input:focus ~ label, input:valid ~ label {transform: translateY(-45%) scale(0.8); padding: 3px; color: #ffffff;  background-color: rgba(161, 161, 161, 0.7);}

.kontajner2 {padding: 0 3px; max-width: auto; height: 40px;}
.kontajner2 img {margin-top: 3px; padding:0px; vertical-align: middle; max-width: 100%; height:30px; border-radius: 5px;}

.success{width: 100%; background-color: #dff0d8; border: 2px solid #c0e7a0; border-radius: 4px; color: #2c612d; margin: 30px; padding: 20px;}
.info{width: 100%; background-color: #d9edf7; border: 2px solid #a0e4f1; border-radius: 4px; color: #337697; margin: 30px; padding: 20px;}
.warning{width: 100%; background-color: #fcf8e3; border: 2px solid #fae0ad; border-radius: 4px; color: #8d6a2e; margin: 30px; padding: 20px;}
.danger{width: 100%; background-color: #f2dede; border: 2px solid #e7a6b1; border-radius: 4px; color: #af312f; margin: 30px; padding: 20px;}

.feedback-card{
    position: relative;
    width: 620px;
    padding: 20px;
    background: #1e272e;
    border-radius: 20px;
    border: 1px solid #337697;
    margin: 10px;
}

.rating-container{
    display: flex;
    gap: 15px;
    justify-content: center;
}
.rating-container input {
    display: none; /* Skryjeme radio buttony */
}

.rating-emoji{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border: none;
    border-radius: 15px;
    background: #485460;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    font-size: 30px;
    transform-origin: 20px 30px;
}
.rating-emoji:hover{
    transform: scale(0.9) rotate(5deg);
    background: #a5b1c2;
}

.rating-container input:checked + .rating-emoji {
    transform: scale(1.05);
    background: #0fbcf9;
    box-shadow: 0 8px 10px rgba(78, 205, 196, 0.7);
}
.feedback_textarea{
    width: 560px;
    height: 100px;
    padding: 10px;
    border: 2px solid #808e9b;
    border-radius: 15px;
    resize: none;
    margin: 10px;
    transition: all 0.3s ease;
    background-color: #485460;
    color: #eee;
}

.feedback_textarea:focus{
    outline: none;
    border-color: #0fbcf9;
    box-shadow: 0 0 10px rgba(78, 205, 196, 0.5);
}
.feedback_textarea::placeholder{
    color: #eee;
}
.submit-btn{
    width: 560px;
    padding: 10px;
    margin: 10px;
    border: none;
    border-radius: 15px;
    background: #0fbcf9;
    color: white;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s ease;
    justify-content: center;
}
.submit-btn:hover{
    transform: translateY(-2px);
    box-shadow: 0 8px 15px rgba(13, 196, 242, 0.7);
}

.dashboard_container {display: flex; max-width: 900px; width: 900px; height: 600px;}
.menu_container_v {display: flex; 
    max-width: 200px; 
    height: 600px; 
    flex-direction: column;
    flex-wrap: wrap;}

.menu_container_v1, .menu_container_v2, .menu_container_v3, .menu_container_v4{
    display:flex; 
    justify-content: center;
    width: 190px; max-width: 190px; 
    height: 140px; 
    font-size:20px; 
    color: #000000;
    margin: 2px 5px 5px 5px; 
    padding: 5px;  
    flex-direction: column;
}
    
.menu_container_v1{background-color: #dcc7aa; align-items: center; /* Centrovanie horizontálne */
    justify-content: center; /* Centrovanie vertikálne */}
.menu_container_v2{background-color: #f7c331;}
.menu_container_v3{background-color: #f7882f;}
.menu_container_v4{background-color: #6b7a8f;}

.menu_sector_v2, .menu_sector_v3, .menu_sector_v4{display: flex; color: #000000; font-size: 20px; padding: 3px; margin: 2px; transition: all 0.3s ease;}

.menu_sector_v2:hover{width: 100%; background-color: #ffbb00; color: #ffffff; font-size: 21px;}
.menu_sector_v3:hover{width: 100%; background-color: #f76f00; color: #ffffff; font-size: 21px;}
.menu_sector_v4:hover{width: 100%; background-color: #47586e; color: #ffffff; font-size: 21px; padding: 3px;}


.profile_img {border-radius: 50%;}

.dropbtn {background-color: #2E4A62;
    color: white;
    padding: 10px;
    font-size: 15px;
    width: 200px;
    border: none;
    cursor: pointer;}

.dropdown {position: relative;
     display: inline-block;}

.dropdown-content {display: none;
      position: absolute;
      background-color: #4C6A92;
      min-width: 160px;
      box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
      z-index: 1;}

.dropdown-content a {color: white; padding: 12px 16px; text-decoration: none; display: block;}

.dropdown-content a:hover {background-color: #92B6D5}
.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {background-color: #034F84;}
.table_chat {position: relative; display: inline-block; background-color: #f1f1c1; border-radius:3px;}
.table_td {border-bottom: 1px solid rgb(204,204,204);font-family: Ubuntu;}
.table_tr:hover {background-color: #FFFFFF;}