*{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;}
.login-img{float:left; width:774px; height:100vh; background-image:url(images/login.jpg); background-size:cover; background-position:left top;}
.login-img img{float:left; margin-top:60px; margin-left:60px;}
.login-bar{width:370px; height:100vh; background-color:#242325; float:left; padding-left:90px; padding-right:90px; }
.login-bar-o{padding-top:calc((100vh - 680px) / 2);}
.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 #323234;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{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;}
.log-btn:hover{background-color:#83663f;}
a.log-lost{display:inline-block; margin-top:40px; color:#aa885a; font-size:14px;}
.help{margin-top:45px; color:#fff;}
.help a{color:#aa885a;}
.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;}


/* dashboard */

/* left */
.left-bar{background-color: #161616; width: 265px; height: 100vh; float: left;}
.left-bar .logo{width: 160px; margin-top: 30px;}
.left-menu{margin-top: 30px; border-top:1px solid #383938; padding-top: 15px;}
.left-menu a{color:#fff; font-size: 13px; text-decoration: none; display: inline-block; width: calc(100% - 80px); border-left: 5px solid #161616; padding-top: 15px; padding-bottom: 15px; text-align: left; padding-left: 75px; background-image: url(images/icons.png); background-repeat: no-repeat; background-size: 25px auto;}
.left-menu a:hover,
.left-menu a.selected{border-left: 5px solid #c5a06e; background-color: #4b4031;}
.left-menu a:nth-child(1) {background-position: left 30px top 11px;}
.left-menu a:nth-child(2) {background-position: left 30px top -25px;}
.left-menu a:nth-child(3) {background-position: left 30px top -63px;}
.left-menu a:nth-child(4) {background-position: left 30px top -101px;}
.left-menu a:nth-child(5) {background-position: left 30px top -139px;}
.left-menu a:nth-child(6) {background-position: left 30px top -177px;}
.left-menu a:nth-child(7) {background-position: left 30px top -213px;}
.left-menu a:nth-child(8) {background-position: left 30px top -248px;}
.left-menu a:nth-child(9) {background-position: left 30px top -360px;}
.left-menu a:nth-child(11) {background-position: left 30px top -323px;}

.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:#aa8659; 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:#b9b9b9; text-decoration: none; margin-bottom: 2px;}
a.help-mail{color:#aa8659; 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 #d5c4ab;border-radius:10px;padding:25px;}
.welcome h1 {font-size: 30px;font-weight: 300;display: inline-block;margin-bottom: 20px;}
.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:#aa8659;}
.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: #4b4031;}

.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:#aa885a; 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;}
.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:322px;top:17px;font-size:11px;padding:7px 15px;color:#fff;font-weight:300;cursor:pointer;z-index:1100;border-radius:7px;}
.send-user-mail{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;}
.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:#a0661e;}
.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;
}