* {
  font-family: 'Roboto', sans-serif;

  --modra: #b6d1f2;
  --modra2: #e1eaf5;
  --zelena: #ade8a1;
  --zelena2: #daffd3;
  --transition: 0.3s all ease-in;
}


html body .aktivnix
{
background:#ea6815;
color:white;


}

.form-group.jazykywysiwyg iframe {
  height: 150px !important;
}

table.tvorbadop tr td {
padding: 3px 8px !important;
}

.vnorenax tr
{
	height:40px;
	
}


/*dovolena */
html body span.dovolenastav1
{
color: #1E90FF !important
}

html body span.dovolenastav2
{
color: #D2691E !important
}


html body span.dovolenastav3
{
color: #228B22 !important
}


html body span.dovolenastav4
{
color: #A52A2A !important
}

/* dovolena kalendař */
.dov_kal {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    width: fit-content !important;
}

.dov_kal .dovschval,
.dov_kal .zamitschval {
    display: block;
    background: #28AA4B 0% 0% no-repeat padding-box;
    border-radius: 3px;
    text-transform: uppercase;
    color: white;
    padding: 5px 10px;
    text-align: center;
}
.dov_kal .dovschval {
    background: #D23939 0% 0% no-repeat padding-box;
}

@media screen and (max-width:630px) {
    .dov_kal {
        grid-template-columns: 1fr;
    }
}


.dov_kal_flex {
    display: flex;
    gap:15px;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 20px;
}
.dov_kal_flex h2 {
    margin-right: auto;
    font-weight: bold !important;
    margin-bottom: 0;
    height: fit-content;

}
.dov_kal_flex a {
    text-transform: uppercase;
    padding: 10px 25px;
    text-align: center;
    border-radius: 3px;
    height: fit-content;
}

@media screen and (max-width: 580px) {
    .dov_kal_flex {
        flex-direction: column;
        align-items: flex-start;
    }
    .dov_kal_flex a {
        min-width: 200px;
    }
}

/* zalozeni dovolene */
.box20 input[type=checkbox]{
    width: 20px;
    aspect-ratio: 1/1;
}

.count {
    display: block;
    padding: 10px 25px;
    color: black;
    background-color: #E1EAF5;
    width: fit-content;
}

.dov_kal_row {
    display: flex;
    flex-direction: row;
    gap: 15px;
    flex-wrap: wrap;
}
.flexbox.zalozeni {
    margin-bottom: 8px;
    border-bottom: 1px solid #E9E9E9;
    padding-bottom: 8px;
}


/* dokumentace */
.inputs {
  padding: 2rem 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  max-width: 1350px;
  grid-gap: 1rem;
}

.inputs .inputs_box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.inputs .inputs_box input, .inputs .dlouhej input {
  width: 100%;
  padding: 5px;
}

.inputs .plnejbox {
    grid-column: 1/4;
    font-weight: 600;
    padding-top: 3rem;
}
.inputs .flexuj {
  display: flex;
  align-items: center;
}
.inputs .nad1 {
  font-weight: 600;
  padding-right: 15px;
  display: block;
  text-wrap: nowrap;
}
.inputs .dlouhej {
  width: 100%;
}
.inputs .dlouhej input {
  max-width: 444px;
}


p.dop_celek {
padding-top: 2rem;
display: flex;
align-items: center;
font-weight: 600;
}

p.dop_celek input {
width: 20px;
height: 20px;
margin-right: 10px;
margin-top: 0;
}


.obal_dop span.in_box {
    padding: 2px 7px;
    border-radius: 3px;
    display: inline-block;
    margin-bottom: 8px;
    margin-right: 7px;
    min-width: 42px;
    text-align: center;
}
.tlacitko_zpet {
display: inline-block;
margin-top: 20px;
margin-bottom: 80px;
}
.ukladaci {
padding-top: 20px;}

.obalzaznam {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.obalzaznam .boxz1 {
  flex-basis: 60%;
}

.obalzaznam .boxz2 {
  flex-basis: 30%;
}


/* dokumentace konec*/

.cta {
background: #ea6815;
color: white;
border: 1px solid #ea6815;
padding: 5px 10px;
border-radius: 3px;
transition: 0.3s all ease-in;
}

.cta:hover {
background: #333;
border: 1px solid #333;
}

.schovat {
display:none;
}



        .obalx {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-around;
        }

        .vzorecek{
        
            flex-basis: 60%;
        }

        .nastaveni {
     
            
            flex-basis: 20%;
        }


     .koe
     {
     color:red
     
     }
form.newstyle textarea {
  width: 100%;
}


   .vysledna
{
color:#EA6815;
font-size:18px;

}

.pracovni
{
background:#46A049;

}

.nepracovni
{

background:#F65959;
}
.text_right {
  text-align: right;
}

.vyrobnixzaklad
{



            display: flex;
            flex-wrap: wrap;
            justify-content: space-around;
           border-bottom:1px solid black;


}


   .radekvyrobnizaklad {
     
            
            flex-basis: 25%;
            padding:10px;
        }

 input.policko:-moz-read-only,input.policko2:-moz-read-only { /* For Firefox */
  background-color: #CCCCCC
}

input.policko:read-only,input.policko2:read-only  {
  background-color: #CCCCCC
}


.vyrobnix
{



            display: flex;
            flex-wrap: wrap;
            justify-content: space-around;
           border-bottom:1px solid black;


}


   .radekvyrobni {
     
            
            flex-basis: 20%;
            padding:10px;
        }




html, body{
  min-height: 100%;
  height: auto;
}

p, div{
    font-weight: 300;
}

body{
  background: #eef1f5;
/*	overflow-x: hidden;*/
}

.row {
  margin-left: 0;
  margin-right: 0;
}
.container-fluid {
  padding-right: 0;
  padding-left: 0;
}


a{
  color: #2471b9;
	font-weight: 500;
}

a:hover, a:focus{
    color: #ea6815;
    text-decoration: none;
}

.big-wrapper{
  min-height: 100%;
}



.hotovson
{

color:#0f9125;
border:1px solid #0f9125;
padding:5px;

}


.sedivo
{
background:#9e9e9e

}



        .obalx-sklad{
            display: flex;
            flex-wrap: wrap;
            justify-content: space-around;
            margin-bottom:30px;
        }

        .sloupecx{
           
            flex-basis: 20%;
        }

                 .obalx-sklad3{
            display: flex;
            flex-wrap: wrap;
            justify-content: space-around;
            margin-bottom:30px;
        }

     .obalx-sklad3   .sloupecx{
           
            flex-basis: 6%;
        }


        .vychy ,.vychy:hover
        {
        background:#ea6815;
        color:white;
        padding:3px;
        
        }


 /*tady jsem si zatim obal nejak nastyloval*/


.obal-log {
  display: flex;
}

.obal-log > * {
  flex: 1;
  padding: 5px;
  border-bottom: 1px solid #9e9e9e;
}

.obal-log .cas, .obal-log .jmeno {
  max-width: 150px;
}

.obal-log .prehl {
  max-width: 205px;
}

.prehled {
  padding-left: 15px;

}

span.smallfont {
  display: inline-block;
  padding-top: 5px;
  font-size: 12px;
}


/*konec*/

.rozsir
{
display:none;

}

 .rozsirene
 {
 cursor:pointer;
 
 }

.blok1
{
display:block;
float:left;

/*margin-right:30px;
margin-bottom:30px;*/

padding: 15px 10px;
width:50%;
}


/* FORMULÁŘE */

.skupina2 {
  width: 100%;
  display: flex;
}

.skupina2 .form-group {
  flex: 1;
  margin-right: 20px;
} 


.skupina2 > .form-group:nth-of-type(2) {
  margin-right: 0px;
}


.skupina3 {
  width: 100%;
  display: flex;
}

.skupina3 .form-group {
  flex: 1;
  margin-right: 20px;
}

.skupina3 > .form-group:nth-of-type(3) {
  margin-right: 0;
}


.needitovatelne {
  width: 100%;
  border: 1px solid #9e9e9e;
  line-height: 1.42857143;
  background-color: #eee;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
}

.skupina4 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.skupina4 .form-group {
  flex: 1;
  margin-right: 20px;
}

.skupina4.vproduktech .form-group {
  min-width: 170px;
  max-width: 425px;
  margin-right: 20px !important;
}

.skupina4.vproduktech .form-group.mw420 {
  min-width: 420px;
}
.skupina4.vproduktech .form-group.mw300 {
  min-width: 300px;
}

.skupina4 > .form-group:nth-of-type(4) {
  margin-right: 0;
}


.skupina5 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.skupina5 .form-group {
  flex: 1;
  margin-right: 20px;
} 

.skupina5 > .form-group:nth-of-type(5) {
  margin-right: 0;
}


.skupina6 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.skupina6 .form-group {
  flex: 1;
  margin-right: 20px;
} 

.skupina6 > .form-group:nth-of-type(6) {
  margin-right: 0;
}

.kont {
  cursor: pointer;
}


.max800 {
  max-width: 800px;
}

.nomargin {
  margin-right: 0 !important;
}



.blokh
{
display:block;
float:left;
font-weight:bold;
margin-right:30px;
margin-bottom:30px;

width:200px;
}

.tabulkaHalf{
    width: 50%;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 90px;  
}

.table-projekty td, .table-projekty>thead>tr>th{
vertical-align: middle !important;
}

/*
.table-projekty>thead>tr>th:nth-of-type(1),
.table-projekty>thead>tr>th:nth-of-type(2),
.table-projekty>thead>tr>th:nth-of-type(3),
.table-projekty>thead>tr>th:nth-of-type(5),
.table-projekty>thead>tr>th:nth-of-type(7),
.table-projekty>thead>tr>th:nth-of-type(8),
.table-projekty>thead>tr>th:nth-of-type(9),
.table-projekty>thead>tr>th:nth-of-type(10) {
  width: 8%;
}


.table-projekty>thead>tr>th:nth-of-type(4),
.table-projekty>thead>tr>th:nth-of-type(6) {
  width: 18%;
}
*/

.table-projekty>thead>tr>th:nth-of-type(1),
.table-projekty>tbody>tr>td:nth-of-type(1),
.table-projekty>thead>tr>th:nth-of-type(3),
.table-projekty>tbody>tr>td:nth-of-type(3) {
  width: 4%;
}


.table-projekty>thead>tr>th:nth-of-type(2),
.table-projekty>tbody>tr>td:nth-of-type(2),
.table-projekty>thead>tr>th:nth-of-type(12),
.table-projekty>tbody>tr>td:nth-of-type(12) {
  width: 5%;
}


.table-projekty>thead>tr>th:nth-of-type(4),
.table-projekty>tbody>tr>td:nth-of-type(4) {
  width: 14%;
}

.table-projekty>thead>tr>th:nth-of-type(5),
.table-projekty>tbody>tr>td:nth-of-type(5),
.table-projekty>thead>tr>th:nth-of-type(6),
.table-projekty>tbody>tr>td:nth-of-type(6),
.table-projekty>thead>tr>th:nth-of-type(11),
.table-projekty>tbody>tr>td:nth-of-type(11)
 {
  width: 8%;
}


.table-projekty>thead>tr>th:nth-of-type(7),
.table-projekty>tbody>tr>td:nth-of-type(7){
  width: 10%;
}


.table-projekty>thead>tr>th:nth-of-type(13),
.table-projekty>tbody>tr>td:nth-of-type(13){
  width: 13%;
}


.table-projekty>thead>tr>th:nth-of-type(8),
.table-projekty>tbody>tr>td:nth-of-type(8),
.table-projekty>thead>tr>th:nth-of-type(9),
.table-projekty>tbody>tr>td:nth-of-type(9),
.table-projekty>thead>tr>th:nth-of-type(10),
.table-projekty>tbody>tr>td:nth-of-type(10) {
  width: 7%;
}

.table-projekty>thead>tr>th.minw,
.table-projekty>tbody>tr>td.minw {
  min-width: 150px !important;
}

table.sestavakabely tr td input.save2 {
  margin: 0 0 0 0 !important;
}

/*

.table-projekty>thead>tr>th:nth-of-type(4),
.table-projekty>tbody>tr>td:nth-of-type(4) {
  width: 200px !important;
}

.table-projekty>thead>tr>th.minw2,
.table-projekty>tbody>tr>td.minw2 {
  width: 90px !important;
}

*/

th.seznamprojektumin, td.seznamprojektumin {
  width: 5%;
}

th.zarovnatvpravo, td.zarovnatvpravo {
  text-align: right;
}

th.centruj, td.centruj {
  text-align: center;
}

span.mena {
  width: 40px;
  display: inline-block;
  text-align: left;
}
th.pr40 {
  padding-right: 30px !important;
}
.spodek {
  height: 150px;
}


span.elips {
    width: 190px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.table_project th {
  position: sticky;
  top: 66px;
  background: var(--modra2);
  vertical-align: middle !important;
  font-size: 13px;
  font-weight: 500;
  border-right: 1px solid white;
  z-index: 10;
}

.table_product th, table.tabnew th {
  /* background: var(--zelena2); */
}





.table_project th:after{
  content:'';
  position:absolute;
  left: 0;
  bottom: 0;
  width:100%;
  border-bottom: 3px solid rgba(0,0,0,0.12);
}
table.tabnew {
  width: 100%;
}

table.mw {
  max-width: 1300px;
  background: white;
}

table td.nopadding {
  padding: 0 !important;
}

table.tabnew th, table.tabnew td {
 padding: 8px;
 line-height: 1.42857143;
 border-top: 1px solid #ddd;
}
table.tabnew>tbody>tr:nth-child(odd) {
  background-color: #f9f9f9;
}
table.tabnew th.w5, table.tabnew td.w5 {
  width: 5%;
}
table.tabnew th.w7, table.tabnew td.w7 {
  width: 7%;
}
table.tabnew th.w8, table.tabnew td.w8 {
  width: 8%;
}
table.tabnew th.w10, table.tabnew td.w10 {
width: 10%;
}
table.tabnew th.w13, table.tabnew td.w13 {
  width: 13%;
}
table.tabnew th.w15, table.tabnew td.w15 {
  width: 15%;
}
table.tabnew th.w16, table.tabnew td.w16 {
  width: 16%;
}
table.tabnew th.w17, table.tabnew td.w17 {
  width: 17%;
}
table.tabnew th.w20, table.tabnew td.w20 {
  width: 20%;
}
table.tabnew th.w23, table.tabnew td.w23 {
  width: 23%;
}
table.tabnew th.w26, table.tabnew td.w26 {
  width: 26%;
}
table.tabnew th.w30, table.tabnew td.w30 {
width: 30%;
}
table.tabnew th.w33, table.tabnew td.w33 {
  width: 33%;
}
table.tabnew th.w40, table.tabnew td.w40 {
width: 40%;
}
table.tabnew th.w50, table.tabnew td.w50 {
width: 50%;
}
table.tabnew th.w56, table.tabnew td.w56 {
  width: 56%;
}
table.tabnew th.w60, table.tabnew td.w60 {
width: 60%;
}
table.tabnew th.w70, table.tabnew td.w70 {
width: 70%;
}
table.tabnew th.w80, table.tabnew td.w80 {
width: 80%;
}
table.tabnew th.w90, table.tabnew td.w90 {
width: 90%;
}
table.tabnew th.w100, table.tabnew td.w100 {
  width: 100%;
}
table.tabnew.barvy th {
  background: rgb(255, 234, 196);
}
.flex_objednavky {
  display: flex;
  justify-content: space-between;

}
table.tabnew td.tucne, table.tabnew th.tucne {
  font-weight: 700;
}

table.tabnew:not(.podtrzeni) th:after {
  display: none;
}

table.tabnew a {
  text-decoration: underline;
}

.flex_objednavky .obal_tabulky_objednavky {
flex-basis: 48%;
}                                                      
.flex_objednavky .objednavka {
  flex-basis: 48%;
 
}
.vnitrekobjednavky {
  position: sticky;
  top: 66px;
}
.table_project table.tabnew th {
  position: static;
}

.klasik {
  padding: 15px;
}

.table_dokumentace tr th:nth-child(1),.table_dokumentace tr td:nth-child(1) {
width: 5%;
}

.table_dokumentace tr th:nth-child(2),.table_dokumentace tr td:nth-child(2) {
  width: 20%;
}
.table_dokumentace tr th:nth-child(3),.table_dokumentace tr td:nth-child(3),
.table_dokumentace tr th:nth-child(4),.table_dokumentace tr td:nth-child(4) {
  width: 10%;
}
 
.table_dokumentace tr th:nth-child(5),.table_dokumentace tr td:nth-child(5) {
  width: 20%;
}     

.table_dokumentace tr th:nth-child(6),.table_dokumentace tr td:nth-child(6) {
  width: 35%;
}

.obalstav {
  display: inline-block;
  margin-left: 30px;
  margin-right: 10px;
  position: relative;
}

.obalstav::before {

  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: -23px;
  font-size: 13px;
top: 50%;
transform: translateY(-50%);
width: 20px;
height: 20px;
border-radius: 50%;

}


.obalstav.stav1::before {
  content: 'N';
  background: rgb(11, 171, 240);
  color: white;
}

.obalstav.stav2::before {
  content: 'H';
  background: green;
  color: white;
}

.obalstav.stav3::before {
  content: 'P';
  background: blue;
  color: white;
}

.obalstav.stav4::before {
  content: 'V';
  background: red;
  color: white;
}

.stav_tlacitko {
  background: #ea6815;
    color: white;
    padding: 5px 10px;
    border-radius: 3px;
    transition: 0.3s all ease-in;
    border: none;
}

.stav_tlacitko:hover {
  background: #333;
}


.novystyl p {
  font-size: 16px;
}

.modra {
  background: var(--modra);
}

p.velky {
  font-size: 3rem;
}

p.stredni {
  font-size: 2rem;
  font-weight: 500;
}

.flexright {
  display: flex;
  justify-content: flex-end;
}

.flexdva {
  display: flex;
  justify-content: space-between;
  max-width: 420px;
  width: 100%;
}
.flexdva p.tucne {
  flex-basis: 50%;
  padding: 15px;
  margin-bottom: 0;
  background: #F2F2F2;
  font-weight: 700;
  margin-bottom: 3rem;
}





/* PŘÍKAZY K FAKTURACI */

h1.modra {
  background: var(--modra);
  text-shadow: 0 1px 0 #aecef4;
  color: white;
  margin-top: 0;
  margin-bottom: 0;
  padding: 15px 25px;
  font-size: 24px;
}

.bilybox {
  background: white;
  padding: 15px 25px;
  max-width: 1350px;
  margin-bottom: 25px;
}

.max1350 {
  max-width: 1350px;
}

.bilybox.mensi {
  max-width: 850px;
}
.container-fluid h2.bold {
   font-size: 20px;
    font-weight: 600;
    margin-top: 0;
    text-transform: uppercase;
}

.dni {
  position: relative;
  width: 100%;
}
.dni input {
  padding-right: 30px;
}

.dni::before {
  content: 'dní';
  position: absolute;
  right: 15px;
  top: 55%;
  transform: translateY(-50%);
  font-size: 14px;
  color: #555;
}


.flexbox {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 8px;
  align-items: center
}

.flexbox.radek {
  margin-bottom: 15px;
}

.flexbox textarea {
  display: block;
  width: 100%;
  resize: vertical;
}
.flexbox input.bold {
  font-weight: 600;
}
.flexbox > div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.flexbox .box5 {
  flex-basis: 4%;
}
.flexbox .box10 {
  flex-basis: 9%;
}
.flexbox .box15 {
  flex-basis: 14%;
}

.flexbox .box20 {
  flex-basis: 19%;
  width: 19%;
}
.flexbox .box25 {
  flex-basis: 24%;
}
.flexbox .box30 {
  flex-basis: 29%;
}
.flexbox .box35 {
  flex-basis: 34%;
}
.flexbox .box40 {
  flex-basis: 39%;
}
.flexbox .box50 {
  flex-basis: 49%;
}
.flexbox .box60 {
  flex-basis: 59%;
}
.flexbox .box70 {
  flex-basis: 69%;
}
.flexbox .box75 {
  flex-basis: 74%;
}
.flexbox .box80 {
  flex-basis: 79%;
}
.flexbox .box90 {
  flex-basis: 89%;
}
.flexbox .box100 {
  flex-basis: 100%;
}
.viceprace {
  width: 100%;
  flex-basis: 100%;
}

.flexbox input[type="radio"] {
  width: 25px;
  height: 25px;
  cursor: pointer;
}


.flexbox.seda {
  border-top: 1px solid #AAAAAA;
  padding: 20px 0 10px 0;
  margin-top: 20px;
}
.flexbox input.vpravo {
  text-align: right;
}

.flexbox .vcenter {
  justify-content: center;
  padding-left: 10px;
}

.flexbox .vcenter p {
  margin-bottom: 0;
}
.flexbox .sedej {
  padding: 10px;
  font-weight: 600;
  background: #E6E6E6;
}

.flexbox .centruj {
  text-align: center;
  align-items: center;
}
p.bold {
  font-weight: 600;
}
input.ulozit {
  padding: 10px 25px;
  border-radius: 5px;
  border: none;
  background: #0071BC;
  color: white;
  transition: 0.3s all ease-in;
}
input.ulozit:hover {
  background: #004d80;
}

/* PŘÍKAZY K FAKTURACI - KONEC */


/* TABULKY PROJEKTY, PRODUKTY */

.fa, .far, .fas {
  color: #9e9e9e;
}

.flex2 {
  display: flex;
  flex-wrap: wrap;
}

.flex2 h3 {
  font-size: 14px !important;
  padding-left: 5px;
  margin-top: 25px;
  font-weight: 500 !important;
}


.flex_box2 {
  padding: 15px;
  flex: 1;
  background: #fff;
}

.flex_box2:nth-of-type(1){
  margin-right: 15px;
}


.tab-prvni {
  width: 65%;
} 

.tab-druha {
  width: 35%;
} 

.flexprikazy {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.flexprikazy .boxp {
  flex-basis: 25%;
  padding-bottom: 6px;
}

.flexprikazy .boxp:nth-child(4) {
  text-align: right;
}

.tab2 {
  width: 100%;

}

.tab2 tr {
  border-top: 1px solid #9e9e9e;
  border-bottom: 1px solid #9e9e9e;
}


.tab2 td, .tab2 th {
  padding: 5px;
}

.tab2>tbody>tr:nth-of-type(even) {
  background: #eee;
}

.tablepulka .tab2 tr td:nth-child(1) {
width: 35%;
}

.tablepulka .tab2 tr td:nth-child(2) {
  width: 65%;
}

.projekt_tab2 .tab2 tr td:nth-child(1) {
  width: 50%;
}
  
.projekt_tab2 .tab2 tr td:nth-child(2) {
  width: 50%;
}


.form-group.flex_end {
display: flex;
justify-content: flex-end;
}

.rozsirene {
  display: inline-flex;
  text-align: center;
  justify-content: center;
  align-items: flex-end;
  height: 100%;
}
.obaltlacitek {
  padding-left: 15px;
  padding-bottom: 15px;
}
.obaltlacitek a.btn-edituj {
  cursor: pointer;
}



/* TABULKY PROJEKTY, PRODUKTY  - KONEC */






.tabulkaHalf .border1{
    border: 1px solid #9e9e9e;
    min-height:700px;
    
}
#tabs{
    overflow: auto;
}

.blok1.g{
    background: #efefef;
}




.navbar{

  margin: 0;

}

.page-header{

  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2);

  background: #fff;

  padding-bottom: 0px;

  border: 0;

  border-bottom: 1px solid #fff;

  height: 68px;

  max-height: 68px;

}

.navbar-brand{

  height: auto;

  padding: 0;

  max-height: unset;

  float: none;

  display: inline-block;

  background: white;


  width: 220px;

  -webkit-transition: all .5s;

  -moz-transition: all .5s;

  -o-transition: all .5s;

  -ms-transition: all .5s;

  transition: all .5s;

  position: relative;

  height: 67px;

}

.navbar-brand img{

    position: absolute;

    left: 0;

    top: 0;

    transition: all .5s ease-in-out;

    -webkit-transition: all .5s ease-in-out;

    -moz-transition: all .5s ease-in-out;

}

.left-menu{

  width: 195px;

  background: #26344B;

  float: left;

  height: 100%;

}

.navbar-nav{

  float: none;

  width: 100%;

}

.navbar-nav > li{



  width: 100%;

}



.sob
{
width:100%;

}


.sob th
{

padding:5px;


}

.sob  td
{
width:25% !important;

background:#fff3be;
padding:5px;
 border:1px solid black;
}



.sob  tr
{
border-bottom:1px solid red;

}

.policko
{
display:block;
/*min-height:200px !important;*/


}


.page-wrapper{

  margin-top: 68px;

}

.content-wrapper{

  float: left;

  margin-left: 220px;

}

.page-wrapper:before{

    display: block;

    content: '';

    height: 100%;

    width: 220px;

    background: #26344B;

}




.hideLogo .navbar-brand img{

    left: -185px;

    transition: all .5s ease-in-out;

    -webkit-transition: all .5s ease-in-out;

    -moz-transition: all .5s ease-in-out;

}





.navbar-nav .open .dropdown-menu{

  position: absolute;

}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus{

  background: #26344b;

}






.hideLogo .navbar-brand{

    display: block;

    width: 50px;

    height: 68px;

    float: left;

}

.hideLogo #menu-toggle{

    left: 4px;

    transition: all 0.5s ease-in-out;

}



