.full-logo{
    width: 60%;
}

.header_menu_title{
    float:left;
    width: 100%;
}

.left_header_title{
    float: left;
    width: 225px;
}

.right_header_title{
    float: left;
    margin-left: 225px;
    background-color: #fff;
    width:100%;
}

.barra_property_logged{
    color: #495057;
}

.barra_property_logged > span{
    color:rgb(201, 201, 62);
}

.main_menu_short i{
    color: #495057;
}
.search_home_btn > i{
    color: #495057;
}

.username{
    color: #495057;
}

#header_menu_left_a{
    width: 225px;
    background-color: #011b48;
}

#header_menu_left_b{
    margin-left:250px;
}

.header {
    background-color: #fff !important;
}

.header-inner{
    padding-left: 0px;
    border-bottom: 1px solid #e9ebec;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.page-content{
    background-color: #F3F3F9 !important;
}

.page-title{
    margin: -25px -3.5rem 1.5rem -2.5rem;
    margin-bottom: 15px !important;
    padding-left: 25px;
    font-size: 15px !important;
    border-bottom: 1px solid #e9ebec;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    padding: 14px;
    padding-left: 25px;
}

.head-title-gup{
    padding-left: 0px;
    padding-right: 0px;
}

.body-boxme-gup{
    padding-left: 0px;
    padding-right: 0px;
}

.card-body{
    padding: 7px;
}

.stats-header-dh {
    background-color: #ffffff !important;
    color: #495057;
    border-bottom: 0.5px solid #E9EBEC;
    font-size: 16px;
    padding: 12px;
    font-weight: 500;
    line-height: 1.2;
    padding-left: 15px;
}

#search_header{
    border-radius: 5px !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;

    background-color: #F3F3F9;
    padding: 18px;
    border:none;
}

.search-header-btn{
    left: -40px;
}

/* Header container */
.header-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 20px;
}

/* Icons (bell, globe) */
.header-actions {
    display: flex;
    align-items: center;
    gap: 14px;
    color: #6b7480;
    border-right: 1px solid #e5e7eb;
    padding-right: 20px;
}

.header-actions i {
    font-size: 17px;
    cursor: pointer;
    transition: color 0.2s ease;
    padding: 6px;
    border-radius: 6px !important;
}

.header-actions i:hover {
    color: #0aa2a6;
    background: #f2f4f7;
}

/* User block */
.header-user {
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Avatar */
.avatar {
    width: 36px;
    height: 36px;
    border-radius: 50% !important;
    background: #0aa2a6;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 14px;
}

/* Property name */
.property-name {
    font-size: 14px;
    font-weight: 600;
    color: #2f3a48;
}

#userSupportInfo {
    color: #fff;
    margin-top: 15px;
    margin-right: 10px;
}

/* Seaech Box */
.search-box {
    position: relative;
    width: 300px;
}

.search-box input {
    width: 100%;
    padding: 8px 12px 8px 34px;
    border-radius: 8px !important;
    border: 0.5px solid #e5e7eb;
    background: #F3F3F9;
    font-size: 14px;
}

.section-filter-guip{
    font-size: 14px;
}

.search-box i {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #9aa4b2;
    font-size: 13px;
}

/* Claude Option */

/* Reset button styling so the button-wrapped icons inherit cleanly */
.header-icon-btn,
.header-user {
    background: transparent;
    border: none;
    cursor: pointer;
    font-family: inherit;
    color: inherit;
}

/* Icon buttons (bell, globe) */
.header-icon-btn {
    position: relative;
    width: 38px;
    height: 38px;
    border-radius: 8px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #495057;
    transition: background 0.15s ease, color 0.15s ease;
}
.header-icon-btn:hover {
    background: #f3f3f9;
    color: #212529;
}
.header-icon-btn i {
    font-size: 18px;
}

/* Notification dot */
.notification-dot {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 8px;
    height: 8px;
    background: #f06548; /* warm red — matches the green search btn aesthetic */
    border-radius: 50% !important;
    border: 2px solid #fff;
    box-sizing: content-box;
}
/* Hide the dot if there are no notifications */
.notification-dot[data-count="0"],
.notification-dot:not([data-count]) {
    display: none;
}
/* Subtle pulse so the eye catches it */
.notification-dot::after {
    content: '';
    position: absolute;
    inset: -2px;
    border-radius: 50%;
    background: #f06548;
    opacity: 0.55;
    animation: notif-pulse 1.8s ease-out infinite;
    z-index: -1;
}
@keyframes notif-pulse {
    0%   { transform: scale(0.9); opacity: 0.55; }
    100% { transform: scale(2.4); opacity: 0; }
}

/* User trigger (avatar + name + chevron) */
.header-user {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 4px 10px 4px 4px;
    border-radius: 999px !important;
    transition: background 0.15s ease;
    margin-left: 6px;
}
.header-user:hover {
    background: #f3f3f9;
}
.header-user .property-name {
    font-weight: 600;
    font-size: 14px;
    color: #212529;
    line-height: 1.2;
}
.header-user .user-chevron {
    font-size: 10px;
    color: #878a99;
    margin-left: 2px;
    transition: transform 0.2s ease;
}
.header-user[aria-expanded="true"] .user-chevron {
    transform: rotate(180deg);
}

/* inventories */
.page-title-submenu-gup{
    margin-top: -10px;
    margin-right: 35px;
    float: right;
}

