* {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}

body{ margin:auto;  background:#ffffff; font-size: 14px; color:#868789; font-family:'Segoe UI', Verdana; 
      min-width:600px; display: block;}
html {
    overflow: -moz-scrollbars-vertical; 
    overflow-y: scroll;
}

.page { width:1100px; margin:auto;}

.cela_sirka { width:100%; }	

.font {font-family:'Segoe UI', Verdana;}
.fontNormal {font-family:'Segoe UI', Verdana; font-size:14pt;}

.loginHead { display:block; font-size:18px; color:#868789; text-align:center; margin:35px auto;}
.loginHeadRed { display:block; font-size:18px; text-align:center; color:#ff8888; margin:35px auto; }
.loginUser { width:100%; max-width:1100px; color:#868789; position:fixed; background-color:white;
             font-size:12pt; padding:25px 0px 15px 0px; border-bottom:1px solid #777; z-index:10; }

.LogoutButton{ width:130px; font-size: 16px; border:1px solid #456879; float:right;
               border-radius:3px; margin:5px 30px; padding:3px 0px; cursor:pointer;}
.login-user {}
.userName {color:#000; font-size:12pt; padding:5px 15px 0px 5px;}
.loginContent { width:360px; margin:auto;}

.subPageHead { text-align:left; color:#868789; display:block; margin:0px auto 35px auto; 
               padding:140px 25px 0px 25px;}
.subPageCont { text-align:left; color:#868789; display:block; padding:0px; margin:35px auto; opacity:0; }

.nadpis { font-size:18px; font-weight:bold; }

/*HAMBURGER*/
.hamburger {font-size: 30pt; display:none; width: 1em; height: 1em; padding: 0;
            cursor: pointer; transition: transform .2s ease-in-out; vertical-align: middle;
            border: 0 none; background: transparent; margin-right:30px;}

/*  Button height fix for Firefox */
.hamburger::-moz-focus-inner { padding: 0; border: 0 none; }

/* Focus fix for Chrome */
.hamburger:focus { outline: 0; }
.hamburger:before,
.hamburger:after { content: ""; }
.hamburger:before,
.hamburger .icon,
.hamburger:after { display: block; width: 100%; height: .2em;
                   margin: 0 0 .2em; transition: transform .2s ease-in-out;
                   border-radius: .05em; background: #596c7d; }

/* Styles for the active `.hamburger` icon */
    .hamburger.active:before,
    .hamburger.active .icon,
    .hamburger.active:after { background: #2c3e50; }

/* CLOSE/CANCEL/CROSS */
    .hamburger.hamburger-cancel.active .icon { transform: scale(0); }
    .hamburger.hamburger-cancel.active:before { transform: translateY(.4em) rotate(135deg); }
    .hamburger.hamburger-cancel.active:after { transform: translateY(-.4em) rotate(-135deg); }
    
    #menu {width: 1100px; position: fixed; top:77px; font-size:22px; background-color:white; padding:5px 0px 10px 0px; z-index:100;}
    /*
.menu { width: 1100px; }    
    .menu nav { width: 100%; position: fixed; top:77px; background-color:white; padding:5px 0px 10px 0px; z-index:100;}
        .menu nav div { }
        .menu nav a { color:#108dc5; text-decoration:none; margin-right:40px; 
                      font-size: 22px; text-transform:uppercase;}
        .menu nav a:hover{ text-decoration:underline; }
            .menu nav a:last-of-type{display:none;}


    */


.obMenu{width:1100px; display:flex; justify-content:space-between; z-index:0;}
    .obMenu .obMenuItem { color:#108dc5; font-size: 24px; text-transform:uppercase; 
                          background-color:white; padding:4px 15px; margin:25px 0px 15px 0px; border:none; }    
    .obMenu .obMenuItem:hover{ text-decoration:underline; }
    .obMenu .selected{ border:1px solid #108dc5; border-radius:3px; }

.accordion { width:100%; color: #666; background-color:white; text-align:left; z-index:0;}  
    .accordion .acc_nazev { width:100%; height:35px; font-size:12pt; text-align:left; font-weight:normal; cursor:pointer;
                            border-radius: 3px; outline:none; padding: 0px 25px; margin:10px 0px 0px 0px; overflow:hidden;} 
        .accordion .acc_nazev .acc_nadpis { line-height:2; padding:0px; margin:0px; }  
        .accordion .acc_nazev .acc_subNadpis { font-style: italic; font-size: 12pt; line-height: 2;
                                               float: right; padding: 0px; margin: 0px; }
    .accordion .acc_content{ width:100%; margin:0px; background-color:white;
                       border-bottom:1px solid; border-left:1px solid; border-right:1px solid; 
                       border-bottom-left-radius:4px; border-bottom-right-radius:4px; z-index:0;}
        .accordion .acc_content .acc_detail {width:450px; text-align:left; font-size:11pt; display:block; padding:0px 25px; margin: 10px 50px;}
        .accordion .acc_content .acc_subNadpis { display:none; font-style: italic; font-size: 10pt; line-height: 2;
                                                 text-align:right; padding: 0px; margin: 0px; }

.underline {width:100%; margin:25px 0px; border-bottom:1px solid #777 }

.filterProduktu{ width:260px; float:left; }

.logView { width:100%; color: #666; text-align:left; }  
    .logView .mainInfo { width:100%; height:41px; font-size:14pt; text-align:left; font-weight:normal; cursor:pointer;
                         outline:none; padding: 0px 25px; margin:10px 0px 0px 0px; overflow:hidden;} 
        .logView .zarizeni { display:inline-block; line-height:2; padding:0px; margin:0px; }
        .logView .mainInfo .device { width:350px; display:inline-block; line-height:2; font-size: 16px; padding:0px 0px 0px 5px; margin:0px; }  
        .logView .mainInfo .guid {  display:inline-block; line-height:2; padding:0px; margin:0px; }  
        .logView .mainInfo .date { font-style:italic; font-size:12pt; line-height:2.5; float:right; padding:0px; margin:0px; }  
    .logView .logData { width:100%; margin:0px; padding: 0px 25px 15px 25px;
                                    border-bottom:1px solid; border-left:1px solid; border-right:1px solid; 
                                    border-bottom-left-radius:8px; border-bottom-right-radius:8px; }
    
.pushNotifView { width:100%; color: #666; text-align:left; }  
    .pushNotifView .mainInfo { width:100%; height:41px; font-size:14pt; text-align:left; font-weight:normal; cursor:pointer;
                         outline:none; padding: 0px 25px; margin:10px 0px 0px 0px; overflow:hidden;} 
        .pushNotifView .mainInfo .head { width:650px; display:inline-block; line-height:2; font-size: 16px; padding:3px 0px 0px 5px; margin:0px; }  
        .pushNotifView .mainInfo .date { font-style:italic; font-size:12pt; line-height:2.5; float:right; padding:0px; margin:0px; }  
    .pushNotifView .notifikace { width:100%; margin:0px; padding: 0px 25px 15px 25px;
                                    border-bottom:1px solid; border-left:1px solid; border-right:1px solid; 
                                    border-bottom-left-radius:8px; border-bottom-right-radius:8px; }

.checkBox { width:20px; height:20px; }

.textBox{ width: 230px; font-size:12pt; border:1px solid #456879;
          border-radius:3px; margin:5px 15px; padding:3px 12px }

.textBox_l{ width: 350px; font-size:12pt; border:1px solid #456879;
          border-radius:3px; margin:5px 15px; padding:3px 12px }

.textBox_s { width: 120px; font-size:11pt; border:1px solid #456879; border-radius:3px;
            margin:5px 15px;  padding:3px 12px }

.textBox_xs { width: 70px; font-size:11pt; border:1px solid #456879; border-radius:3px;
            margin:5px 15px;  padding:3px 12px }

.textBox_h { width:350px; height:125px; max-width:350px; max-height:125px; 
             font-size:11pt; padding:3px 12px; margin:5px 15px;  border:1px solid #456879;
             border-radius:3px; white-space:normal; vertical-align:top; }
.textBox_dotaz { width: 500px; height: 200px; font-size:14pt; padding: 3px 12px; 
                 margin: 5px 15px; border: 1px solid #456879; border-radius:3px;
                 overflow:auto; }
.textBox_heigh { width: 300px; height: 400px; font-size:14pt; padding: 3px 12px; 
                 margin: 0px 15px; border: 1px solid #456879; border-radius:3px;
                 overflow:auto; }

.textBox_pEdit_vl { width: 200px; font-size:11pt; border:1px solid #456879; border-radius:3px;
            margin:0px 0px;  padding:3px 10px }
.textBox_pEdit_l { width: 150px; font-size:11pt; border:1px solid #456879; border-radius:3px;
            margin:0px 0px;  padding:3px 10px }
.textBox_pEdit_s { width: 75px; font-size:11pt; border:1px solid #456879; border-radius:3px;
            margin:0px 6px;  padding:3px 10px }

.textBoxEmailEdit{ width: 230px; display:none; 
                font-size:12pt; border:1px solid #456879;
                border-radius:3px; margin:0px 8px; padding:5px 10px }

.labelEmailEdit { width: 255px; float:left; font-size:12pt; 
                  border:none; margin:5px 0px; padding:3px 0px 0px 20px; outline:none; }



.pages { width: 100%; text-align: center; }
    .pages a { width: 15px; margin: 5px 15px;
        text-decoration: none; color:#555; }
        .pages a.selected,
        .pages a:hover {
            font-weight: bold;
            background: none;
            color: ##456879;
        }
.L_00 {width:230px; text-align:right; float:left; font-size:12pt;
       border:none; margin:5px 0px; padding:0px 0px 0px 20px;}

.L_00_noFloat {width:230px; text-align:right; font-size:12pt;
       border:none; margin:5px 0px; padding:0px 0px 0px 20px;}

.L_00_m {width:150px; text-align:right; float:left; font-size:12pt;
       border:none; margin:5px 0px; padding:0px 0px 0px 20px;}

.L_00_s {width:130px; text-align:right; float:left; font-size:12pt;
       border:none; margin:5px 0px; padding:0px 0px 0px 20px;}

.L_00_l {width:350px; text-align:right; display:inline-block; font-size:12pt;
       border:none; margin:5px 0px; padding:0px 0px 0px 20px;}

.L_00_lL {width:350px; text-align:left; font-size:12pt;
       border:none; margin:5px 0px; padding:0px 0px 0px 20px;}

.image { display:block; height:260px; margin:0px 25px 5px 55px; }
.imageLogo { display: block; height: 195px; margin: 10px 25px 25px 15px; }

.label_login {width: 230px; height: 24px; float:left; font-size:12pt; 
              text-align:right; margin:5px 0px; padding:0px 12px 0px 0px; }

.label_simple { float:left; font-size:16px; text-align:right; padding:8px 5px 0px 0px; }

.label_info {width: 70%; font-size:12pt; text-align:center; margin: 15px auto; }

.label_newPassword {  background-color:#fff; font-size:12pt; text-align:center; 
                      color:#868789; margin: 15px auto; border:none; cursor:pointer; }

.button{ font-size: 16px; border:1px solid #456879; 
         border-radius:3px; margin:5px 15px 5px 0px; padding:3px 25px; cursor:pointer;}

.button_l{ width:160px; font-size: 16px; border:1px solid #456879; 
         border-radius:3px; margin:5px 15px; padding:3px 10px; cursor:pointer; }

.button_vl{ width:220px; font-size: 16px; border:1px solid #456879; 
         border-radius:3px; margin:5px auto; padding:3px 10px; cursor:pointer; }

.button_vvl{ width:275px; font-size: 16px; border:1px solid #456879; 
         border-radius:3px; margin:5px auto; padding:3px 10px; cursor:pointer; }

.b_editDel { font-size: 14px; border:1px solid #456879; 
         border-radius:3px; margin:0px; padding:3px 10px; cursor:pointer; }

.summary { text-align:center; }
.summary .button {width:160px; font-size: 16px; border:1px solid #456879; 
                  border-radius:3px; margin:5px auto; padding:3px 0px; }


.datePicker{display:inline-block; margin: 5px 15px 35px 15px;}

.activation{ width:600px; color:#868789; text-align:center; font-family:'Segoe UI', Verdana;
             font-size:12pt; padding:25px 30px 15px 0px; margin:0px auto; }

/*CREATE UPDATE*/
.update-items { font-size:18px; }
    .update-kategorie{ margin-bottom:15px; }
        .update-kategorie .kategorie-item{ width: 100%; padding:5px; margin: 5px 0px; border: 1px solid #456879; border-radius: 3px; 
                                         background: #e6e6e6 url(../images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; }
    .update-modlitba { margin-bottom:15px; }
        .update-modlitba .modlitba-item{ width: 100%; padding:5px; margin: 5px 0px; border: 1px solid #456879; border-radius: 3px; 
                                         background: #e6e6e6 url(../images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; }
    .update-svatozar{ margin-bottom:15px; }
        .update-svatozar .svatozar-item{ width: 100%; padding:5px; margin: 5px 0px; border: 1px solid #456879; border-radius: 3px; 
                                         background: #e6e6e6 url(../images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; }
    .update-items a { font-size: 18px; color: #108dc5; font-weight: 600; }
    .update-items .stav { font-size: 16px; padding-bottom:3px; margin-right:25px; color: #999; float:right}

.update-info{ width:300px; border:1px solid #456879; border-radius:3px; margin:5px 15px; padding:3px 10px; }
/*SVATOZAR*/

.svatozar { display:block; width:100%; padding:0px 15px; }
    .svatozar .svatozar-item { width:100%; height:38px; display:block; font-size:14pt; margin:5px 0px; border:1px solid #456879; 
                               border-radius:3px; background: #e6e6e6 url(../images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; }
        .svatozar .svatozar-item .jmeno { display:inline-block; vertical-align:middle; padding:3px 15px }
        .svatozar .svatozar-item .datum { display:inline-block; font-size:11pt; line-height:2; font-style:italic; vertical-align:middle; padding-top: 4px;}
        .svatozar .svatozar-item .button { display:inline-block; vertical-align:middle; float:right; }


/*MODLITBY*/

.modlitby { display:block; width:100%; padding:0px 15px; }
    .modlitby .modlitba-item { width:100%; height:38px; display:block; font-size:14pt; margin:5px 0px; border:1px solid #456879; 
                               border-radius:3px; background: #e6e6e6 url(../images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; }
        .modlitby .modlitba-item .nazev { display:inline-block; font-weight:bold; vertical-align:middle; padding:3px 15px }
        .modlitby .modlitba-item .datum { display:inline-block; font-size:11pt; font-style:italic; vertical-align:middle; }
        .modlitby .modlitba-item .button { display:inline-block; vertical-align:middle; float:right; }
        
/*PUSOBISKO*/

.pusobiska { display:block; width:100%; padding:0px 15px; }
    .pusobiska .acc_nazev {margin:5px 0px;}
    .pusobiska .pusobisko-item { width:100%; height:38px; display:table-row; font-size:12pt; margin:5px 0px; border:1px solid #456879; 
                               border-radius:3px; background: #e6e6e6 url(../images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; }
        .pusobiska .pusobisko-item .nazev { display:table-cell; vertical-align:middle; padding:10px 15px; overflow:hidden; }
        .pusobiska .pusobisko-item .buttons { display: table-cell; width:260px; vertical-align: middle;}
        .pusobiska .pusobisko-item .buttons .button {display:inline-block; margin: 0px 15px 0px 0px; vertical-align:middle;}
        .pusobiska .pusobisko-item .datum { display:inline-block; font-size:11pt; font-style:italic; vertical-align:middle; }

/*MESNI UMYSLY*/

.mesni-umysly {display:block; width:100%; padding:0px 15px;}
    
    .mesni-umysly .mesni-umysl-item { width:100%; height:41px; font-size:12pt; text-align:left; font-weight:normal; cursor:pointer;
                                      outline:none; padding: 0px 25px; margin:10px 0px 0px 0px; overflow:hidden;} 
    .mesni-umysly .stav { display:inline-block; font-size:12pt; line-height:2; float:right; padding:3px 0px 0px 10px; margin:0px; }
    .mesni-umysly .info {  display:inline-block; font-size:12pt; line-height:2; padding:3px 10px 0px 0px; margin:0px; }  
    .mesni-umysly .button { display:inline-block; vertical-align:middle; }
    .mesni-umysly .text-umyslu { width:100%; margin:0px; padding: 0px 25px 15px 25px;
                                    border-bottom:1px solid; border-left:1px solid; border-right:1px solid; 
                                    border-bottom-left-radius:8px; border-bottom-right-radius:8px; }


/*MSE PRO UMYSLY*/

.seznam-msi {display:block; width:100%; padding:0px 15px;}
    
    .seznam-msi .seznam-msi-item { width:100%; height:41px; font-size:12pt; text-align:left; font-weight:normal; cursor:pointer;
                         outline:none; padding: 0px 25px; margin:10px 0px 0px 0px; overflow:hidden;} 
    .seznam-msi .misto { display:inline-block; line-height:2; padding:3px 0px 0px 10px; margin:0px; }
    .seznam-msi .date { font-style:italic; line-height:2.5; float:right; padding:0px; margin:0px; }  
    .seznam-msi .button { display:inline-block; vertical-align:middle; }
    .seznam-msi .mse-detail { width:100%; margin:0px; padding: 0px 25px 15px 25px;
                                    border-bottom:1px solid; border-left:1px solid; border-right:1px solid; 
                                    border-bottom-left-radius:8px; border-bottom-right-radius:8px; }

.modlitba-do-ucha .stitky {padding-top:4px; font-size:18px; display:flex; flex-direction:column;}

.modlitba-do-ucha .stitky label{margin-left: 10px;}

/*EDITOR*/

#editor {width:60%; display:inline-block; }

#tester { position:relative; float:right; height:640px; width:360px; margin-top:72px;  font-family:'Roboto', sans-serif;
          margin-left:35px; border:1px solid #555; overflow:hidden;}
    #tester .tester-top{ width:100%; background-color:black; color:white; font-size:12pt; text-align:right; padding:4px 10px; }
    #tester .tester-content{ width:100%; height:88%; background: radial-gradient(#FEE8D5, #FEE8D5, #FFFFFF); overflow-x:hidden; overflow-y:hidden; }
    #tester .tester-bottom{ position:absolute; bottom:0px; width:100%; height:50px; background-image:url(../images/phone_bar.png);}

    #tester .player{ position: absolute; width: 100%; bottom: 0; margin-bottom: 50px; background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.35) 100%);}
        #tester .player .player-btns{display: flex; justify-content: space-between; align-items: center; margin:8px 20px;}
#tester-sipka {padding: 13px 0px 13px 10px;}
#tester-nazev { font-size:22pt; color:#ed2e61; padding:15px 10px;  }
#tester-body { font-size:16pt; color:#202D35; padding:0px; overflow:hidden; }
    #tester-body img{ width: 100%;}
#cropper{ max-width:450px; max-height:450px; clear: both; padding-top: 25px;}
.accordion1, .accordion2 {
    border: none;
    background-color: transparent;
    padding: 5px;
}

.accordion1 .accordion1-header { color:#ed2e61; font-size:16pt; text-transform:uppercase; background-color:transparent; background-image: none; border:none; outline:none; padding: 5px 0px; }
.accordion1 .accordion1-content { color:#202D35; font-size:14pt;  background-color:transparent; border:none; padding: 0px 0px 0px 15px; }

.accordion1-content .accordion2-header { color:#5f79b8; font-size:14pt; text-transform:uppercase; background-color:transparent; background-image: none; border:none; outline:none; padding:3px 5px; }
.accordion1-content .accordion2-content { color:#202D35; font-size:14pt; background-color:transparent; border:none; padding: 0px 0px 0px 15px; } 

.version-control { display:none; }
/******************************************/
.textboxTester{ width: 100%; height: 500px; font-size:12pt; padding: 3px 12px; 
               margin: 5px 15px; border: 1px solid #456879; border-radius:3px;
               overflow:auto; }
.outputTester { width: 50%; float:left; margin-left:45px;}
.inputTester { width: 45%; }
.modlitba{  }
    .modlitba-level1 { padding-top:20px; color:black;}
        .modlitba-level1-nadpis {font-size:16px; font-weight:bold;}
        .modlitba-level1-text {font-size:14px; font-weight:normal; padding-left:20px;}
    .modlitba-level2 { padding-top:10px; color:gray;}
        .modlitba-level2-nadpis {font-size:14px; font-weight:bold; padding-left:20px;}
        .modlitba-level2-text {font-size:12px; font-weight:normal; padding-left:30px;}

.clear { clear:both; }
.left{float:left; }
.right{float:right;}
.noFloat {float:none;}
.inline{display:inline-block;}

.textL { text-align:left;}
.textR { text-align:right;}
.textC { text-align:center;}

.backgroundRed{ background:none; background-color:#f79292; }
.backgroundGreen{ background:none; background-color:#92f795; }
.backgroundOrange{ background:none; background-color:#f8e88e; }

.autoMargin{margin:0px auto;}

.textRed {color:red;}
.textGreen {color:green;}
.textEshopBlue {color:#108dc5;}

.no-in-mobile {display:inherit;}

.opacity-off {opacity:0;}

._noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.not_visible { display: none; }

@media all and (max-width: 1200px) {
.page { width:800px; margin:auto;}
.loginUser{max-width:800px;}
.menu { width:800px; }

.obMenu .obMenuItem{font-size:20px;}

.accordion .acc_nazev .acc_subNadpis{display:none;}
.accordion .acc_content .acc_subNadpis{display:block;}

.logView .mainInfo .guid{display:none;}
}

@media all and (max-width: 900px) {
.page { width:700px; margin:auto;}
.loginUser{max-width:700px;}
.menu { width:700px; }

}

@media all and (max-width: 720px) {
    body{ margin:auto;  background:#ffffff; font-size: 22px; 
          color:#868789; min-width:320px; display: block;}
    .page { width:100%; margin:auto;}

    .loginContent {width:90%;}    
    .login-user { padding-left: 15px; line-height: 2; }
    .hamburger {display: inline-block; float :right;}

    .label_simple {font-size:5vmin; padding:0px}
    .labelEmailEdit {font-size:5vmin; padding:2vmin 15px; margin:0px 0px}
    .chceckBox {}
    .textBox, .textBox_s,
    .textBox_l, .textBox_heigh, 
    .textBox_dotaz {width:100%; font-size:5vmin; padding:2vmin 15px; margin:1vmin 0px;}
    .textBoxEmailEdit {width:100%; font-size:5vmin; padding:2vmin 15px; margin:1px 0px; }
    .button {width:100%; font-size:5vmin; padding:2vmin 15px; margin:2vmin 0px;}
    .button_l {width:100%; font-size:5vmin; padding:2vmin 10px; margin:2vmin 0px;}
    input[type=checkbox] { transform: scale(1.5); vertical-align: middle; 
                           margin: 0px 0px 5px 10px;}
    
    .LogoutButton {display:none; }

    #menu { width: 100%; display:none; padding:2% 10%; }
        #menu nav { width: 100%; height: 100vh; position: fixed; 
                    background-color:white; padding-top:10%;}
            #menu nav a { display: block; font-size:180%; margin:0px 0px 25px 0px;}
                 #menu .logout{display:block;}
                 /*#menu .sub-menu {display:block;}*/
        .wide nav { width: 100%; height: 100vh; position: fixed; 
                    background-color:white; padding-top:0%;}
            .wide nav a { display: block; font-size:120%; margin:0px 0px 15px 0px;}
                 
    .subPageHead { width:90%; padding:100px 5% 0px 0px }
    .subPageCont { width:100%; padding:0px 5%; }
    
    .L_00_s, .L_00_m,
    .L_00 { width:90%; display:block; font-size:5vmin; text-align:left; 
            padding:2vmin 0px 0px 0px; margin:0vmin 0px;}

    .fullW720{width:100%;}

    .accordion .acc_content { padding: 15px; font-size: 16px;}
    .accordion .acc_nazev{height:inherit;}
   
    .logView .mainInfo {height:inherit;}
    .logView .mainInfo .device{ width:auto; font-size:14px;}
    .logView .mainInfo .date {line-height:2;}
    .logView .zarizeni {display:none;}

    .modlitby .modlitba-item {height:inherit; font-size: 11pt; }
    .modlitby .modlitba-item .datum { font-size:10pt; padding-left: 15px;}
    .modlitby .modlitba-item .button{ float:none; width:90%; display: block; margin: 10px auto;}
    #tester, #editor{width:100%;}
    #tester .tester-bottom{background-size: contain;}
    
    .mesni-umysly {padding:0px;}
        .mesni-umysly .mesni-umysl-item {height:inherit; font-size: 11pt; padding:8px;}
        .mesni-umysly .stav { line-height:1.15; float:none; padding:5px 0px;}
        .mesni-umysly .info { line-height:1.15;  padding:0px 0px 5px 0px; }
        .mesni-umysly .button { display:inline-block; width:48%; font-size: 18px; }
            .mesni-umysly .button:first-of-type {padding-right:4%;}
        .mesni-umysly .text-umyslu { width:100%; font-size:14pt; padding: 0px 15px 10px 15px; }
    
    .seznam-msi .seznam-msi-item { height:inherit; font-size: 11pt; }
    .seznam-msi .mse-detail{ font-size:12pt; }
    
    #dialog-message-saved, #dialog-message-saving-fail {font-size:14pt;}
    .ui-widget .ui-widget { font-size: 14pt; }
}

@media all and (max-width: 480px) {
    
    #menu { font-size:30px; }
    .no-in-mobile {display:none;}

    .login-user { display:none; }
    .userName { line-height:2; padding: 5px 15px 0px 25px;}
    .subPageCont {margin:0px auto 15px auto;}
    .subPageHead{margin:0px auto 0px auto;}
    .obMenu .obMenuItem { font-size: 20px; display: block; width: 100%; text-align: left; margin: 5px 0px; }
    .nadpis{margin:0px;}
    .accordion .acc_nazev{ padding: 5px;}
    .logView .mainInfo .date {display:none;}
    .logView .logData{font-size:14px;}

    .modlitby, 
    .svatozar {padding:0px;}

    .svatozar .svatozar-item{height:inherit; }
        .svatozar .svatozar-item .button{ width:90%; float:none; margin:5%; }
        .svatozar .svatozar-item .datum{padding-left: 5%;}
    .ui-datepicker { width: 90%; font-size:16px; }

    
    .update-items a { font-size: 16px; line-height:1.15; }
    .update-items .stav { font-size: 14px; float:none; padding-left:10px; }
}