/*styly pro vyskakovaci okna, dropdown nabidku a obecne nastaveni*/

*{
    box-sizing:border-box;
}

:focus {
    outline: none;
}

body {
    margin: 0;
}

.dropdown {
    position:relative; 
    cursor:pointer; 
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: all .5s ease;
}

.dropdown:focus{
    pointer-events:none;
}

.dropdownshow{
    position:absolute;
    overflow:hidden; 
    top:0;
    right:0;
    z-index: 1;
    opacity: 0;
    transition: all .5s ease;
    transform: scaleY(0);
    transform-origin: top;
} 

.dropdown:focus .dropdownshow {
    height:auto;
    pointer-events:auto;
    opacity: 1;
    transform: scaleY(1);
}

.dropdownAkce {
    background-color: rgba(255,255,255,0.8);
    padding: 5px 0;
}

.dropdownAkceItem {
    padding: 2px 4px;
    white-space: nowrap;
}

.dropdownAkceItem:hover {
    background-color: rgba(255,255,255,0.8);
}

.alertCover {
    z-index:9999;
    background-color: rgba(0,0,0,0.7);
    position: fixed;
    width: 100%;
    height: 100%;
    color: white;
    top:0;
    left:0;
}

.alertBox {
width: 340px;
min-height: 150px;   
background-color: white; 
border-radius:20px;
margin:auto;
margin-top:100px;
padding:10px;
color:#333;
display:flex;
justify-content: center;
align-items:center;
font-weight:bold;
font-size:19px;
text-align:center;
font-family: "Segoe UI",Arial,sans-serif;

}

.alertErr .alertBox {
-webkit-box-shadow: 0 0 10px 0px red;   
-moz-box-shadow: 0 0 10px 0px red;   
box-shadow: 0 0 10px 0px red;   
}

.alertOk .alertBox {
-webkit-box-shadow: 0 0 10px 0px green;   
-moz-box-shadow: 0 0 10px 0px green;   
box-shadow: 0 0 10px 0px green;     
}

.confirmBox {
 width: 340px;
min-height: 150px;   
background-color: white; 
border-radius:20px;
margin:auto;
margin-top:100px;
padding:10px;
color:#333;
display:flex;
justify-content: center;
flex-direction:column;
align-items:center;
font-size:16px;
text-align:center;
font-style:italic;
font-family: "Segoe UI",Arial,sans-serif;   
}

.confirmButtons {
display:flex;
justify-content: space-evenly;
width:100%;
margin-top:30px;  
font-style:normal;
font-weight:bold;
font-size:17;
cursor:pointer; 
}
.confirmButton.confirmButtonOk {
color:red;    
}
.confirmButton.confirmButtonCancel {
color:gray;    
}