/* Add here all your CSS customizations */


/* Custom Header */
.custom-card-title {
    color: #33353F;
    font-size: 18px;
    text-transform: none;
    font-weight: 600;
    letter-spacing: -1px;
}


/* Vertical tabs color adjustment for dark theme */
html.dark .card.card-big-info .card-body {
    background: #21262d;
}
html.dark .card.card-big-info .card-body > .row > div[class*="col-"]:first-child {
    background: #21262d;
}
html.dark .tabs-modern .nav .nav-link {
    background-color: #282d36;
    color: #FFF;
}
html.dark .tabs-modern .nav .nav-link.active {
    background-color: #21262d;
}
html.dark .tabs-modern .nav .nav-link {
    border-bottom: 1px solid #2e353e;
}
/* Vertical tabs color adjustment when within light theme */
.tabs-modern .nav .nav-link {
    background-color: #f4f4f4;
}

tabs-modern .nav .nav-link.active {
    background-color: #fff;
}
/* End of vertical tab */



/* Removes time stamp from calendar */
.fc-event-time {
	display: none !important;
}
.fc .fc-daygrid-event .fc-event-time {
    display: none !important;
}


/* Makes date picker overlap the top header so it's visible */
.datepicker {
    z-index: 9999 !important;
}


/* This fixes the 14 day upcoming stats widget in dark mode */
html.dark .ct-label {
    fill: rgba(255,255,255,.4);
    color: rgba(255,255,255,.4);
}

html.dark .ct-grid {
    stroke: rgba(255,255,255,.2);
}
/* End of fix */


/* Custom timeline colors */
.timeline .tm-items > li .tm-icon-custom {
    border-color: #ed9c28;
    color: #ed9c28;
}
.timeline .tm-items > li .tm-icon-customB {
    border-color: #47a447;
    color: #47a447;
}
.timeline .tm-items > li .tm-datetime-timecustom {
	color: #66635f;
	font-size: 2.2rem;
	line-height: 1.3;
}




/* Width is increased to 200 on this */

.ui-pnotify{top:25px;right:25px;position:absolute;height:auto;z-index:9999;}html>body>.ui-pnotify{position:fixed;}.ui-pnotify .ui-pnotify-shadow{-webkit-box-shadow:0px 2px 10px rgba(50,50,50,0.5);-moz-box-shadow:0px 2px 10px rgba(50,50,50,0.5);box-shadow:0px 2px 10px rgba(50,50,50,0.5);}.ui-pnotify-container{background-position:0 0;padding:.8em;height:100%;margin:0;}.ui-pnotify-sharp{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}.ui-pnotify-title{display:block;margin-bottom:.4em;margin-top:0;}.ui-pnotify-text{display:block;}.ui-pnotify-icon,.ui-pnotify-icon span{display:block;float:left;margin-right:.2em;}.ui-pnotify.stack-topleft,.ui-pnotify.stack-bottomleft{left:25px;right:auto;}.ui-pnotify.stack-bottomright,.ui-pnotify.stack-bottomleft{bottom:25px;top:auto;}.ui-pnotify-closer,.ui-pnotify-sticker{float:right;margin-left:.2em;}.ui-pnotify-history-container{position:absolute;top:0;right:18px;width:500px;border-top:none;padding:0;-webkit-border-top-left-radius:0;-moz-border-top-left-radius:0;border-top-left-radius:0;-webkit-border-top-right-radius:0;-moz-border-top-right-radius:0;border-top-right-radius:0;z-index:10000;}.ui-pnotify-history-container.ui-pnotify-history-fixed{position:fixed;}.ui-pnotify-history-container .ui-pnotify-history-header{padding:2px;text-align:center;}.ui-pnotify-history-container button{cursor:pointer;display:block;width:100%;}.ui-pnotify-history-container .ui-pnotify-history-pulldown{display:block;margin:0 auto;}


/* This is required for the large width on notifications */
@media only screen and (min-width: 768px) {
	.notifications .notification-menu {
		transform: translate3d(0, 30px, 0) !important;
	}
}
 

/* desktop sizing of notication area */

@media(min-width: 992px) {
    .custom-scroll-content {
        max-height: 600px;
        overflow-y: scroll;
    }
}

/* mobile sizing of notification area */
@media(max-width: 991px) {
    .custom-scroll-content {
        max-height: 80vw;
        overflow-y: scroll;
    }
}

/* Required for custom scroll in notification area 
.custom-scroll-content {
    max-height: 400px;
    overflow-y: scroll;
}
*/

/* Fix for multiselect dropdown, ensures it shows over top of header */
.multiselect-container {
    z-index: 9999 !important;
}