﻿html, body {
    height: 100%;
    margin: 0px;
    
    
}

*:focus {
    outline: none;
}

/* width */
::-webkit-scrollbar {
    
    
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
    
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
    
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #555;
    
    }


.Zzptab::-webkit-scrollbar {
    background: #dcdcdc;
    width:5px;
}


.tltabmenu::-webkit-scrollbar {
    display: none;
    background: #ffffff;
}


.tltabmenu {
    background-color: #cc0000;
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
    padding: 0px 0px 0px 0px;
    display: flex;
    position: fixed;
    z-index: 1000;
    -webkit-overflow-scrolling: touch; /* Lets it scroll lazy */
    /*-webkit-overflow-scrolling: auto;*/ /* Stops scrolling immediately */
}

.planokno {
   /* overflow-y: auto;
    overflow-x: hidden;*/
    /*height: 100vh;*/

    
    -webkit-overflow-scrolling: touch; /* Lets it scroll lazy */
}




.fptabmenuitem, .fptabmenuitema {
    /*float:left;*/
    font-size: 14px;
    background-color: #ffffff;
    margin: 6px 3px 0px 3px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    letter-spacing: 1px;
    padding: 6px 10px 6px 10px;
    cursor: pointer;
    border-bottom: solid 1px #cc0000;
    line-height: 20px !important;
    height: 20px !important;
    text-align: center;

}


.fptabmenutl, .fptabmenutla {
    margin: 6px 2px 0px 2px;
    font-size: 14px !important;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom: solid 1px #cc0000;
    letter-spacing: 1.2px;
    line-height: 20px !important;
}
    .fptabmenutl:hover {
        border-bottom: solid 1px #cc0000;
    }

    .fptabmenutla, .fptabmenutla:hover {
        border-bottom: solid 1px #ffffff;
        background-color: #ffffff !important;
    }

.fptabmenutla {
    background: #ffffff !important;
    color:#cc0000 !important;
}


.Ztabzivot {
   
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
    
    
    /*position: absolute;
    right:-20px;
    left:20px; */
   
    -webkit-overflow-scrolling: touch; /* Lets it scroll lazy */
    /*-webkit-overflow-scrolling: auto;*/ /* Stops scrolling immediately */
}



.mce-tooltip {
    display: none;
}

.SeznamTab {
    padding: 5px;
    /*border: thin solid #CBC7BD;
    border-radius: 5px;
    background-color: #F0F0F0;*/
    border-collapse: 0;
    border-spacing: 0px;
    width: 100%;
}

.seznamradek {
    height: 30px;
}

    .seznamradek:hover {
        border: thin solid #990000;
        background-color: #F2F1F0;
        cursor: pointer;
    }

.seznamradekP:hover {
    border: thin solid #26DE12;
    background-color: #B0FFB0;
    cursor: pointer;
}

.seznamradekV:hover {
    border: thin solid #990000;
    background-color: #FFCACA;
    cursor: pointer;
}

.seznamradekM:hover {
    border: thin solid #6C6CFF;
    background-color: #BFBFFF;
    cursor: pointer;
}

tr.seznamradek1:hover td {
    background-color: #F2F1F0;
    cursor: pointer;
}

.seznamradekBT {
    height: 20px;
}


    .seznamradekBT:hover {
        border: thin solid #990000;
        background-color: #F2F1F0;
        cursor: pointer;
    }

.textareaEdit {
    padding: 5px;
    background-color: #F3F2F1;
    border: 1px solid #CBC7BD;
    border-radius: 5px;
}