.page-content{

    background: #eef1f5;

}

#page-content-wrapper:before{

    content: '';

    position: fixed;

    display: block;

    height: 100%;

    width: 50px;

    background: #525252;

    left: 0;

    z-index: -10;

}

#wrapper.active #page-content-wrapper.bigger:before{

    width: 220px;

}


#wrapper {

    padding-left: 50px;

    transition: all .4s ease 0s;

    height: 100%

}



#sidebar-wrapper {

    margin-left: -220px;

    left: 50px;

    width: 220px;

    background: #525252;

    position: absolute;

    height: 100%;

    z-index: 1000;

    transition: all .4s ease 0s;

    padding-top: 68px;

}



.sidebar-nav {

    display: block;

    float: left;

    width: 220px;

    list-style: none;

    margin: 0;

    padding: 0;

}

#page-content-wrapper {

    padding-left: 0;

    margin-left: 0;

    width: 100%;

    height: auto;

}

#wrapper.active {

    padding-left: 220px;

}

#wrapper.active #sidebar-wrapper {

    left: 220px;

}



#page-content-wrapper {

  width: 100%;

}



#sidebar_menu li a, .sidebar-nav li a {

    color: #fff;

    display: block;

    background: #525252;

    border-bottom: 1px solid #727272;
    padding-top: 6px;
    padding-bottom: 6px;
    float: left;

    text-decoration: none;

    width: 220px;

    font-size: 14px;

    font-weight: 300;

    -webkit-transition: background .5s;

    -moz-transition: background .5s;

    -o-transition: background .5s;

    -ms-transition: background .5s;

    transition: background .5s;

}

/*#sidebar_menu li.sidebar-brand a#menu-toggle{

    display: inline-block;

    float: right;

    width: 50px;

    background: transparent;

    border: 0;

}*/

.sidebar_name {

    padding-top: 25px;

    color: #fff;

    opacity: .7;

}



.sidebar-nav li {

  line-height: 40px;

  text-indent: 40px;

  position: relative;

}

.dropdown-menu{

    left: 100%;

    top: 0;

    padding: 0;

    border-left: 3px solid #fff;

}



.sidebar-nav li a {

  display: block;

  text-decoration: none;

  position: relative;

}



.sidebar-nav li a:hover, .sidebar-nav li a:focus, .sidebar-nav li a.active, .sidebar-nav li.active a {

  color: #ea6815;

  background: #3e3e3e;

  text-decoration: none;

}



.sidebar-nav li a:active,

.sidebar-nav li a:focus {

  text-decoration: none;

}



.navbar-nav > li > a.active:after, .navbar-nav > li.active > a:after{

    content:"\A";

    border-style: solid;

    border-width: 10px 11px 10px 0;

    border-color: transparent #fff transparent transparent;

    position: absolute;

    right: -0px;

}

/*

.sidebar-nav > .sidebar-brand {

  height: 65px;

  line-height: 60px;

  font-size: 18px;

}



.sidebar-nav > .sidebar-brand a {

  color: #999999;

}



.sidebar-nav > .sidebar-brand a:hover {

  color: #fff;

  background: none;

}*/

#menu-toggle{

  position: absolute;

  top: 0px;

  left: 175px;


  padding: 23px 15px;

  display: inline-block;

transition: all 0.5s ease-in-out;

}

#main_icon

{



    color: black;

}

.sub_icon

{

    float:right;

   padding-right: 65px;

   padding-top:10px;

}

.content-header {

  height: 65px;

  line-height: 65px;

}



.content-header h1 {

  margin: 0;

  margin-left: 20px;

  line-height: 65px;

  display: inline-block;

}

.dropdown-menu > li > a{

    padding: 10px 20px;

    border-bottom: 0;

    background: #212d41;

    transition: all .3s ease-in-out;

    -webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

}

.dropdown-menu > li{

    text-indent: 15px;

}



.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{

    background: #26344b;

}







.top-right-menu li{

  float: left;

  list-style-type: none;

  line-height: 67px;

  padding: 0px 15px;

}

.top-right-menu .dropdown-user .dropdown-menu{

  left: 0;

  top: 100%;

}

.top-right-menu > li > a >img, .top-right-menu > li > a >i, .top-right-menu > li > img{

    margin-right: 5px;

}

.top-right-menu .dropdown-user .dropdown-menu li{

    width: 100%;

    padding: 0px;

}

.top-right-menu > li > a,.top-right-menu > li > span{

  color: #868687;

  font-weight: 300;

}

.top-right-menu .dropdown-user .dropdown-menu li a{

    background: #fff;

    width: 100%;

    display: block;

    color: #868687;

}

.page-content{

    padding-top: 85px;

}

.container-fluid h2{

    font-size: 26px;

    font-weight: 300;

    margin-top: 0;

}

.container-fluid h3{

	font-weight: 300;

	font-size: 22px;

}

.container-fluid h2 span{

    font-size: 16px;

}





.search-form-hp{

  width: 192px;

  right: 10px;

  top: 0px;

  border: 1px solid #e6e6e6;

  float: left;

  height: 31px;

}

.ekrk-male{

  text-align: right;

}



.search-form-input{

  width: 160px !important;

  height: 29px;

  margin-bottom: 0px;

  float: left;

  border: 0;

  font-size: 12px;

  border-radius: 0;

  font-weight: 300;

  box-shadow: none;

}

.search-form-input:focus{

    box-shadow: none;

    background: #efefef;

    color: #333;

}

.white-bg{

    background: #fff;

    border-bottom: 1px solid #dedede;

    padding: 15px;

    margin-bottom: 30px;

}
.white-bg2 {
  background: #fff;
  padding-top: 15px;
  padding-bottom: 15px;
}

.table-set{

    padding: 0;

}

.hp-button-send{

  border: 0px;

  background: #fff url('../images/lupa.png') no-repeat center center;

  width: 30px;

  height: 29px;

  position: relative;

  border-left: 0px;

  transition: all .3s ease-in-out;

  -moz-transition: all .3s ease-in-out;

  -webkit-transition: all .3s ease-in-out;

  -o-transition: all .3s ease-in-out;

  -ms-transition: all .3s ease-in-out;

}

.hp-button-send:hover{

  background: #efefef url('../images/lupa.png') no-repeat center center;

}

.horne_menu{

    padding-left: 0;

    margin-top: 20px;

	overflow: auto;

}

.horne_menu li{

    list-style-type: none;

    float: left;

    margin-right: 15px;

}

.horne_menu li a img{

    margin-right: 3px;

}

.horne_menu li a{

    display: inline-block;

    padding: 5px 10px;

    border: 1px solid #dedede;

    background: #fff;

    transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -webkit-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    -ms-transition: all .3s ease-in-out;

}

.horne_menu li a:hover, .horne_menu li a:focus{

    border: 1px solid #3a7fc0;

}

.searchOptions{

    display: none;

    transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -webkit-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    -ms-transition: all .3s ease-in-out;

}

.search{

    padding: 15px;

    height: 61px;

}



.searchOptions.active{

    display: block;



}

.advancedSearch{

    float: right;

    margin-right: 45px;

    line-height: 2;

    position: relative;

}

.advancedSearch i{

    margin-left: 15px;

    background: #eef1f5;

    border: 1px solid #dedede;

    border-bottom: 0;

    font-size: 20px;

    padding: 0px 5px 19px 5px;

    position: absolute;

    right: -40px;

    top: 6px;

}

.filtry ul{

    padding-left: 0px;

    float: left;

    margin-right: 50px;

    margin-bottom: 0;

}

.filtry p{

    float: left;

    margin-bottom: 0;

    line-height: 2;

    margin-right: 20px;

}

.filtry ul li{

    float: left;

    list-style-type: none;

    padding: 0px 15px;

    border-right: 1px solid #e6e6e6;

}

.filtry ul li:last-child{

    border-right: 0;

}

.filtry ul li a{

    font-weight: 300;

    font-size: 14px;

    padding: 5px 0px;

    position: relative;

    line-height: 2;

	font-weight: 500;

}

.filtry ul li a:before{

  content: "";

  position: absolute;

  width: 100%;

  height: 5px;

  bottom: -17px;

  left: 0;

  background-color: #2471b9;

  visibility: hidden;

  -webkit-transform: scaleX(0);

  transform: scaleX(0);

  -webkit-transition: all 0.3s ease-in-out 0s;

  transition: all 0.3s ease-in-out 0s;

}

