/*
mirage.css
Octorate srl. All rights reserved. 2020
*/

body {background-color: #242726}
body a {color:#242726 !important}
body .ui-widget, body .ui-widget .ui-widget {vertical-align:middle}
body .ui-selectcheckboxmenu.ui-selectcheckboxmenu-multiple .ui-selectcheckboxmenu-multiple-container.ui-inputfield {min-height:28px}
body .ui-panelgrid .ui-panelgrid-cell {padding:5px 0}
body .ui-button.ui-button-dark {background-color:#912C63;border-color:#912C63}
body .ui-button.ui-button-dark.ui-state-hover {background-color:#4e1832;border-color:#4e1832}
body .ui-button.ui-button-danger {background-color:#B51F3C;border-color:#B51F3C}
body .ui-button.ui-button-warning {background-color:#F15732;border-color:#F15732}
body .ui-button.ui-button-info {background-color:#0FADDB;border-color:#0FADDB}
body .ui-button.ui-button-warning.ui-state-focus {box-shadow:0 0 0 0.2rem rgba(241, 87, 50, 0.5)}
body .ui-datatable .ui-datatable-data > tr td {padding:0.5em}
body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button {height:30px}
body .ResaCalendar .ui-datepicker table td a.ui-state-active, body .ui-datepicker table td span.ui-state-active {color:inherit !important}
body .ResaCalendar .ui-datepicker table td.ui-datepicker-today a {background:transparent !important}

.layout-main {padding-top:50px}
.layout-content {padding:1em}
.layout-footer .logo-text img {width:auto;height:35px}
.layout-topbar .layout-topbar-wrapper {height:50px}
.layout-topbar .layout-topbar-wrapper .layout-topbar-right .profile-item > ul > li.profile-submenu-header .performance {margin-bottom:10px}
.layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li img,
.layout-topbar .layout-topbar-wrapper .layout-topbar-right .profile-item > ul > li img,
.layout-topbar .layout-topbar-wrapper .layout-topbar-right .profile-item > a .profile-image-wrapper img {width:40px;height:40px;border-radius:50%}
.layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul {top:50px}
.layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li.deals > ul > li > a,
.layout-topbar .layout-topbar-wrapper .layout-topbar-left .layout-megamenu {top:35px;border:1px solid #ccc;box-shadow:0 3px 5px 0 rgba(33, 35, 39, 0.5)}
.layout-topbar .layout-topbar-wrapper .layout-topbar-left .layout-megamenu > li > ul > li > a h3 {font-weight:500;margin:0;font-size:inherit}
.layout-topbar .layout-topbar-wrapper .layout-topbar-left .layout-megamenu > li > ul > li > a span {color:#333;font-size: 12px}
.layout-topbar .layout-topbar-wrapper .layout-topbar-left .layout-megamenu > li > a i {display:inline-block;margin-right: 5px}
.layout-topbar-actions > li > ul > li > a, .profile-mobile-wrapper > li > ul > li > a {display:flex;width:100%;align-items:center}
.layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul,
.layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul::before {right:0;left:auto}
.layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul.search-item-submenu > li .search-input-wrapper input {background-color:#242726;color:#fff}

.layout-menu-dark .layout-sidebar{background-color: #ffffff}
.layout-menu-dark .layout-sidebar.red-sidebar {background-color: #991434}
.layout-menu-dark .layout-sidebar.blue-sidebar {background-color: #15468C}
.layout-menu-dark .layout-sidebar.property-type-0 {background: url(/ota/resources/common/images/sidebar.jpg)}
.layout-menu-dark .layout-sidebar.property-type-1 {background: url(/ota/resources/common/images/sidebar1.jpg)}

.layout-menu-dark .layout-sidebar .layout-menu > li.active-menuitem > a{background-color:#2e3440}
.layout-menu-dark .layout-sidebar .layout-menu > li > ul li.active-menuitem > a .menuitem-text {color: #1e1e1e
}
.layout-menu-dark .layout-sidebar .layout-menu > li > a .menuitem-text {color: white}

.layout-rightpanel .right-panel-content .right-panel-content-row {padding:24px}
.layout-rightpanel .right-panel-content .right-panel-content-row p {margin-top:0}
.layout-rightpanel {top:50px;height:calc(100% - 50px);transform:translate3d(500px, 0px, 0px);max-width:400px}

.layout-wrapper.layout-rightpanel-active .layout-rightpanel {box-shadow:0 10px 20px #666}


table.ui-panelgrid{width:100%}
.p-grid {margin-bottom: -0.5em}
.ui-datascroller-blank .ui-datascroller-content  {background-color:transparent !important;border:none !important;}
.ui-separator {box-shadow:none;background:#d8dee9;border:none;height:2px;margin:20px 0}
.ui-fluid .ui-selectonemenu {min-width:auto !important;overflow:hidden}
.ui-calendar input {width:100px}
.ui-panelgrid.form-group .ui-panelgrid-cell {padding:8px 0}
.card {margin-bottom:1em}
.card:last-child {margin-bottom:0}

@media(max-width:991px) {    
    .layout-wrapper .layout-topbar .layout-topbar-wrapper .layout-topbar-left {height:50px}
    .layout-wrapper .layout-topbar .layout-topbar-wrapper .layout-topbar-left .layout-topbar-logo-wrapper .layout-topbar-logo img {width:32px;height:32px}
    .layout-wrapper .layout-topbar .layout-topbar-wrapper .layout-topbar-left .layout-megamenu {top:50px;height:calc(100% - 50px)}
    .layout-wrapper .layout-topbar .layout-topbar-wrapper .layout-topbar-left .layout-megamenu > li > ul > li i {display:inline-block}
    .layout-wrapper .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul,
    .layout-wrapper .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item > .search-item-submenu {top:125px}
    .layout-wrapper.layout-topbar-mobile-active .layout-sidebar {top:200px}
    .layout-wrapper .layout-sidebar {top:50px}
}