/*
Theme Name: Houzez Child
Theme URI: http://www.favethemes.com/
Author: Favethemes
Author URI: http://www.favethemes.com/
Description: Houzez is a premium WordPress theme for real estate agents where modern aesthetics are combined with tasteful simplicity, and where the ease of use is achieved without compromise in your ability to customise the design. Whether you are a real estate agent looking to build a website for your company or a web developer seeking a perfect WordPress theme for your next project, you are certain to appreciate the numerous features and benefits that our theme provides.
Version: 1.0
Tags: white, right-sidebar, left-sidebar, custom-colors, custom-menu, featured-images, post-formats, theme-options, translation-ready
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: houzez
Template: houzez
*/

@import url("../houzez/style.css");

/* Your CSS code goes here

-------------------------------------- */

.modal-backdrop1 {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: transparent; z-index: -1;}
.district-list {columns: 2;}
.district-item label {padding-left: 20px;}
.clickable-all-districts label {padding-left: 20px;}
.logo a {display: inline-block;line-height: 0;}
.logo img {top: 0;width: 100%;height: auto;max-width: 124px;}
.houzez-crm-ads-gallery .houzez-crm-ads-image img {padding: 0 !important;background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.75) 100%) !important;box-shadow: none !important;height: 300px !important;width: 400px !important;}
.houzez-crm-ads-gallery .houzez-crm-ads-image a:after {content: '';background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.75) 100%) !important;width: 100%;height: 100%;position: absolute;left: 0;transition: 0.3s all ease-in-out;}
.houzez-crm-ads-gallery .houzez-crm-ads-image a:hover::after {opacity: 0;}
.houzez-crm-ads-gallery .houzez-crm-ads-image a {position: relative;display: inline-block;}
.register_role label.radio-inline {padding-right: 10px;padding-bottom: 0;color: #636363;}
.register_role label.radio-inline input#roleselect {margin-top: 0;position: relative;top: 2px;width: 15px;height: 15px;}

.account_type > label {color: #636363;font-size: 17px !important;}


.modalDialog1 {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 9999;background: rgba(0, 0, 0, 0.6);}
.modalDialog1 .overlay {position: absolute;background: #fff;border-radius: 10px;max-width: 700px;width: 100%;margin: 0 auto;left: 0;right: 0;top: 50%;transform: translateY(-50%);max-height: 600px;overflow: hidden;}
.modalDialog1 .close12 {font-size: 18px;line-height: 15px;color: #000;cursor: pointer;border: none;padding: 7px 8px 5px 8px;}
.modalDialog1 .overlay .modal-head1 .modal-header1 {display: flex;align-items: center;justify-content: space-between;padding: 10px 25px;background: #00aeff;position: fixed;width: 100%;z-index: 99;top: 0px;}
.modalDialog1 .overlay .modal-head1 .modal-header1 button.close1 {background: #fff;border: none;font-size: 20px;color: #00aeff;border-radius: 5px;}
.modalDialog1 .overlay .modal-head1 .modal-header1 h2 {margin: 0;font-size: 24px;line-height: 35px;color: #fff;}
.modalDialog1 .overlay .modal-head1 .modal-body1 {padding: 10px 20px 10px 20px;max-height: 400px;overflow-y: scroll;margin-top: 60px;margin-bottom: 70px;}
.modalDialog1 .overlay .modal-head1 .modal-body1 form.search-input-root {margin-bottom: 20px;}
.modalDialog1 .overlay .modal-body1 form.search-input-root .input-group input {margin-right: 10px;border-radius: 5px;}
.modalDialog1 .overlay .location-filter-modal-footer {margin: 0px auto;position: fixed;z-index: 99;bottom: 0;right: 0;left: 0;background: #fff;padding: 15px 0;box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);}
.modalDialog1 .overlay .location-filter-modal-footer .btn_sticky {display: flex;align-items: center;justify-content: space-between;max-width: 90%;width: 100%;margin: 0 auto;}
.modalDialog1 .overlay .location-filter-modal-footer button {background: #00aeff;border: none;outline: none;padding: 10px 20px;color: #fff;font-size: 16px;line-height: 20px;border-radius: 20px;}
.modalDialog1 .overlay .modal-head1 .modal-body1 label {font-size: 16px;line-height: 24px;font-weight: normal;padding-left: 22px;}
.modalDialog1 .overlay .modal-head1 .modal-body1 .district-item {position: relative;}
.modalDialog1 .overlay .modal-head1 .modal-body1 input[type=checkbox] {width: 15px;height: 15px;}

.modalDialog2 {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 9999;background: rgba(0, 0, 0, 0.6);}
.modalDialog2 .overlay {position: absolute;background: #fff;border-radius: 10px;max-width: 700px;width: 100%;margin: 0 auto;left: 0;right: 0;top: 50%;transform: translateY(-50%);max-height: 600px;overflow: hidden;}
.modalDialog2 .close12 {font-size: 18px;line-height: 15px;color: #000;cursor: pointer;border: none;padding: 7px 8px 5px 8px;}
.modalDialog2 .overlay .modal-head1 .modal-header1 {display: flex;align-items: center;justify-content: space-between;padding: 10px 25px;background: #00aeff;position: fixed;width: 100%;z-index: 99;top: 0px;}
.modalDialog2 .overlay .modal-head1 .modal-header1 button.close2 {background: #fff;border: none;font-size: 20px;color: #00aeff;border-radius: 5px;}
.modalDialog2 .overlay .modal-head1 .modal-header1 h2 {margin: 0;font-size: 24px;line-height: 35px;color: #fff;}
.modalDialog2 .overlay .modal-head1 .modal-body1 {padding: 10px 20px 10px 20px;max-height: 400px;overflow-y: scroll;margin-top: 60px;margin-bottom: 70px;}
.modalDialog2 .overlay .modal-head1 .modal-body1 form.search-input-root {margin-bottom: 20px;}
.modalDialog2 .overlay .modal-body1 form.search-input-root .input-group input {margin-right: 10px;border-radius: 5px;}
.modalDialog2 .overlay .location-filter-modal-footer {margin: 0px auto;position: fixed;z-index: 99;bottom: 0;right: 0;left: 0;background: #fff;padding: 15px 0;box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);}
.modalDialog2 .overlay .location-filter-modal-footer .btn_sticky {display: flex;align-items: center;justify-content: space-between;max-width: 90%;width: 100%;margin: 0 auto;}
.modalDialog2 .overlay .location-filter-modal-footer button {background: #00aeff;border: none;outline: none;padding: 10px 20px;color: #fff;font-size: 16px;line-height: 20px;border-radius: 20px;}
.modalDialog2 .overlay .modal-head1 .modal-body1 label {font-size: 16px;line-height: 24px;font-weight: normal;padding-left: 22px;}
.modalDialog2 .overlay .modal-head1 .modal-body1 .hdb-estate-list {position: relative;}
.modalDialog2 .overlay .modal-head1 .modal-body1 input[type=checkbox] {width: 15px;height: 15px;}


.modalDialogMRT {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 9999;background: rgba(0, 0, 0, 0.6);}
.modalDialogMRT .overlay {position: absolute;background: #fff;border-radius: 10px;max-width: 80%;width: 100%;margin: 0 auto;left: 0;right: 0;top: 50%;transform: translateY(-50%);max-height: 90%;overflow: hidden;}
.modalDialogMRT .close12 {font-size: 18px;line-height: 15px;color: #000;cursor: pointer;border: none;padding: 7px 8px 5px 8px;}
.modalDialogMRT .overlay .modal-head1 .modal-body1 {margin-top: 55px;margin-bottom: 68px;max-height: 540px;}
.modalDialogMRT .overlay .modal-head1 .modal-header1 {display: flex;align-items: center;justify-content: space-between;padding: 10px 25px;background: #00aeff;position: fixed;width: 100%;z-index: 99;top: 0px;}
.modalDialogMRT .overlay .modal-head1 .modal-header1 button.close3 {background: #fff;border: none;font-size: 20px;color: #00aeff;border-radius: 5px;}
.modalDialogMRT .overlay .modal-head1 .modal-header1 h2 {margin: 0;font-size: 24px;line-height: 35px;color: #fff;}
.modalDialogMRT .overlay .modal-head1 .modal-body1 form.search-input-root {margin-bottom: 20px;width: 100%;padding-right: 10px;}
.modalDialogMRT .overlay .modal-body1 form.search-input-root .input-group input {margin-right: 10px;border-radius: 5px;}
.modalDialogMRT .overlay .location-filter-modal-footer {margin: 0px auto;position: fixed;z-index: 99;bottom: 0;right: 0;left: 0;background: #fff;padding: 15px 0;box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);}
.modalDialogMRT .overlay .location-filter-modal-footer .btn_sticky {display: flex;align-items: center;justify-content: space-between;max-width: 90%;width: 100%;margin: 0 auto;}
.modalDialogMRT .overlay .location-filter-modal-footer button {background: #00aeff;border: none;outline: none;padding: 10px 20px;color: #fff;font-size: 16px;line-height: 20px;border-radius: 20px;}
.modalDialogMRT .overlay .modal-head1 .modal-body1 .wrapper.filter-modal-search-section {align-items: center;justify-content: space-between;}
.modalDialogMRT .overlay .modal-head1 .modal-body1 .right-section {max-width: 70%;flex: 0 0 70% !important;height: calc(100vh - 4.5rem - 132px);position: relative;}
.modalDialogMRT .overlay .modal-head1 .modal-body1 .left-section {max-width: 30%;flex: 0 0 30% !important;height: calc(100vh - 4.5rem - 132px);overflow: hidden;padding: 0px 0 10px 10px;margin: 10px 0 !important;border-right: 1px solid #ddd;}
.modalDialogMRT .overlay .modal-head1 .modal-body1 .left-section .mrt-category-list {overflow: hidden;overflow-y: auto;max-height: 410px;}
.modalDialogMRT .overlay .modal-head1 .modal-body1 .left-section .mrt-category-list .mrt-category-parent .accordion-header {display: flex;justify-content: space-between;align-items: center;cursor: pointer;margin: 0px 10px 0px 0px;padding: 8px 10px;border-bottom: 1px solid #ddd;}
.modalDialogMRT .overlay .modal-head1 .modal-body1 .left-section .mrt-category-list .mrt-category-parent .accordion-header .accordion-toggle-icon {margin-left: 10px;font-size: 11px;transition: transform 0.3s ease;}
.modalDialogMRT .overlay .modal-head1 .modal-body1 .left-section .mrt-category-list .mrt-category-parent .accordion-header strong {font-size: 14px;line-height: 18px;font-weight: 400;}
.modalDialogMRT .overlay .modal-head1 .modal-body1 .left-section .mrt-category-list .mrt-category-parent .accordion-header:hover {background-color: #e8e8e8;} 
.modalDialogMRT .overlay .modal-head1 .modal-body1 .left-section .mrt-category-list .mrt-category-parent .accordion-header .accordian-header-inner {display: flex;align-items: center;max-width: 90%;flex: 0 0 90%;}
.modalDialogMRT .overlay .modal-head1 .modal-body1 .left-section .mrt-category-list .mrt-category-parent .accordion-header .accordian-header-inner .station-code-wrap {margin: 0;max-width: 18%;flex: 0 0 18%;}
.modalDialogMRT .overlay .modal-head1 .modal-body1 .left-section .mrt-category-list .mrt-category-parent .accordion-header .accordian-header-inner .station-code-wrap .mrt-custom-cat-code {display: inline-block;padding: 1px 9px;border-radius: 6px;font-size: 12px;color: #FFFFFF;line-height: 16px;margin: 0;}
.modalDialogMRT .overlay .modal-head1 .modal-body1 .left-section .mrt-category-list .mrt-category-parent.mrt-category-east-west-line .accordion-header .accordian-header-inner .mrt-custom-cat-code {background: rgb(0, 148, 55);}
.modalDialogMRT .overlay .modal-head1 .modal-body1 .left-section .mrt-category-list .mrt-category-parent.mrt-category-north-south-line .accordion-header .accordian-header-inner .mrt-custom-cat-code {background: rgb(227, 34, 22);}
.modalDialogMRT .overlay .modal-head1 .modal-body1 .left-section .mrt-category-list .mrt-category-parent.mrt-category-north-east-line .accordion-header .accordian-header-inner .mrt-custom-cat-code {background: rgb(158, 39, 181);}
.modalDialogMRT .overlay .modal-head1 .modal-body1 .left-section .mrt-category-list .mrt-category-parent.mrt-category-circle-line .accordion-header .accordian-header-inner .mrt-custom-cat-code {background: rgb(255, 159, 24);}
.modalDialogMRT .overlay .modal-head1 .modal-body1 .left-section .mrt-category-list .mrt-category-parent.mrt-category-downtown-line .accordion-header .accordian-header-inner .mrt-custom-cat-code {background: rgb(0, 81, 183);}
.modalDialogMRT .overlay .modal-head1 .modal-body1 .left-section .mrt-category-list .mrt-category-parent.mrt-category-thomson-east-line .accordion-header .accordian-header-inner .mrt-custom-cat-code {background: rgb(158, 90, 28);}
.modalDialogMRT .overlay .modal-head1 .modal-body1 .left-section .mrt-category-list .mrt-category-parent.mrt-category-jurong-region-line .accordion-header .accordian-header-inner .mrt-custom-cat-code {background: rgb(0, 173, 188);}
.modalDialogMRT .overlay .modal-head1 .modal-body1 .left-section .mrt-category-list .mrt-category-parent.mrt-category-cross-island-line .accordion-header .accordian-header-inner .mrt-custom-cat-code {background: rgb(156, 211, 6);}
.modalDialogMRT .overlay .modal-head1 .modal-body1 .left-section .mrt-category-list .mrt-category-parent.mrt-category-bukit-panjang-lrt-line .accordion-header .accordian-header-inner .mrt-custom-cat-code {background: rgb(115, 131, 118);}
.modalDialogMRT .overlay .modal-head1 .modal-body1 .left-section .mrt-category-list .mrt-category-parent.mrt-category-sengkang-lrt-line .accordion-header .accordian-header-inner .mrt-custom-cat-code {background: rgb(115, 131, 118);}
.modalDialogMRT .overlay .modal-head1 .modal-body1 .left-section .mrt-category-list .mrt-category-parent.mrt-category-punggol-lrt-line .accordion-header .accordian-header-inner .mrt-custom-cat-code {background: rgb(115, 131, 118);}
.modalDialogMRT .overlay .modal-head1 .modal-body1 .left-section .mrt-category-list .mrt-category-parent .accordion-header span.checked-count {font-size: 12px;color: #fff;background: #c20000;border-radius: 50%;line-height: 12px;padding: 5px;}
.modalDialogMRT .overlay .modal-head1 .modal-body1 .left-section .select-all-mrt-categories p {font-weight: 400;}
.modalDialogMRT .overlay .modal-head1 .modal-body1 .left-section .mrt-category-list .mrt-category-parent .mrt-category-children .clickable-all-stations {border-bottom: 1px solid #ddd;display: flex;align-items: center;padding: 8px 0 8px 10px;margin-bottom: 10px;}
.modalDialogMRT .overlay .modal-head1 .modal-body1 .left-section .mrt-category-list .mrt-category-parent .mrt-category-children .clickable-all-stations label {padding: 0;font-size: 14px;font-weight: 500;}
.modalDialogMRT .overlay .modal-head1 .modal-body1 .left-section .mrt-category-list .mrt-category-parent .mrt-category-children .clickable-all-stations .position-relative {width: 25px;height: 25px;margin-right: 8px;}
.modalDialogMRT .overlay .modal-head1 .modal-body1 .left-section .mrt-category-list .mrt-category-parent .mrt-category-children .clickable-all-stations .position-relative .checkbox.select-all {display: flex;align-items: center;justify-content: center;width: 25px;height: 25px;}
.modalDialogMRT .overlay .modal-head1 .modal-body1 .left-section .mrt-category-list .mrt-category-parent .mrt-category-children .clickable-all-stations .position-relative .checkbox.select-all input#select-all {margin: 0;width: 18px;height: 18px;}
.modalDialogMRT .overlay .modal-head1 .modal-body1 .left-section .mrt-category-list .mrt-category-parent .mrt-category-children .mrt-category-item label {font-size: 14px;font-weight: 400;padding-bottom: 5px;}
.modalDialogMRT .overlay .modal-head1 .modal-body1 .left-section .mrt-category-list .mrt-category-parent .mrt-category-children .mrt-category-item input {width: 16px;height: 16px;margin: 0;margin-right: 5px;top: 3px;}
.modalDialogMRT .overlay .modal-head1 .modal-body1 .left-section .mrt-category-list .mrt-category-parent .mrt-category-children .mrt-category-item {padding-left: 20px;}
.modalDialogMRT .overlay .modal-head1 .modal-body1 .right-section .map-zoom-buttons {position: absolute;bottom: 15px;right: 15px;}
.modalDialogMRT .overlay .modal-head1 .modal-body1 .right-section .map-zoom-buttons button:first-child {margin-bottom: 15px;}
.modalDialogMRT .overlay .modal-head1 .modal-body1 .right-section .map-zoom-buttons button {width: 100%;display: block;border-radius: 50%;box-shadow: inset 0 2px 2px #fff6, 0 2px 4px #282c2e1f;padding: 3px 12px;border: 1px solid #c1c9d2;}
.modalDialogMRT .overlay .modal-head1 .modal-body1 .right-section .map {height: 100%;}
.modalDialogMRT .overlay .modal-head1 .modal-body1 .right-section .map div:first-child {height: 100%;}



a.btn.location-trigger.with-labels.elementor-size-sm {right: 5px;top: 25px;background: #fff;border: 1px solid #dce0e0;border-radius: .25rem .25rem .25rem .25rem;}
.surveys-list-block.missions span.sur-icon {background: red;border-radius: 50%;width: 35px;height: 36px;display: flex;align-items: center;justify-content: center;}
.surveys-list-block.missions span.sur-icon img {max-width: 15px;width: 100%;}
div#search-typeahead-menu {width: 100%;margin: 5px 5px 0 5px;max-width: 99%;}


a.edit-user-btn {background: #00aeff;border-color: #00aeff;color: #fff;transition: 0.2s all;}
a.edit-user-btn:hover {background-color: transparent !important;border-color: #00aeff !important;}
a.btn-pipa-delete {background-color: transparent;color: #000;border-color: #00aeff;transition: 0.2s all;}
a.btn-pipa-delete:hover {background-color: #00aeff;color: #fff;}
table.team_member_business_table {margin: 0;}
table.team_member_business_table thead.table-dark {border-bottom: 1px solid #dce0e0;background-color: rgba(220, 224, 224, 0.35);}
table.team_member_business_table.table-hover .table-dark:hover {background-color: rgba(220, 224, 224, 0.35);}
table.team_member_business_table tbody tr td {vertical-align: middle;background: #fff;border: none;border-bottom: 1px solid #dee2e6;text-align: left;padding: 10px;}
table.team_member_business_table tbody tr:last-child td {border-bottom: 0;}
table.team_member_business_table thead tr th {letter-spacing: 0.5px;border: none;color: #000;padding: 10px;font-size: 16px;text-align: left;}
.add_member {background: #00aeff;border-color: #00aeff;transition: 0.5s all;}
.add_member:hover {background-color: transparent !important;color: #000;}
.property-action-menu .dropdown-menu a {background: #fff;border: none;text-align: center;border-radius: 0;display: block;border-bottom: 1px solid #dce0e0;color: #000;border-radius: 0;padding: 10px 20px;margin: 0;line-height: 30px;}
.property-action-menu .dropdown-menu {left: 0;width: 100%;max-width: 157px;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);}
.property-action-menu .dropdown-menu a:hover, .property-action-menu .dropdown-menu a:focus {border-bottom: 1px solid #dce0e0 !important;}

/* map design */
.mrt-category-item .form-check-input {position: relative;}
.right-section .map svg #MRT-Map-SG g .map-station.checked {fill: #c20000;stroke: #fff;}
.map-station {cursor: pointer;}
.map-station:hover {filter: drop-shadow(0 2px 3px rgba(44, 44, 44, .5));}
.mrt-custom-cat-code {margin: 0;}

.accordian-header-inner {display: flex;align-items: center;}
/* div#header-section > .container {position: relative;}
div#header-section > .container:after {content: '';position: absolute;background: url(https://pipainfo.com/wp-content/uploads/2025/01/image_2025_01_07T06_46_25_556Z.png);width: 120px;height: 100%;left: -130px;top: 50%;transform: translateY(-50%);background-size: 120px;background-repeat: no-repeat;} */

.bs-searchbox {display: none !important;}

/* div#header-section {
    display: none;
} */



@media screen and (max-width: 767px) {

    .modalDialog1 .overlay, .modalDialog2 .overlay {max-width: 350px;max-height: 450px;}
    .district-list {columns: 1;margin-bottom: 50px;}
    .modalDialog1 .overlay .location-filter-modal-footer button, .modalDialog2 .overlay .location-filter-modal-footer button, .modalDialogMRT .overlay .location-filter-modal-footer button {padding: 5px 15px;font-size: 14px;line-height: 19px;}
    .modalDialog1 .overlay .modal-head1 .modal-body1 form.search-input-root .input-group .form-control, .modalDialog2 .overlay .modal-head1 .modal-body1 form.search-input-root .input-group .form-control {height: 36px;font-size: 14px !important;}
    .modalDialog1 .overlay .modal-head1 .modal-header1 h2, .modalDialog2 .overlay .modal-head1 .modal-header1 h2, .modalDialogMRT .overlay .modal-head1 .modal-header1 h2 {font-size: 20px;line-height: 30px;}
    .modalDialog1 .overlay .location-filter-modal-footer, .modalDialog2 .overlay .location-filter-modal-footer {padding: 10px 0;}
    .modalDialog1 .overlay .modal-head1 .modal-body1 label, .modalDialog2 .overlay .modal-head1 .modal-body1 label {font-size: 14px;line-height: 15px;}
    .modalDialog1 .overlay .modal-head1 .modal-header1, .modalDialog1 .overlay .modal-head1 .modal-header1, .modalDialogMRT .overlay .modal-head1 .modal-header1 {padding: 7px 25px;}
    .modalDialogMRT .overlay .modal-head1 .modal-body1 .left-section {max-width: 100%;flex: 0 0 100% !important;order: 2;/* height: 150px !important; */}
    .modalDialogMRT .overlay .modal-head1 .modal-body1 .right-section {max-width: 100%;flex: 0 0 100% !important;height: calc(100vh - 15rem - 132px) !important;order: 1;}
    .modalDialogMRT .overlay .modal-head1 .modal-body1 .left-section .mrt-category-list {overflow-x: auto;overflow-y: inherit;}
    .modalDialogMRT .overlay .modal-head1 .modal-body1 .right-section .map-zoom-buttons button {padding: 1px 5px;height: 33px;display: flex;align-items: center;justify-content: center;}
    .modalDialogMRT .overlay .modal-head1 .modal-body1 .right-section .map-zoom-buttons button svg {width: 20px;height: 20px;}
    .modalDialogMRT .overlay .modal-head1 .modal-body1 .right-section .map-zoom-buttons button:first-child {margin-bottom: 10px;}
    .modalDialogMRT .overlay .modal-head1 .modal-body1 form.search-input-root input.form-control {height: 36px;font-size: 14px !important;}
    .houzez-crm-ads-gallery {display: block !important;}
    .houzez-crm-ads-gallery .houzez-crm-ads-image {margin-bottom: 20px;}
    .logo img {display: none;}
    .houzez_section_title_wrap {padding: 0 10px;}
    .elementor-widget-wrap.elementor-element-populated {padding: 0 10px;
    }
    /* div#header-section {
        display: block;
    } */
    .slideout-menu-right {z-index: 99;top: 60px;position: absolute !important;}
    .slideout-menu-right.menu-header-navi-right {display: block;}
    .slideout-menu-left {z-index: 99;top: 60px;position: absolute !important;}
    .slideout-menu-left.menu-header-navi-left {display: block;}








}

.uploadOuter {
    text-align: center;
    padding: 20px;
    strong {
      padding: 0 10px
    }
  }
  .dragBox {
    width: 250px;
    height: 100px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    font-weight: bold;
    line-height: 95px;
    color: #999;
    border: 2px dashed #ccc;
    display: inline-block;
    transition: transform 0.3s;
    input[type="file"] {
      position: absolute;
      height: 100%;
      width: 100%;
      opacity: 0;
      top: 0;
      left: 0;
    }
  }
  .draging {
    transform: scale(1.1);
  }
  #preview {
    text-align: center;
    img {
      max-width: 100%
    }
  }
  #uploadFile {
    cursor: pointer;
  }

  div#preview .image-preview {
    display: inline-block;
}
span.delete-image {
    display: block;
    border: 1px solid #dce0e0;
    text-align: right;
    padding-right: 10px;
    cursor: pointer;
}
.uploadOuter .dragBox {
    width: 100%;
    background: #eff1f1;
}