body {margin: 0;}
body {font-size: 90% !important;}
.ui-widget,.ui-widget-header,.ui-widget-content,.ui-widget-header .ui-widget-header,.ui-widget-content .ui-widget-content,.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button, label.ui-inputfield {
    font-size: 100% !important;
}

/*****************/
/* GLOBAL styles */
/*****************/
.route-bar-breadcrumb h2 {margin: 0}
nav {padding-left: 3px !important}
.layout-breadcrumb {padding-left: 25px;}
.layout-topbar .layout-topbar-wrapper {height: 62px}
.layout-main {padding-top: 58px}
.ui-tag.ui-tag-icon-only .ui-tag-icon {margin-right: 0;}
.tab-container-wr.tab-with-button {display: flex;justify-content: stretch}
.tab-container-wr.tab-with-button div.ui-tabmenu {flex-grow: 0.5}
.tab-container-wr.tab-with-button div.ui-tabs {flex-grow: 1}
.tab-container-wr.tab-with-button div.tab-button {background-color: #eceff4; border-bottom: 1px solid #dee2e6;}
.tab-container-wr.tab-with-button div.tab-button-full {flex-grow: 0.5}
.ui-inputgroup .ui-linkbutton {border-top-left-radius: 4px !important; border-bottom-left-radius: 4px !important;}
.ui-inputgroup .ui-button {min-height: 32.4px !important; height: 32.4px !important;}

body .ui-datatable .ui-datatable-tablewrapper th {background-color: #d8dee9;}
body .ui-datatable .ui-datatable-header {background-color: transparent;border-width: 0 0 1px 0;}
body .ui-datatable .ui-datatable-footer {border-width: 1px 0 1px 0;}
body .ui-datatable thead th {vertical-align: text-top} /* table header background color*/
body .ui-datatable .ui-paginator.ui-paginator-bottom {border-width: 3px 0 0 0;}
body .ui-state-disabled {background-color: rgba(200, 200, 200, 0.2)!important;color: rgba(100, 100, 100, 0.5)!important;}
body .ui-overlay-badge span.ui-badge.hidden {display: none;}
body .ui-selectbooleanbutton.ui-state-active, body .ui-selectonebutton > .ui-button.ui-state-active, body .ui-selectmanybutton > .ui-button.ui-state-active {background: #153c52;}
.ui-paginator.ui-paginator-bottom {border-top: 3px solid #e9ecef;}
.ui-inputfield:read-only {background-color: #dee2e6;}
.ui-inputfield[aria-required]  {background-color: #ffffb8;}
div.ui-selectonemenu.ui-widget.required {background-color: #ffffb8;}

ul.fadeInDown li.layout-submenu-header i {float: left;color: white;font-size: larger;}
ul.fadeInDown li.layout-submenu-item {border-bottom: 1px solid rgba(195, 204, 221, 0.3);}
ul.fadeInDown li.layout-submenu-item a.flex-grow {flex: 1 1 auto;text-decoration: none;}
ul.fadeInDown li.layout-submenu-item div.menu-text {margin-left: 15px}
ul.fadeInDown li.layout-submenu-item div.menu-text p {white-space: nowrap; padding-right: 5px;}
ul.fadeInDown.search {min-width: 400px!important;}

table.ui-fluid {width: 100%;}
table td button.rounded-button, table td span.ui-linkbutton.rounded-button {margin-right: .5rem;}
table td button.rounded-button:last-child {margin-right: 0}
table td.column-actions, table thead th.column-actions {text-align: center;}
table th span.p-datepicker.ui-calendar input {width:100%;}
table td .unimportant {color: gray}

div.ui-tooltip-pre {white-space: pre}

div.ui-datatable-header.ui-widget-header h1 {margin: 0}
span.ui-inplace.ui-hidden-container {border-bottom: 1px solid rgba(83, 160, 238, 0.4)}
span.ui-outputlabel-rfi { font-weight: bold }

body .ui-tabmenu .ui-tabmenu-nav li.ui-tabmenuitem.ui-state-default {background-color: transparent;}
body .ui-tabmenu .ui-tabmenu-nav li.ui-tabmenuitem.ui-state-active {background-color: white;margin-bottom: -1px;}


div.card.tab-border {border: 1px solid #dee2e6}
div.ui-tooltip.ui-widget {max-width: 400px;}

div.layout-main div.layout-topbar-left div.layout-megamenu-wrapper a.layout-megamenu-button {background-color: #d8dee9;display: flex; height: 60px;align-items: center;white-space: pre;font-size: larger}
div.layout-main div.layout-topbar-left div.layout-megamenu-wrapper a.layout-megamenu-button i {padding-right: 10px;}

div.ui-divider div.ui-divider-content {color: #163683;}
div.divider-with-button {display: flex; justify-content:space-between;margin: 0 0 1em;}
div.divider-with-button .ui-divider.ui-divider-horizontal {margin: 0 10px 0 0}

.layout-topbar .topbar-menu > li > a span.topbar-badge.ui-badge-danger {background: #D32F2F;color: #ffffff;}
.layout-topbar .topbar-menu > li > a span.topbar-badge.ui-badge-warning {background: #efac20;color: #000;}
.notifications-menu a {display: flex;align-items: center;width: 100%;}
.notifications-menu a:hover {text-decoration: none; background-color: #d8dee9}
.notifications-menu a > * {padding: 5px;}
.notifications-menu .ui-overlay-badge {display: block}
.notifications-menu .ui-overlay-badge .ui-badge {top: 9px; right: 11px}
.notification-item {width: 100%}
.notif-hidden {display: none !important;}
.notifications-item:has(.notif-hidden) { width: 0}
.notifications-item a {cursor: pointer;}
.notifications-item a:has(.notif-hidden) {pointer-events: none}

.layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul {top: 63px;left: 2px;}
.layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li {height: 55px}

.field-button {text-align: right;margin-top: 5px}
.field-button .ui-button {width: auto}

.ui-button {min-height: 36px}
.ui-button.rounded-button {min-height: 36px; min-width: 36px}
.ui-button-text {font-weight: bolder; font-size: 120%}

.language-picker {text-align: center}
.language-picker .ui-selectonemenu {max-width: 70px; min-width: auto !important;z-index: 1;}
.login-body .login-content .login-panel .login-panel-content .forms {margin-top: 0 !important;}

/* feed */
div.birdu-feed {display: flex;justify-items: stretch;gap: 2rem;justify-content: stretch}
div.birdu-feed > div {flex-grow: 1}
div.birdu-feed > div:first-child {flex-grow: 0}
div.birdu-feed > span {display:block; width: 100%}
div.birdu-feed-marker {display:flex; flex-direction: column; align-items: center; width:2rem;height: 100%}
div.birdu-feed-marker span {min-width: 2.5rem;min-height: 2.5rem;border-radius: 50%;display: flex;align-items: center;justify-content: center;color: white}
div.birdu-feed-marker div {height: 100%;width: 2px; min-height: 4rem}
div.birdu-feed-marker.feed-marker-blue * {background-color: #2196f3}
div.birdu-feed-marker.feed-marker-orange * {background-color: #f57c00}
div.birdu-feed-marker.feed-marker-purple * {background-color: #9c27b0}
div.birdu-feed-marker.feed-marker-green * {background-color: #689F38}
div.birdu-feed-marker.feed-marker-yellow * {background-color: #ffde00}
div.birdu-feed-marker.feed-marker-gray * {background-color: #8d8d8d}
/***********/
/* TABLE COLUMNS  */
/**********/
.ui-datatable .ui-column-customfilter > * {width: 100%;}
div.ui-datatable th.column-actions {text-align: center}
div.ui-datatable td.column-actions {text-align: center}
div.ui-datatable th.column-actions.a1 {width: 42px}
div.ui-datatable th.column-actions.a2 {width: 84px}
div.ui-datatable th.column-actions.a3 {width: 126px}
div.ui-datatable th.column-actions.a4 {width: 168px}
div.ui-datatable th.column-auto {width: auto;}
div.ui-datatable th.column-small {width: 50px;}
div.ui-datatable th.column-medium {width: 100px;}
div.ui-datatable th.column-semi-big {width: 125px;}
div.ui-datatable th.column-big {width: 150px;}
div.ui-datatable th.column-large {width: 200px;}
div.ui-datatable td.column-number {text-align: right;}
div.ui-datatable td.column-middle {text-align: center;}

/****************/
/* SIDEBAR MENU */
/****************/
.layout-menu-light .layout-sidebar .layout-menu > li.active-menuitem > a {width: auto;display: inline-block;background: none;}
.layout-menu-light .layout-sidebar .layout-menu > li.active-menuitem > a span.menuitem-text {color: #163683;font-weight: 700;text-transform: uppercase;}
.layout-menu-light .layout-sidebar .layout-menu > li > ul {background: none;position: relative}
.layout-menu-light .layout-sidebar .layout-menu > li a.ripplelink span {color: #4c566a;font-size: larger}
.layout-menu-light .layout-sidebar .layout-menu > li > ul li.active-menuitem a.ripplelink {background-color: #f4f4f4;}
.layout-menu-light .layout-sidebar .layout-menu > li.active-single-menuitem a.ripplelink {background-color: #f4f4f4;}
/*.layout-menu-light .layout-sidebar .layout-menu > li > ul:before {content: "";position: absolute;left: 0;top: 0;height: 1px;width: 75%;border-top: 1px solid #5e81ac;}*/
.layout-sidebar .layout-menu-container .layout-menu li ul li {padding: 0;}
.layout-sidebar .layout-menu-container .layout-menu li > a {padding: 7px 10px;}

/***************/
/* BASE layout */
/***************/
div.card.card-table {padding-top: 0; padding-bottom: 0;}
div.no-top-border table th {border-top: 0 none;}
li.topbar-item.cashier-device div.ui-blockui {border-radius: 20px;}
li.topbar-item.cashier-device div.ui-blockui-content.ui-shadow {box-shadow: none}
li.topbar-item.cashier-device div.ui-blockui-content i.pi {font-size: 36px;color: white}

div.layout-topbar .layout-topbar-wrapper .layout-topbar-right  ul.layout-topbar-actions {margin-top: 5px;}
div.layout-topbar .layout-topbar-wrapper .layout-topbar-right  li.profile-item {min-width: 200px;text-align: left;}
div.layout-topbar .layout-topbar-wrapper .layout-topbar-left .layout-topbar-logo-wrapper .layout-topbar-logo img {height:40px!important;width: auto!important;}

.layout-wrapper-static div.layout-sidebar div.sidebar-logo, div.layout-sidebar div.sidebar-logo, div.layout-sidebar.layout-sidebar-active div.sidebar-logo {padding-left: 7px;}
div.layout-sidebar div.sidebar-logo a {vertical-align: middle; line-height: 45px;}
div.layout-sidebar div.sidebar-logo span.app-name {display: none!important; width: 120px; text-align: center;padding-bottom: 8px;}
div.layout-sidebar.layout-sidebar-active div.sidebar-logo span.app-name {display: inline-block!important; width: 120px; text-align: center;}
div.layout-sidebar div.sidebar-logo span.app-name img {height: 25px;width: auto;}
div.layout-wrapper-static div.layout-sidebar div.sidebar-logo span.app-name {display: inline-block!important;}

/*********************/
/* TOP SIDEBAR PANEL */
/*********************/
div.birdu-top-sidebar {height: auto !important;z-index: 999!important;}
div.birdu-top-sidebar.ui-sidebar-active {max-height: calc(100vh - 128px);overflow: scroll;clip-path: polygon(55px 70px, 55px 0px, 100% 0%, 100% 100%, 0% 100%, 0% 70px);border-top: 0 none;border-left: 0 none;border-right: 0 none;}
div.birdu-top-sidebar form {max-width: 1024px; margin: 0 auto;}
div.birdu-top-sidebar div.header {max-width: 1024px; margin: 0 auto 2em auto;font-size: larger; font-weight: bold}
div.birdu-top-sidebar div.footer {max-width: 1024px; margin: 0 auto;text-align: right;}
div.birdu-top-sidebar div.footer button.left {float: left;}

div.birdu-top-sidebar div.p-field div.ui-selectbooleancheckbox {margin-bottom: 11.5px;}
div.birdu-top-sidebar.maximum form {max-width: 100% !important; margin: 0 auto;}
div.birdu-top-sidebar.ui-sidebar-full.ui-sidebar-active {max-height: none; height: 100% !important;}
/***************/
/* DETAIL PAGE */
/***************/
div.birdu-detail {max-width: 1024px; margin: 0 auto;}
div.birdu-detail-right {text-align: left;}
div.birdu-detail-right h2 {margin-bottom: 1rem;}
div.birdu-detail > form:first-child {margin-bottom: 1rem;}

/***********************/
/* DIVIDER WITH BUTTON */
/***********************/
div.custom-divider {display: flex; justify-content:space-between;margin: 0 0 1em;}
div.custom-divider .ui-divider.ui-divider-horizontal {margin: 0;}
div.custom-divider button {margin-left: 2em;}


/****************/
/* LOGIN styles */
/****************/
#login {width: 300px; margin: 0 auto;}
#login input {width: 100%;margin-bottom: 10px;}
.login-input-wrapper .ui-password {width: 100%;}
.login-input-wrapper .ui-password-icon {top: 30% !important;}

.login-body .login-content .login-panel .login-panel-content .logo {margin-bottom: 60px;}
.login-body .login-content .login-panel .login-panel-content .logo img {width: 200px;}
.login-body .login-content .login-panel {width: 46%;}
.login-body .register-btn {min-width: 215px !important;}
.element-hidden {display: none !important;}

/***********************/
/* leaflet */
/***********************/
.leaflet-top, .leaflet-bottom { z-index: 500!important; }

/***********************/
/* RIGHT PANEL  styles */
/***********************/
div.right-panel-content li.tasks-list-item textarea {width: 100%;margin-right: 10px;}
div.right-panel-content li.tasks-list-item p {max-width: 280px;}
div.right-panel-content li.tasks-list-item.done p {text-decoration: line-through}
div.right-panel-content li.tasks-list-item div.tasks-day.active .time {background-color: #FBC02D!important;}

/***********************/
/* parcelSelection */
/***********************/
div.ui-datatable.geography tr.selected-row {background-color: #ffd4d8}
.attributes .first-column {width: 80px; display: inline-block; font-weight: bold;}

/***********************/
/* index */
/***********************/
.dashboard-schedule.fc .fc-event .fc-event-main{background: transparent; border: transparent;}
.dashboard-schedule.fc .fc-daygrid-event{white-space: pre-line; cursor: pointer;}
.dashboard-schedule.fc .fc-daygrid-event-dot {display: none}
.dashboard-schedule.fc .fc-event-time {display: none}
.dashboard-schedule.fc .fc-event-title {padding-left: 2px; font-weight: bold}
.dashboard-schedule.fc .gray-event {border: none; background-color: #d2d2d2;}
.dashboard-schedule.fc .green-event {border: none; background-color: #42c54c;}
.dashboard-schedule.fc .red-event {border: none; background-color: #f72100;}
.dashboard-schedule.fc .blue-event {border: none; background-color: #a2e8fa;}
.dashboard-schedule.fc .purple-event {border: none; background-color: #8300c5;}
.dashboard-schedule .fc-scrollgrid-section-header > th {padding: 1rem 1px !important;}
.dashboard-schedule .fc-scrollgrid-section-header .fc-col-header  {width: 100% !important;}
.ui-tooltip {white-space: pre-line}

/***********************/
/* orderDetail */
/***********************/
.ui-accordion-header:has(.accordion-title) {display: flex}
.ui-accordion-header .accordion-title {width: 50%;}
.ui-accordion-header .accordion-btns {width: 50%;position: absolute; top: 4px; right: 3px;text-align: right;}
div.ui-datatable.price-offer tr.selected-row {background-color: #ffd4d8}
div.ui-datatable.price-offer tr.bad-date td {color: #2125294a}

/* MD and larger */
@media screen and (min-width: 768px){
    /***************/
    /* DETAIL PAGE */
    /***************/
    div.birdu-detail-right {text-align: right}
    div.birdu-detail-right h2 {margin-bottom: 26px;}

    div.birdu-top-sidebar.ui-sidebar {padding-left: 60px;padding-right: 60px;}
}

/* mobile */
@media (max-width: 991px) {
    .layout-breadcrumb .notification {padding: 0;}
    .layout-breadcrumb {padding-top: 12px;}
    .layout-topbar-logo-wrapper {flex-grow: 0 !important;}
    .layout-topbar-breadcrumb-wrapper {flex-grow: 1}
    .layout-breadcrumb .breadcrumb {border-bottom: 0 solid rgba(145, 153, 169, 0.3); padding-bottom: 0;justify-content: flex-start; padding-left: 0}
    .layout-breadcrumb {flex-direction: row; padding-right: 25px;}

    /* unhide mega menu */

    .layout-wrapper .layout-sidebar {top: 60px}
    .layout-topbar-right {margin-top: 5px; background-color: #eceff4}
    .layout-topbar-left {height: 60px !important;}
    .layout-wrapper .layout-topbar .layout-topbar-wrapper .layout-topbar-left .layout-megamenu > li > ul { display: block;max-height: initial;}
    .layout-wrapper .layout-topbar .layout-topbar-wrapper .layout-topbar-left .layout-megamenu > li > ul > li > span {width: 100%;}
    .layout-wrapper .layout-topbar .layout-topbar-wrapper .layout-topbar-left .layout-megamenu > li > ul > li > span > span {display: block;}
    .layout-wrapper .layout-topbar .layout-topbar-wrapper .layout-topbar-left .layout-megamenu > li > ul > li > span > span {margin-top: 5px;}
    .layout-wrapper .layout-topbar .layout-topbar-wrapper .layout-topbar-left .layout-megamenu > li > ul > li > span > span > div {width: 100%;}
    .layout-wrapper .layout-topbar .layout-topbar-wrapper .layout-topbar-right .profile-mobile-wrapper {padding: 1em 1em;}
    .layout-wrapper .layout-topbar .layout-topbar-wrapper .layout-topbar-right {height: auto}

    /* fix search result y position */
    ul.fadeInDown.search {top:220px!important;}

    /* Side bar cutout for ajax indicator */
    div.birdu-top-sidebar.ui-sidebar-active {clip-path: none;}
    div.birdu-top-sidebar.ui-sidebar {padding-left: 1.25rem;padding-right: 1.25rem;}

    .layout-content {padding: 0.5em;}
    .card {padding: 10px;}
}

/* smaller mobile */
@media (max-width: 768px) {
    .dashboard-schedule .fc-header-toolbar {flex-direction: column;}
    .dashboard-schedule .fc-header-toolbar .fc-toolbar-title{padding: 5px}
}

/* even smaller mobile */
@media (max-width: 515px) {
    .layout-breadcrumb {flex-direction: column; padding-right: 25px;align-items: normal;}
    .breadrumb-buttons {display: flex; justify-content: flex-end; margin-top: 5px;}
}

@media (max-width: 640px) {
    /***********************/
    /* offer */
    /***********************/
    div.ui-datatable.offer .ui-reflow-label {
        position: absolute;
        height: 34px;
        background-color: #d8dee9;
        width: 100%;
        padding: 0.7rem;
        font-weight: bold;
    }
    div.ui-datatable.offer {position: relative;}
    div.ui-datatable.offer .ui-reflow-dropdown {
        position: absolute;
        top: 10px;
        left: 58px;
    }
    div.ui-datatable.offer .ui-datatable-tablewrapper > table {
        margin-top: 34px;
    }
    div.ui-datatable.offer td > div {display: inline-block}
    div.ui-datatable.offer td {display: flex !important;}
    div.ui-datatable.offer tr td:nth-child(2n+1) {background-color: #f4f4f4;}
    body .ui-datatable-reflow .ui-datatable-data tr {
        border-bottom: 2px solid #777777;
    }
    body .ui-datatable-reflow .ui-datatable-data tr:hover, body .ui-datatable-reflow .ui-datatable-data tr.ui-state-highlight {
        border-bottom: 2px solid #777777;
    }
    .ui-datatable-reflow .ui-datatable-data td[role="gridcell"] .ui-column-title, .ui-datatable-reflow .ui-expanded-row-content td .ui-column-title {
        min-width: 125px !important;
    }
}


/**************************/
/* METADATADETAIL  styles */
/**************************/
.noheader-dataview.ui-dataview .ui-dataview-header {
    border-bottom: 0 none;
    display: none;
}


.animate {
    z-index: 2147483647;
    transform-style: preserve-3d;
    animation: animate 2s linear infinite;
}

@keyframes animate {
    0% {
        transform: perspective(1000px) rotateY(0deg);
    }
    100% {
        transform: perspective(1000px) rotateY(360deg);
    }
}

/* MD and larger */
@media screen and (min-width: 768px){
    /***************/
    /* DETAIL PAGE */
    /***************/
    div.drp-top-sidebar.ui-sidebar {padding-left: 60px;padding-right: 60px;}
}

@media (max-width: 740px) {
    /* Side bar cutout for ajax indicator */
    .login-body .login-content .login-panel {width: 100% !important;}
}
@media (max-width: 992px) {
    /* Side bar cutout for ajax indicator */
    div.drp-top-sidebar.ui-sidebar-active {clip-path: none;}
    div.drp-top-sidebar.ui-sidebar {padding-left: 1.25rem;padding-right: 1.25rem;}
    div.drp-top-sidebar div.header {text-align: center}

    div.ui-datatable th.column-auto {width: 300px;}
}

@media (max-width: 1250px) {
    .register-btns {flex-direction: column; align-items: center;}
}