*{margin:0;padding:0;}
html{scroll-behavior: smooth;}
body{font-size: 12px; text-align: center;font-family: 'Montserrat',sans-serif;}
a img{border:none;}
ul{padding-left: 15px;}
.cl, .cleaner{clear: both;}
input[type="button"],input[type="submit"],input[type="text"],textarea{-webkit-appearance:none;font-family: 'Montserrat',sans-serif;}
.fx{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
body .gallery .empty-list{display: none;}
body.user-logged .gallery .empty-list{display: block;}
.dev-component{display: inline-block;}
.dynamic-page .dev-html-block a{color:#000;}
.dynamic-page .dev-html-block table{border-collapse:collapse; width: 100%;}
.dynamic-page .dev-html-block table td{padding:6px; border:1px solid #dedede;}
.dynamic-page .dynamic-page-block .dev-html-block{margin-bottom: 80px;}
.dynamic-page .dynamic-page-block:last-child .dev-html-block{margin-bottom: 0px;}
content-loading{position:fixed;width:100vw;height:100vh;background-color:#dedede;left:0;top:0;opacity:0.5;}
content-loading img{position:relative;display:block;width:150px;height:150px;margin-left:calc(50vw - 75px);margin-top:25vh;font-size:0;}
content-loading img:after{content:''; position:absolute; top:0; right:0; bottom:0; left:0; background-size:cover; background-repeat:no-repeat; background-image:url( '/cms_data/sites/mujdum/themes/default/images/load-4.svg' );opacity: 1;}
/* zakázání edit line pro admina */
body .dynamic-page-block .add-line,
body .remove-line-icon,
body .dev-component .article-detail component-menu{display: none;}
body.sysadmin-logged .dynamic-page-block .add-line,
body.sysadmin-logged .remove-line-icon,
body.sysadmin-logged .dev-component .article-detail component-menu{display: block;}
/* login */
.login-page{background-color:#101012; background-image: url(images/login-pozadi.jpg); background-size: cover; text-align: center; background-position: center;}
.login-bar {
width: 370px;
height: 100vh;
background-color: rgba(20,20,20,0.9);
padding-left: 90px;
padding-right: 90px;
margin: 0px auto;
}
.login-bar-o{padding-top:65px;}
.login-form{text-align:center;margin-top:80px;}
.label-input{width:100%; margin-bottom:12px; display:inline-block; color:#b4b2ad; font-size:10px; text-align:left; text-transform: uppercase;}
input.mail-input{margin-bottom:30px;}
input.mail-input,
input.pass-input{background:none;border:1px solid #494949;color:#fff;font-size:12px;width:calc(100% - 32px);padding:15px;}
input.mail-input:focus,
input.pass-input:focus{border:1px solid #eee; outline:none;}
input.mail-input.is-invalid,
input.pass-input.is-invalid{border:1px solid #ff6868;}
.log-btn{font-size:15px;border:none; background-color:#233035; border-radius:2px; width:100%; padding-top:20px; padding-bottom:20px; color:#fff;font-family:'Montserrat', sans-serif; letter-spacing:2px; cursor:pointer; margin-top:40px; text-transform: uppercase;}
.log-btn:hover{background-color:#334045;}
a.log-lost{display:inline-block; margin-top:40px; color:#a8a8a8; font-size:14px;}
.help{margin-top:45px; color:#fff;}
.help a{color:#fff;}
.login-page .error-info{color:#ff3d3d;margin-top:20px;}
.login-page #logoutForm .label-input{text-align: center;}
.login-page #logoutForm .logout-btn{border:none; background-color:#aa885a; border-radius:2px; width:100%; padding-top:20px; padding-bottom:20px; color:#fff;font-family:'Montserrat', sans-serif; letter-spacing:2px; cursor:pointer; margin-top:40px; text-transform: uppercase;}
.logo-txt-1 {
color: #fff;
font-size: 33px;
font-weight: 700;
margin-top: 44px;
}
.logo-txt-2 {
color: #909090;
font-size: 14px;
font-weight: 300;
letter-spacing: 1px;
margin-top: 10px;
}
/* dashboard */
/* left */
.left-bar{background-color: #161616; width: 265px; height: auto; min-height:100vh; padding-bottom:20px; float: left;}
.left-bar .logo{margin-top: 20px;}
.left-bar .logo img{width: 60px;}
.left-bar .logo .logo-txt-1 {
font-size: 16px;
margin-top: 12px;
}
.left-bar .logo .logo-txt-2 {
font-size: 8px;
margin-top: 7px;
}
.left-menu{margin-top: 23px; border-top:1px solid #383938; padding-top: 15px;}
.left-menu a {
color: #fff;
font-size: 12px;
text-decoration: none;
display: inline-block;
width: calc(100% - 80px);
border-left: 5px solid #161616;
padding-top: 10px;
padding-bottom: 10px;
text-align: left;
padding-left: 60px;
background-image: url(images/icons.png);
background-repeat: no-repeat;
background-size: 19px auto;
}
.left-menu a:hover, .left-menu a.selected {
border-left: 5px solid #b3deef;
background-color: #537e8f;
}
.left-menu a.ico-1 {background-position: left 30px top 8px;}
.left-menu a.ico-2 {background-position: left 30px top -333px;}
.left-menu a.ico-3 {background-position: left 30px top -20px;}
.left-menu a.ico-4 {background-position: left 30px top -49px;}
.left-menu a.ico-5 {background-position: left 30px top -77px;}
.left-menu a.ico-6 {background-position: left 30px top -107px;}
.left-menu a.ico-7 {background-position: left 30px top -135px;}
.left-menu a.ico-8 {background-position: left 30px top -162px;}
.left-menu a.ico-9 {background-position: left 30px top -188px;}
.left-menu a.ico-10 {background-position: left 30px top -280px;}
.left-menu a.ico-11 {background-position: left 30px top -307px;}
.left-menu a.ico-12 {background-position: left 30px top -247px;}
.left-menu a.ico-13 {background-position: left 30px top -20px;}
.left-menu .cara{border-top:1px solid #383938; margin-bottom: 20px; margin-top: 15px;}
.help-box{text-align: left; border:1px solid #545454; padding:20px; border-radius:4px; margin-left: 20px; margin-right: 20px; margin-top: 30px;}
.help-nad{font-size: 13px; color:#fff; font-weight: 500;}
.help-txt{color:#b9b9b9;margin-top:8px;margin-bottom:8px;}
.help-box a{display: inline-block; width: 100%;font-size: 15px;}
.help-box a:hover{text-decoration: underline;}
a.help-phone{color:#fff; text-decoration: none; margin-bottom: 2px;}
a.help-mail{color:#fff; text-decoration: none;}
/* right */
.right-bar{width: calc(100% - 265px); float: left; height: 100vh; overflow-y: auto;}
.right-bar-o{padding: 30px 50px; text-align: left;}
.welcome{border:1px solid #ccc;border-radius:10px;padding:25px;}
.welcome h1 {
font-size: 30px;
font-weight: 300;
display: inline-block;
margin-bottom: 20px;
border-bottom: 1px solid #eee;
width: 100%;
padding-bottom: 24px;
}
.welcome-txt{font-size: 15px;font-weight: 300;}
.my-house{border-radius:10px; height: 380px; background-image: url(images/chuchle.jpg); background-size: cover; background-repeat: no-repeat; margin-top: 20px; background-position: center; margin-bottom: 40px;}
.my-house-txt{color:#fff; padding:50px; background-image: url(images/my.png); background-repeat: repeat-y; background-position: left;height: 280px;border-radius:10px 0 0 10px; background-size: 900px;}
.my-house-txt > span {
font-size: 13px;
color: #83aebf;
}
.my-house-name{color:#fff;font-size:32px;font-weight:300;margin-top:10px;margin-bottom:40px;}
.my-house-dalsi{font-size:16px; line-height:26px;}
.my-house-dalsi > div > span{display:inline-block; width:150px; color:silver;}
.dlazdice{margin-top:30px; font-size:0;}
.dlazdice a{font-size:14px;display:inline-block;vertical-align:top;width:calc(25% - 8px);background-color:#161616;border-radius:10px;text-align:center;text-decoration:none;color:#fff;height:100px;margin-bottom:10px; margin-right:10px;}
.dl-ico{width:100%;background-image:url(images/icons.png);background-repeat:no-repeat;height:30px;display:inline-block;background-size:28px;background-position:center top;margin-top:18px;margin-bottom:12px;}
.dlazdice a:nth-child(4),
.dlazdice a:nth-child(8){margin-right: 0;}
.dlazdice a:nth-child(1) .dl-ico{background-position:center -40px;}
.dlazdice a:nth-child(2) .dl-ico{background-position:center -82px;}
.dlazdice a:nth-child(3) .dl-ico{background-position:center -124px;}
.dlazdice a:nth-child(4) .dl-ico{background-position:center -168px;}
.dlazdice a:nth-child(5) .dl-ico{background-position:center -212px;}
.dlazdice a:nth-child(6) .dl-ico{background-position:center -248px;}
.dlazdice a:nth-child(7) .dl-ico{background-position:center -289px;}
.dlazdice a:nth-child(8) .dl-ico{background-position:center -373px;}
.dlazdice a:hover{background-color: #4d7788;}
.tab-text .form-custom{width: 550px;}
.tab-text .form-custom .form-group{margin-bottom: 10px;}
.case-txt{margin-bottom: 30px;}
.tab-text .form-custom .form-group small.form-text{margin-left: 0;}
.tab-text .form-custom .form-group textarea{height: 200px; }
/* tlačítko v rámci profilu */
.address-book button.btn,
.tab-text .form-custom input[type='submit']{border:none; background-color:#537e8f; border-radius:2px; width:auto; padding:10px; color:#fff;font-family:'Montserrat', sans-serif; letter-spacing:2px; cursor:pointer; text-transform: uppercase;}
.address-entry{background:#eee;padding:10px;margin-bottom:3px; font-size:0;}
.a-name{display:inline-block;vertical-align:middle;width:calc(100% - 335px); font-size:14px; margin-right:20px;}
.a-phone{font-size:14px; width:150px; margin-right:20px;display:inline-block;vertical-align:middle;}
.a-phone a{color:#000;}
.a-btns{font-size:10px;display:inline-block;vertical-align:middle;width:142px;}
.address-book .a-btns button.btn{padding: 4px 8px; font-size: 10px; letter-spacing: 0;}
.a-name input,
.a-phone input{border:1px solid #dedede; padding:2px; font-size: 14px; width: calc(100% - 6px);}
.add-entry {margin-top: 10px;}
.add-entry h3 {
font-size: 18px;
font-weight: 400;
display: inline-block;
margin-bottom: 15px;
width: 100%;
line-height: 24px;
}
.add-entry input{border: 1px solid #dedede;padding: 8px;font-size: 14px;}
.address-entry .a-name input.is-invalid,
.address-entry .a-phone input.is-invalid{border:1px solid red;}
/* zapomenuté heslo */
.login h1{display:inline-block;margin-top:70px;color:#aa885a;font-size:14px; text-transform:uppercase; font-weight:300; letter-spacing:2px; margin-bottom:30px;}
.login input{background:none;border:1px solid #323234;color:#fff;font-size:12px;width:calc(100% - 32px);padding:15px;}
.login input:focus{border:1px solid #eee; outline:none;}
.login input.is-invalid{border:1px solid #ff6868;}
.login .error-info{text-align:center;color:#c26262;font-weight:500;margin-top:10px;font-size:10px;text-transform:uppercase;}
.login button{border:none; background-color:#aa885a; border-radius:2px; width:100%; padding-top:20px; padding-bottom:20px; color:#fff;font-family:'Montserrat', sans-serif; letter-spacing:2px; cursor:pointer; margin-top:40px; text-transform: uppercase;}
.login button:hover{background-color:#83663f;}
/* registrace */
.member-registration-form > div{font-size: 24px; display: inline-block; width: 100%; margin-bottom: 30px;}
.member-registration-form .form-group{margin-bottom: 8px;}
.member-registration-form .form-group label {display: inline-block;vertical-align: top;width: 130px;margin-right: 2%;font-size: 14px;margin-top: 10px;}
.member-registration-form .form-group input {width: 250px;font-family: 'Montserrat',sans-serif;}
.member-registration-form .form-group input.invalid{border:1px solid red;}
.member-registration-form .validation-errors{margin-top: 30px;}
.member-registration-form input.btn{border:none; background-color:#aa885a; border-radius:2px; width:180px; padding-top:20px; padding-bottom:20px; color:#fff;font-family:'Montserrat', sans-serif; letter-spacing:2px; cursor:pointer; margin-top:40px; text-transform: uppercase;}
/* member files */
.member-files .ico{width:20px;height:28px;display:inline-block;vertical-align:middle;background-image:url('/cms_data/sites/mujdum/themes/default/images/file-icons.png');background-repeat:no-repeat;background-size:auto 28px;margin-right:8px;}
.ico-jpg, .ico-jpeg { background-position: -3px 0; }
.ico-png { background-position: -26px 0; }
.ico-gif { background-position: -50px 0; }
.ico-pdf { background-position: -73px 0; }
.ico-doc, .ico-docx { background-position: -96px 0; }
.ico-xls,.ico-xlsx { background-position: -120px 0; }
.ico-unknown { background-position: -240px 0; }
.member-files button{border:none; background-color:#aa885a; border-radius:2px; width:auto; padding:10px; color:#fff;font-family:'Montserrat', sans-serif; letter-spacing:2px; cursor:pointer; text-transform: uppercase;}
.member-file{background:#eee;padding:12px;margin-bottom:2px;overflow-wrap: anywhere;}
.member-file-description{font-size:12px;font-style:italic;margin-top:3px;}
.file-size{background:#bdbdbd;color:#Fff;font-size:10px;padding:0px 5px;display:inline-block;margin-left:10px;border-radius:4px;float:right;margin-top:6px;}
.total-size {margin-top: 20px;margin-bottom: 20px;}
.files-admin-btns{margin-top: 10px;}
.member-files .files-admin-btns button{padding: 4px 8px;font-size: 10px;letter-spacing: 0;}
/* tlačítka pro admina */
.edit-house{text-transform:uppercase;background-color:#1e1c18;border:none;position:fixed;right:503px;top:17px;font-size:11px;padding:7px 15px;color:#fff;font-weight:300;cursor:pointer;z-index:1100;border-radius:7px;font-family: 'Montserrat',sans-serif;}
.send-user-mail{text-transform:uppercase;background-color:#1e1c18;border:none;position:fixed;right:294px;top:17px;font-size:11px;padding:7px 15px;color:#fff;font-weight:300;cursor:pointer;z-index:1100;border-radius:7px;font-family: 'Montserrat',sans-serif;}
.new-protocol{text-transform:uppercase;background-color:#1e1c18;border:none;position:fixed;right:134px;top:17px;font-size:11px;padding:7px 15px;color:#fff;font-weight:300;cursor:pointer;z-index:1100;border-radius:7px; text-decoration: none;font-family: 'Montserrat',sans-serif;}
.edit-house:hover, .send-user-mail:hover{opacity:0.65;}
.tab-text{font-size:13px;line-height:19px;}
.tab-text h2{font-weight: 600;}
.tab-text a{color:#537e8f;}
.tab-text table tr td{padding:3px; border:1px solid silver;}
.my-house-desc{font-size: 16px; line-height: 26px;}
.my-house-desc table tr td{vertical-align: top;}
.my-house-desc table tr td:nth-child(1){padding-right: 20px;}
.member-file-info > a {width: calc(100% - 80px);display: inline-block;}
.mobile-bar{display: none; width: 50px; background-color: #161616; height: 100vh; float: left;}
.menu-close{display: none;}
.mob-logo{background-image: url(images/mujdum-mob.png); width: 50px; height: 127px; margin-top: 60px;}
.mob-sb{background-image: url(images/sb-mob.png); width: 50px; height: 53px;}
/* zrušení modalu pro change password */
#changePasswordForm .form-group input {
background: none;
border: 1px solid #323234;
color: #fff;
font-size: 12px;
width: calc(100% - 32px);
padding: 15px;
border-radius: 0;
}
#changePasswordForm .form-group:nth-child(1) {
margin-bottom: 30px;
}
.s-b-bar{display: none; background-color: #fff; width: calc(100% - 120px); height: 45px; position: fixed; bottom:0; z-index:10; padding-left: 60px; padding-right: 60px; border-bottom:1px solid gray;}
.login-page{position: relative;}
.sb-logo {
width: 38px;
float: left;
margin-left: -9px;
}
.sb-claim {
width: 117px;
float: right;
margin-top: 11px;
}
.back-home {
color: #aa885a;
margin-top: 20px;
display: inline-block;
}
.mobile-bar .s-b-bar {
width: 50px;
padding: 0;
height: 45px;
position: fixed;
bottom: unset;
top: 0;
}
.mobile-bar .sb-logo {
margin-left: 1px;
}
.welcome.servis .tab-text table,
.welcome.servis .tab-text table tr td{border:1px solid #fff;}
.welcome.servis .tab-text table tr td{background-color: #eee; padding:10px;}
.dev-component .dev-editting dev-editting .mce-content-body{color:#000;}
/* fotogalerie */
.gallery-item{display: inline-block; vertical-align: top; margin-right: 10px; margin-bottom: 10px; height: 120px;}
.gallery-item img{height: 120px; width: auto;}
.gallery-item .title{display: none;}
.slbCaption{display: none;}
/* servisy */
.rem-box{display: inline-block; vertical-align: top; margin-right: 5px;}
.rem-box span {
display: block;
margin-bottom: 3px;
font-size: 10px;
color: #537e8f;
text-transform: uppercase;
}
.remind button.btn{margin-top: 10px;}
.overdue {
color: black;
font-size: 15px;
border: 1px solid #ffcece;
padding: 8px;
margin-bottom: 5px;
background: #fff4f4;
}
.upcoming {
color: black;
font-size: 15px;
border: 1px solid #c5e6c7;
padding: 8px;
margin-bottom: 5px;
background: #f9fff3;
}
.no-reminders{font-size: 15px; font-style: italic;}
.reminder-comp .a-reminder { display: inline-block; vertical-align: middle; width: calc(100% - 525px); font-size: 14px; margin-right: 20px; }
.reminder-comp .a-last{ font-size: 14px; width: 200px; margin-right: 20px; display: inline-block; vertical-align: middle; }
.reminder-comp .a-period { font-size: 14px; width: 120px; margin-right: 20px; display: inline-block; vertical-align: middle; }