#loading, .loading {
	display:none;
	position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(51,51,51,0.7);
    z-index: 999;
	text-align: center;
}
#loading img, .loading img {
    position: relative;
    top: 50%;
    margin-top: -75px;
}

.right-panel .navbar-brand {
    width: auto;
}
.right-panel .navbar-brand img {
    width: 40px;
}

.header-cal {	
	border-bottom: 1px solid #e4e4e4;
}

.header-cal .header{	
	border-bottom: 1px solid #e4e4e4;
	text-align: center;	
	padding: 5px 45px!important;
    height: 65px!important;
}

.header-cal .header a {
    display: inline-block !important;
    object-fit: cover;
    width: 50px!important;
    padding: 5px;
    float: left;	
}

.header-cal .header h2 {
	display: inline-block;
    padding: 5px;
    font-weight: 600;
	font-family: 'Nothing You Could Do', cursive;
}

.alert-danger {
	margin-top: 20px;
}

.modal-backdrop.in {
	background: rgba(0, 0, 0, 0.3);
}

.form_error_text , .edit_error {
	color: #dd4b39;
}

#calendar {
    background: white;
    padding: 20px;
}

.fc-sat, .fc-sun {
    background: #f1f1f1;
}

.fc-eom {
    border-right: 2px solid black!important;
}

.table-bordered tbody tr:first-child th.fc-sat, .table-bordered tbody tr:first-child th.fc-sun {
    background: initial;
}

td.resbody, td.reslabel {
    border-bottom: 1px solid #757575!important;
}

.table-bordered tr:last-child>td.resbody, .table-bordered tr:last-child>td.reslabel{
    border-bottom: initial!important;
}

.fc-scroller, .fc-day-grid-container, .fc-time-grid-container {
    height: auto !important;
}

.resizestart .fc-highlight {
	background: transparent;
}

.fc-timeline-event {	
    border: none;
    margin-left: 32px;
    margin-top: 1px;    
	margin-right: 0!important;
	height: 17px;
}


.fc-timeline-event::before {
    content: '';
    position: absolute;
    opacity: 0.75;
    border-top: 21px solid #3a87ad;
    border-left: 29px solid transparent;
    left: -29px;
    top: 0px;
    z-index: 2;
}

.fc-timeline-event::after {
    content: '';
    position: absolute;
    opacity: 0.75;
    border-bottom: 21px solid #3a87ad;
    border-right: 29px solid transparent;
    right: -29px;
    top: 0px;
}

.fc-timeline-event.fc-not-end::after  {
	border-right: initial;
}

.fc-head .fc-time-area tbody tr:nth-child(2) {
    font-size: 11px;
}

.fc-h-event.fc-allow-mouse-resize .fc-end-resizer{
	width: 24px;
	right: -24px;
}

.fc-h-event.fc-allow-mouse-resize .fc-start-resizer{
	width: 24px;
	left: -24px;
}

.fc-content-skeleton { pointer-events: none; } 
.fc-event { pointer-events: all; }

a::before, a::after {
	transition: all 0.25s ease;
}

.bg-purple {
    background-color: #6f42c1!important;
}
a.bg-purple:focus, a.bg-purple:hover, button.bg-purple:focus, button.bg-purple:hover {
	background-color: #57309c!important;
}

.bg-purple::before, .bg-purple::after {
	border-top-color: #6f42c1!important;
	border-bottom-color: #6f42c1!important;
}

.bg-danger::before, .bg-danger::after {
	border-top-color: #dc3545!important;
	border-bottom-color: #dc3545!important;
}

.bg-success::before, .bg-success::after {
	border-top-color: #28a745!important;
	border-bottom-color: #28a745!important;
}

.bg-dark::before, .bg-dark::after {
	border-top-color: #343a40!important;
	border-bottom-color: #343a40!important;
}

.bg-primary::before, .bg-primary::after {
	border-top-color: #007bff!important;
	border-bottom-color: #007bff!important;
}

.bg-primary::before, .bg-primary::after {
	border-top-color: #007bff!important;
	border-bottom-color: #007bff!important;
}

.bg-info::before, .bg-info::after {
	border-top-color: #17a2b8!important;
	border-bottom-color: #17a2b8!important;
}

.bg-warning::before, .bg-warning::after {
	border-top-color: #ffc107!important;
	border-bottom-color: #ffc107!important;
}


.bg-purple:hover::before, .bg-purple:hover::after {
	border-top-color: #57309c!important;
	border-bottom-color: #57309c!important;
}

.bg-danger:hover::before, .bg-danger:hover::after {
	border-top-color: #bd2130!important;
	border-bottom-color: #bd2130!important;
}

.bg-success:hover::before, .bg-success:hover::after {
	border-top-color: #1e7e34!important;
	border-bottom-color: #1e7e34!important;
}

.bg-dark:hover::before, .bg-dark:hover::after {
	border-top-color: #1d2124!important;
	border-bottom-color: #1d2124!important;
}

.bg-primary:hover::before, .bg-primary:hover::after {
	border-top-color: #0062cc!important;
	border-bottom-color: #0062cc!important;
}

.bg-info:hover::before, .bg-info:hover::after {
	border-top-color: #117a8b!important;
	border-bottom-color: #117a8b!important;
}

.bg-warning:hover::before, .bg-warning:hover::after {
	border-top-color: #d39e00!important;
	border-bottom-color: #d39e00!important;
}

.statusHelperClass {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 10px;
    vertical-align: middle;
}
.statusHelperName {
    display: inline-block;
}
.statusHelperDiv {
    display: inline-block;
    margin: 15px;
}


@media (min-width: 992px) {
    .modal-xl {
        max-width: 1140px;
    }
}

.yearDiv {
    display: inline-block;
    margin: 20px;

}

.showDiv{
    display: inline-block;
    margin: 20px;
}

.tab-reports .nav-tabs > a.active, 
.tab-reports .nav-tabs > .active > a:focus, 
.tab-reports .nav-tabs > li.active > a:hover {
    border-color: transparent transparent;
    color: #007bff;
    position: relative;
}
.tab-reports .nav-tabs > a.active:after, 
.tab-reports .nav-tabs > li.active > a:focus:after, 
.tab-reports .nav-tabs > li.active > a:hover:after{
    background: #007bff;
    bottom: -1px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 999;
}

@media (max-width: 1024px) {
    .content {
        padding: 5px;
    }
    #calendar {
        padding: 0;
    }
}


.compact td.fc-resource-area {
    width: 25px!important;
    font-size: 10px;
}

.msg {
    padding: 20px;
    color: #409265;
    font-weight: bold;
    font-size: 18px;
}

.underl {
    border-bottom: 1px dashed #adadad;
}

.fc-timeline-event.selectable {
    cursor: pointer;
}

input[type=checkbox], input[type=radio] {
    margin: 10px;
}

.uk-timeline .uk-timeline-item {
    display: flex;
    position: relative;
}

.uk-timeline .uk-timeline-item::before {
    background: #dadee4;
    content: "";
    height: 100%;
    left: 19px;
    position: absolute;
    top: 20px;
    width: 2px;
    z-index: 1;
}

.uk-timeline .uk-timeline-item .uk-timeline-icon .uk-badge {
    margin-top: 20px;
    width: 40px;
    height: 40px;
}

.uk-timeline .uk-timeline-item .uk-timeline-content {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0 0 0 1rem;
}

.uk-timeline-icon {
    z-index: 2;
}

.eventTime.checkin {
    color: green;
}

.eventTime.checkout {
    color: red;
}

.eventName, .eventProperty {
    font-weight: 600;
}