.filtry ul li a:hover, .filtry ul li a:focus, .filtry ul li a.active{

    color: #000;

}

.filtry ul li a:hover:before, .filtry ul li a.active:before{

  visibility: visible;

  -webkit-transform: scaleX(1);

  transform: scaleX(1);

}

.filtry ul li input{

    font-weight: 500;

    font-size: 14px;

    padding: 5px 0px;

    position: relative;

    line-height: 1.5;

	border: 0;

	background: none;

	color :#2471b9;

	border-bottom: 3px solid transparent;

	border-top: 3px solid transparent;

	margin-top: -5px;

	margin-bottom: -3px;

}

.filtry ul li input:before{

  content: "";

  position: absolute;

  width: 100%;

  height: 5px;

  bottom: -17px;

  left: 0;

  background-color: #2471b9;

  visibility: hidden;

  -webkit-transform: scaleX(0);

  transform: scaleX(0);

  -webkit-transition: all 0.3s ease-in-out 0s;

  transition: all 0.3s ease-in-out 0s;

}

.filtry ul li input:hover, .filtry ul li input:focus, .filtry ul li input.active{

    color: #000;

	border-bottom: 3px solid #2471b9;

}

.filtry ul li input:hover:before, .filtry ul li input.active:before{

  visibility: visible;

  -webkit-transform: scaleX(1);

  transform: scaleX(1);

}



.select2-container--classic .select2-selection--single{

    background: #fff;

    border-radius: 0px;

    border: 1px solid #9e9e9e;

}

.select2-container--classic .select2-selection--single .select2-selection__arrow{

    background: #fff;

    border: 0;

    width: 25px;

	height: 32px;

}

.select2-container--classic .select2-selection--single .select2-selection__arrow b{

    border: 0;

    top: 3px;



}

.select2-container--classic .select2-selection--single .select2-selection__arrow b:before{

    content: '\f107';

    font-family: "FontAwesome";

    color: #2471b9;

    font-size: 19px;



}

.select2-container .select2-selection--single{

    height: 34px;

}



.filtry .select2-container .select2-selection--single{

    height: 31px;

}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{

    background: #fff;

}

.select2-container--classic .select2-selection--single .select2-selection__rendered{

    color: #ea6815;
    font-weight: 700;
    line-height: 32px;

}

.form-control:focus {
    border-color: #ea6815;
    box-shadow: inset 0 1px 1px rgba(234, 104, 21, 0.075), 0 0 8px rgba(234, 104, 21, 0.6);
  }

.stav .select2-container, .select2-container{

    min-width: 140px;

    font-size: 12px;

}

.pocet .select2-container{

    min-width: 60px

}

.strankovani .white-bg{

    height: 100px;

    overflow: hidden;

}

.pocet, .pagining{

  float: left;

}

.pagining .pagination{

    margin: 0;

}

.pagination>li>a, .pagination>li>span{

    padding: 6px 9px;

    margin-left: 1px;

    margin-right: 1px;

    border-radius: 4px;

    font-weight: 300;

    font-size: 11px;

	transition: all .3s ease-in-out;

}

.pocet{

    margin-right: 30px;

} .pagination>li>a.grey-bg, .pagination>li>a.grey-bg span{

    background: #eef1f5;

}



.table-set table{

    width: 100%;

    margin-bottom: 0;

}

.table-set table thead{

    background: #f0f4fb;

    color: #2471b9;

}

.table-set table thead th, .table-set table tbody tr{

    font-weight: 300;

    font-size: 14px;

    vertical-align: middle;

}

.table-set table thead th a:hover{

    color: #000;

	cursor: pointer;

}

.table-set table tr td{

    vertical-align: middle;

}

.table-set table tbody tr:hover{

    background: #dedede;

}

.table-set table tbody tr td span{

    font-size: 10px;

    color: #747373;

}

.table-set .setNemovitost li{

    float: left;

    list-style-type: none;

    margin-right: 15px;

}

.table-set .setNemovitost a.funkce{

    padding: 10px 7px 20px 7px;

    display: block;

	transition: all .3s ease-in-out;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

}

.table-set .setNemovitost a.export{

    font-size: 14px;

    color: #fff;

    display: block;

    position: relative;

    padding: 10px 7px 20px 7px;

	transition: all .3s ease-in-out;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

}

.setNemovitost .dropdown.dropdown-user.open a.export, .setNemovitost .dropdown.dropdown-user.open a.funkce{

    background: #a1a1a1;

}

.setNemovitost{

    margin: 0;

    overflow: visible;

    padding: 0;

}

.table-set .setNemovitost li a:hover{

    background: #a1a1a1;

}

.table-set .setNemovitost .dropdown-menu{

    left: unset;

    right: -15px;

    top: 100%;

    box-shadow: none;

    background: #a1a1a1;

    border-radius: 0px;

    border: 0;

    margin-top: 0;

    min-width: 270px;

}

.table-set .setNemovitost .dropdown-menu li, .table-set .setNemovitost li:last-child{

  margin-right: 0;

}

.table-set .setNemovitost .dropdown-menu li a{

  background: none;

}

.table-set .setNemovitost .dropdown-menu li .nastExp{

    padding: 5px 10px;

    color: #2471b9;

    background: #dedede;

    float: left;

    font-size: 11px;

    display: inline-block;

    text-indent: 0;

    margin-top: 5px;

    margin-right: 10px;

    margin-top: 5px;

	transition: all .3s ease-in-out;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

}

.table-set .setNemovitost .dropdown-menu li .nastExp:hover{

	background: #333;

	color: #fff;

}

.table-set .setNemovitost .dropdown-menu li{

    background: #a1a1a1;

    padding: 5px 15px;

    width: 100%;

    text-indent: 0;

}

.table-set .setNemovitost .dropdown-menu li .exports{

    float: left;

    overflow: hidden;

    margin-left: 20px;

}

.exports span{

    display: block;

    padding: 0px 3px;

    float: left;

    text-indent: 0;

    font-size: 12px !important;

    color: #fff !important;

    margin: 2px;

}

.exports span.green{

    background: #1e7567;

}

.exports span.red{

    background: #bd0617;

}

.exports span.grey{

    background: #535050;

}

.advancedSearch{

    font-weight: 300;

}

.horne_menu li a{

    font-weight: 300;

}

.dropdown-menu.menu_functions a{

   display: block;

   float: left;

   width: 14%;

   text-align: center;

   text-indent: 0px;

   color: #323232;

	transition: all .3s ease-in-out;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

}

.dropdown-menu.menu_functions a:hover{

	-ms-transform: scale(0.9, 0.9); /* IE 9 */

    -webkit-transform: scale(0.9, 0.9); /* Safari */

    transform: scale(0.9, 0.9);

}





.dropdown-menu.menu_functions a p{

    margin-bottom: 0;

}



.dropdown-menu.menu_functions li{

    padding: 7px 15px !important;

}

.dropdown-menu.menu_functions{

    min-width: 530px !important;



}

.spacer-5{

  height: 5px;

  clear: both;

  display: block;

  width: 100%;

}

.spacer-10{

  height: 10px;

}

.spacer-15{

  height: 15px;

}

.spacer-20{

  height: 20px;

}

.spacer-30{

    height: 30px;

}

.spacer-40{

  height: 40px;

}

.spacer-50{

  height: 50px;

}

.spacer-60{

  height: 60px;

}
.pozadioff {
  background: #EEF1F5;
}
.blok_padding {
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
}

.spetSeznam{

    font-weight: 300;

    float: right;

    margin-top: 30px;

	font-size: 16px;

}

.spetSeznam img{

	margin-right: 5px;

	transition: all .3s ease-in-out;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

}



.spetSeznam:hover img, .spetSeznam:focus img{

	margin-right: 20px;

}





.setOveflow .white-bg{

  overflow: hidden;

}

.setOveflow ul{

    margin-right: 0;



}

.col-lg-2.filtry.setOveflow .white-bg{

  padding-left: 0;

  padding-right: 0;

}

.col-lg-2.filtry.setOveflow .white-bg ul{

  width: 100%;

}

.col-lg-2.filtry.setOveflow .white-bg ul li{

  width: 50%;

  text-align: center;

}

.form-control{

  border-radius: 0px;

  border: 1px solid #9e9e9e;

  box-shadow: unset;



}

.search-form-hp .form-control{

    border: 0px;

}

.CisloZakazky{

  float: left;

}

.StavReal{

    float: right;

}

.typNemovitosti{

    float: left;

}

.detailFilters .white-bg{

    overflow: hidden;

}

.typNemovitosti .select2{

    float: left;

    margin-right: 30px;

}

.CisloZakazky, .StavReal, .typNemovitosti{

    width: 33.33333%;

}

.CisloZakazky input{

    max-width: 170px;

}

label{

    display: block;

    font-weight: 500;

    background: #6782af;

    color: #fff;

    display: inline-block;

    padding: 5px 10px;

    padding-top: 3px;

    padding-bottom: 1px;

    margin-bottom: 0;

}

.StavReal{

  max-width: 150px;

  float: right;

}

.radio label, .checkbox label{

    padding-left: 0;

    padding-right: 20px;

    font-weight: 300;

    display: block;

    background: none;

    color: #333;

}

.radio-inline, .checkbox-inline{



  background: none;

  color: #333;

}

.radio input[type="radio"], .checkbox input[type="checkbox"]{

    margin-left: 20px;

}

.nav.nav-tabs{

    text-align: center;

    margin-left: 1px;

    border-bottom: 0px;

}

.nav.nav-tabs li a{

  border: 1px solid #e6e6e6;

  margin-right: 0;

  margin-left: -1px;

  border-bottom: 1px solid transparent;

  font-weight: 300;

}

.nav-tabs > li.active > a, .nav-tabs > li > a:hover, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{

    background-color: #26344B;

    color: #fff;

}





.treeTabs li{

  width: 33.33333%;

}

.twoTabs li{

  width: 50%;

}

.oneTab li{

  width: 100%

}

.fourTabs li{

  width: 25%;

}

.fiveTabs li{

  width: 20%;

}



.form-group.stav .select2-container, .select2-container{
  width: 100% !important;
  max-width: 366px !important;
  display: block;
}



.radio-inline, .checkbox-inline{

  margin-right: 20px;

}

.normal_checkbox.checkbox input[type="checkbox"]{

  margin-left: 0;

}



.normal_checkbox.checkbox input[type="radio"]{

  float: left;

}

.normal_checkbox.checkbox label{

  padding-right: 0;

  padding-left: 20px;

}

/*.radio-inline input[type="radio"], .checkbox-inline input[type="checkbox"]{

    margin-right: 5px;

} */

.platnost{

  display: none;

}

#filt .filtry .white-bg, #filt2 .filtry .white-bg, .filtry .white-bg{

	min-height: 100px;

}

#zakazkyHledani{

	width: 100%;

}

span.box_export{

	display: block;

	width: 100%;

}

span.box_export img{

	max-height: 27px;

}

.no-margin{

	margin: 0;

}

.prezentace_photo a{

	display: block;

	border: 1px solid #eef1f5;

}

.prezentace_photo a img{

	margin: 0 auto;

}

table.tato{

	width: 100%;

	border: 1px solid #eef1f5;

}

table.tato tr td{

	width: 50%;

	padding: 5px 15px;

}

table.tato tr td:last-child{

	text-align: right;

}

table.tato tr:nth-child(odd){

	background: #eef1f5;

}

table.tato tr:nth-child(even){

	background: #ffffff;

}

table.table_majitele tr td, table.table_majitele tr{

	border: 0;

}

table.table_majitele{

	border: 1px solid #eef1f5;

}

table.table_majitele tr:nth-child(odd){

	background: #eef1f5;

}

table.table_majitele tr:nth-child(even){

	background: #ffffff;

}

table.table_majitele.table>tbody>tr>th{

	border-top: 0;

	background: #c6d3e4;

}

.boxakce h4, .casto h4{

	font-weight: 300;

}

table#telefon_answer tr td{

	vertical-align: middle;

}

.SetMaxWidthInput{

	max-width: 150px;

}

.detail-nemovitosti-ekrk .leftinium a img, .detail-nemovitosti-ekrk .obrazek-array a img{

	-moz-transition: all 0.3s ease-in-out;

	-webkit-transition: all 0.3s ease-in-out;

	transition: all 0.3s ease-in-out;

}

.detail-nemovitosti-ekrk .leftinium a:hover img, .detail-nemovitosti-ekrk .obrazek-array a:hover img{

	box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .2);

	-webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .2);

	-moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .2);

}



.table.table-hover tbody tr{

	transition: all .3s ease-in-out;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

}

.setFirmySearch .dataTables_wrapper{

	margin-top: 10px;

	margin-bottom: 10px;

	clear: both;

	padding-bottom: 10px;

	font-weight: 300;

}

.setFirmySearch .dataTables_wrapper .dataTables_length{

	margin-right: 15px;

	float: left;

	margin-bottom: 10px;

}

.setFirmySearch .dataTables_wrapper .dataTables_filter{

	margin-left: 15px;

	margin-right: 15px;

	float: left;

	margin-bottom: 10px;

}

.setFirmySearch .dataTables_wrapper .dataTables_filter input{

	border: 1px solid #9e9e9e;

	height: 23px;

	padding: 6px 12px;

	font-size: 12px;

	font-weight: 300;

}

.setFirmySearch .dataTables_wrapper label{

	color: #555;

	background: none;

}

.setFirmySearch .dataTables_wrapper .dataTables_length select{

	margin-left: 10px;

	font-weight: 300;

}





/**** Login CSS Settings ****/



body.login{

	min-height: 100%;

	background: url(../images/login/login_bg.jpg) no-repeat center center;

	background-size: cover;

}

body.login .no-float{

	float: none;

}

body.login .logo_login{

	margin-top: 40px;

	margin-bottom: 40px;

}

body.login .footer{

	margin-top: 40px;

	margin-bottom: 30px;

}

body.login .loginBox{

	padding: 80px 100px;

	background: #eef1f5;

	box-shadow: 0px 0px 117px rgba(1,1,2,0.19);

}

body.login p.loginNadpis{

	text-align: center;

	margin-bottom: 60px;

	font-family: 'Roboto', sans-serif;

	font-size: 24px;

	font-weight: 300;

	color: #000;

}

body.login p.loginNadpis img{

	margin-right: 20px;

}

body.login label{

	padding: 0;

	background: none;

	color: #000;

	font-size: 20px;

	font-weight: 300;

	text-align: left !important;

}

body.login label img{

	margin-right: 20px;

	margin-top: -3px;

}

body.login .form-control{

	height: 40px;

	border: 1px solid #c6c6c6;

}

.tlacitko_odeslat{

	border-radius: 0;

	background: #2471b9;

	border-radius: 0;

	border: 0;

	font-size: 17px;

	font-weight: 300;

	transition: all .3s ease-in-out;

}

body.login .tlacitko_odeslat{

	margin-left: -7px;

	font-size: 20px;

}

body.login .form-group{

	margin-bottom: 20px;

}









/*** Login CSS End ***/

.upozorneni_veta{

	margin-bottom: 10px !important;

	line-height: 1.3 !important;

}

.upozorneni_veta strong{

	color: #e3064a;

	font-size: 14px;

	font-weight: 300;

}

.select_filtry ul{

	padding: 0;

	margin: 0;

}



.select_filtry ul li{

	list-style-type: none;

	float: left;

	width: 20%;

	padding-left: 5px;

	padding-right: 5px;

}

.PopKont{

	margin-bottom: 10px;

	margin-top: 10px;

}

.PopKont img{

	margin-right: 15px;

}

.resetmap{

	padding-top: 15px;

}

.resetmap img{

	margin-right: 15px;

	transition: all .8s ease-in-out;

	-webkit-transition: all .8s ease-in-out;

	-moz-transition: all .8s ease-in-out;

}

.resetmap a:hover img{

	 -ms-transform: rotate(360deg); /* IE 9 */

    -webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */

    transform: rotate(360deg);

}

#krok span{

	font-size: 16px;

	margin-left: 5px;

	margin-right: 5px;

	line-height: 1.9;

	border: 1px solid #dedede;

	padding: 3px;

}



#krok span.active{

	background: #26344B;

	color: #fff;

}



.tlacitko_odeslat.small{

	font-size: 14px;

	padding: 3px 10px;

}

input[name="aktivovat"]{

	background: #ae2626 !important;

	color: #fff !important;

	border-bottom: 0 !important;

	padding: 3px 10px !important;

    margin-top: 0px !important;

	font-size: 16px !important;

    font-weight: 500 !important;

	transition: all .3s ease-in-out;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	border: 0;

}

input[name="aktivovat"]:hover, input[name="aktivovat"]:focus{

	background: #5a1414 !important;

}

