#editace 
{
    display: none;
    position: fixed;
    top: 65px;
    width: 100%;
    z-index: 99;
    background-color: #f2f2f2;
    padding: 5px;
    min-height: 50px;
    height: auto;
}
#editace_panel{
    width: 80%;
    text-align: center;
    float: left;
}
#ulozit{
    width: 10%;
    margin: auto;
    margin-top: 20px;
    text-align: center;
    float: left;
}

.editace_ulozit{
    background-color: #4CAF50;
    border: none;
    color: white;
    padding: 16px 32px;
    cursor: pointer;
}
.editace_ulozit:hover{
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}

.editace_menu
{
    background-color: white;
    border: none;
    padding: 5px 10px;
    font-size: 25px;
    font-weight: 0;
    margin-bottom: 10px;
}
.editace_menu:hover {
    background-color: #cccccc;
    cursor: pointer;
}

#editace select {
    font-size: 16px;
    font-family: 'FontAwesome', Arial;
    padding: .6em 1.4em .5em .8em;
    border: 1px solid #aaa;
    border-radius: .5em;
    margin: 0;
    margin-bottom: 10px;
    
    /*defaultní šipka*/
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    /*defaultní šipka*/
    
    /*modrá šipka*/
    background-color: #fff;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
      linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
    /*modrá šipka*/
}
#editace select::-ms-expand {
    display: none;
}
#editace select:hover {
    cursor: pointer;
}
#editace option:hover {
    cursor: pointer;
    background-color: #b2b2b2;
}

#editace select:focus {
    border-color: #aaa;
    box-shadow: 0 0 1px 1px rgba(59, 153, 252, .7);
    box-shadow: 0 0 0 3px -moz-mac-focusring;
    color: #222; 
    outline: none;
}

input[type=button], input[type=submit], input[type=reset] {
  background-color: #4CAF50;
  border: none;
  color: white;
  padding: 16px 32px;
  text-decoration: none;
  margin: 4px 2px;
  cursor: pointer;
  z-index: 1000;
}

.editace_clanek img
{
    object-fit: contain;
}

.odstranit{
    display: none;
    z-index: 200;
    text-align: right;
    font-size: 20px;
}
.odstranit i{
    color: black;
}
.odstranit i:hover{
    color: #3498db;
}

.obrazek_okno
{
    display: none;
    position: fixed;
    z-index: 100;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}

.obrazek_okno .ulozit {
    background-color: #4CAF50;
    color: white;
    padding: 1em 2em;
    margin: 1em 0;
    border: none;
    cursor: pointer;
    width: 100%;
}

.obrazek_okno .ulozit:hover {
    opacity: 0.8;
}

.obrazek_okno_pozadi 
{
    margin: 0.5em;
}

.obrazek_okno .zavrit 
{
    float: right;
    color: black;
    font-size: 2em;
    font-weight: bold;
    padding: 0;
}

.obrazek_okno .zavrit:hover
{
    color: red;
    cursor: pointer;
}

.obrazek_okno_content
{
    background-color: #fefefe;
    margin: 5% auto 15% auto;
    border: 1px solid #888;
    width: 30%;
}

.obrazek_okno_animate {
    -webkit-animation: animatezoom 0.6s;
    animation: animatezoom 0.6s
}

@-webkit-keyframes animatezoom {
    from {-webkit-transform: scale(0)} 
    to {-webkit-transform: scale(1)}
}
    
@keyframes animatezoom {
    from {transform: scale(0)} 
    to {transform: scale(1)}
}


.obrazek_okno input[type=text]
{
    width: 100%;
    padding: 0.5em 1em;
    margin: 1em 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
    font-family: 'Open Sans', sans-serif;
    font-size: 130%;
}
.obrazek_okno input[type=number]
{
    outline: none;    
    width: 50%;
    padding: 0.5em 1em;
    margin: 1em 0;
    border: 1px solid #ccc;
    box-sizing: border-box;
    font-family: 'Open Sans', sans-serif;
    font-size: 100%;
}

.range {
    -webkit-appearance: none;
    width: 100%;
    height: 1em;
    border-radius: 0.5em;   
    background: #ccc;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
}

.range::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 2em;
    height: 2em;
    border-radius: 50%; 
    background: #2196F3;
    cursor: pointer;
}

.range::-moz-range-thumb {
    width: 2em;
    height: 2em;
    border-radius: 50%; 
    background: #4CAF50;
    cursor: pointer;
}

.editace_pomoceny_div {margin-top:100px; width:100%;height:10px;}