/* APP */
body {
	height: 100%;
    margin: 0;
    overflow-x: hidden;
}

body .ui-tabmenu .ui-tabmenu-nav {overflow-x: hidden;}

a { color: inherit; } 

.status-badge {
    border-radius: 2px;
    padding: 0.25em 0.5rem;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: .3px;
}

.metric-fill {
    padding: 0.25em 0.5rem;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: .3px;
}

/* SCHEDULE */
.fc-direction-ltr .fc-daygrid-event.fc-event-start {
	margin-left: 9px !important;
	border-left-width: 7px !important;
}

.fc-direction-ltr .fc-daygrid-event.fc-event-end {
	margin-right: 9px !important;
	border-right-width: 7px !important;
}

.fc-event-main {
	overflow-x: clip !important;
}

.schedule-container {
	height: calc(100vh - 123px);
}

/* PROGRESS BARS */
.completion-0 > div:first-child { background: var(--red-700); }
.completion-20 > div:first-child { background: var(--orange-700); }
.completion-40 > div:first-child { background: var(--yellow-700); }
.completion-60 > div:first-child { background: var(--green-400); }
.completion-80 > div:first-child { background: var(--green-700); }


/* SELECT ONE MENU */
body .ui-selectonemenu {
	vertical-align:bottom;
}

/*TAB MENU */
body .ui-tabmenu {
	margin-top: 10px !important;
}

/* DATATABLE */
.ui-datatable-data td[role="gridcell"]:focus {
	outline: none !important;
	border-bottom: 1px solid rgba(0, 0, 0, .08) !important;
}

body .ui-datatable thead th { var(--surface-card); }