input[name="intid"],

input[name="nazev"],

input[name="nazev_tiskove"],

input[name="nazev_magazin"],

textarea[name="popis_cz"],

textarea[name="popis_tiskove"],

textarea[name="popis_magazin"],

input[name="cena"],

input[name="provize"],

input[name="plochapozem"],

input[name="patro"],

input[name="uzit_plocha"],

.stav.typNemovitosti .select2-container--classic .select2-selection--single .select2-selection__rendered{

	color: #333 !important;

	background: #fff9c8 !important;

}





.form-group select[name="vlastnictvi"] ~ .select2-container--classic .select2-selection--single,

.form-group select[name="mena"] ~ .select2-container--classic .select2-selection--single,

.form-group select[name="zeme"] ~ .select2-container--classic .select2-selection--single,

.form-group select[name="okres"] ~ .select2-container--classic .select2-selection--single,

.form-group select[name="id_mesto"] ~ .select2-container--classic .select2-selection--single,

.form-group select[name="id_katastr"] ~ .select2-container--classic .select2-selection--single,

.form-group select[name="narocnost"] ~ .select2-container--classic .select2-selection--single,

.form-group select[name="stav"] ~ .select2-container--classic .select2-selection--single,

.form-group select[name="postavenoz"] ~ .select2-container--classic .select2-selection--single{

	background: #fff9c8 !important;

}

.form-group select[name="vlastnictvi"] ~ .select2-container--classic .select2-selection--single .select2-selection__rendered,

.form-group select[name="mena"] ~ .select2-container--classic .select2-selection--single .select2-selection__rendered,

.form-group select[name="zeme"] ~ .select2-container--classic .select2-selection--single .select2-selection__rendered,

.form-group select[name="okres"] ~ .select2-container--classic .select2-selection--single .select2-selection__rendered,

.form-group select[name="id_mesto"] ~ .select2-container--classic .select2-selection--single .select2-selection__rendered

.form-group select[name="id_katastr"] ~ .select2-container--classic .select2-selection--single .select2-selection__rendered,

.form-group select[name="narocnost"] ~ .select2-container--classic .select2-selection--single .select2-selection__rendered,

.form-group select[name="stav"] ~ .select2-container--classic .select2-selection--single .select2-selection__rendered,

.form-group select[name="postavenoz"] ~ .select2-container--classic .select2-selection--single .select2-selection__rendered{

	color: #333;

}

a.information{

	margin-left: 10px;

	margin-right: 10px;

	padding: 2px 10px;

	font-size: 18px;

}

.ui-tooltip{

	box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, .2) !important;

}

.filtryx select[name="status"] ~ .select2-container--classic .select2-selection--single .select2-selection__arrow{

	height: 29px;

}



.export_zak_info{

	color: #fff;

	display: inline-block;

    padding: 5px 10px;

    padding-top: 3px;

    padding-bottom: 1px;

    margin-bottom: 0;

}

.token-input-list-facebook{

	border: 1px solid #9e9e9e !important;

	color: #333 !important;

}

.orezanie_fotky{

	position: relative;

	height: 100px;

    overflow: hidden;

}

.prezentace_photo a{

	width: 100%;

	border: 0px;

}



.prezentace_photo{

	position: relative;

	margin-bottom: 15px;

	padding-left: 7.5px;

	padding-right: 7.5px;

}

.obrRow{

	margin-left: -7.5px;

	margin-right: -7.5px;

}

.set_kont_search .dataTables_wrapper{

	margin-top: 15px;

}

.set_kont_search .dataTables_length{

	float: left;

	margin-left: 15px;

	margin-right: 7.5px;

}

.set_kont_search .dataTables_filter label, .set_kont_search .dataTables_length label{

	background: #fff;

	color: #555;

	margin-bottom: 15px;

}

.set_kont_search .dataTables_length select{

	font-weight: 300;

	margin-left: 5px;

}

.set_kont_search .dataTables_filter{

	margin-right: 15px;

	margin-left: 7.5px;

	float: left;

}

.set_kont_search .dataTables_filter input{

	height: 21px;

	font-size: 12px;

	font-weight: 300;

}



.makfoto{

	min-height: 80px;

	margin-bottom: 20px;

}

.marg_bot{

	margin-bottom: 15px;

}

.set_real_spol{

	border: 1px solid #ccc;

	background: #efefef;

	height: 60px;

	margin: 15px;

	transition: all .3s ease-in-out;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	padding: 0;

}

.set_real_spol a{

	width: 100%;

	height: 100%;

	display: flex;

	align-items: center;

    justify-content: center;

	transition: all .3s ease-in-out;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	text-align: center;

}

.set_real_spol:hover{

	background: #26344B;

}

.set_real_spol a:hover{

	color: #fff;

}

.vnitrek hr{

	margin: 0;

	border: 0;

}

.panel-group.faq .panel-heading{

	background: #26344B;

	padding: 0;

	transition: all .3s ease-in-out;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

}

.panel-group.faq .panel-heading a{

	color: #fff;

	display: block;

	width: 100%;

	height: 100%;

	padding: 10px 15px;

}

.panel-group.faq .panel-heading:hover{

	background: #212d41;

}

.panel-group.faq .panel{

	margin-bottom: 10px;

}

.novinka{

	margin-top: 10px;

	margin-bottom: 10px;



}

.novinkaOddelovac{

	width: 100%;

	float: none;

	clear: both;

	height: 2px;

	background: #ccc;

	margin-top: 5px;

	margin-bottom: 5px;

}

.set_hand thead tr th:hover{

	cursor: pointer;

}

.set_hand .paginate_button, .dataTables_info{

	padding: 0px 10px;

}

.set_hand .paginate_button:hover{

	color: #212d41;

	cursor: pointer;

	text-decoration: underline;

}

#boxFoto, .fotkyDetail{

	position: relative;

	overflow: auto;

}

.fotkyDetail #boxFoto{

	margin: 0;

	padding: 0;

}

#pickfiles2{

	display: inline-block;

	margin-right: 10px;

	margin-bottom: 10px;

	background: #b6b6b6;

	padding: 5px 15px;

	color: #fff;

	transition: all .3s ease-in-out;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

}

#pickfiles2:hover{

	background: #959595;

}

#uploadfiles2{

	margin-left: 10px;

	margin-top: 10px;

	background: #2471b9;

	padding: 6px 15px;

	color: #fff;

	transition: all .3s ease-in-out;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

}

#uploadfiles2:hover{

	background: #286090;

}



/***** Menu uprava ikonky  *****/

























.dataTables_info{

	margin-top: 20px;

	margin-bottom: 10px;

}

.dataTables_paginate{

	padding-left: 5px;

	padding-right: 5px;

	clear: both;

	margin-bottom: 10px;

}



.dataTables_paginate a,

 .setFirmySearch .dataTables_paginate span[class^="paginate"],

 .setFirmySearch .dataTables_paginate span[class^="first"],

 .setFirmySearch .dataTables_paginate span[class^="last"],

 .setFirmySearch .dataTables_paginate span[class^="next"],

 .setFirmySearch .dataTables_paginate span[class^="previous"]{

	margin-left: 10px;

	margin-right: 10px;

	border: 1px solid #ccc;

	border-radius: 3px;

	padding: 2px 6px;

	margin: 0px 2px;

	font-size: 15px;

	transition: all .3s ease-in-out;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	color: #337ab7;

}

.dataTables_paginate a:hover,

.setFirmySearch .dataTables_paginate span[class^="paginate"]:hover,

.setFirmySearch .dataTables_paginate span[class^="first"]:hover,

.setFirmySearch .dataTables_paginate span[class^="last"]:hover,

.setFirmySearch .dataTables_paginate span[class^="next"]:hover,

.setFirmySearch .dataTables_paginate span[class^="previous"]:hover,

.setFirmySearch .dataTables_paginate span[class^="paginate"]:focus,

.setFirmySearch .dataTables_paginate span[class^="first"]:focus,

.setFirmySearch .dataTables_paginate span[class^="last"]:focus,

.setFirmySearch .dataTables_paginate span[class^="next"]:focus,

.setFirmySearch .dataTables_paginate span[class^="previous"]:focus{

	cursor: pointer;

	background: #eef1f5;



}



.dataTables_paginate .paginate_active{

	background: #337ab7;

	color: #fff !important;

}

.dataTables_paginate .paginate_active:hover, .dataTables_paginate .paginate_active:focus{

	color: #337ab7 !important;

}





a.scrollup{

	display: none;

	width: 50px;

	height: 50px;

	background-color: #337ab7;

	color: #fff;

	text-align: center;

	position: fixed;

	right: 5%;

	bottom: 5%;

	z-index: 1000;

	border: 1px solid #337ab7;

	display: none;

}

a.scrollup i{

	color: #fff;

	font-size: 40px;

	line-height: 50px;

}

 .fakFaIco{

	padding: 0px 5px;

	float: left;

 }

#krok{

	float: left;

	margin-left: 10px;

	margin-right: 10px;

}



.sortox{

	padding: 0 !important;

	height: unset !important;

}



 .suggestionsBoxContainer{

	width: 100%;

 }

 .suggestionList li{

	 list-style-type: none;

	 padding: 10px 15px;

	 border: 1px solid #efefef;

	 margin-top: 2px;

	 margin-bottom: 2px;

 }

 .suggestionList li:hover{

	 cursor: pointer;

	 box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, .2);



 }



 a.editIcon, a.removeIcon{

	margin-left: 15px;

	margin-right: 15px;

	font-size: 18px;

	transition: all .3s ease-in-out;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	display: block;

	float: left;

 }

  a.editIcon:hover, a.editIcon:focus, a.removeIcon:hover, a.removeIcon:focus{

	-ms-transform: scale(1.3, 1.3); /* IE 9 */

    -webkit-transform: scale(1.3, 1.3); /* Safari */

    transform: scale(1.3, 1.3); /* Standard syntax */



  }

a.editIcon{

	color: #16a085;



}

a.removeIcon{

	color: #ae2626

}

 .formNovyKupujici, .formNovyKupujici2, .formNovyProdavajici, .formNovyProdavajici2{

	 font-size: 18px;

	 margin-bottom: 15px;

	 display: inline-block;

 }

 .formNovyKupujici i, .formNovyKupujici2 i, .formNovyProdavajici i, .formNovyProdavajici2 i{

	 font-size: 25px;

 }

 i.fas.fa-chevron-down {
   margin-right: 10px;
 }


 i.fas.fa-chevron-down, i.fas.fa-chevron-up {
  color: #337ab7;
  }

i.fas.fa-chevron-down:hover, i.fas.fa-chevron-up:hover {
  color: #ea6815;
}

.flex_h1 {
   display: flex;
   background: var(--modra); 
}


h1.h1 {

  text-shadow: 0 1px 0 #aecef4;
  color: white;
  margin-top: 0;
  margin-bottom: 0;
  padding: 15px 25px;

  
}
h1.h1 i {
  color: white;
  opacity: 0.5;
}

.h1_novy {
  padding: 10px 25px;
  margin-left: auto;
  display: flex;
  align-items: center;
}
input.rychle_hledani {
  max-width: 600px;
}

.flex_h1.green {
  background: var(--zelena); 
}

.flex_h1.green h1.h1 {
  text-shadow: 0 1px 0 #b6e1ad;
}





.center {
  text-align: center;
}


/**** MEDIA screen SET ****/






    .nastav {

    max-height:none !important;
    min-height:100px !important ;
    }





    .pocx

    {

    margin-top:10px;



    }










/*@media (max-width:767px) {

    #wrapper {

    padding-left: 70px;

    transition: all .4s ease 0s;

    }

    #sidebar-wrapper {

        left: 70px;

    }

    #wrapper.active {

        padding-left: 150px;

    }

    #wrapper.active #sidebar-wrapper {

        left: 150px;

        width: 150px;

        transition: all .4s ease 0s;

    }

}*/




.modal .close span{

	font-size: 20px;

	color: #333;

}

.table-set table.table-pripad thead th{

	font-weight: 300;

}

.table-set table.table-pripad tbody tr:first-child td{

	font-weight: bold;

	text-align: center;

}

.table-set table.table-pripad td{

	text-align: center;

}



.table-set table.table-pripad td:nth-child(2), .table-set table.table-pripad td:nth-child(3){

	text-align: left;

}





.table-set td.setBackground{

	background: #f1f1f1;

}



.table-set tr td:hover, .table-set tr td:focus, .table-set tr:hover td, .table-set tr:focus td, .table-set tr:hover td.setBackground, .table-set tr:focus td.setBackground{

	background: #bfbfbf;

}

.table-set td .modal{

	text-align: left;

}

.table-set tr td:first-child, .table-set tr td:nth-child(6), .table-set tr td:nth-child(9), .table-set tr td:nth-child(11){

	border: 0px;

}



.table-set thead th:nth-child(4), .table-set thead th:nth-child(6), .table-set thead th:nth-child(8){

	text-align: center;

	font-weight: 600 !important;

}



html body .table-set2 thead th:nth-child(4), html body .table-set thead th:nth-child(6), .table-set thead th:nth-child(8){

	text-align: left;

	font-weight: 600 !important;

}





.table-set .emptyRow td{

	border: 0;

	height: 30px;

}

tr.TitleRow td{

	border: 0 !important;

	font-weight: 600;

	text-transform: uppercase;

	padding-top: 15px !important;

}

















/*henzl*/



html body .zakazky_foto {

  display: block !important;

  float: left !important;

  padding: 10px !important;

  border: 1px solid #DDD !important;

  background: #FFF !important;

  margin: 0 10px 10px 0 !important;

  position: relative;

}

.zakazky_foto img {

  z-index: 5 !important;

}

a.delImg,

a.updImg {

  display: block;

  width: 25px;

  height: 25px;

  background: #FFF url('../../images/is/ico_delete.png') no-repeat center center;

  margin: 0 0 0 -5px;

  top: 0px;

  position: absolute;

  z-index: 50 !important;

}







a.delImg2 {

  display: block;

  width: 25px;

  height: 25px;

  background: #FFF url('../../images/pudorys_black.png') no-repeat center center;

  margin: 0 0 0 0px;

  right:9px;

  top: 2px;

  position: absolute;

  z-index: 50 !important;

  cursor:pointer;

}





a.rotate {

  display: block;

  width: 25px;

  height: 25px;

  background: #FFF url('../../images/rotate.png') no-repeat 4px 4px;

  margin: 0 0 0 0px;

  right:35px;

  top: 2px;

  position: absolute;

  z-index: 50 !important;

  cursor:pointer;

}











a.delImg3 {

  display: block;

  width: 25px;

  height: 25px;

  background: #FFF url('../../images/pudorys.png') no-repeat 4px 4px;

  margin: 0 0 0 0px;

  right:9px;

  top: 2px;

  position: absolute;

  z-index: 50;

    cursor:pointer;

}







