/* OBECNE STYLY */

body, html {
 height: 100%;
}

* { margin: 0; padding: 0; }

BODY, DIV, TABLE, CAPTION,ADRESS, IMG {
  border: 0;
  font-family: Arial;
  margin: 0;
  padding: 0;
}

body {
    background-color: white;
}

#map { height: 500px;position: relative;}

.mapa { position: absolute; top: -15px; left: 0; cursor: pointer;}

.select2 {border: 1px solid #546a76;}
.select2 .select2-selection {border: none!important;}
.select2 ul {margin: 0!important;padding: 0!important;}
.select2 li {padding-left: 10px;margin-bottom: 0px;font-size: 14px;}
.select2 :before {display: none;}
.select2 ul {margin: 0;}
.select2 input{border: none!important;padding: 0!important;}
.dropdown-wrapper :before {display: none;}
.select2-results__option {margin: 0px;padding: 0;}
.select2-results__option:before {background: none;display: none;}
.select2-container {margin-bottom: 0!important;}

.maplibregl-control-container{display: none;}

.custom-marker {
    background-color: white;
        border: none;
            border-radius: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 10px;
            color: white;
            font-weight: bold;
            padding: 0 5px;
            width: auto; /* Zvětšeno na 40 pixelů */
            height: 25px;
}
.marker-number {
            text-align: center; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-size: 12px;
}

h1, h2, h3, h4, h5, p, ul, ol, b, a, li, td, th, strong, span, div, input, textarea {font-family: 'Montserrat', sans-serif;}

h1{text-align: center;color:#1c1c1c;font-size: 35px;font-weight: 300;margin-bottom: 10px;}
h2{color:#1c1c1c;font-size: 30px;font-weight: 300;margin-bottom: 10px;}
h3{color:#1c1c1c;font-size: 25px;font-weight: 300;margin-bottom: 10px;}
h4{color:#1c1c1c;font-size: 20px;font-weight: 300;margin-bottom: 10px;}
h5{color:#1c1c1c;font-size: 18px;font-weight: 300;margin-bottom: 10px;}

@media only screen and ( max-width: 800px ){
    h1{font-size: 25px;}
    h2{font-size: 20px;}
}

a{text-decoration: underline;color: #1c1c1c;}
a:hover{text-decoration: underline;}

input{outline: none;}

ul, ol {
    line-height: 100%;
}

.toLeft {
  float: left;
}

.toRight {
  float: right;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

.hidden{display: none;}

.grecaptcha-badge{z-index: 99;}

.ui-widget-content {
  background: #ffdddd!important;
}

.button{display: inline-block;color: #050505;text-decoration: none;font-size: 16px;font-weight: 700;border: 1px solid #050505;background-color: transparent;padding: 20px;transition: all 0.9s;text-transform: uppercase;margin-bottom: 20px;}
.button:hover{color: #050505;background-color: #969696;text-decoration: none;}
.button.red{background-color: #e3000f!important;}
.button.gray{background-color: #969696!important;}
.button.green{background-color: #71b73b!important;}
.button.yellow{background-color: #f3cb1e!important;}

.finish.red{color:white!important;border: 2px solid #1c1c1c!important;background-color: #e3000f!important;}
.finish.gray{border: 1px solid #969696!important;background-color: #969696!important;}
.finish.green{border: 1px solid #71b73b!important;background-color: #71b73b!important;}
.finish.yellow{color:#1c1c1c!important;border: 2px solid #1c1c1c!important;background-color: #f3cb1e!important;}
.finish.yellow:hover{background-color: transparent!important;}

.toCenter{display: block;text-align: center;margin: 0 auto;}
.halfwidth{width: 50%;}
.right{text-align: right;}
.cleaner{display: block;height: 0;clear: both;overflow: hidden;content: ' ';font-size: 0;}
.fb-like{top:-5px;}
.seznam{width: 100%; font-size: 12px; text-align: left;}
.seznam th{padding: 5px;color: black!important;}
.seznam td{padding: 5px;color: black!important;}

.msgOK{position: relative;z-index: 99;background-color: #438bc5;  font-weight: 900; font-size: 15px; color: white; text-align: center; padding: 10px;}
.msgError{position: relative;z-index: 99;background-color: #E21A1A;  font-weight: 900; font-size: 15px; color: white; text-align: center; padding: 10px;}

/* LAYOUT */
#panelMiddle{min-height: 100%;position: relative;overflow: hidden;margin: 0 auto;z-index: 94;}
.panelMiddleIn{max-width: 1920px;padding: 0 10px; margin:0 auto;}
#panelTop{width:100%;z-index: 99;box-sizing: border-box;transition: all 0.5s;/*background: #f3cb1e url('../img/top_bg.png') left bottom repeat-x;*/background-color: #f3cb1e;}

#panelContent{text-align: center;background: none;padding: 50px 0;}

#logo{float: left;text-align: right;padding: 0;}
#logo a{background: transparent url('../img/logo.png') center left no-repeat;text-decoration: none;padding: 10px 0px 10px 70px;line-height: 20px;text-align: left;position: relative;display: block;color: #1c1c1c;font-size: 25px;font-weight: 300;text-transform: uppercase;}

@media only screen and ( max-width: 800px ){
    #logo a{padding:20px;line-height: 0px;font-size: 0;}
    #panelContent{padding:10px 0;}
}

#uzivatel{float: right;text-align: right;position: relative;display: block;padding: 0;}
#uzivatel p{display: block;color: #1c1c1c;font-size: 15px;font-weight: 400;}
#uzivatel a{display: inline-block;color: #1c1c1c;font-size: 15px;font-weight: 400;margin: 0 5px;}

#panelMenu{position: fixed;width:100%;z-index: 98;background-color: #3974ac;}

.nopadding{padding:5px 0 0 0!important;}

#panelBottom{width: 100%;background-color: #050505;}

#bottom{position: relative;text-align: right;padding: 0 0 20px 0;}
#bottom h3{color:#5a5a5a;}
#bottom p{color:white;font-size: 16px;font-weight: 300;}
#bottom strong{color:white;font-size: 16px;font-weight: 500;color:white;}
#bottom a{color:#bea565;font-size: 16px;font-weight: 300;}
#bottom a:hover{text-decoration: underline;}

#panelFooter{width:100%;}

#footer{padding: 30px;}
#footer p{text-align: right;font-size: 18px;font-weight: 300;color: #bea565;margin-bottom: 0;}
#footer a{color:#bea565;font-size: 18px;font-weight: 300;}

#edit{float: right; margin: 5px; width: 130px;}

#upload{float: left; margin: 5px;}
#upload label{float: left; padding-top: 4px; font-size: 13px; color: white; margin-left: 10px;}
#upload b{cursor: pointer; float: left;}
#upload input{float: left; margin-left: 10px;}
#upload select{float: left;margin-left: 10px;height: 21px;}
#upload .popis{height: 21px;}
#upload div.img{display: none; float: left; padding: 5px; background-color: #546a76;color: white;}
#upload div.file{display: none; float: left; padding: 5px; background-color: #546a76;color: white;}

#podmenu{text-align: center;}
#podmenu a{display: block;margin-bottom: 20px;font-size: 13px; font-weight: 600;text-decoration: none!important;}
#podmenu a:hover{text-decoration: underline!important;}

#panelLeft{float:left;width:500px;font-size: 0;margin-right: 100px;}
#panelLeft div.img{padding: 50px;box-sizing: border-box;margin-left: 10px;margin-right: 10px;}
#panelLeft img{max-width: 100%;}

#panelMain{width: auto;/*overflow: hidden;*/box-sizing: border-box;}
#panelMain div.popis{text-align: left;box-sizing: border-box;}
#panelMain h1{margin-bottom: 20px;color:#050505;font-weight: 300;}
#panelMain p{color:#050505;font-size: 16px;margin-bottom: 20px;font-weight: 400;}
#panelMain b{color:#050505;font-size: 16px;margin-bottom: 20px;font-weight: 600;}
#panelMain strong{font-weight: 600;}
#panelMain a{}
#panelMain a:hover{}
#panelMain a.vice{display: inline-block;text-align: center; text-decoration: none;color: #66cc33;font-size: 15px;font-weight: 400;padding: 0 10px 10px 10px;border-bottom: 2px solid #f07c31;}
#panelMain ul{margin-bottom: 20px;margin-left: 30px;overflow:visible;line-height: 150%;list-style: none;list-style-position: inside;list-style-type: square;}
#panelMain li{color:#505050;font-size: 16px;font-weight: 400;line-height: 180%;}
#panelMain ol{margin-left: 20px; margin-bottom: 20px;line-height: 180%;}
#panelMain hr{border: 0;height: 1px;background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)); margin-bottom: 20px;margin-top: 20px;}

@media only screen and ( max-width: 800px ){
    #panelMain ul{margin-left: 0px;}
    #panelMain ul li{padding: 0;margin: 0; background: none;}
    #panelMain div.popis img{max-width: 100%!important; height: auto!important;margin: 10px 0!important;}
    #panelMain h1{text-align: center;}
}

table{border-collapse: collapse;border: none;margin-bottom: 10px;}
table p{margin: 0!important;}
th{border: none;color:#505050;font-size: 16px;font-weight: 600;padding: 5px;}
td{border: none;color:#505050;font-size: 16px;font-weight: 400;padding: 2px;}
tr{}

.table-fixed {
  width: 100%;
}

/*This will work on every browser but Chrome Browser*/
.table-fixed thead {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  z-index: 999;
  background-color: white;
  color: #505050;
}

/*This will work on every browser*/
.table-fixed thead th {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 999;
    background-color: white;
    color: #505050;
}

  table {
    width: 100%;
    border-collapse: collapse;
  }

  thead {
    display: none;
  }

  tr {
    display: flex;
    flex-direction: column;    
    margin-bottom: 10px;
  }

  @media (min-width: 600px) {
    thead {
      display: table-header-group;
    }

    tr {
      display: table-row;
    }

    td {
      display: table-cell;
      border-bottom: 0;
    }
  }

#fotky{text-align: center;margin-bottom: 20px;box-sizing: border-box;}
#fotky div.fotky{float: left;position: relative;width: 115px;height:115px;box-sizing: border-box;margin: 10px 0 0 10px;list-style-type: none;border: 1px solid #bea565;}
#fotky .fotky a{display: block;position: relative;padding-top: 100%;font-size: 0;text-align: center;overflow: hidden;}
#fotky a img{max-width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) scale(1);transition: all 0.5s;}
#fotky a:hover img{transform: translate(-50%, -50%) scale(1.1);}
#fotky a span{position: absolute;opacity: 0;left: 50%;top: 50%;transform: translate(-50%, -50%);text-align: center;color:white;font-size: 20px;font-weight: 800;text-shadow: 0px 0px 10px #000000;transition: opacity 1s;}
#fotky a:hover span{opacity: 1;}
#fotky a.del{position:absolute;top: 3px; left:21px;background: transparent url('../img/kos_foto.png') no-repeat; width:15px; height:15px; border: none;}
#fotky div.edit{cursor: pointer; z-index: 90;position:absolute; top: 3px; left:3px;background: transparent url('../img/pencil_foto.png') no-repeat; width:15px; height:15px; border: none;}
#fotky form{display: none; width:180px; float: left; position: relative; top:15px; padding: 5px; background-color: #546a76;color: white;}
#fotky form label{float: left; margin-right: 5px;font-size: 12px; color: white;}
#fotky input{padding: 2px; margin-bottom: 5px;}
#fotky form input.button{text-align: center; color: black; background-color: white; border: none;}

@media only screen and ( max-width: 800px ){
    #fotky div.fotky{float: left;position: relative;width: 90px;height:90px;box-sizing: border-box;margin: 5px 0 0 5px;list-style-type: none;border: 1px solid #e8e8e8;}
}

.category-button{cursor: pointer;border: none;background: none;color: #1c1c1c;font-size: 14px;font-weight: 600;margin: 0 10px;}
.active{color: #bea565;}

/*Menu*/
#menu{float: right;text-align: right;position: relative;z-index: 99;padding: 15px 0;}

#menu b.openbtn{border-bottom: 14px double #bea565;border-top: 5px solid #bea565;content:"";height: 4px;width:30px;cursor: pointer;display: none;}
#menu b.closebtn{font-family: arial;position: absolute;top: 0;left: 15px;font-size: 36px;color: white; cursor: pointer;display: none;}
#menu b.closebtn:hover{color: #bea565;}

#menu ul{list-style:none;}
#menu ul li{position: relative;display:inline-block; text-align: center;transition: all 300ms ease 0s;}
#menu ul li a{display: inline-block;color:white;position: relative;z-index: 99;font-size: 14px;font-weight:400;padding: 10px 10px 20px 10px;text-decoration: none;border-bottom: 1px solid transparent;}
#menu ul li p{color:white;position: relative;z-index: 99;display: block;font-size: 14px;font-weight:400;padding: 10px 10px 20px 10px;text-decoration: none;}
#menu ul li a.edit{width: 20px; height: 20px;padding: 0 10px;background: transparent url('../img/plus.png') center bottom no-repeat;}
#menu ul li.mark a:hover{text-decoration: none;border-bottom: 1px solid #bea565;color: #bea565;}
#menu ul li.unmark a:hover{text-decoration: none;border-bottom: 1px solid #bea565;color: #bea565;}
#menu ul li.mark a{text-decoration: none;border-bottom: 1px solid #bea565;color: #bea565;}

#menu li ul{list-style:none; position: absolute;visibility: hidden;overflow: hidden;padding-top: 0px;padding-bottom: 20px;max-height:0px;top:96px;background-color:rgba(90, 90, 90, 0.8);width: 300%;margin: 0 0 0 -100%;transition: all 0.5s ease-in-out;}
#menu li:hover ul{max-height: 400px;visibility: visible;}
#menu li ul li{text-align: center;margin: 0px;padding: 0;display: block;vertical-align: top;}
#menu li ul li a{color:white;display: inline-block;padding: 10px;font-size: 14px;font-weight: 400;}
#menu li.mark ul li a:hover{border-bottom: 1px solid #bea565;}
#menu li.unmark ul li a:hover{border-bottom: 1px solid #bea565;}
#menu li.unmark ul li a{color: white;border: none;}
#menu li.mark ul li a{color: white;border: none;}

@media only screen and ( max-width: 1400px ){
    #menu{margin-right: 60px;}
}

@media only screen and ( max-width: 1000px ){
    #menu{padding: 42px 0px 30px 0;}
    #menu ul{float: none;}
    #menu b{display: inline-block!important;}
    #menu ul li ul{background: none;}
    #menu ul li ul li a{color:#bea565;}
    #menu ul li{display:block;background: none;padding-right: 0;padding-left: 0;}
    #menu ul li a{color:white;background: none;padding: 10px;border: none;font-size: 14px;font-weight: 400;}
    #menu ul li p{color:white;background: none;padding: 10px;border: none;font-size: 14px;font-weight: 400;}
    #menu ul li a.sub{color:white;}
    #menu ul li.mark a:hover{border-bottom: 1px solid #bea565;}
    #menu ul li.mark p:hover{border-bottom: 1px solid #bea565;}
    #menu ul li.unmark a:hover{border-bottom: 1px solid #bea565;}
    #menu ul li.unmark p:hover{border-bottom: 1px solid #bea565;}
    #menu ul li.mark a{color:#bea565;text-decoration: none;border:none;}
    #menu ul li.mark p{color:#bea565;text-decoration: none;border:none;}

    #menu ul li a.edit{display: none;}
    #menu ul li ul{position: relative;top:0px;padding: 0;width: 100%;margin: 0;}
    #menu ul li ul li a{font-size: 13px;font-weight: 800;}
    #menu ul li.unmark ul li a:hover{color:#5a5a5a;text-decoration: none;border:none;}
    #menu ul li.unmark ul li p:hover{color:#5a5a5a;text-decoration: none;border:none;}
    #menu .nav{height: 100%;width: 200px;position: fixed;z-index: 1;top: 0;right: -200px;background-color: rgba(0,0,0,0.8);overflow-x: hidden;padding-top: 60px;transition: 0.5s;}
}

/*Podskupiny*/
#podskupiny{position: relative;text-align: center;}
#podskupiny a{display: inline-block;color:#66cc33;font-size: 15px;font-weight: 400;text-decoration: none;margin: 10px;padding: 0 10px 10px 10px;box-sizing: border-box;border-bottom: 2px solid #f07c31;}
#podskupiny a:hover{text-decoration: none;}

/*Search form*/
#vyhledavani{width:100%;float: none;text-align: center; margin: 0;}
#vyhledavani.half{width:calc(50% - 5px);float: right;text-align: right; margin-left: 5px;}
#vyhledavani label{font-size: 16px;font-weight: 400;color: #1c1c1c;vertical-align: middle;}
#vyhledavani input{vertical-align: top; font-size: 16px;font-weight: 400;color: #1c1c1c;background:none;border: 1px solid #1c1c1c;border-radius: 0;padding: 5px;margin-bottom: 10px;}
#vyhledavani input[type="date"]{width: auto;}
#vyhledavani select{font-size: 16px;font-weight: 400;color: #1c1c1c;background:none;border: 1px solid #1c1c1c;border-radius: 0;padding: 5px;vertical-align: middle;}
#vyhledavani input.button{float: right; width: auto; padding: 6.4px;margin: 0;margin-left: 5px;border: 1px solid #1c1c1c;border-radius: 0;background-color: #1c1c1c;color: white;font-size: 13px;font-weight: 800;cursor: pointer;text-transform: uppercase;transition: all 300ms ease 0s;}
#vyhledavani input.button:hover{border: 1px solid #1c1c1c;border-radius: 0;background-color: transparent; color: #1c1c1c;}
#vyhledavani select option{color: #1c1c1c;}
#vyhledavani input::placeholder {color: #1c1c1c;}
#vyhledavani .red{color: #B80F0A;}
#vyhledavani .active{border: 1px solid #e3000f;}

#vyhledavani p.rozsirene_trigger{float: right;padding: 5px;margin: 0;margin-bottom: 10px;margin-left: 5px;border: 1px solid #1c1c1c;border-radius: 0;background-color: #1c1c1c;color: white;font-size: 13px;font-weight: 800;cursor: pointer;text-transform: uppercase;transition: all 300ms ease 0s;}
#vyhledavani div.rozsirene{display: none;text-align: left;margin-bottom: 20px;}
#vyhledavani div.rozsirene_vyplnene{display: block;}

#chat {width:100%;float: none;text-align: right; margin: 0;}
#chat.half{width:calc(50% - 5px);float: left;text-align: right; margin-left: 5px;}

#chat table{
  border: 1px solid #1c1c1c;
  text-align: left;
}

#chat p{  
  display: inline-block;
  vertical-align: top;
  width: 100%;  
}

#chat p.half{    
  width: 49%;  
}

#chat th, #chat td{
  position: relative;
  font-size: 13px;
  padding: 2px;
  color: #1c1c1c;
  border: 1px solid #1c1c1c;
}

#chat input{vertical-align: top; font-size: 13px;font-weight: 400;color: #1c1c1c;background:none;border: 1px solid #1c1c1c;border-radius: 0;padding: 5px;}
#chat select{font-size: 13px;font-weight: 400;color: #1c1c1c;background:none;border: 1px solid #1c1c1c;border-radius: 0;padding: 5px;vertical-align: middle;}
#vyhledavani select option{color: #1c1c1c;}
#chat input.button{float: right; width: auto; padding: 5px;margin: 0;margin-left: 5px;border: 1px solid #1c1c1c;border-radius: 0;background-color: #1c1c1c;color: white;font-size: 12px;font-weight: 800;cursor: pointer;text-transform: uppercase;transition: all 300ms ease 0s;}
#chat input.button:hover{border: 1px solid #1c1c1c;border-radius: 0;background-color: transparent; color: #1c1c1c;}
#chat tr a.full{position: absolute;z-index: 10;top: 0;left: 0;right: 0;bottom: 0;}
#chat a.del{display: inline-block; text-align: center; background: transparent url('../img/kos_foto.png') no-repeat; width:15px; height:15px; border: none;}

@media only screen and ( max-width: 1200px ){
  #vyhledavani{width:100%;float: none;text-align: right; margin-left: 0; margin-bottom: 5px;}
  #chat{width:100%;float: none;text-align: right; margin-left: 0; margin-bottom: 5px;}
  #vyhledavani input{width: 100%!important;}
  #vyhledavani select{width: 100%!important;}
}

/* LOGIN */
#login{}
#login form{max-width: 270px; margin: 0 auto;}
#login label{width: 50px;}

/* TABULKA SPRÁVY*/
#sprava{/*overflow-x:auto;*/}
#sprava .container {display: flex;justify-content: space-between;width: 100%;}

#sprava div.half{width: calc(50% - 5px); box-sizing: border-box;}
#sprava table{width: 100%;}
#sprava th{color: #1c1c1c;border: 1px solid #1c1c1c;font-size: 14px;font-weight: 600;text-align: center;}

#sprava td{position: relative;color: #1c1c1c;border: 1px solid #1c1c1c;font-size: 16px;font-weight: 500;padding: 5px;}
#sprava td.editace {white-space: nowrap;width: auto;max-width: 100%; text-align: center;}
#sprava td.editace form{display: inline-block; width: 100%; text-align: center;}
#sprava td.small{font-size: 14px;}
#sprava td p{color: white;font-size: 14px;}
#sprava td p.popis{position: relative;color: white;font-size: 14px;white-space: break-word;word-break: break-all;}
#sprava tr{}
#sprava tr a.full{position: absolute;z-index: 10;top: 0;left: 0;right: 0;bottom: 0;}
#sprava tr.nevyrizeno td p.popis{color: white;}
#sprava tr.vyrizeno td p.popis{color: #666;}
#sprava td p.popis span{display: none;position: absolute;top: 0;left: 0;width: 400%;background-color: white;color:#1c1c1c;padding: 10px;z-index: 99;}
#sprava td p.popis:hover span{display: block;}
#sprava td select{border-radius: 0;border: 0;width: 100%;text-align: center;background-color: transparent;color: #1c1c1c;font-size: 16px;font-weight: 500;}
#sprava td select option {color: #1c1c1c;}
#sprava tr.pozde td select{background-color: #8B0000;color: white;}
#sprava tr.nabrano td select{background-color: #9dd474;color: white;}
#sprava tr.prijato td select{background-color: #FF6347;color: white;}
#sprava tr.hori td select{background-color: #f51515;color: white;}
#sprava tr.prihoriva td select{background-color: #ff8080;color: white;}
#sprava tr.nevyrizeno td select{background-color: #71b73b;color: white;}
#sprava tr.vyrizeno td select{background-color: #cccccc;color: white;}
#sprava tr.storno td select{background-color: #909090;color: white;}
#sprava tr.tucne{border: 2px solid #1c1c1c;}
#sprava tr.vyrizeno{background-color: #cccccc;}
#sprava tr.storno{background-color: #909090;}
#sprava tr.nevyrizeno{background-color: #71b73b;}
#sprava tr.vyhovuje{background-color: #71b73b;}
#sprava tr.nevyhovuje{background-color: #f51515;}
#sprava tr.prihoriva{background-color: #ff8080;}
#sprava tr.hori{background-color: #f51515;}
#sprava tr.pozde{background-color: #8B0000;}
#sprava tr.prijato{background-color: #FF6347;}
#sprava tr.nabrano{background-color: #9dd474;}
#sprava tr.nadpis{background-color: #f3cb1e;text-align: left;}
#sprava tr.je{background-color: #9dd474;text-align: left;}
#sprava tr.neni{background-color: #f51515;text-align: left;}
#sprava tr.neni td, #sprava tr.neni select, #sprava tr.neni input{color: white;}
#sprava tr.ukoncena{background-color: #e2e2e2;text-align: left;}
#sprava tr.nevyrizeno td,#sprava tr.vyrizeno td,#sprava tr.hori td,#sprava tr.prihoriva td,#sprava tr.pozde td, #sprava tr.nevyhovuje td{color: white;}
#sprava tr.nevyrizeno td select,#sprava tr.vyrizeno td select,#sprava tr.hori td select,#sprava tr.prihoriva td select,#sprava tr.pozde td select{color: white;}
#sprava td.gray{background-color: #b4b4b4;}
#sprava td input{color: #1c1c1c;border:none;width: 100%;font-size: 15px;font-weight: 500;}
#sprava td input.button{width: auto;}
#sprava td textarea{color: #1c1c1c;border:none;width: 100%;height: 111px;font-size: 15px;font-weight: 500;resize:vertical;}
#sprava input.save{display: inline-block;cursor: pointer;background: transparent url('../img/save.png') no-repeat; width:20px; height:20px; border: none;border-radius: 0;padding: 0;}
#sprava input.mail{display: inline-block;cursor: pointer;background: transparent url('../img/mail.png') no-repeat; width:20px; height:20px; border: none;border-radius: 0;padding: 0;}
#sprava input.plus{display: inline-block;cursor: pointer;background: transparent url('../img/plus.png') no-repeat; width:20px; height:20px; border: none;border-radius: 0;padding: 0;}
#sprava a.edit{display: inline-block;vertical-align: top;cursor: pointer;background: transparent url('../img/pencil.png') no-repeat; width:20px; height:20px; border: none;border-radius: 0;padding: 0;font-size: 0;}
#sprava a.play{display: inline-block;vertical-align: top;cursor: pointer;background: transparent url('../img/play.png') no-repeat; width:20px; height:20px; border: none;border-radius: 0;padding: 0;font-size: 0;}
#sprava a.play.playing{background: transparent url('../img/pause.png') no-repeat;}
#sprava a.file{display: inline-block;vertical-align: top;cursor: pointer;background: transparent url('../img/file.png') no-repeat; width:20px; height:20px; border: none;border-radius: 0;padding: 0;font-size: 0;}
#sprava a.del{display: inline-block;vertical-align: top;cursor: pointer;background: transparent url('../img/kos.png') no-repeat; width:20px; height:20px; border: none;border-radius: 0;padding: 0;font-size: 0;}
#sprava a.edit2 {
    background-image: linear-gradient(#f7f8fa ,#e7e9ec);
    border-color: #adb1b8 #a2a6ac #8d9096;
    border-style: solid;
    border-width: 1px;
    border-radius: 3px;
    box-shadow: rgb(255 255 255 / 60%) 0 1px 0 inset;
    box-sizing: border-box;
    color: #0f1111;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    outline: 0;
    overflow: hidden;
    padding: 4px 10px;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    white-space: nowrap;
}
#sprava a.edit2:hover {
    background-image: linear-gradient(#e7e9ec ,#f7f8fa);
}
#sprava a.edit2:focus {
    box-shadow: rgb(213 217 217 / 50%) 0 2px 5px 0;
    outline: 0;
}
#sprava input{font-size: 14px;font-weight: 400;color: #1c1c1c;background:none;border: 1px solid #1c1c1c;border-radius: 0;padding: 0px;}
#sprava input.copy{cursor: pointer;background: transparent url('../img/copy.png') no-repeat; width:20px; height:20px; border: none;border-radius: 0;padding: 0;}
#sprava input.del{cursor: pointer;background: transparent url('../img/kos.png') no-repeat; width:20px; height:20px; border: none;border-radius: 0;padding: 0;}
#sprava .button{padding: 10px;margin: 2px;border: 2px solid #1c1c1c;border-radius: 0;background-color: #1c1c1c;color: white;font-size: 13px;font-weight: 800;cursor: pointer;text-transform: uppercase;transition: all 300ms ease 0s;}
#sprava .button:hover{border-radius: 5px;border: 2px solid #1c1c1c;border-radius: 0;background-color: transparent; color: #1c1c1c;}

#sprava .zadat_zpozdeni{display: inline-block;width: 125px;background-color: #fdd835; color: #000;margin: 2px;border: 2px solid #1c1c1c;border-radius: 0;}
#sprava .zadat_zpozdeni select{display: inline-block;width: 40px;background-color: #fdd835!important;color: #050505!important;font-size: 14px;font-weight: 800;cursor: pointer;text-transform: uppercase;}
#sprava .zadat_zpozdeni input{display: inline-block;width: 80px;color: #050505;font-size: 13px;font-weight: 800;padding: 10px 10px 10px 0;cursor: pointer;text-transform: uppercase;}

/*objednávka*/
#objednavka{text-align: center;}
#objednavka.form{max-width: 1200px;margin: 0 auto;}
#objednavka h1{}
#objednavka form{margin: 0 auto;position: relative;}
#objednavka label{width: 170px;font-size: 16px;}
#objednavka p{font-size: 14px;margin-bottom: 10px;}
#objednavka p.small{color:#1c1c1c;font-size: 13px;}
#objednavka p.small a{color:#1c1c1c;}
#objednavka label{text-align: right;color: #1c1c1c;padding: 10px;margin-bottom: 5px;margin-right: 10px;}
#objednavka span.napoveda{margin-left: 0;color: #1c1c1c;font-size: 16px;font-weight: 600;}
#objednavka input{font-size: 16px;font-weight: 400;color: #1c1c1c;border-radius: 0;padding: 10px;}
#objednavka input{font-size: 16px;font-weight: 400;color: #1c1c1c;border-radius: 0;padding: 10px;}
#objednavka input[type="submit"] {cursor: pointer;}

#objednavka .input-wrapper {
  display: flex;
  gap: 10px;
  width: 100%;
  margin-top: 20px;
}

/* Všechny skupiny input + label */
#objednavka .input-group {
  position: relative;
  display: flex;
  flex-direction: column;
  transition: flex 0.3s ease;
}

#objednavka .hidden {
  display: none;
}


#objednavka .input-group label{
  position: absolute;
  top: -18px;
  left: 5px;
  width: auto;
  background-color: white;
  padding: 2px 5px;
  margin-bottom: 0;
  margin-right: 0;
  font-size: 14px;
}

/* Flexibilní inputy */
#objednavka .input-group:not(.fixed-width) {
  flex: 1;
}

#objednavka .input-group:focus-within:not(.fixed-width) {
  flex: 2; /* aktivní skupina se zvětší */
  z-index: 1;
}

/* Vizuální zvýraznění labelu při focusu */
#objednavka .input-group:focus-within label {
  font-weight: bold;
  color: #007bff;
}

/* Všechny inputy */
#objednavka .flex-input,
#objednavka .fixed-input {  
  transition: box-shadow 0.3s ease, transform 0.3s ease;  
}

/* Zvýraznění při focusu */
#objednavka .flex-input:focus,
#objednavka .fixed-input:focus {
  box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
  border-color: #007bff;
  outline: none;
}

/* Pevné inputy */
.fixed-width {
  flex: 0 0 auto; /* respektuje inline šířku */
}

.fixed-input {
  width: 100%; /* vyplní kontejner s pevnou šířkou */
  transform: none; /* nepřetahuje se */
}

.fixed-input:focus {
  transform: scale(1.02); /* jemné zvýraznění bez změny šířky */
}

#objednavka select{width: 100%;font-size: 16px;font-weight: 400;color: #1c1c1c;border: 1px solid #1c1c1c;border-radius: 0;padding: 10px 5px;}
#objednavka select:focus {
  border-color: #007BFF; /* Změní barvu okraje na zelenou při fokusu */
  background-color: #e0f7ff; /* Změní barvu pozadí na světle zelenou při fokusu */
}
#objednavka select.change{float:right;width: 200px;border: 1px solid #969696;border-radius: 0;background-color: #969696;color: white;font-size: 13px;font-weight: 800;padding: 3px;margin-right: 5px;}
#objednavka textarea{font-size: 16px;font-weight: 400;color: #1c1c1c;background:none;border: 1px solid #546a76;border-radius: 0;}
#objednavka input.button{padding: 20px;border: 1px solid #969696;border-radius: 0;background-color: #969696;font-size: 13px;font-weight: 800;cursor: pointer;text-transform: uppercase;transition: all 300ms ease 0s;}
#objednavka input.button.left{float: left;margin-right: 5px;}
#objednavka input.button.right{float: right;}
#objednavka input.button:hover{border-radius: 5px;border: 1px solid #1c1c1c;border-radius: 0;background-color: transparent; color: #1c1c1c;}
#objednavka a.button{padding: 20px;border-radius: 0;font-size: 13px;font-weight: 800;cursor: pointer;text-transform: uppercase;transition: all 300ms ease 0s;}
#objednavka a.button:hover{border-radius: 5px;border-radius: 0;}

#objednavka .blok{text-align: left;}

#objednavka .day{display: inline-block;text-align: center;vertical-align: top;margin: 10px;}
#objednavka .day ul{text-align: left;}
#objednavka .day ul li{font-size: 13px;}

#objednavka .invisible{display: none;}

#objednavka div.firemni{position: relative;display: none;text-align: center;margin-bottom: 20px;}

#objednavka div.left{float: left;width: 55%;}
#objednavka div.right{float: right;width: 30%;}
#objednavka div.right_rozvoz{float: right;width: 15%;}
#objednavka div.right_rozvoz label{width: 70px;}

#objednavka input.finish{display: inline-block;color: white;width: auto;text-decoration: none;font-size: 16px;font-weight: 700;padding: 10px;transition: all 0.9s;text-transform: uppercase;cursor: pointer;margin: 2px 0;}
#objednavka input.finish:hover{color: #71b73b;color: #1c1c1c;background-color: white;text-decoration: none;}

#objednavka input.finish_close{display: inline-block;color: #1c1c1c;width: auto;text-decoration: none;font-size: 16px;font-weight: 700;padding: 10px;transition: all 0.9s;text-transform: uppercase;cursor: pointer;margin-left: 10px;}
#objednavka input.finish_close:hover{color: #71b73b;color: #1c1c1c;background-color: white;text-decoration: none;}

/*#objednavka input[type="date"]::-webkit-calendar-picker-indicator {background: transparent;bottom: 0;color: transparent;cursor: pointer;height: auto;left: 0;position: absolute;right: 0;top: 0;width: auto;}*/

#objednavka table{overflow-x:auto;width: 100%;}
#objednavka th{color: #1c1c1c;border: 1px solid #1c1c1c;font-size: 15px;font-weight: 600;text-align: left;}
#objednavka th.nadpis{color: white;background-color: #71b73b;text-align: center;}
#objednavka td{color: #1c1c1c;border: 1px solid #1c1c1c;font-size: 15px;font-weight: 500;text-align: left;}
#objednavka td p{color: #1c1c1c;font-size: 14px;}
#objednavka td input{color: #1c1c1c;border:none;width: 100%;font-size: 16px;font-weight: 500;padding: 0;}
#objednavka td textarea{color: #1c1c1c;border:none;width: 100%;height: 111px;font-size: 16px;font-weight: 500;resize:vertical;padding: 0;}

@media only screen and ( max-width: 500px ){
  #objednavka input.hlavni{width: 100%!important; margin-bottom: 15px;}  
}

#cke_text {
    border: 2px solid #ffdddd!important;
}

#cke_text.norequired {
    border: 2px solid #ddffdd!important;
}

/*objednávka*/
#polozky{text-align: left;}
#polozky p{font-size: 14px;margin-bottom: 10px;}
#polozky p.datum{display: inline-block;padding: 5px 10px;color: white;font-weight: 700;}
#polozky p.admin{background-color: #B80F0A;}
#polozky p.neadmin{background-color: #71b73b;}
#polozky p.zadavatel{display: inline-block;color:#1c1c1c;font-weight: 700;}

/*Registrace*/
#registrace{}
#registrace h1{}
#registrace form{max-width: 800px; margin: 0 auto;position: relative;}
#registrace label{width: 150px;text-align: right;color: #1c1c1c;padding: 10px;font-size: 18px;}
#registrace p{font-size: 14px;margin-bottom: 10px;}
#registrace p.small{color:#1c1c1c;font-size: 13px;}
#registrace p.small a{color:#1c1c1c;}
#registrace input{font-size: 18px;font-weight: 400;color: #1c1c1c;background:none;border: 1px solid #1c1c1c;border-radius: 0;padding: 10px;}
#registrace textarea{font-size: 18px;font-weight: 400;color: #1c1c1c;background:none;border: 1px solid #1c1c1c;border-radius: 0;}
#registrace input[type=submit]{float: right;padding: 5px 20px;border: 1px solid #1c1c1c;border-radius: 0;background-color: #1c1c1c;color: white;font-size: 18px;font-weight: 800;cursor: pointer;text-transform: uppercase;transition: all 300ms ease 0s;}
#registrace input[type=submit]:hover{border-radius: 5px;border: 1px solid #1c1c1c;border-radius: 0;background-color: transparent; color: #1c1c1c;}

#registrace input[type=radio] {display: none;}
#registrace .tab{border-bottom:1px solid #1c1c1c;margin-bottom: 20px;padding-bottom: 10px;}
#registrace .tab label{color: #646464;font-size: 14px;font-weight: 700;background-color: #e6e6e6;cursor: pointer;}
#tab-1:checked ~ .tab label:nth-child(1),#tab-2:checked ~ .tab label:nth-child(2){background-color: #1c1c1c;color: white;}

#registrace .content > div {display: none;}
#tab-1:checked ~ .content div:nth-child(1),
#tab-2:checked ~ .content div:nth-child(2){display: block;}

/* NEVÍM HESLO */
#nevim_heslo{}
#nevim_heslo form{max-width: 307px; margin: 0 auto;}
#nevim_heslo label{width: 50px;}

/*napoveda*/

/*Nevim heslo*/
#nevim-heslo {width: 350px;}
#nevim-heslo a{color: white;}
#nevim-heslo input.button{position: relative; top: -5px;}

/*loader*/
.loader {position: fixed;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 9999;background: url('../img/page-loader.gif') 50% 50% no-repeat rgb(255,255,255);}

/* FORMULAR */
#formular{max-width: 800px;text-align: left;padding: 50px;box-sizing: border-box;background-color: #1c1c1c;}
#formular form{max-width: 800px; margin: 0 auto;}
#formular h3{text-align: left;color:white;font-size: 25px;font-weight: 400;margin-bottom: 20px;}
#formular p.small{color:white;font-size: 13px;}
#formular p.small a{color:white;}
#formular label{text-align: right;font-size: 15px;font-weight: 400;color: white;padding: 10px;}
#formular input{font-size: 15px;font-weight: 400;color: white;background:none;border: 1px solid white;border-radius: 0;padding: 10px;}
#formular textarea{font-size: 15px;font-weight: 400;color: white;background:none;border: 1px solid white;border-radius: 0;}
#formular input[type=submit]{float: right;width: auto;padding: 5px 20px;border: 1px solid #bea565;border-radius: 0;background-color: transparent;color: white;font-size: 13px;font-weight: 700;cursor: pointer;text-transform: uppercase;transition: all 300ms ease 0s;}
#formular input[type=submit]:hover{border-radius: 5px;border: 1px solid #bea565;border-radius: 0;background-color: transparent; color: #bea565;}

#kontakt_form{position: relative;}

@media only screen and ( max-width: 1000px ){
    #formular label{float: none;}
}

@media only screen and ( max-width: 450px ){
    #formular{padding: 20px;}
}

#ajax_loader{display: none;background: transparent url('../img/ajax-loader.gif') center center no-repeat;width: 100%;height: 100%;position: absolute;top: 0;}

#ares {
  text-align: center;
  color: white;
  cursor: pointer;
  text-decoration: none;
  padding: 5px;
  outline: none;
  border-radius: 0;
  border: 1px solid #1c1c1c;
  background-color: #1c1c1c;
  transition: 0.2s;
  margin-left: 3px;
  font-size: 13px;
  font-weight: 700;
}
#ares:hover {background-color: white;color: #1c1c1c;}
#ares:active {background-color: white;color: #1c1c1c;}

#ean_confirm {
  text-align: center;
  color: white;
  cursor: pointer;
  text-decoration: none;
  padding: 5px;
  outline: none;
  border-radius: 0;
  border: 1px solid #1c1c1c;
  background-color: #1c1c1c;
  transition: 0.2s;
  margin-left: 3px;
  font-size: 13px;
  font-weight: 700;
}
#ean_confirm:hover {background-color: white;color: #1c1c1c;}
#ean_confirm:active {background-color: white;color: #1c1c1c;}

.popup_trigger{display: inline-block;text-decoration: none;font-size: 16px;font-weight: 700;padding: 30px;transition: all 0.9s;text-transform: uppercase;cursor: pointer;margin-bottom: 20px;}
.popup_trigger:hover{color: #71b73b;background-color: white;text-decoration: none;}

.popup_trigger2{display: inline-block;text-decoration: none;font-size: 16px;font-weight: 700;padding: 30px;transition: all 0.9s;text-transform: uppercase;cursor: pointer;margin-bottom: 20px;}
.popup_trigger2:hover{color: #71b73b;background-color: white;text-decoration: none;}

/*POPUP*/
div.popup{top: 0;left:0;right: 0;bottom: 0;position: fixed;z-index: 998;z-index: 888888888;width: 100%;height:100%;background-color: rgba(77,77,77,0.6);}
span.close{position: absolute;right: 10px;top:10px;height: 20px;width:20px;font-size: 0px;background: transparent url('../img/cross.png') no-repeat;border:none;cursor: pointer;}
div.popup_content{color: #1c1c1c;background-color: rgba(255,255,255,1);overflow: hidden;text-align: center;padding: 50px;position: relative;z-index: 999;top:50%;transform: translateY(-50%);max-width: 800px;
    box-sizing: border-box;border-radius: 10px;-webkit-border-radius: 10px;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-backface-visibility: visible;-ms-backface-visibility: visible;
    backface-visibility: visible;-webkit-animation-name: popup;animation-name: popup;margin: 0 auto;}
div.popup_content h2{text-align: center!important;}
div.popup_content p{color: #1c1c1c!important;font-size: 20px!important;}

span.radio_close{
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  position: relative;
  top: 13.33333px;
  right: 0;
  bottom: 0;
  left: 0;
  height: 40px;
  width: 40px;
  transition: all 0.15s ease-out 0s;
  background: #cbd1d8;
  border: none;
  color: #fff!important;
  cursor: pointer;
  display: inline-block;
  margin-right: 0.5rem;
  outline: none;
  position: relative;
  z-index: 1000;
  padding: 0!important;
}

label.checkbox{
  display:inline-block;
  width: 40px;
  height: 40px;
  line-height:40px;
  border: 1px solid #1c1c1c;
  box-sizing: border-box;
}

.option-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 40px;
  width: 40px!important;
  transition: all 0.15s ease-out 0s;
  background: white;
  border: 1px solid #1c1c1c!important;
  color: #fff!important;
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
  margin-right: 0;
  outline: none;
  position: relative;
  z-index: 1000;
  padding: 0!important;
}
.option-input:hover {
  background: #9faab7;
}
.option-input:checked {
  background: #71b73b;
}

.option-input.radio:checked {
  background: none;
}

.option-input:checked::before {
  height: 40px;
  width: 40px;
  position: absolute;
  content: '';  
  display: inline-block;
  font-size: 25px;
  text-align: center;
  line-height: 40px;
  background-color: #71b73b;
}

.check {
  cursor: pointer;
  position: relative;
  padding-left: 40px;
}

.check input {
    opacity: 0;
    transform: scale(0);
}

.check span:before {
    content: '';
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    left: 0;
    top: 0;
    background-color:#a9a9a9;
}

.check span.hotove:before {background-image: url('../img/cash.png');background-repeat: no-repeat;background-position: center center;}
.check span.cashback:before {background-image: url('../img/cashback.png');background-repeat: no-repeat;background-position: center center;}
.check span.senior:before {background-image: url('../img/senior.png');background-repeat: no-repeat;background-position: center center;}

.check input:checked + span:before {
    background-color: #4CAF50;
}

@media only screen and ( max-width: 800px ){
    div.popup_content{margin: 10px;padding: 20px;}
    popup_left{float: none;width: 100%;}
}

.suggestions { border: 1px solid #ccc; max-height: 200px; overflow-y: auto; display: none; position: absolute; background-color: white; z-index: 1000; }
.suggestions div { padding: 10px; cursor: pointer; }
.suggestions div:hover { background-color: #eee; }

.popisek{position: absolute;color: #505050;font-size: 15px;margin:10px;}
#popisek_nastup{display: none; color: #E21A1A;}
#popisek_vystup{display: none; color: #E21A1A;}
#popisek_zastavka{display: none; color: #E21A1A;}
.error{color: #E21A1A!important;}

.checkbox-input,.checkbox-input-reverse {
  display: none;
}

.checkbox-label {          
  position: relative;
  height: 40px;
  width: auto!important;
          display: inline-block;
          padding: 0!important;
          margin-bottom: 20px!important;
          margin-right: 5px!important;
          cursor: pointer;
            user-select: none;
            transition: background-color 0.3s;
}

.checkbox-label span{
  display: block;
            padding: 10px;
            border: 2px solid #ccc;
            border-radius: 4px;
            background-color: #ccc;
            cursor: pointer;
            user-select: none;
            transition: background-color 0.3s;
}

.checkbox-label.red span{
          background-color: #E21A1A;
          border-color: #E21A1A;
          color: white!important;
}

.checkbox-label input:checked + span {
            background-color: #4CAF50;
            border-color: #4CAF50;
}

.checkbox-label.checked span {
            background-color: #4CAF50;
            border-color: #4CAF50;
}

.checkbox-label-reverse {
  position: relative;
  height: 40px;
          width: auto!important;
          display: inline-block;
          padding: 0!important;
          margin-bottom: 20px!important;
          margin-right: 5px!important;          
          cursor: pointer;
          user-select: none;
          transition: background-color 0.3s;
}

.checkbox-label-reverse span{
  display: block;
          padding: 10px;
          border: 2px solid #4CAF50;
          border-radius: 4px;
          background-color: #4CAF50;
          cursor: pointer;
          user-select: none;
          transition: background-color 0.3s;
        }

        .checkbox-label-reverse.checked span {
          background-color: #ccc;
          border-color: #ccc;
        }

        .checkbox-label-reverse input:checked + span {
            background-color: #ccc;
          border-color: #ccc;
}

      /*.option-input {
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        -o-appearance: none;
        appearance: none;
        position: relative;
        top: 13.33333px;
        right: 0;
        bottom: 0;
        left: 0;
        height: 40px;
        width: 40px;
        transition: all 0.15s ease-out 0s;
        background: #cbd1d8;
        border: none;
        color: #fff;
        cursor: pointer;
        display: inline-block;
        margin-right: 0.5rem;
        outline: none;
        position: relative;
        z-index: 1000;
      }
      .option-input:hover {
        background: #9faab7;
      }
      .option-input:checked {
        background: #40e0d0;
      }*/

#zakaznik-info {
  background: #f4f4f4;
  padding: 10px;
  border: 1px solid #ccc;
  position: absolute;
  width: 300px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}
    

#aktivni_pobocky{text-align: left;}
#aktivni_ridici{text-align: left;}

#mapa {
  position: absolute;
  right: -100%;
  display: inline-block;
  vertical-align: top;
  width: 49%;
  height: 500px;
  transition: right 1s linear;
  margin: 10px 0;
}

#kalkulace {
  position: absolute;
  left: -100%;
  display: inline-block;
  vertical-align: top;
  padding: 0;
  text-align: left;
  box-sizing: border-box;
  width: 49%;  
  transition: all 0.9s;
}

#kalkulace p{  
  display: inline-block;
  vertical-align: top;
  width: 100%;  
}

#kalkulace tr.aktivni{background-color: #71b73b;color: white;}

#kalkulace p.half{    
  width: 49%;  
}

#kalkulace th, #kalkulace td{  
  font-size: 13px;
  padding: 2px;
}

#kalkulace input.button{float: right; width: auto; padding: 6.4px;margin: 0;margin-left: 5px;border: 1px solid #1c1c1c;border-radius: 0;background-color: #1c1c1c;color: white;font-size: 12px;font-weight: 800;cursor: pointer;text-transform: uppercase;transition: all 300ms ease 0s;}
#kalkulace input.button:hover{border: 1px solid #1c1c1c;border-radius: 0;background-color: transparent; color: #1c1c1c;}

#driverTable{display: none}

/*#kalkulace{display: inline-block;vertical-align: top;width: calc(50% - 2px);text-align: left;}
#map{display: inline-block;vertical-align: top;width: 100%;}*/
.leaflet-routing-container{display: none;}

#mapa_circles {display: none;}
#mapa_circles.mapa_visible {
  display: block;
}

#mapa_polygones {display: none;}
#mapa_polygones.mapa_visible {
  display: block;
}

#mapa.mapa_visible {
  width: 100%;
  position: relative;
  right: 0;
}

.switch {
  float: right;
  font-size: 100%;
  height: 1.6em;
  position: relative;
  padding: 0;
  margin: 0;
}

.switch > input[type="checkbox"] {
  display: none;
}

.switch .switch-style {
  height: 1.6em;
  left: 0;
  background: #C0CCDA;
  -webkit-border-radius: 0.8em;
  border-radius: 0.8em;
  display: inline-block;
  position: relative;
  top: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 3em;
  cursor: pointer;
}

.switch > input[type="checkbox"]:checked + .switch-style {
  background-color: #13b1c4;
}

.switch .switch-style:before {
  display: block;
  content: '';
  height: 1.4em;
  position: absolute;
  width: 1.4em;
  background-color: #fff;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  left: 0.1em;
  top: 0.1em;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.switch > input[type="checkbox"]:checked + .switch-style:before {
  left: 50%;
}