:root { --dashboard-primary-color: #337ab7; --dashboard-primary-hover-color: #337ab7; --dashboard-secondary-color: #ea723d; --dashboard-secondary-hover-color: #d36737; --dashboard-body-color: #808080; /*--dashboard-heading-color: #333333;*/ --dashboard-link-color: #333333; --dashboard-link-hover-color: #e86126; --dashboard-logo-container-bg-color: #2f3534; --dashboard-logo-color: #fff; --dashboard-logo-hover-color: #f2f2f2; --dashboard-sidebar-bg-color: #1e2323; --dashboard-sidebar-menu-color: #91afad; --dashboard-sidebar-menu-bg-color: #1e2323; --dashboard-sidebar-menu-hover-color: #ffffff; --dashboard-sidebar-menu-hover-bg-color: #1e3331; --dashboard-sidebar-current-submenu-color: #ffffff; --dashboard-sidebar-current-submenu-bg-color: #171b1b; --dashboard-package-background-color: #d5f0eb; --dashboard-popular-package-background-color: #f7daca; }

/* Common */

.has-progress-bar, .profile-image-upload-container .profile-image, .property-slider-image .slider-thumb-inner, .property-gallery-images .gallery-thumbs-container .gallery-thumb-inner { position: relative; overflow: hidden; background-color: #e8eaeb; color: var(--dashboard-primary-color); }

.has-progress-bar .progress-bar, .profile-image-upload-container .profile-image .progress-bar, .property-slider-image .slider-thumb-inner .progress-bar, .property-gallery-images .gallery-thumbs-container .gallery-thumb-inner .progress-bar, .has-progress-bar .progress, .profile-image-upload-container .profile-image .progress, .property-slider-image .slider-thumb-inner .progress, .property-gallery-images .gallery-thumbs-container .gallery-thumb-inner .progress { display: block; position: absolute; top: 0; left: 0; height: 3px; }

.has-progress-bar .progress-bar, .profile-image-upload-container .profile-image .progress-bar, .property-slider-image .slider-thumb-inner .progress-bar, .property-gallery-images .gallery-thumbs-container .gallery-thumb-inner .progress-bar { width: 100%; background-color: #a5d4d0; }

.has-progress-bar .progress, .profile-image-upload-container .profile-image .progress, .property-slider-image .slider-thumb-inner .progress, .property-gallery-images .gallery-thumbs-container .gallery-thumb-inner .progress { background-color: var(--dashboard-primary-color); }

.has-progress-bar .progress-text, .profile-image-upload-container .profile-image .progress-text, .property-slider-image .slider-thumb-inner .progress-text, .property-gallery-images .gallery-thumbs-container .gallery-thumb-inner .progress-text { display: block; position: absolute; top: 50%; left: 50%; font-size: 15px; font-weight: 500; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

/*.submit-property-form-wizard.form-add-property .dashboard-form-actions .next.disabled, .submit-property-form-wizard.form-add-property .dashboard-form-actions .submit-property-button { display: none; }*/

.property-gallery-images { margin-bottom: 25px; }

.property-gallery-images .drag-drop-container { position: relative; margin-bottom: 15px; padding: 20px 15px; text-align: center; border: 2px dashed #d8d9d9; }

@media (min-width: 768px) { .property-gallery-images .drag-drop-container { padding: 35px 15px 30px; } }

.property-gallery-images .drag-drop-container > i, .property-gallery-images .drag-drop-container > span, .property-gallery-images .drag-drop-container > strong { display: block; margin-bottom: 20px; }

.property-gallery-images .drag-drop-container > i { font-size: 38px; color: #b3b3b3; }

.property-gallery-images .drag-drop-container .limit-left { position: absolute; top: 0; right: 0; margin: 15px; font-size: 15px; }

@media (min-width: 768px) { .property-gallery-images .drag-drop-container .limit-left { margin: 20px; } }

.property-gallery-images .drag-drop-container > span, .property-gallery-images .drag-drop-container .limit-left, .property-gallery-images .drag-drop-container .description { color: #999999; }

.property-gallery-images .drag-drop-container .description { display: none; padding-top: 30px; line-height: 1.5; }

@media (min-width: 768px) { .property-gallery-images .drag-drop-container .description { display: block; } }

.property-gallery-images .drag-drop-container .description p { margin-bottom: 0; }

.property-gallery-images .gallery-thumbs-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; }

.property-gallery-images .gallery-thumbs-container .gallery-thumb { width: 100%; margin: 0 0 20px; padding: 0 10px; }

@media (min-width: 280px) { .property-gallery-images .gallery-thumbs-container .gallery-thumb { width: 50%; } }

@media (min-width: 480px) { .property-gallery-images .gallery-thumbs-container .gallery-thumb { width: 33.33%; } }

@media (min-width: 600px) { .property-gallery-images .gallery-thumbs-container .gallery-thumb { width: 25%; } }

@media (min-width: 768px) { .property-gallery-images .gallery-thumbs-container .gallery-thumb { width: 20%; } }

@media (min-width: 992px) { .property-gallery-images .gallery-thumbs-container .gallery-thumb { width: 16.6666666667%; } }

/*@media (min-width: 1400px) { .property-gallery-images .gallery-thumbs-container .gallery-thumb { width: 12.5%; } }

@media (min-width: 1600px) { .property-gallery-images .gallery-thumbs-container .gallery-thumb { width: 10%; } }

@media (min-width: 2400px) { .property-gallery-images .gallery-thumbs-container .gallery-thumb { width: 7.14285714286%; } }*/

.property-gallery-images .gallery-thumbs-container .gallery-thumb-inner { width: 100%; min-height: 100px; }

.property-gallery-images .gallery-thumbs-container img { width: 100%; height: 120px; }

.property-gallery-images .gallery-thumbs-container a { padding: 5px 8px; background: rgba(0, 0, 0, 0.5); color: #fff; }

.property-gallery-images .gallery-thumbs-container a:hover { background: rgba(0, 0, 0, 0.7); }

.property-gallery-images .gallery-thumbs-container .mark-featured { position: absolute; top: 4px; left: 4px; }

.property-gallery-images .gallery-thumbs-container .remove-image { position: absolute; top: 4px; right: 4px; }

.property-gallery-images .gallery-thumbs-container .loader { display: none; position: absolute; top: 4px; left: 4px; padding: 5px 8px; background: rgba(0, 0, 0, 0.5); color: #fff; }

.property-gallery-images .max-files-limit-message { display: none; margin-top: 18px; color: red; }