a.updImg {background: #FFF url('../../images/is/ico_save.png') no-repeat 4px 4px;}

.inputFile {

  border : 1px solid #AAA;

  padding: 0.2em 0.2em;

}





#prubeh

{

display:none;



}



#krok .active

{

color:red;

font-weight:bold;



}





.cloneKupujiciPredpis

{

cursor:pointer



}





.delico

{

cursor:pointer



}



a.actives

{

border:1px solid #2471B9 !important;





}


.act
{

color:red;
font-weight:bold
}

.nova_polozka
{
cursor:pointer

}


.a0
{
width:30px;
float:left;
}


.a1
{
width:150px;
float:left;
}


.a2
{
width:150px;
float:left;
}



.a3
{

}


                      .multiselect {
    width:160px;
    height:10em;
    border:solid 1px #c0c0c0;
    overflow:auto;
}

.multiselect label {
    display:block;
}

.multiselect-on {
    color:#ffffff;
    background-color:#000099;
}



.tabulk td
{

vertical-align:top;
min-width:180px;

}


.tabulk tr
{
display:block;
margin:20px 0 20px 0 !important;

}


.s1
{
width:120px;


}


 .table-over     {
     width: 100%;
     margin-bottom: 15px;
     overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
}



.setforprodukt{
    margin-top: 5px;
    margin-bottom: 9px;
}

.setforprodukt label input[type="checkbox"]{
    margin-left: -20px;
}
.nova_polozka.btn{
    color: #333;
}
.nova_polozka.btn img{
    margin-right: 5px;
}
label{
    background: #525252;
    color: #fff;
    font-weight: 300 !important;
    font-size: 85% !important;
    border-radius: 0 !important;
    padding: 3px 10px;
}
.setforprodukt label{
    padding: 0 !important;
    padding-left: 20px !important;
    font-size: 13px !important;
}


hr.black{
    border-top: 1px solid rgb(87, 87, 87);
}
div.borderos{
    padding-top: 15px;
    padding-bottom: 15px;
    overflow: auto;
    background: #ccc;
}
.provozovna{
  padding-left: 60px;
  background: #fff url('../images/sipka.jpg') no-repeat center right;
  min-height: 150px;
}
.provozovna:last-child{
  background: #fff;
}
.catNadpis{
  font-weight: 600;
  margin-bottom: 20px;
  margin-left: -40px;
}
.catNadpis span{
  display: flex;
  width: 25px;
  height: 25px;
  border-radius: 40px;
  color: #fff;
  background: #000;
  float: left;
  margin-right: 10px;
  justify-content: center;
  align-items: center;
  margin-top: -3px;
  font-weight: 300;
}
.orangeButton{
  color: #fff;
  background: #ed6c10;
  border-color: transparent;
}
a.smazat{
  text-decoration: underline;
  color: #e02d2d;
}
.provozovna .orangeButton{
  margin-top: 20px;
}
.greyButton{
  background: #efefef;
}


td.smallfonts {
  font-size: 12px;
}

/*Nastavenie tabulky pre vsetky produkty*/
/*table.table.table-striped.responsive-table{
  position: relative;
}
table.table.table-striped.responsive-table thead{
  width: 97%;
}

table.table.table-striped.responsive-table tbody{
  height: 500px;
  overflow-y: auto;
  width: 100%;
}
table.table.table-striped.responsive-table thead,
table.table.table-striped.responsive-table tbody,
table.table.table-striped.responsive-table tr,
table.table.table-striped.responsive-table td,
table.table.table-striped.responsive-table th{
  display: block;
}
table.table.table-striped.responsive-table tbody td,
table.table.table-striped.responsive-table thead > tr >th{
  float: left;
  border-bottom-width: 0;
}*/


.flex_proj_hledani {
  display: flex;
flex-wrap: wrap;
}

.flex_proj_hledani .box_h {
 flex: 1; 
 padding-left: 10px;
 padding-right: 10px;
 min-width: 170px;
 max-width: 400px;
 margin-bottom: 10px;
}
.flex_proj_hledani .box_h.mw190 {
  min-width: 190px;
}

.flex_proj_hledani .box_h.mw215 {
  min-width: 215px;
}

.flex_proj_hledani .box_h.mw300 {
  min-width: 300px;
}
.flex_proj_hledani .box_h.mw400 {
  min-width: 400px;
}



.flex_proj_hledani .box_h_full {
  flex-basis: 100%;
  padding-left: 10px;
 padding-right: 10px;
}
.flex_proj_hledani .box_h2 {
  flex: 2; 
  padding-left: 10px;
  padding-right: 10px;
  min-width: 450px;
  max-width: 650px;
  margin-bottom: 10px;
 }

span.in_box {
  padding: 5px 10px;

  border-radius: 3px;
}
span.in_box i {
  color: white;
  display: inline;
}
a.stav_produktu:hover span.in_box {
  background: grey;
}


/*priprava*/
.sp_1 {
  background: #8CC63F;
  color: white;
}

/*so*/
.sp_2 {
  background: #159907;
  color: white;
}



/*so-c*/

.sp_3 {
  background: #159907;
  color: white;
}




/*rc*/
.sp_4 {
  background: #93278F;
  color: white;
}



/*h*/
.sp_8 {
  background:  	#7b68ee;
  color: white;
}

    /*ex*/
.sp_9 {
  background:  	#ff00ff;
  color: white;
}



/*r*/
.sp_5 {
  background: #93278F;
  color: white;
}


/*u*/
.sp_6 {
  background: #662D91;
  color: white;
}

/*z*/
.sp_7 {
  background: rgb(163, 163, 163);
  color: white;
}



.s_P {
  background: #8CC63F;
  color: white;
}





.s_PH {
  background: #159907;
  color: white;
}



.s_ZAK {
  background: #0071BC;
  color: white;
}
.s_OD {
  background: #1231B2;
  color: white;
}
.s_VDH {
  background: #006837;
  color: white;
}
.s_V {
  background: #93278F;
  color: white;
}
.s_VH {
  background: #662D91;
  color: white;
}

.s_VZ2 {
  background: #662D91;
  color: white;
}

.s_SV {
  background: #3C1A1C;
  color: white;
}
.s_Ex {
  background: #7A0000;
  color: white;
}
.s_EXc {
  background: #B20000;
  color: white;
}
.s_Z {
  background: rgb(163, 163, 163);
  color: white;
}

.flexikon span:not(.s_Ex),
.flexikon span:not(.s_EXc) {
  border: 1px solid #7A0000;
  background: white;
}

.flexikon span.s_Ex {
  border: 1px solid #7A0000;
  background: #7A0000;
}

.flexikon span.s_EXc {
  border: 1px solid #7A0000;
  background: linear-gradient(to bottom right, #fff 0%, #fff 50%, #7A0000 50%, #7A0000 100%);
}


.opacity {
  opacity: 0.35;
}


td.prikazy_ikony .flexikon {
  display: flex;
  flex-wrap: wrap;
}

td.prikazy_ikony .flexikon span.in_box {
 padding: 8px 8px;
 margin-right: 2px;
 margin-bottom: 2px;
}


a.btn-detail {
border: 1px solid #ea6815;
background: #ea6815;
color: white;
padding: 5px 10px;
border-radius: 3px;
transition: 0.3s all ease-in;
}

a.btn-detail:hover {
background: #333;
border: 1px solid #333;
}



a.btn-edituj {
  border: 1px solid #ea6815;
  padding: 5px 10px;
  background: white;
  color: #ea6815;
  border-radius: 3px;
  transition: 0.3s all ease-in;
}

a.btn-edituj:hover {
  background: #959595;
  color: white;
  border: 1px solid #333;
}

a.btn-edituj.smal {
  display: inline-block;
  padding: 3px 5px;
  font-weight: 400;
  font-size: 12px;
  margin-bottom: 5px;
}


.bgprojekty {
  background: var(--modra);
}
.relative {
  position: relative;
}

.btn-abs {
  position: absolute;
  right: 15px;
  top: 15px;
}
table.tretina tr th, table.tretina tr td {
  width: 33.3333%;
}

.h1_blue {
  background: var(--modra);
  color: white;
  padding: 10px 25px;
  margin-top: 0;
  margin-bottom: 0;
}
.h2_green {
  background: var(--zelena2);
  padding: 10px 25px 10px 15px;
  margin: -15px -15px 0 -15px;
  margin-top: -15px !important;
}
a.btn-abs.vpr {
top: 56px;
}


span.zavorky, table.sestavavyroba span.text  {
  display: none;
}

.right {
  display: flex;
  justify-content: flex-end;
  padding-bottom: 20px;
}


.fobalov {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

form.sestdopr {
    width: 100%;
    align-items: center;
}

table.sestavadoprava {
    max-width: 1200px;
}
table.sestavadoprava tr th {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

table.sestavadoprava .w2 {
    width: 2.5%;
} 

table.sestavadoprava .w5 {
    width: 5%;
} 

table.sestavadoprava .w10 {
    width: 10%;
} 

table.sestavadoprava .w20 {
    width: 20%;
} 
table.sestavadoprava tr td {
    vertical-align: middle !important;
}
p.pracovnici span.hodin {
  font-size: 16px;
  padding: 5px 0 5px 5px;
  background: white;
}

p.pracovnici span.pracovniku {
  font-size: 16px;
  font-weight: 600;
  margin-right: 10px;
  padding: 5px 5px 5px 0;
  background: white;
}


a.tlaci, input.tlaci {
display: inline-block;
padding: 10px 20px;
background: #0071BC;
color: white;
border-radius: 3px;
transition: 0.3s all ease-in;
border: none;
font-weight: 600;
}

a.tlaci:hover, input.tlaci:hover {
  background: #ea6815;
}

.zakladnixx, .vataxx, .svitekxx, .deskoxx, .paluxx, .nikoxx, .motoxx {
  padding-top: 30px;
  display: flex;
  flex-wrap: wrap;
  max-width: 1200px;
}

.zakladnixx .fobal, .vataxx .fobal, .svitekxx .fobal, .deskoxx .fobal, .paluxx .fobal, .nikoxx .fobal, .motoxx .fobal {
flex-basis: 50%;
margin-bottom: 20px;
}

.zakladnixx input {
  min-width: 185px;
}
a.save1, a.save2, a.save3 {
  padding: 5px;
  background: #0071BC;
  border-radius: 3px;
  color: white;
  display: inline-block;
  line-height: 10px;
  transition: 0.3s all ease-in;
  cursor: pointer;
}

a.save1:hover, a.save2:hover, a.save3:hover {
  background: #ea6815;
}
form#novy_projekt {
  margin-bottom: 80px;
}

table#grid th.maxw1, table#grid td.maxw1 {
  width: 145px;
}

table#grid th.w100, table#grid td.w100 {
  min-width: 70px;
}

table.sestavavyroba tr td .tzakaznik {
  width: 150px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

table.sestavavyroba tr td .tprojekt {
  width: 140px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

table.sestavavyroba tr td.newrap {
  white-space: nowrap;
}

span.malytext {
  font-size: 12px;
}
.skryjpc, .skryjpc2 {
  display: none;
  }

table.sestavavyroba th {
    position: sticky;
    top: 66px;
    background: var(--modra2);
    vertical-align: middle !important;
    font-size: 13px;
    font-weight: 500;
    border-right: 1px solid white; 
    z-index: 100;
}
table.sestavavyroba td.tdflex {
  display: flex;
  align-items: center;
}

table.sestavavyroba td.tdflex a.save3 {
  margin-left: 3px;
}

table.sestavavyroba tr td.sirsi {
  min-width: 73px;
}

/* PROJEKTY - NOVÉ STAVY */
.padd {
  padding: 15px;
}

.oddelovak {
  height: 20px;
  background: #eef1f5;
  position: relative;
}
.oddelovak::before {
  content: '';
  width: calc(100% + 30px);
  height: 100%;
  position: absolute;
  background: #eef1f5;
  left: -15px;
  top: 0;
}
table.sestavaexpedice td {
  padding: 4px 5px !important;
}



.reportfak {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;

}
.reportfak .boxrep1 {
  flex-basis: 75%;
}
.reportfak .boxrep2 {
  flex-basis: 24%; 
  background: white;
  padding: 15px 25px;
  position: sticky;
  top: 70px;
}
.reportfak .boxrep2 .box50 {
  margin-bottom: 25px;
}

.popup, .popup2 {
  position: fixed;
  display: flex;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  transition: 0.3s all ease-in;
  padding: 30px;
  border-radius: 8px;
  z-index: 100;
  visibility: hidden;
}

.popup form,.popup2 form {
  width: 700px;
  margin: auto;
  background: white;
  padding: 30px;
  border-radius: 10px;
}

.popup.open, .popup2.open  {
  visibility: visible;
}

.popup::before, .popup2::before  {
  content: '';
  width: calc(100vw - 20px);
  height: 100vh;
  background: black;
  opacity: 0.7;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}


.uhrady {
  padding: 20px 0;
}
.popup form input.ulozit, .popup2 form input.ulozit {
  margin-top: 20px;
    margin-bottom: 20px;
}

a.popx, a.popx2 {
  cursor: pointer;
}


.mt1 {
  margin-top: 10px;
}

.mt2 {
  margin-top: 20px !important;
}

.mt3 {
  margin-top: 30px !important;
}

.mr3 {
margin-right: 30px;
}

.mb1 {
  margin-bottom: 10px;
}

.mb2 {
  margin-bottom: 20px;
}

.mb3 {
  margin-bottom: 30px;
}

.ml25 {
  margin-left: 25px;
}

.flexbox .fakturky {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}
.rokfaktury {
  margin-right: 20px;
}
.clearnew {
  clear: both;

}
a.popx img {
  width: 22px;
  height: auto;
  transition: 0.3s all ease-in;
}

a.popx:hover img {
  transform: scale(1.1);
}
a.vytvoritprikaz {
  background: #2471b9;
  color: white;
  padding: 3px 10px;
  display: inline-block;
  border-radius: 3px;
  transition: 0.3 all ease-in;
}
a.vytvoritprikaz:hover {
  background: #ea6815;
}
a.stornovat {
  display: inline-block;
    padding: 3px 0 0 0;
    font-size: 13px;
    color: grey;
    transition: 0.3 all ease-in;
}
a.stornovat:hover {
  color: #2471b9;
  text-decoration: underline;
}
.flex_z {
  display: flex;
  max-width: 1350px;
  justify-content: space-between;
  align-items: flex-start;
}

.flex_z .bilybox.mensi {
  flex-basis: 48%;
}
.flex_z .vypiszaloh {
  flex-basis: 48%;
  padding: 15px;
  background: white;
}

.zahlavi {
  font-weight: 600;
}
.oddelovac {
  height: 5px;
    border-bottom: 1px solid lightgrey;
    margin-bottom: 5px;
}

table tr td.penize {
  font-size: 12px;
  line-height: 16px;
  vertical-align: middle;
}

table tr td.valign {
  vertical-align: middle;
}
table tr th.wprojectu, table tr td.wprojectu {
  max-width: 250px;
}

table tr.soucty td.penize {
  font-size: 12px;
  line-height: 22px;
}

table tr td.penize span.mena {
  width: auto;
}

table tr.soucty td.obalbunky {
  vertical-align: middle;
}

table td.cenac {
  border-right: 1px solid rgb(192, 192, 192);
}


table td.cenaz  {
  border-right: 1px solid rgb(192, 192, 192);
  border-left: 1px solid rgb(192, 192, 192);
}

/* MAKEJ */

img.stopka {
  width: 22px;
  margin-left: 3px;
}

table.sestavavyroba tr th.prvni, table.sestavavyroba tr td.prvni {
 min-width: 80px; 
}

.hromadnyprikaz {
  display: none;
  background: #ffc19d;
  position: fixed;
  bottom: 0;
  width: 100%;
  margin-left: -15px;
  padding: 10px;
  text-align: left;
  border-top: 3px solid black;
  z-index: 10000;
}

#ui-datepicker-div {
  z-index: 3000 !important;
}


/* dodací list */

.flex {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}

.flex .box30 {
  flex-basis: 29%;
}

.flex .box40 {
  flex-basis: 39%;
}

.flex .box50 {
  flex-basis: 49%;
}

.flex .box60 {
  flex-basis: 59%;
}

.flex .box100 {
    flex-basis: 100%;
}

.sformem {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-bottom: 20px;
}

.sformem input {
  width: 100%;
}

.dodak {
  padding-left: 15px;
  padding-right: 15px;
}

span.radekdodaku {
    display: flex;
    align-items: center;
    gap: 1rem;
}

span.datumdodaku {
    font-size: 10px;
}

span.radekdodaku span.in_box {
    font-size: 10px;
    padding: 4px 6px;
}

.ruzovy {
  background: #FDE4E4;
  padding: 15px;
}

.vyrobnicislo {
  padding: 15px;
  border-top: 1px solid #EEEEEE;
}

.vyrobnicislo label {
  position: relative;
  background: white;
  border: 1px solid #b9b9b9;
  display: inline-flex;
  align-items: center;
  margin-bottom: 8px;
  margin-right: 8px;
  padding: 8px;
  cursor: pointer;
  transition: 0.3s all ease-in;
}

.vyrobnicislo label:hover {
  border: 1px solid #535252;
}

.vyrobnicislo label input[type="checkbox"] {
  width: 20px;
  height: 20px;
  position: relative;
  z-index: 1;
  margin-top: 0;
  cursor: pointer;
}
.vyrobnicislo label span.back.na_jinem_exc {
    background: rgb(245, 163, 163);
}

.vyrobnicislo label span.back {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: white;
  height: 100%;
  display: block;
  z-index: 0;
}

.vyrobnicislo label input[type="checkbox"]:checked ~ span.back {
  background: rgb(195 223 255);
}

.vyrobnicislo label span.vyrobek {
  position: relative;
  color: #000;
  line-height: 20px;
  padding-left: 8px;
  font-size: 14px;
    font-weight: 500;
}


.vyrobnicislo label input[type="checkbox"]:disabled ~ span.back{
  background: #cccccc;
}
p.legenda {
    display: flex;
    align-items: center;
    padding-bottom: 10px;
}

p.legenda span {
    display: inline-block;
    width: 20px;
    height: 14px;
    border: 1px solid black;
    margin-left: 10px;
    margin-right: 8px;
}
p.legenda span.dexc {
    background: rgb(245, 163, 163);
}
p.legenda span.dis {
    background: #cccccc;
}

.paleta {
    max-width: 1000px;
    background-color: #eef1f5;
    padding: 15px;
}
table.paletova {
    width: 100%;
    margin-top: 2rem;
}

table.paletova tr td, table.paletova tr th {
  width: 16%;
    padding: 5px 10px;
}

table.paletova tr td.akce, table.paletova tr th.akce {
  width: 10%;
}
table.paletova tr td.plnej, table.paletova tr th.plnej {
  width: 100%;
}

table.paletova.krabice {
  max-width: 650px;
}
table.paletova.krabice tr td, table.paletova.krabice tr th {
  width: 28%;
}

table.paletova tr th {
    background: #323232;
    color: white;
    font-weight: 300;
}
a.pridej {
    display: inline-block;
    padding: 5px 30px;
    border-radius: 3px;
    background-color: #12A425;
    color: white;
    cursor: pointer;
    transition: var(--transition);
}

a.smazat {
    display: inline-flex;
    justify-content: center;
    text-decoration: none;
    align-items: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: red;
    color: white;
    cursor: pointer;
    transition: var(--transition);
    border: 1px solid red;
}

a.smazat:hover {
  background: white;
  color: red;
}

a.pridej:hover {
  background-color: #0f811e;
}

label.obalcheck {
    display: flex;
    width: 100%;
    max-width: 200px;
    align-items: center;
    background-color: unset;
    color: inherit;
}

label.obalcheck input {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    margin-top: 0;
}

.flexbox .checkboxiky {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
}

table.sestavaobaly tr th {
    position: sticky;
    top: 66px;
    z-index: 10;
}

table.tabnew.sadrane th.sadrokarton, table.tabnew.sadrane td.sadrokarton {
    display: none;
}

table.tabnew tr.dodak {
    background: #ebebeb !important;
    border-top: 3px solid #d1d1d1;;
  
}

table.tabnew tr.dodak td {
    border-bottom: 1px solid rgb(155, 155, 155);
}

a.dodaci {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid #0071BC;
    border-radius: 50%;
    margin-left: 3px;
	 margin-top: 3px;
    cursor: pointer;
    position: relative;
}
a.dodaci.d2::before, a.dodaci.d3::before  {
    content: '';
    width: 100%;
    height: 100%;
    border: 2px solid #0071BC;
    border-radius: 50%;
    background: #0071BC;
    position: absolute;
    top: 0;
    left: 0;
}

a.dodaci.d2::before {
    -webkit-clip-path: circle(50.0% at 100% 50%);
    clip-path: circle(50.0% at 100% 50%);
}


table.tpalet {
    width: 100%;
    margin-top: 2rem;
}

table.tpalet tr td {
    width: 20%;
    vertical-align: top;
}

table.tpalet tr.ptab td {
    padding-top: 2rem;
}

details.dodpal summary {
    cursor: pointer;
    text-decoration: underline;
    font-weight: 600;
    color: #004d80;
    display: inline-block;
}

details.dodpal summary:hover {
    text-decoration: none;
    color: #EA6815;
}

@media screen and (max-width: 620px){

  .skupina2, .skupina4, .skupina3 {
    display: block;
  }
  
  .skupina2 .form-group:nth-of-type(1), .skupina4 .form-group, .skupina3 .form-group {
    margin-right: 0;
  }
  
  
.flex_h1 {
flex-direction: column;

}

.flex_proj_hledani .box_h {
  min-width: 250px;
}
  
      .filtry ul li{
  
          width: 50%;
  
          border-right: 0px;
  
          padding: 10px;
  
      }
  
      .filtry ul li a{
  
        border: 1px solid #e6e6e6;
  
      }
  
      .filtry ul li a:before{
  
          display: none;
  
      }
  
      .top-right-menu li{
  
        border-bottom: 1px solid #e6e6e6;
  
        font-size: 13px;
  
      }
  
      .obrazek-array a img{
  
          height: 60px;
  
      }
  
      .orezanie_fotky a img{
  
          height: auto !important;
  
          max-height: unset;
  
      }
  
  
  
  }


@media screen and (min-width: 768px){

.table-responsive{

  overflow-x: visible;

  }
  
.navbar-nav li:hover .dropdown-menu{
  display: block;
  }
  
body.login .logo_login{
  margin-top: 130px;
  margin-bottom: 100px;
}

body.login .footer{
  margin-top: 100px;
  margin-bottom: 150px;
}


.padLeft0{

  padding-left: 0;

}

.padRight0{

  padding-right: 0;

}

}


@media screen and (max-width: 768px){


  .top-right-menu > li > a > img, .top-right-menu > li > img{

      display: none;

    }

    .page-header{

        height: 120px;

        max-height: 120px;

    }

    .top-right-menu{

        margin-right: 15px;

    }

    .navbar-brand, .hideLogo .navbar-brand{

        height: 119px

    }

    #menu-toggle{

        padding: 50px 15px;

    }

    .top-right-menu li{

        float: none;

        line-height: 1.5;

        text-align: right;

        padding: 5px 0px;

    }

    .navbar-brand img{

        margin-top: 40px;

    }

    .page-content{

        padding-top: 140px;

    }

    #sidebar-wrapper{

        padding-top: 120px;

    }

    .horne_menu li{

        float: none;

        margin-bottom: 10px;

        margin-right: 0;

    }

    .horne_menu li a{

        display: block;

        width: 100%;

        text-align: center;

    }

    .horne_menu li a img{

        display: none;

    }

    .obrazek-array a img{

        max-height: 100px;

    }

    .prezentace_photo a{

        border: 0;

    }

    table.tato{

        margin-bottom: 15px;

    }



.navbar-nav > li > a.dropdown-toggle:before{
  content: '\f101';
  font-family: "FontAwesome";
  font-size: 15px;
  position: absolute;
  right: 10px;
  top: 10px;
  color: #ffff;
  display: block;
  }

.sidebar-nav > li{
  display: inline-block
}

 
body.login .loginBox .col-sm-9{

  padding: 0;

}

body.login .loginBox{

  padding: 10px 15px;

}

body.login p.loginNadpis{

  margin-bottom: 20px;

}

body.login label{

  margin-bottom: 1px;

}

body.login .logo_login img{

  max-width: 100%;

  display: block;

  margin: 0 auto;

  padding-left: 15px;

  padding-right: 15px;

}

body.login p.loginNadpis{

  font-size: 19px;

}

body.login label{

  font-size: 18px;

}

body.login p.loginNadpis img{

  display: none;

}

body.login label img{

  display: none;

}

body.login label{

  text-align: center !important;

  width: 100%;

  margin-top: 10px;

}
.zakladnixx .fobal {
  flex-basis: 100%;
  }

}


