.tidio-page { } .tidio-page hr { margin: 15px 0px; border: 0; width: 100%; height: 1px; background: #ccc; } .hotel-theme h2 span{ font-size: 14px; color: #008000; vertical-align: top; display: none; } /* rooms */ .box-list { } .box-list .alert { margin: 0; } .box-list .e { width: 350px; padding: 10px; border: 2px solid #ccc; float: left; margin-right: 15px; margin-bottom: 15px; } .box-list .e > * { margin-bottom: 10px; } .box-list .e > *:last-child { margin-bottom: 0px; } .box-list .e input, .box-list .e textarea, .box-list .e select { width: 100%; border: 1px solid #ccc; padding: 10px 10px; font-size: 13px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .box-list .e select { padding: 0; } .box-list .e textarea { min-height: 150px; } .box-list .e .photo { text-align: center; } .box-list .e .photo .photo-img { width: 100%; height: 100px; position: relative; overflow: hidden; background-color: #EEE; border: 1px solid #ccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .box-list .e .photo .photo-img img { width: 100%; position: absolute; top: -50%; left: 0px; } .box-list .e .photo a.upload-photo { padding: 30px 0px; display: block; text-align: center; background: #E0E0E0; } .box-list .e .name { } .box-list .e .desc { } .box-list .e .features { } .box-list .e .options { text-align: center; } .box-list .e .options .delete-link { color: red; } .box-list .e .input-price { float: left; width: 60%; padding: 4px 10px; } .box-list .e .input-currency { float: right; width: 35%; } /* Tab */ .tab-nav { list-style: none; padding: 0; margin-bottom: 0; } .tab-nav > li { float: left; background: #E8E4D9; margin: 0; } .tab-nav > li a { color: #333; font-weight: 400; font-size: 14px; padding: 14px 40px; display: block; background: #32475c; color: #ffffff; text-decoration: none; /* -webkit-transition: background 300ms; -moz-transition: background 300ms; -ms-transition: background 300ms; -o-transition: background 300ms; transition: background 300ms; */ } .tab-nav > li.active a, .tab-nav > li:hover a { background: #ffffff; color: #32475c; } .tab-content { display: none; } .tab-content:not(.default) { background: #fff; width: 100%; min-height: 200px; padding: 15px 30px; color: #394C5D; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .tab-content.active { display: block; } .tab-content.inactive { display: none !important; } .tab-content.inactive-active { display: block !important; } /* gallery list */ .gallery-list { } .gallery-list .e { float: left; width: 300px; height: 300px; position: relative; margin: 0px 15px 15px 0px; border: 1px dashed #ccc; background-size: cover; } .gallery-list .e .remove-link { position: absolute; top: 10px; right: 10px; font-size: 13px; color: red; } .gallery-list .e input { position: absolute; background: rgba(0,0,0,.7); bottom: 0px; left: 0px; width: 100%; text-align: center; color: #fff; font-size: 13px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .gallery-list .e .placeholder { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: block; } /* alert */ .alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; } .alert h4 { margin-top: 0; color: inherit; } .alert .alert-link { font-weight: bold; } .alert-success { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .alert-success hr { border-top-color: #c9e2b3; } .alert-success .alert-link { color: #2b542c; } .alert-info { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .alert-info hr { border-top-color: #a6e1ec; } .alert-info .alert-link { color: #245269; } .alert-warning { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .alert-warning hr { border-top-color: #f7e1b5; } .alert-warning .alert-link { color: #66512c; } .alert-danger { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .alert-danger hr { border-top-color: #e4b9c0; } .alert-danger .alert-link { color: #843534; } /* save btn */ #theme-settings-save-btn { margin-left: 20px; margin-top: 1px; } /* form default */ .form-default { } .form-default .e { display: block; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dashed #ccc; width: 75%; } .form-default .e label { display: inline-block; width: 150px; float: left; } .form-default .e input, .form-default .e textarea, .form-default .e select { display: inline-block; float: left; width: 300px; padding: 5px 10px; border: 1px solid #ccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .form-default .e input[type=file], .form-default .e select { padding: 0; } /* Lang Input */ .lang-input-selector { float: right; margin-top: 20px; } .lang-input-selector li { float: left; margin-right: 10px; } .lang-input-selector li:last-child { margin-right: 0px; } .lang-input-selector li.active { font-weight: bold; } /* clearfix */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: block; }