.page-title-submenu-gup a.boton-blue.btn {
    padding: 5px !important;
    font-size: 11px;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.page-title-submenu-gup .btn-group {
    display: flex;
    flex-direction: row;
    gap: 9px;
    align-items: center;
}

.page-title-ul-menu li > a.boton-blue {
    padding: 7px !important;
    font-size: 11px;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.notification-panel{
    position:absolute;
    top:60px;
    right:205px;
    width:360px;

    background:#fff;
    border-radius:12px;

    box-shadow:
            0 10px 30px rgba(0,0,0,0.12);

    display:none;
    overflow:hidden;
    z-index:9999;
}

.notification-header{
    padding: 16px;
    border-bottom: 1px solid #eee;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #011b48;
    color: #fff;
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
}

.notification-list{
    max-height:420px;
    overflow-y:auto;
}

.notification-item{
    display:flex;
    gap:14px;

    padding:16px;
    border-bottom:1px solid #f3f3f3;

    transition:background .2s ease;
}

.notification-item:hover{
    background:#f8f9fc;
}

.notification-icon{
    width:38px;
    height:38px;

    border-radius:50%;

    background:#eef3ff;

    display:flex;
    align-items:center;
    justify-content:center;

    color:#4c6fff;
}

.notification-content strong{
    display:block;
    font-size:14px;
    margin-bottom:4px;
}

.notification-content p{
    margin:0;
    font-size:13px;
    color:#6b7280;
}

.notification-content span{
    font-size:12px;
    color:#9ca3af;
}

.header-icon-btn{
    position:relative;
}

.notification-badge{
    position:absolute;

    top:3px;
    right:-5px;

    min-width:18px;
    height:18px;

    padding:0 5px;

    border-radius:20px !important;

    background:#ff5b5b;
    color:#fff;

    font-size:11px;
    font-weight:600;

    display:flex;
    align-items:center;
    justify-content:center;

    box-shadow:
            0 2px 6px rgba(255,91,91,0.35);
}

.notification-count {
    color: #f3f6f9;
    background-color: rgb(151 154 158);
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 6px;
    padding-bottom: 6px;
    border-radius: 8px !important;
}

.notification-list{
    max-height:320px;
    overflow-y:auto;
    padding-right:4px;
}

.notification-list::-webkit-scrollbar{
    width:6px;
}

.notification-list::-webkit-scrollbar-track{
    background:transparent;
}

.notification-list::-webkit-scrollbar-thumb{
    background:#c7cfdb;
    border-radius:20px;
}

.notification-list::-webkit-scrollbar-thumb:hover{
    background:#aeb8c7;
}

.notification-header{
    position:sticky;
    top:0;
    z-index:2;
}

.notification-item{
    cursor:pointer;
}

.notification-footer{
    padding:12px 16px;
    border-top:1px solid #edf0f5;
    background:#fff;
    text-align:center;
}

.notification-footer a{
    font-size:13px;
    font-weight:600;
    color:#4c6fff;
    text-decoration:none;
    transition:all .2s ease;
}

.notification-footer a:hover{
    color:#3451db;
    text-decoration:none;
}

.notification-footer{
    position:sticky;
    bottom:0;
    z-index:2;
}

.notification-footer:hover{
    background:#fafbff;
}

.page-content .page-breadcrumb.breadcrumb{
    background-color:#fff;
    border-radius:10px !important;
}

h4, .h4 {
    font-size: 14px;
}

.panelFrontSmallBlock {
    background-color: #fff;
    margin-top: 6px;
}

/***/
.dashboard-card{
    background:#fff;
    border:1px solid #edf0f5;
    border-radius:10px !important;
    box-shadow: 0 1px 2px rgba(16,24,40,.04);
    transition:all .2s ease;
    padding-top: 8px;
    padding-bottom: 8px;
}

.dashboard-card:hover{
    transform:translateY(-0.75px);
    box-shadow: 0 10px 30px rgba(15,23,42,.06);
    background:#fff;
}

.dashboard-card-title{
    font-size:15px;
    font-weight:700;
    color:#374151;
    margin-bottom:-3px;
}

.dashboard-card-title-no-border{
    border-bottom:none;
    text-align: center;
}

.dashboard-card-body{
    padding:22px;
}

#room-rate-price-coverage{
    background: #fff;
}

.stats-header-latom{
    color: #495057;
    padding-top: 16px;
    text-transform: none;
}

.stats-header-latom_nx{
    padding-top: 24px;
    padding-left: 20px;
}

.property_notification_home{
    padding: 10px;
}

.dc-no-top-radius{
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

.table-pace-report{
    box-shadow: none;
}

#lateral_izquierda{
    padding-right: 8px;
}

#lateral_derecha{
    padding-left: 8px;
}

.row-stat-sale-resume:hover {
    background-color: #f5f6ff;
    border-radius: 10px !important;
}

.lyatom_res_detail_element{
    font-size: 11px;
    color: #94a3b8;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.lyatom_res_detail_element_value{
    font-size:16px;
    color:#111827;
    font-weight:700;
}

.lyatom_form-control{
    border-bottom: 0.5px solid #eef2f7;
}

.res-detail-label{
    font-size:12px;
    font-weight:600;
    letter-spacing:.03em;
    text-transform:none;
    color:#9ca3af;
    margin-bottom:4px;
}

.res-detail-value{
    font-size:15px !important;
    font-weight:600;
    color:#111827;
}

.res-detail-value.primary{
    font-size:18px !important;
    font-weight:700;
}

.res_main_rowie {
    display: flex;
    align-items: flex-start;
    padding: 8px;
    flex-direction: column;
    gap: -1px;
}