@media screen and (min-width: 992px){

  /*Uvod*/
  
    #wrapper .navbar-nav li a[href="uvodni-stranka"]:before{
  
      background: url('../images/menu/uvod.png') no-repeat center 0px;
  
      display: block;
  
      width: 29px;
  
      height: 29px;
  
      content: '';
  
      position: absolute;
  
      right: 15px;
  
      top: 10px;
  
    }
  
      #wrapper .navbar-nav li a[href="uvodni-stranka"]:hover:before, #wrapper .navbar-nav li a[href="uvodni-stranka"]:focus:before, #wrapper .navbar-nav li a[href="uvodni-stranka"].active:before{
  
      background: url('../images/menu/uvod.png') no-repeat center -29px;
  
      display: block;
  
      width: 29px;
  
      height: 29px;
  
      content: '';
  
      position: absolute;
  
      right: 15px;
  
      top: 10px;
  
    }
  
    /*Nemovitosti*/
  
    #wrapper .navbar-nav li a[href="zakazky"]:before{
  
      background: url('../images/menu/nemovitosti.png') no-repeat center 0px;
  
      display: block;
  
      width: 29px;
  
      height: 26px;
  
      content: '';
  
      position: absolute;
  
      right: 15px;
  
      top: 10px;
  
    }
  
      #wrapper .navbar-nav li a[href="zakazky"]:hover:before, #wrapper .navbar-nav li a[href="zakazky"]:focus:before, #wrapper .navbar-nav li a[href="zakazky"].active:before{
  
      background: url('../images/menu/nemovitosti.png') no-repeat center -26px;
  
      display: block;
  
      width: 29px;
  
      height: 26px;
  
      content: '';
  
      position: absolute;
  
      right: 15px;
  
      top: 10px;
  
    }
  
    /*MLS system ekrk*/
  
      #wrapper .navbar-nav li a[href="zakazky_partneru"]:before{
  
      background: url('../images/menu/mls.png') no-repeat center 0px;
  
      display: block;
  
      width: 30px;
  
      height: 22px;
  
      content: '';
  
      position: absolute;
  
      right: 15px;
  
      top: 12px;
  
    }
  
      #wrapper .navbar-nav li a[href="zakazky_partneru"]:hover:before, #wrapper .navbar-nav li a[href="zakazky_partneru"]:focus:before, #wrapper .navbar-nav li a[href="zakazky_partneru"].active:before{
  
      background: url('../images/menu/mls.png') no-repeat center -22px;
  
      display: block;
  
      width: 30px;
  
      height: 22px;
  
      content: '';
  
      position: absolute;
  
      right: 15px;
  
      top: 12px;
  
    }
  
  
  
  
  
  
  
  
  
      /*obchodni modul*/
  
      #wrapper .navbar-nav li a[href="obchodni-pripad"]:before{
  
      background: url('../images/menu/mls.png') no-repeat center 0px;
  
      display: block;
  
      width: 30px;
  
      height: 22px;
  
      content: '';
  
      position: absolute;
  
  
  
      top: 12px;
  
    }
  
      #wrapper .navbar-nav li a[href="obchodni-pripad"]:hover:before, #wrapper .navbar-nav li a[href="obchodni-pripad"]:focus:before, #wrapper .navbar-nav li a[href="obchodni-pripad"].active:before{
  
      background: url('../images/menu/mls.png') no-repeat center -22px;
  
      display: block;
  
      width: 30px;
  
      height: 22px;
  
      content: '';
  
      position: absolute;
  
  
  
      top: 12px;
  
    }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
      /*Poptavky*/
  
      #wrapper .navbar-nav li a[href="poptavky"]:before{
  
      background: url('../images/menu/poptavky.png') no-repeat center 0px;
  
      display: block;
  
      width: 27px;
  
      height: 20px;
  
      content: '';
  
      position: absolute;
  
      right: 15px;
  
      top: 15px;
  
    }
  
      #wrapper .navbar-nav li a[href="poptavky"]:hover:before, #wrapper .navbar-nav li a[href="poptavky"]:focus:before, #wrapper .navbar-nav li a[href="poptavky"].active:before{
  
      background: url('../images/menu/poptavky.png') no-repeat center -20px;
  
      display: block;
  
      width: 27px;
  
      height: 20px;
  
      content: '';
  
      position: absolute;
  
      right: 15px;
  
      top: 15px;
  
    }
  
        /*Zajmy*/
  
      #wrapper .navbar-nav li a[href="zajmy"]:before{
  
      background: url('../images/menu/zajmy.png') no-repeat center 0px;
  
      display: block;
  
      width: 35px;
  
      height: 21px;
  
      content: '';
  
      position: absolute;
  
      right: 10px;
  
      top: 15px;
  
    }
  
      #wrapper .navbar-nav li a[href="zajmy"]:hover:before, #wrapper .navbar-nav li a[href="zajmy"]:focus:before, #wrapper .navbar-nav li a[href="zajmy"].active:before{
  
      background: url('../images/menu/zajmy.png') no-repeat center -21px;
  
      display: block;
  
      width: 35px;
  
      height: 21px;
  
      content: '';
  
      position: absolute;
  
      right: 10px;
  
      top: 15px;
  
    }
  
          /*Klienti*/
  
      #wrapper .navbar-nav li a[href="kontakty"]:before{
  
      background: url('../images/menu/klienti.png') no-repeat center 0px;
  
      display: block;
  
      width: 20px;
  
      height: 29px;
  
      content: '';
  
      position: absolute;
  
      right: 15px;
  
      top: 10px;
  
    }
  
      #wrapper .navbar-nav li a[href="kontakty"]:hover:before, #wrapper .navbar-nav li a[href="kontakty"]:focus:before, #wrapper .navbar-nav li a[href="kontakty"].active:before{
  
      background: url('../images/menu/klienti.png') no-repeat center -29px;
  
      display: block;
  
      width: 20px;
  
      height: 29px;
  
      content: '';
  
      position: absolute;
  
      right: 15px;
  
      top: 10px;
  
    }
  
      /*Firmy*/
  
      #wrapper .navbar-nav li a[href="firmy"]:before{
  
      background: url('../images/menu/firmy.png') no-repeat center 0px;
  
      display: block;
  
      width: 29px;
  
      height: 28px;
  
      content: '';
  
      position: absolute;
  
      right: 15px;
  
      top: 10px;
  
    }
  
      #wrapper .navbar-nav li a[href="firmy"]:hover:before, #wrapper .navbar-nav li a[href="firmy"]:focus:before, #wrapper .navbar-nav li a[href="firmy"].active:before{
  
      background: url('../images/menu/firmy.png') no-repeat center -28px;
  
      display: block;
  
      width: 29px;
  
      height: 28px;
  
      content: '';
  
      position: absolute;
  
      right: 15px;
  
      top: 10px;
  
    }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
        /*Marketing*/
  
      #wrapper .navbar-nav li a.marketing:before{
  
      background: url('../images/menu/marketing.png') no-repeat center 0px;
  
      display: block;
  
      width: 26px;
  
      height: 31px;
  
      content: '';
  
      position: absolute;
  
      right: 15px;
  
      top: 10px;
  
    }
  
      #wrapper .navbar-nav li a.marketing:hover:before, #wrapper .navbar-nav li a.marketing:focus:before, #wrapper .navbar-nav li a.marketing.active:before{
  
      background: url('../images/menu/marketing.png') no-repeat center -31px;
  
      display: block;
  
      width: 26px;
  
      height: 31px;
  
      content: '';
  
      position: absolute;
  
      right: 15px;
  
      top: 10px;
  
    }
  
      /*Statistiky*/
  
      #wrapper .navbar-nav li a[href="statistiky"]:before{
  
      background: url('../images/menu/statistiky.png') no-repeat center 0px;
  
      display: block;
  
      width: 28px;
  
      height: 26px;
  
      content: '';
  
      position: absolute;
  
      right: 15px;
  
      top: 10px;
  
    }
  
      #wrapper .navbar-nav li a[href="statistiky"]:hover:before, #wrapper .navbar-nav li a[href="statistiky"]:focus:before, #wrapper .navbar-nav li a[href="statistiky"].active:before{
  
      background: url('../images/menu/statistiky.png') no-repeat center -26px;
  
      display: block;
  
      width: 28px;
  
      height: 26px;
  
      content: '';
  
      position: absolute;
  
      right: 15px;
  
      top: 10px;
  
    }
  
          /*Nastaveni*/
  
      #wrapper .navbar-nav li a.nastaveni:before{
  
      background: url('../images/menu/nastaveni.png') no-repeat center 0px;
  
      display: block;
  
      width: 30px;
  
      height: 29px;
  
      content: '';
  
      position: absolute;
  
      right: 12px;
  
      top: 10px;
  
    }
  
      #wrapper .navbar-nav li a.nastaveni:hover:before, #wrapper .navbar-nav li a.nastaveni:focus:before, #wrapper .navbar-nav li a.nastaveni.active:before{
  
      background: url('../images/menu/nastaveni.png') no-repeat center -29px;
  
      display: block;
  
      width: 30px;
  
      height: 29px;
  
      content: '';
  
      position: absolute;
  
      right: 12px;
  
      top: 10px;
  
    }
  
          /*Napoveda*/
  
      #wrapper .navbar-nav li a.napoveda:before{
  
      background: url('../images/menu/napoveda.png') no-repeat center 0px;
  
      display: block;
  
      width: 29px;
  
      height: 29px;
  
      content: '';
  
      position: absolute;
  
      right: 12px;
  
      top: 10px;
  
    }
  
      #wrapper .navbar-nav li a.napoveda:hover:before, #wrapper .navbar-nav li a.napoveda:focus:before, #wrapper .navbar-nav li a.napoveda.active:before{
  
      background: url('../images/menu/napoveda.png') no-repeat center -29px;
  
      display: block;
  
      width: 29px;
  
      height: 29px;
  
      content: '';
  
      position: absolute;
  
      right: 12px;
  
      top: 10px;
  
    }
  
      /*Ekrk admin*/
  
      #wrapper .navbar-nav li a.ekrk_admin:before{
  
      background: url('../images/menu/ekrk_admin.png') no-repeat center 0px;
  
      display: block;
  
      width: 33px;
  
      height: 29px;
  
      content: '';
  
      position: absolute;
  
      right: 12px;
  
      top: 10px;
  
    }
  
      #wrapper .navbar-nav li a.ekrk_admin:hover:before, #wrapper .navbar-nav li a.ekrk_admin:focus:before, #wrapper .navbar-nav li a.ekrk_admin.active:before{
  
      background: url('../images/menu/ekrk_admin.png') no-repeat center -29px;
  
      display: block;
  
      width: 33px;
  
      height: 29px;
  
      content: '';
  
      position: absolute;
  
      right: 12px;
  
      top: 10px;
  
    }
  
  
  
        /*Clenska sekce*/
  
      #wrapper .navbar-nav li a[href="/clenska-sekce/"]:before{
  
      background: url('../images/menu/clenska_sekce.png') no-repeat center 0px;
  
      display: block;
  
      width: 34px;
  
      height: 22px;
  
      content: '';
  
      position: absolute;
  
      right: 10px;
  
      top: 15px;
  
    }
  
      #wrapper .navbar-nav li a[href="/clenska-sekce/"]:hover:before, #wrapper .navbar-nav li a[href="/clenska-sekce/"]:focus:before, #wrapper .navbar-nav li a[href="/clenska-sekce/"].active:before{
  
      background: url('../images/menu/clenska_sekce.png') no-repeat center -22px;
  
      display: block;
  
      width: 34px;
  
      height: 22px;
  
      content: '';
  
      position: absolute;
  
      right: 10px;
  
      top: 15px;
  
    }
  
        /*Clenska sekce admin*/
  
      #wrapper .navbar-nav li a[href="clenska-sekce-admin"]:before{
  
      background: url('../images/menu/csadmin.png') no-repeat center 0px;
  
      display: block;
  
      width: 35px;
  
      height: 26px;
  
      content: '';
  
      position: absolute;
  
      right: 10px;
  
      top: 15px;
  
    }
  
      #wrapper .navbar-nav li a[href="clenska-sekce-admin"]:hover:before, #wrapper .navbar-nav li a[href="clenska-sekce-admin"]:focus:before, #wrapper .navbar-nav li a[href="clenska-sekce-admin"].active:before{
  
      background: url('../images/menu/csadmin.png') no-repeat center -26px;
  
      display: block;
  
      width: 35px;
  
      height: 26px;
  
      content: '';
  
      position: absolute;
  
      right: 10px;
  
      top: 15px;
  
    }
  
          /*Kalendar*/
  
      #wrapper .navbar-nav li a.kalendar:before{
  
      background: url('../images/menu/kalendar.png') no-repeat center 0px;
  
      display: block;
  
      width: 26px;
  
      height: 25px;
  
      content: '';
  
      position: absolute;
  
      right: 13px;
  
      top: 15px;
  
    }
  
      #wrapper .navbar-nav li a.kalendar:hover:before, #wrapper .navbar-nav li a.kalendar:focus:before, #wrapper .navbar-nav li a.kalendar.active:before{
  
      background: url('../images/menu/kalendar.png') no-repeat center -25px;
  
      display: block;
  
      width: 26px;
  
      height: 25px;
  
      content: '';
  
      position: absolute;
  
      right: 13px;
  
      top: 15px;
  
    }
  
  
  
  
  
      /*Clenska sekce admin*/
  
      #wrapper .navbar-nav li a[href="dokumenty"]:before{
  
      background: url('../images/menu/dokumenty.png') no-repeat center 0px;
  
      display: block;
  
      width: 27px;
  
      height: 24px;
  
      content: '';
  
      position: absolute;
  
      right: 10px;
  
      top: 15px;
  
    }
  
      #wrapper .navbar-nav li a[href="dokumenty"]:hover:before, #wrapper .navbar-nav li a[href="dokumenty"]:focus:before, #wrapper .navbar-nav li a[href="dokumenty"].active:before{
  
      background: url('../images/menu/dokumenty.png') no-repeat center -24px;
  
      display: block;
  
      width: 27px;
  
      height: 24px;
  
      content: '';
  
      position: absolute;
  
      right: 10px;
  
      top: 15px;
  
    }
  
  
  
  
  
  
  
  /**** Velke menu ikony ****/
  
  /*uvod*/
  
    #wrapper.active .navbar-nav li  a[href="uvodni-stranka"]:before{
  
      background: url('../images/menu/uvod.png') no-repeat center 0;
  
      display: block;
  
      width: 29px;
  
      height: 29px;
  
      content: '';
  
      position: absolute;
  
      left: 15px;
  
      top: 10px;
  
    }
  
    #wrapper.active .navbar-nav li  a[href="uvodni-stranka"]:hover:before, #wrapper.active .navbar-nav li  a[href="uvodni-stranka"]:focus:before, #wrapper.active .navbar-nav li  a[href="uvodni-stranka"].active:before{
  
      background: url('../images/menu/uvod.png') no-repeat center -29px;
  
      display: block;
  
      width: 29px;
  
      height: 29px;
  
      content: '';
  
      position: absolute;
  
      left: 15px;
  
      top: 10px;
  
    }
  
    /*Nemovitosti*/
  
      #wrapper.active .navbar-nav li  a[href="zakazky"]:before{
  
      background: url('../images/menu/nemovitosti.png') no-repeat center 0;
  
      display: block;
  
      width: 29px;
  
      height: 26px;
  
      content: '';
  
      position: absolute;
  
      left: 15px;
  
      top: 10px;
  
    }
  
    #wrapper.active .navbar-nav li  a[href="zakazky"]:hover:before, #wrapper.active .navbar-nav li  a[href="zakazky"]:focus:before, #wrapper.active .navbar-nav li  a[href="zakazky"].active:before{
  
      background: url('../images/menu/nemovitosti.png') no-repeat center -26px;
  
      display: block;
  
      width: 29px;
  
      height: 26px;
  
      content: '';
  
      position: absolute;
  
      left: 15px;
  
      top: 10px;
  
    }
  
    /*MLS system ekrk*/
  
        #wrapper.active .navbar-nav li  a[href="zakazky_partneru"]:before{
  
      background: url('../images/menu/mls.png') no-repeat center 0;
  
      display: block;
  
      width: 30px;
  
      height: 22px;
  
      content: '';
  
      position: absolute;
  
      left: 15px;
  
      top: 12px;
  
    }
  
    #wrapper.active .navbar-nav li  a[href="zakazky_partneru"]:hover:before, #wrapper.active .navbar-nav li  a[href="zakazky_partneru"]:focus:before, #wrapper.active .navbar-nav li  a[href="zakazky_partneru"].active:before{
  
      background: url('../images/menu/mls.png') no-repeat center -22px;
  
      display: block;
  
      width: 30px;
  
      height: 22px;
  
      content: '';
  
      position: absolute;
  
      left: 15px;
  
      top: 12px;
  
    }
  
      /*Poptavky*/
  
        #wrapper.active .navbar-nav li  a[href="poptavky"]:before{
  
      background: url('../images/menu/poptavky.png') no-repeat center 0;
  
      display: block;
  
      width: 27px;
  
      height: 20px;
  
      content: '';
  
      position: absolute;
  
      left: 15px;
  
      top: 15px;
  
    }
  
    #wrapper.active .navbar-nav li  a[href="poptavky"]:hover:before, #wrapper.active .navbar-nav li  a[href="poptavky"]:focus:before, #wrapper.active .navbar-nav li  a[href="poptavky"].active:before{
  
      background: url('../images/menu/poptavky.png') no-repeat center -20px;
  
      display: block;
  
      width: 27px;
  
      height: 20px;
  
      content: '';
  
      position: absolute;
  
      left: 15px;
  
      top: 15px;
  
    }
  
        /*Zajmy*/
  
        #wrapper.active .navbar-nav li  a[href="zajmy"]:before{
  
      background: url('../images/menu/zajmy.png') no-repeat center 0;
  
      display: block;
  
      width: 35px;
  
      height: 21px;
  
      content: '';
  
      position: absolute;
  
      left: 12px;
  
      top: 12px;
  
    }
  
    #wrapper.active .navbar-nav li  a[href="zajmy"]:hover:before, #wrapper.active .navbar-nav li  a[href="zajmy"]:focus:before, #wrapper.active .navbar-nav li  a[href="zajmy"].active:before{
  
      background: url('../images/menu/zajmy.png') no-repeat center -21px;
  
      display: block;
  
      width: 35px;
  
      height: 21px;
  
      content: '';
  
      position: absolute;
  
      left: 12px;
  
      top: 12px;
  
    }
  
          /*Klienti*/
  
        #wrapper.active .navbar-nav li  a[href="kontakty"]:before{
  
      background: url('../images/menu/klienti.png') no-repeat center 0;
  
      display: block;
  
      width: 20px;
  
      height: 29px;
  
      content: '';
  
      position: absolute;
  
      left: 15px;
  
      top: 10px;
  
    }
  
    #wrapper.active .navbar-nav li  a[href="kontakty"]:hover:before, #wrapper.active .navbar-nav li  a[href="kontakty"]:focus:before, #wrapper.active .navbar-nav li  a[href="kontakty"].active:before{
  
      background: url('../images/menu/klienti.png') no-repeat center -29px;
  
      display: block;
  
      width: 20px;
  
      height: 29px;
  
      content: '';
  
      position: absolute;
  
      left: 15px;
  
      top: 10px;
  
    }
  
            /*Firmy*/
  
        #wrapper.active .navbar-nav li  a[href="firmy"]:before{
  
      background: url('../images/menu/firmy.png') no-repeat center 0;
  
      display: block;
  
      width: 29px;
  
      height: 28px;
  
      content: '';
  
      position: absolute;
  
      left: 15px;
  
      top: 10px;
  
    }
  
    #wrapper.active .navbar-nav li  a[href="firmy"]:hover:before, #wrapper.active .navbar-nav li  a[href="firmy"]:focus:before, #wrapper.active .navbar-nav li  a[href="firmy"].active:before{
  
      background: url('../images/menu/firmy.png') no-repeat center -28px;
  
      display: block;
  
      width: 29px;
  
      height: 28px;
  
      content: '';
  
      position: absolute;
  
      left: 15px;
  
      top: 10px;
  
    }
  
  
  
            /*Marketing*/
  
        #wrapper.active .navbar-nav li  a.marketing:before{
  
      background: url('../images/menu/marketing.png') no-repeat center 0;
  
      display: block;
  
      width: 26px;
  
      height: 31px;
  
      content: '';
  
      position: absolute;
  
      left: 15px;
  
      top: 10px;
  
    }
  
    #wrapper.active .navbar-nav li  a.marketing:hover:before, #wrapper.active .navbar-nav li  a.marketing:focus:before, #wrapper.active .navbar-nav li  a.marketing.active:before{
  
      background: url('../images/menu/marketing.png') no-repeat center -31px;
  
      display: block;
  
      width: 26px;
  
      height: 31px;
  
      content: '';
  
      position: absolute;
  
      left: 15px;
  
      top: 10px;
  
    }
  
        /*statistiky*/
  
        #wrapper.active .navbar-nav li  a[href="statistiky"]:before{
  
      background: url('../images/menu/statistiky.png') no-repeat center 0;
  
      display: block;
  
      width: 28px;
  
      height: 26px;
  
      content: '';
  
      position: absolute;
  
      left: 15px;
  
      top: 10px;
  
    }
  
    #wrapper.active .navbar-nav li  a[href="statistiky"]:hover:before, #wrapper.active .navbar-nav li  a[href="statistiky"]:focus:before, #wrapper.active .navbar-nav li  a[href="statistiky"].active:before{
  
      background: url('../images/menu/statistiky.png') no-repeat center -26px;
  
      display: block;
  
      width: 28px;
  
      height: 26px;
  
      content: '';
  
      position: absolute;
  
      left: 15px;
  
      top: 10px;
  
    }
  
      /*Nastaveni*/
  
        #wrapper.active .navbar-nav li  a.nastaveni:before{
  
      background: url('../images/menu/nastaveni.png') no-repeat center 0;
  
      display: block;
  
      width: 30px;
  
      height: 29px;
  
      content: '';
  
      position: absolute;
  
      left: 15px;
  
      top: 10px;
  
    }
  
    #wrapper.active .navbar-nav li  a.nastaveni:hover:before, #wrapper.active .navbar-nav li  a.nastaveni:focus:before, #wrapper.active .navbar-nav li  a.nastaveni.active:before{
  
      background: url('../images/menu/nastaveni.png') no-repeat center -29px;
  
      display: block;
  
      width: 30px;
  
      height: 29px;
  
      content: '';
  
      position: absolute;
  
      left: 15px;
  
      top: 10px;
  
    }
  
  
  
        /*Napoveda*/
  
        #wrapper.active .navbar-nav li  a.napoveda:before{
  
      background: url('../images/menu/napoveda.png') no-repeat center 0;
  
      display: block;
  
      width: 29px;
  
      height: 29px;
  
      content: '';
  
      position: absolute;
  
      left: 15px;
  
      top: 10px;
  
    }
  
    #wrapper.active .navbar-nav li  a.napoveda:hover:before, #wrapper.active .navbar-nav li  a.napoveda:focus:before, #wrapper.active .navbar-nav li  a.napoveda.active:before{
  
      background: url('../images/menu/napoveda.png') no-repeat center -29px;
  
      display: block;
  
      width: 29px;
  
      height: 29px;
  
      content: '';
  
      position: absolute;
  
      left: 15px;
  
      top: 10px;
  
    }
  
      /*Napoveda*/
  
      #wrapper.active .navbar-nav li  a.ekrk_admin:before{
  
      background: url('../images/menu/ekrk_admin.png') no-repeat center 0;
  
      display: block;
  
      width: 33px;
  
      height: 29px;
  
      content: '';
  
      position: absolute;
  
      left: 15px;
  
      top: 10px;
  
    }
  
    #wrapper.active .navbar-nav li  a.ekrk_admin:hover:before, #wrapper.active .navbar-nav li  a.ekrk_admin:focus:before, #wrapper.active .navbar-nav li  a.ekrk_admin.active:before{
  
      background: url('../images/menu/ekrk_admin.png') no-repeat center -29px;
  
      display: block;
  
      width: 33px;
  
      height: 29px;
  
      content: '';
  
      position: absolute;
  
      left: 15px;
  
      top: 10px;
  
    }
  
  
  
          /*Clenska sekce*/
  
        #wrapper.active .navbar-nav li  a[href="/clenska-sekce/"]:before{
  
      background: url('../images/menu/clenska_sekce.png') no-repeat center 0;
  
      display: block;
  
      width: 34px;
  
      height: 22px;
  
      content: '';
  
      position: absolute;
  
      left: 10px;
  
      top: 15px;
  
    }
  
    #wrapper.active .navbar-nav li  a[href="/clenska-sekce/"]:hover:before, #wrapper.active .navbar-nav li  a[href="/clenska-sekce/"]:focus:before, #wrapper.active .navbar-nav li  a[href="/clenska-sekce/"].active:before{
  
      background: url('../images/menu/clenska_sekce.png') no-repeat center -22px;
  
      display: block;
  
      width: 34px;
  
      height: 22px;
  
      content: '';
  
      position: absolute;
  
      left: 10px;
  
      top: 15px;
  
    }
  
      /*Clenska sekce admin*/
  
  
  
      #wrapper.active .navbar-nav li  a[href="clenska-sekce-admin"]:before{
  
      background: url('../images/menu/csadmin.png') no-repeat center 0;
  
      display: block;
  
      width: 35px;
  
      height: 26px;
  
      content: '';
  
      position: absolute;
  
      left: 10px;
  
      top: 15px;
  
    }
  
    #wrapper.active .navbar-nav li  a[href="clenska-sekce-admin"]:hover:before, #wrapper.active .navbar-nav li  a[href="clenska-sekce-admin"]:focus:before, #wrapper.active .navbar-nav li  a[href="clenska-sekce-admin"].active:before{
  
      background: url('../images/menu/csadmin.png') no-repeat center -26px;
  
      display: block;
  
      width: 35px;
  
      height: 26px;
  
      content: '';
  
      position: absolute;
  
      left: 10px;
  
      top: 15px;
  
    }
  
  
  
        /*Kalendar*/
  
  
  
      #wrapper.active .navbar-nav li  a.kalendar:before{
  
      background: url('../images/menu/kalendar.png') no-repeat center 0;
  
      display: block;
  
      width: 26px;
  
      height: 25px;
  
      content: '';
  
      position: absolute;
  
      left: 13px;
  
      top: 15px;
  
    }
  
    #wrapper.active .navbar-nav li  a.kalendar:hover:before, #wrapper.active .navbar-nav li  a.kalendar:focus:before, #wrapper.active .navbar-nav li  a.kalendar.active:before{
  
      background: url('../images/menu/kalendar.png') no-repeat center -25px;
  
      display: block;
  
      width: 26px;
  
      height: 25px;
  
      content: '';
  
      position: absolute;
  
      left: 13px;
  
      top: 15px;
  
    }
  
  
  
        /*Clenska sekce admin*/
  
  
  
      #wrapper.active .navbar-nav li  a[href="dokumenty"]:before{
  
      background: url('../images/menu/dokumenty.png') no-repeat center 0;
  
      display: block;
  
      width: 27px;
  
      height: 24px;
  
      content: '';
  
      position: absolute;
  
      left: 10px;
  
      top: 15px;
  
    }
  
    #wrapper.active .navbar-nav li  a[href="dokumenty"]:hover:before, #wrapper.active .navbar-nav li  a[href="dokumenty"]:focus:before, #wrapper.active .navbar-nav li  a[href="dokumenty"].active:before{
  
      background: url('../images/menu/dokumenty.png') no-repeat center -24px;
  
      display: block;
  
      width: 27px;
  
      height: 24px;
  
      content: '';
  
      position: absolute;
  
      left: 10px;
  
      top: 15px;
  
    }
  
  
  
  
  
  }
  
  /*** Menu end ***/