.textareaEdit2 {
    padding: 5px;
    background-color: #F3F2F1;
    border: 0px solid #CBC7BD;
    font-size: 16px;
    color: #654B24;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}

.textinputEdit {
    background-color: #F3F2F1;
    border: 1px solid #CBC7BD;
    border-radius: 5px;
    height: 35px;
}

.textinputEdit2 {
    background-color: #F3F2F1;
    border: 0px solid #CBC7BD;
    font-size: 16px;
    margin: 6px 6px 8px 6px;
    color: #654B24;
    font-weight: bold;
}

.optselectmenu {
    color: #BFC5CA;
}

.EmailTab {
    font-size: 14px;
    color: #98917C;
    width: 100%;
    border-collapse: 0;
    border-spacing: 0px;
}

.emailarea {
    padding: 5px;
    background-color: #FAFAFA;
    border: 1px solid #CBC7BD;
    border-radius: 5px;
}



.aktivninadpis1 {
    color: #000000;
    font-size: 28px;
    font-weight: bold;
    
}


.aktivninadpis2 {
    color: #D3D3D3;
    font-size: 28px;
    font-weight: bold;
}

    .aktivninadpis2:hover {
        color: #CD0101;
        cursor: pointer;
    }

.ZTabulka {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    width: 100%;
    font-size: 12px;
}

.ZTcastkamalo, .ZTcastkamalod {
    background-image: url('images/pozor.png');
    background-repeat: no-repeat;
}

.ZTcastkamalo2, .ZTcastkamalo2d {
    background-image: url('images/pozor0.png');
    background-repeat: no-repeat;
}

.ZTcastkamoc, .ZTcastkamocd {
    background-image: url('images/pozor2.png');
    background-repeat: no-repeat;
}

.ZTcastkaok, .ZTcastkaokd {
    background-image: url('images/ok.png');
    background-repeat: no-repeat;
}

.ZTcastkaokd, .ZTcastkamalod, .ZTcastkamalo2d, .ZTcastkamocd, .ZTcastka0d {
    background-color: #FFFFCC;
}



.nahratsmlouvu {
    
    text-align: left;
    font-size: 12px;
    padding-right: 3px;
    color: red;
}

.smazatsmlouvu {
    width: 16px;
    text-align: right;
    padding-right: 3px;
}


.BTPopis, .BTPopis2, .BTPopisM {
    /*width: 220px;*/
    /*min-width: 220px;*/
    vertical-align: middle;
    height: 25px;
    padding-right: 10px;
    padding-top: 5px;
    border-bottom: 1px solid #CCCCCC;
    border-top: 0px solid #CCCCCC;
    padding-left: 5px;
    background-color: #f3f3ff;
    font-size: 14px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-width: 0px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-color: #CCCCCC;
    border-bottom-color: #CCCCCC;
    border-left-color: #CCCCCC;
    /*position:relative;*/
}

.BTPopis {
    width: 220px;
}
.BTPopisM, .BTPopis2 {
    width: 70px;
    /*position:absolute;*/
    font-size:11px;
}


.BTSloupec, .BTSloupec1, .BTSloupec2, .BTSloupec3 {
    height: 30px;
    min-width: 70px;
    border-bottom: 1px solid #CCCCCC;
    font-size: 14px;
    text-align: right;
    padding-right: 10px;
    padding-left: 5px;
    cursor: pointer;
    background-color: #FFFFFF;
}

.BTSloupec1 {
    background-color: #FFFFCC;
    border-style: solid;
    border-width: 0px 2px 1px 2px;
    border-color: #F6F6F6 #FFFFCC #CCCCCC #FFFFCC;
}

.BTSloupec2 {
    background-color: #FAFAF2;
}

.BTSloupec3 {
    border-style: solid;
    border-width: 0px 2px 1px 2px;
    border-color: #CCCCCC #000000 #CCCCCC #000000;
    background-color: #FFFF66;
}

.ui-icon-pin-w, .ui-icon-pin-s {
    background-image: url('images/ui-icons_cc0000_256x240_4.png') !important;
}

.myTab {
    float: right !important;
}

    .myTab a {
        color: red !important;
    }



.slidermodra {
    float: left;
    height: 100%;
    background: #AAAAFF;
    border-radius: 4px 4px 4px 4px;
}

.sliderzelena {
    float: left;
    height: 100%;
    background: #AAFFAA;
    border-radius: 4px 4px 4px 4px;
}

.slideroranzova {
    float: left;
    height: 100%;
    background: #FFCC66;
    border-radius: 4px 4px 4px 4px;
}

.slidecervana {
    float: left;
    height: 100%;
    background: #D21010;
    border-radius: 0 4px 4px 0;
}

.sliderseda {
    float: left;
    height: 100%;
    background: #CCCCCC;
    border-radius: 4px 4px 4px 4px;
}




::-webkit-input-placeholder { /* Edge */
    color: #cccccc;
    font-size: 13px;
    font-style: italic;
}

::-moz-placeholder {
    color: #cccccc;
    font-size: 13px;
    font-style: italic;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #cccccc;
    font-size: 13px;
    font-style: italic;
}


::placeholder {
    color: #cccccc;
    font-size: 13px;
    font-style: italic;
}




.MujFPText {
    font-family: Arial Black,Arial Bold,Gadget,sans-serif;
    font-weight: bold;
    width: 100%;
    text-align: center;
    font-size: 24px;
    white-space: nowrap;
    font-size: 5.5vw;
    color: #cc0000;
    padding: 30px 0px 0px 0px;
    z-index: 1;
    position: absolute;
    top: 20px;
}
.MujFPTextPod {
    font-family: Arial Black,Arial Bold,Gadget,sans-serif;
    font-weight: bold;
    width: 100%;
    text-align: center;
    font-size: 20px;
    white-space: nowrap;
    font-size: 7.5vw;
    color: rgba(204,0,0,.05);
    padding: 50px 0px 30px 0px;
    z-index: 0;
    position:relative;
    
}
.kalkbox {
    width: 120px;
    height: 120px;
    text-align: center;
    margin: 10px 10px 10px 10px;
}

.cilbox {
    width: 90px;
    height: 70px;
    text-align: center;
    margin: 5px 5px 5px 5px;
    padding: 10px 0px 0px 0px;
}

.cilboxan {
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}

.TextVydajtyp {
    font-size:16px;
}

.TextH2 {
    font-size: 24px;
}


.TextH3 {
    font-size: 18px;
}


.tabobsah, .tabobsah3 {
    margin: 20px 20px 0px 20px;
    padding: 0px 20px 20px 20px;
}
.tabobsah2 {
    margin: 20px 20px 0px 20px;
    padding: 0px 20px 00px 20px;
}

.Ztabtd1, .Ztabtd0, .Ztabtd1zk, .Ztabtd0zk {
    font-size: 12px !important;
    width: 250px !important;
    min-width: 250px !important;
    position: absolute !important;
    left: 69px;
    background: #ffffff;
    z-index: 100;
    height: 20px;
    border: 1px solid #CCCCCC;
    border-bottom: 0px;
    line-height: 20px;
}

/*.Ztabtd1zk {
    width: 80px !important;
    min-width: 80px !important;
    font-size: 12px !important;
}*/

    .Ztabtd0 {
        font-size: 16px !important;
        height: 60px !important;
        width: 255px !important;
        min-width: 255px !important;
        padding-top: 23px;
        border-top: 0px;
    }
/*.Ztabtd0zk {
    
    height: 60px !important;
    width: 80px !important;
    min-width: 80px !important;
    left:0px;
    border-top: 0px;
}
*/
.Ztabtdnic {
    width: 256px !important;
    min-width: 256px !important;
}


@media screen and (max-width:1200px) {
    .priorita0 {
        display: none;
    }

    .tabobsah {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        border-width: 0px !important;
        
    }

    .tabobsah2 {
        margin: 0px 0px 0px 0px;
     
    }
   
    .Ztabtd1, .Ztabtd0 {
        
        left: 29px;
     
    }

   /* .IBoxSipka {
        right: 0px !important;
    }*/


}

@media screen and (min-width:1200px) {

    .priorita0s {
        display: none;
    }

   
}

    @media screen and (max-width:1000px) {
        .priorita1 {
            display: none;
        }


        

        .Hypotabnad {
            width: 100% !important;
        }

        .Hypotabinfo {
            width: 75% !important;
        }

        .Hypotab {
            /*width: 100% !important;*/
        }

        .Ztabtd1, .Ztabtd0 {
            font-size: 10px !important;
            width: 200px !important;
            min-width: 200px !important;
            left: 29px;
        }

        .Ztabtd0 {
            font-size: 14px !important;
            height: 60px !important;
            width: 205px !important;
            min-width: 205px !important;
            padding-top: 23px;
            border-top: 0px;
        }

        .Ztabtdnic {
            width: 206px !important;
            min-width: 206px !important;
        }

        .ZtabFontM {
            font-size: 11px !important;
            min-width: 60px !important;
        }

        .Iopprumer {
            padding-left:0px !important;
        }

        .IBoxCastka {
            width:200px !important;
        }

        .MujFPTextPod {
            font-size: 9.2vw;
        }

        .MujFPText {
            font-size: 7.8vw;
            
        }

        .priorita1upload {
            right:30px !important ;
        }

    }

    @media screen and (min-width:1000px) {

        .priorita1s {
            display: none;
        }
    }

    @media screen and (max-width:850px) {
        .priorita2 {
            display: none;
        }

        .tabobsah3 {
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
            border-width: 0px !important;
        }

        .Hypotabnad, .Hypotabinfo, .ZTabMajetek {
            width: 100% !important;
        }

        .Hypotab {
            overflow-x: auto;
            white-space: nowrap;
            -webkit-overflow-scrolling: touch;
            padding-right: 3px !important;
        }

        .BTPopisM {
            /*width: 80px !important;*/
            /*min-width: 80px;*/
            /*position: absolute !important;*/
            position:absolute;
            z-index:100;
        }
        .BTPopisMnic {
            width: 42px !important;
            min-width: 42px;
            
        }


        .BTSloupec, .BTSloupec1, .BTSloupec2, .BTSloupec3 {
            font-size: 12px;
        }

        .BHFlex {
            display:block !important;
        }

        .TextH3, .TextVydajtyp {
            font-size: 14px;
        }
        
        .TextH2 {
            font-size:18px;
        }

        .ZtabFont {
            font-size:11px !important;
            min-width:80px !important;
        }
        

        

        .Ztabtd1, .Ztabtd0 {
            display:none;
        }

        .Ztabtd1zk, .Ztabtd0zk {
            left: 29px;
            width: 70px !important;
            min-width: 70px !important;
            font-size: 10px !important;
        }

        .Ztabtd0zk {
            
            height: 60px !important;
            width: 75px !important;
            min-width: 75px !important;
            
            border-top: 0px;
        } 

        .Ztabtdnic {
            width: 76px !important;
            min-width: 76px !important;
        }

        .ZTabM {
            min-width:300px !important;
            width:100% !important;
        }


        .IGrafop {
          /*  width: 100px !important;
            height: 100px !important;*/
        }

        .IBoxCastka {
            width: 130px !important;
        }
        .IBoxProc {
            width: 90px !important;
        }
        .IBoxFont {
            font-size:18px !important;
        }
        .IBoxNazev {
            font-size: 22px !important;
        }
        .IBoxSipka {
            right: -1px !important;
        }

        

        .StartZ {
            margin: 0px 10px 30px 10px !important;
        }
    }

@media only screen and (min-width: 850px) {
    .priorita2s {
        display: none;
    }

    .Ztabtd1zk, .Ztabtd0zk {
        display: none;
    }

    /*.Ztabtdnic {
        display: none;
    }*/
}

@media screen and (max-width:600px) {
    .priorita3 {
        display: none;
    }

    .tabobsah2 {
        margin: 0px 0px 0px 0px;
        padding: 0px 10px 00px 10px;
    }
}

@media only screen and (min-width: 600px) {
    .priorita3s {
        display: none;
    }
}

@media screen and (max-width:510px) {
    .priorita4 {
        display: none;
    }

    h2, .aktivninadpis1, .aktivninadpis2 {
        font-size: 20px;
    }

    .tlacitkafont4 {
        font-size:12px;
    }

    .IBoxSipka {
        right: -23px !important;
    }
}

@media only screen and (min-width: 510px) {
    .priorita4s {
        display: none;
    }
}