@media screen and (max-width: 992px){

.flex2 {
  display: block;
}
.flex_box2:nth-of-type(1) {
  margin-right: 0;
}


#page-content-wrapper:before{

  width: 0;

}

#wrapper.active #page-content-wrapper.bigger:before{

  width: 150px;

}

body.login .loginBox{

  width: 100%;

  }
  
  
  .search, .filtry .white-bg, .strankovani .white-bg{

      max-height: none;

      text-align: center;

    }

    .pocet, .pagining, .filtry p {

        float: none;

    }

    .filtry ul{

        width: 100%;

        overflow: hidden;

        margin-bottom: 20px;

    }

    .filtry ul li{

        width: 25%;

        margin-bottom: 15px;

    }

    .filtry ul li a{

        width: 100%;

        display: block;

    }

    .filtry ul li a:before{

        bottom: 0;

    }

    .pocet{

        margin-bottom: 15px;

    }

    #wrapper.active{

        padding-left: 150px;

    }

    .navbar-brand{

        width: 150px;

    }

    #menu-toggle{

        left: 110px;

    }

    .navbar-brand img{

        max-width: 120px;

        margin-top: 15px;

    }

    #sidebar_menu li a, .sidebar-nav li a, .sidebar-nav{

        width: 150px;

    }

    #sidebar-wrapper{

        width: 150px;

    }

    #wrapper{

        padding-left: 0;

    }

    #wrapper.active #sidebar-wrapper{
        left: 220px;
    }

    #sidebar_menu li a, .sidebar-nav li a{
        font-size: 12px;
   }

    .sidebar-nav li{
        text-indent: 0;
    }

    #wrapper.active{
        position: relative;
        padding-left: 0;
    }

    .CisloZakazky, .StavReal, .typNemovitosti{
        width: 100%;
        margin-bottom: 10px;
    }

    .StavReal{
        float: none;
        max-width: unset;
    }

    .col-lg-6.filtry.setOveflow{
        clear: both;
    }

    .orezanie_fotky{
        height: 95px;
    }

    .zakazky_filtry ul li{
        width: 16.666%;
    }

    .poptavky_filtry ul li{
        width: 20%;
    }

    .poptavky_filtry2 ul li{
        width: 16.666%;
    }

    label{
        font-size: 12px;
    }

    #krok{
        margin-bottom: 10px;
        float: none;
    }

    .horne_menu{
        margin-bottom: 10px;
    }

    .flex.dodak .box50,
    .flex.ruzovy .box30,
    .flex.ruzovy .box60 {
      flex-basis: 100%;
    }

}


@media screen and (min-width: 1200px) and (max-width: 1240px){

  .stav .select2-container, .select2-container{

    max-width: 105px;

  }

}

@media screen and (min-width: 1200px) and (max-width: 1280px){

.search-form-hp{

  height: 26px;

}

.hp-button-send{

  height: 24px;

}

}



@media screen and (max-width: 1200px){

.horne_menu{
    margin-bottom: 30px;
    overflow: auto;
}

#sidebar_menu li a, .sidebar-nav li a{
    font-size: 13px;
}

.table-set table thead th{
    font-size: 12px;
}

.set_table_imgWidth .obsah td img{
    max-width: 100px !important;
}

.spetSeznam{
    font-size: 14px;
    margin-top: 0;
}

.sestobaly .box15 {
    flex-basis: 24%;
}

.sestobaly .box40 {
    flex-basis: 100%;
    justify-content: flex-start;
}



}

@media screen and (min-width: 1200px) and (max-width: 1300px){

  .filtry ul li{

      padding: 0px 4px;

  }

  .pagination > li > a, .pagination > li > span{

      padding: 3px 4px;

  }

  .advancedSearch i{

    margin-left: 0px;

    padding: 0px 3px 12px 3px;

    right: -25px;

  }

  .advancedSearch{

      margin-right: 20px;

  }

  .search-form-input{

      width: 118px !important;

  }

  .search-form-hp{

      width: 150px;

  }

}



@media screen and (max-width: 1280px){

.filtry ul{margin-right: 10px;}

.filtry ul li input{font-size: 12px;}

#krok span{font-size: 14px;}

input[name="aktivovat"]{font-size: 14px !important;}

}


@media screen and (max-width: 1367px){
  .tabulkaHalf{
      width: 100%;
      float: none;
  }


  .table-projekty>thead>tr>th:nth-of-type(3),
  .table-projekty>thead>tr>th:nth-of-type(9),
  .table-projekty>thead>tr>th:nth-of-type(11),
  .table-projekty>tbody>tr>td:nth-of-type(3),
  .table-projekty>tbody>tr>td:nth-of-type(9),
  .table-projekty>tbody>tr>td:nth-of-type(11) {
   display: none;
  }








}

@media screen and (max-width: 1400px){

  .search, .filtry .white-bg, .strankovani .white-bg{
      height: auto;
      overflow: hidden;
      max-height: 55px;
  }

  .provozovna{
      margin-top: 15px;
      background: #fff;
    }

  .filtry ul{
    margin-right: 20px;
  }

  .filtry ul li a::before{
      height: 2px;
      bottom: -12px;
  }

  .advancedSearch{
    font-size: 11px;
    margin-right: 35px;
  }

  .filtry ul li{
      padding: 0px 7px;
  }

  .table-set table thead th{
      font-size: 13px;
  }

.form-control{

  font-size: 12px;

  padding: 2px 5px;

}

.nav.nav-tabs li a{

  line-height: 1;

}



}

@media screen and (max-width: 1510px){


  .needitovatelne {
    height: 26px;
    line-height: 1.2;
    font-size: 12px;
  }
  
  
      .table-set .setNemovitost a.export{
  
          padding: 5px 4px 11px 4px;
  
      }
  
      .table-set .setNemovitost li{
  
          margin-right: 0px;
  
      }
  
      .table-set .setNemovitost a.funkce{
  
        padding: 5px 5px 9px 5px;
  
      }
  
      .filtry p{
  
        margin-right: 10px;
  
        font-size: 12px;
  
      }
  
      .filtry ul li a{
  
          font-size: 12px;
  
      }
  
      .select2-container .select2-selection--single, .form-control{
  
          height: 30px;
  
          margin-bottom: 2px;
  
      }
  
      .select2-container--classic .select2-selection--single .select2-selection__rendered{
  
          line-height: 24px;
  
          font-weight: 300;
  
          font-size: 12px;
  
      }
  
      .select2-container--classic .select2-selection--single .select2-selection__arrow{
  
        height: 24px;
  
      }
  
      .search-form-input{
  
        width: 128px !important;
  
      }
  
      .search-form-hp{
  
          width: 160px;
  
      }
  
      .pocet{
  
          margin-right: 10px;
  
      }
  
      .pagination > li > a, .pagination > li > span{
  
        padding: 3px 6px;
  
      }
  
      .filtry .white-bg{
  
        height: 61px;
  
      }
  
      .orezanie_fotky{
  
          height: 72px;
  
      }
  
  }

@media screen and (max-width: 1520px){

body.login .loginBox{

  width: 70%;

}

}


@media screen and (max-width: 1530px){

  .table-set table thead th, .table-set table tbody tr{

      font-size: 11px;

  }

}


@media screen and (max-width: 1580px){

  .pagination > li > a, .pagination > li > span{

      padding: 6px 8px;

  }

  .table-set .setNemovitost li{

      margin-right: 5px;

  }

}


@media screen and (max-width: 1600px){

body.login .logo_login{
  margin-top: 20px;
  margin-bottom: 20px;
}

body.login .footer{
  margin-top: 20px;
  margin-bottom: 20px;
}

}


@media screen and (max-width: 1632px){

  .filtry ul li{
      padding: 0px 10px;
  }

}

@media screen and (min-width: 1920px){

  .container-fluid{
      max-width: 1920px;
      margin: 0;

  }

}


@media print {


  @page {margin: 0,5cm;}
.col-xs-12.levyokraj {
  padding-left: 0;
  padding-right: 0;
}

  .page-header, #sidebar-wrapper, a.scrollup, .stisk, a.save1, a.save2, a.save3 {
    display: none !important;
  }

  #wrapper.active, #wrapper {
    padding-left: 0;
}

.page-content {
  padding-top: 0;
}
.levyokraj h3, .levyokraj h4 {
  margin-top: 0;
}
.levyokraj ul.pagination {
  display: none;
}
table#grid tr td a {
  pointer-events: none;
}

table#grid tr td textarea {
  display: none;
}

table.sestavavyroba span.text {
  display: inline;
}


a[href]:after {
  content: "" !important;
}

.skryjtisk {
  display: none !important;
}
.skryjpc {
display: initial;
}
.skryjpc2 {
  display: table-cell;
}

.table-striped>tbody>tr:nth-child(odd) {
  background-color: red;
}

table.sestavavyroba tr th, table.zahlavitisk tr th  {
  position: static;
}




table.sestavavyroba.vplan tr th, table.sestavavyroba.vplan tr td {
    font-size: 10px !important;
}


table.sestavavyroba:not(.vplan) tr th, table.sestavavyroba:not(.vplan) tr td {
  font-size: 8px !important;
  font-weight: 400;
  padding: 4px;
}

span.malytext {
  font-size: 7.5px;
}

table.sestavavyroba tr td:first-child {
  border-left: 1px solid #ddd;
}

table.sestavavyroba tr td {
  border-right: 1px solid #ddd;
  vertical-align: middle;
}


table.sestavavyroba:not(.vplan) tr td {  
    padding: 0 !important;
   
}
p.pracovnici, p.pracovnici span {
    font-size: 10px;
}

table.sestavavyroba.vplan tr td {  
    padding: 2px !important;
}
  
table.sestavavyroba tr th.st, table.sestavavyroba tr td.st {
  padding-left: 0;
  padding-right: 0;
  max-width: 30px !important;
}

table.sestavavyroba span.in_box {
  padding: 5px 2px;
}

table.sestavavyroba span.in_box i {
  display: none;
}


span.zavorky {
  display: inline;
}

table.sestavavyroba tr td.pocethodin input {
  border: 0;
  width: 13px;
  padding-left: 0;
  padding-right: 0;
}

table.sestavavyroba tr th.pocethodin, table.sestavavyroba tr td.pocethodin {
  width: 45px !important;
}

table.sestavavyroba tr th.zaskrtavatka, table.sestavavyroba tr td.zaskrtavatka {
  width: 30px !important;
}

table.sestavavyroba tr td.zaskrtavatka input[type="checkbox"]:not(:checked) {
  display: none;
}

table.sestavavyroba tr td .tprojekt {
  width: 80px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

table.sestavavyroba tr td .tzakaznik {
  width: 110px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/*sestava expedice*/
table#grid.sestavaexpedice th.maxw1, table#grid.sestavaexpedice td.maxw1 {
  width: 70px;
  font-size: 6px !important;
}
table#grid.sestavaexpedice tr td {
  border: 0.5px solid #ddd !important;
  line-height: 10px;
}

table#grid.sestavaexpedice tr td input[type='checkbox'] {
  width: 8px !important;
  height: 8px !important;
}
table#grid.sestavaexpedice tr th.w100, table#grid.sestavaexpedice tr td.w100 {
min-width: 45px;
}
/*sestava expedice*/


table.sestavavyroba tr th.tpoznamka, table.sestavavyroba tr td.tpoznamka {
  width: 85px !important;
}


table.sestavavyroba tr td.bezpadd {
  padding: 2px;
  text-align: center;
}
table.sestavavyroba tr td.bezpadd input {
  margin: 0 0 0 0;
}


.obalx-sklad .sloupecx {
  flex-basis: 25%;
}

table.sestavavyroba td.tdflex {
  display: table-cell;
}

table.sestavavyroba td.t170 {
  width: 230px;
  font-size: 6px !important;
}

a.dodaci {
    width: 10px;
    height: 10px;
}


a.dodaci.d3::before {
    background: #0071BC !important;
}
a.dodaci.d2::before {
    background: #0071BC !important;
}

/* sestava kabely tisk*/
table.sestavakabely tr td {
  padding: 4px;
  line-height: 16px;
  font-size: 13px;
}

img.stopka {
  width: 10px;
  margin-left: 2px;
}

table.sestavavyroba tr th.prvni, table.sestavavyroba tr td.prvni, 
table.sestavaexpedice tr th.st,table.sestavaexpedice tr td.st {
  min-width: 48px; 
 }

table#grid.sestavaexpedice tr td.w100 span.malytext{
  font-size: 6px !important;
}

p.zmens_textu {
  font-size: 8px;
}

}




/* cenik */



h1.top {
  width: 100%;
  padding: 16px 31px;
  font-size: 2.5rem;
  color: white;
  background-color: #B6D1F2;
}



section.cenik {
  display: flex;
  flex-direction: column;
  gap: 30px;
  width: min(1310px, 100%);
}


section.cenik .btn {
  background: #0071BC;
  color: white;
  width: min(100%, 120px);
}

section.cenik .btn.fc {
  width: fit-content;
}

section.cenik .col-md-5 {
  padding-left: 0px;
  padding-right: 0px;
}

section.cenik div.obal {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

section.cenik div.obal div.flex {
  flex-wrap: wrap;
}

section.cenik div.obal div.flex label.obalcheck {
  width: fit-content;
}

section.cenik .select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #525252;
  font-weight: 400;
}


section.cenik .flex {
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  gap: 30px;
} 

section.cenik td .flex {
  gap: 17px;
}

section.cenik label.obalcheck {
  padding: 0px;
}

section.cenik .box_h {
  display: flex;
  flex-direction: column;
}

section.cenik .box_h label {
  font-size: 1.4rem;
}

section.cenik tr td {
  vertical-align: middle;
}

section.cenik label.obalcheck span {
  font-size: 1.5rem;
}

section.cenik .small {
  font-size: 1.2rem;
  color: #000000;
}

section.cenik label.small {
  color: #525252;
  font-style: italic;
  background-color: transparent;
  width: fit-content;
  padding: 0px;

}

section.cenik hr {
  width: 100%;
  border-color: #707070;
}

section.cenik input {
  border: 1px solid #AAAAAA;
  border-radius: 3px;
  opacity: 1;
  padding: 10px 13px;
}

section.cenik input:disabled {
  background: #E6E6E6 0% 0% no-repeat padding-box;
  border: 1px solid #AAAAAA;
}

section.cenik input#ceny_hledej {
  width: min(422px, 100%);
}

section.cenik table input {
  width: min(70px, 100%);
  text-align: right;
}

section.cenik table td:nth-of-type(4) {
  width: 20%;
  white-space: nowrap;
}

section.cenik table td:nth-of-type(2) {
  width: 11%;
  white-space: nowrap;
}

section.cenik table td div.wrap {
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 10px;
}


section.cenik input::-webkit-outer-spin-button,
section.cenik input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

section.cenik input[type=number] {
  -moz-appearance: textfield;
}

section.cenik section.table_wrap {
  overflow: hidden;
}

section.cenik section.table_wrap table {
  min-width: 1050px;
}

section.cenik .table_project th {
  position: static;
}

section.cenik .table_project th::after {
  display: none;
}

section.cenik section.grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 45px 25px;
}

section.cenik section.grid .col-md-12 {
  width: 100%;
  padding: 0px;
}

section.cenik section.grid .col-md-12 input {
  width: 100%;
}

section.cenik section.grid .col-md-12 label,
section.cenik section.grid .box_h label {
  width: fit-content;
}

section.cenik section.grid .col-md-12 {
  width: 100%;
}

section.cenik section.grid .span2 {
  grid-column: span 2;
}

section.cenik section.grid .cena input {
  text-align: right;
}

section.cenik section.grid input[type=date] {
  text-align: left;
  height: 42px;
}

section.cenik section.grid {
  width: min(1000px, 100%);
}

section.cenik section.grid .select2-container .select2-selection--single {
  height: 42px;
}

section.cenik section.grid .select2-container--classic .select2-selection--single .select2-selection__rendered {
  line-height: 40px;
}

section.cenik section.grid .select2-container--classic .select2-selection--single .select2-selection__arrow {
  top: 7px;
}

section.cenik section.grid div.flex {
  display: flex;
  flex-direction: row;
  gap: 15px;
}

section.cenik section.grid div.wrap {
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 5px;
}


@media screen and (max-width: 500px) {
  section.cenik section.grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (max-width: 440px) {
  section.cenik section.grid {
    grid-template-columns: repeat(1, 1fr);
  }
}