.many-cols-centered {
    display: inline-block;
    float: none;
}

.sticky {
    position: fixed;
    top: 70px;
    margin: 0px;
    padding: 0px;
}

.hide-table-header thead {
    display: none;
}

.ui-column-required:after {
    color: red;
    position: absolute;
    margin-left: 8px;
    font-family: 'FontAwesome';
    font-weight: normal;
    font-size: 12px;
    content: "\f069";
}

.fc-event, .fc-event:hover, .ui-widget .fc-event {
    color: #fff !important;
    text-decoration: none;
}

.fc-more-cell {
    color: blue;
    font-weight: bold;
}

.fc-more-popover{
    box-shadow: 0px 3px 10px grey;
}

.ui-autocomplete-multiple-container.ui-inputtext {
    padding: 0.25em !important;
    width: 100%;
}

.ui-dialog .ui-dialog-content {
    overflow: visible !important;
}

.ui-carousel .ui-carousel-viewport .ui-carousel-items .ui-carousel-item {
    border: 0px;
}

.ui-dialog .ui-widget-content {
    border-width: 1px 0 0 0 !important;
    border-color: #c7c7c7 !important;
}

#ticketTable .ui-widget-header {
    background: #ffffba;
}

#ticketTable .ui-paginator, #ticketTable .ui-datatable-footer {
    background: #f5f5f5 !important;
}

.timesheet-table-unfrozen-view {
    min-height: 0;
    max-height: 350px;
    overflow: auto;
}

.timesheet-footer .ui-datatable-thead > tr > th {
    background-color: #005b96 !important;
    border-color: #c7c7c7 !important;
    color: white !important;
    font-weight: bold !important;
}

.leaveRequest {
    color: #18DD00 !important;
}

.timesheet-input {
    background-color: pink;
}

.holiday {
    color: orange !important;
}

.holiday-note {
    color: orange !important;
    border: 1px solid #c7c7c7;
}

.saturday {
    color: blue !important;
}

.saturday-note {
    color: blue !important;
    border: 1px solid #c7c7c7;
}

.sunday {
    color: red !important;
}

.sunday-note {
    color: red !important;
    border: 1px solid #c7c7c7;
}

.leaveRequest-note {
    color: #18DD00 !important;
    border: 1px solid #c7c7c7;
}

.notApproved {
    background-color: yellow !important;
}

.notApproved-note {
    background-color: yellow !important;
}

.notDakoku {
    background-color: red !important;
}

.submittedDakoku {
    background-color: #4db848;
}

.adjust {
    font-weight: bold;
    color: white !important;
    background-color: #FF8690 !important;
}

.calendar-holiday {
    background-color: #FF9D00 !important;
    border-color: transparent !important;
    cursor: pointer;
}

.calendar-holiday-unpublish {
    color: black !important;
    background-color: #FCE381 !important;
    border-color: transparent !important;
    cursor: pointer;
}

.calendar-holiday-unpublish .fc-content {
    color: black !important;
}

.calendar-leaveRequest {
    background-color: #1AC816 !important;
    border-color: transparent !important;
}

.calendar-miss-workingtime {
    background-color: #FF3333 !important;
    border-color: transparent !important;
}

.calendar-miss-otrequest {
    background-color: #FF3F80 !important;
    border-color: transparent !important;
}

.calendar-event {
    background-color: #7217E4 !important;
    border-color: transparent !important;
    cursor: pointer;
}

.calendar-event-unpublish {
    color: black !important;
    background-color: #CDA4FF !important;
    border-color: transparent !important;
    cursor: pointer;
}

.calendar-event-unpublish .fc-content {
    color: black !important;
}

.draft {
    background-color: #2e94ab !important;
}

.submitted {
    background-color: #f89406 !important;
}

.approved {
    background-color: #468847 !important;
}

.calendar-training-unregistered {
    background-color: #00cc99 !important;
    border-color: transparent !important;
}

.calendar-training-unregistered:hover {
    cursor: pointer;
}

.calendar-training-registered {
    background-color: #C8C403 !important;
    border-color: transparent !important;
}

.calendar-training-registered:hover {
    cursor: pointer;
}

.rejected {
    background-color: #ff0000 !important;
}

.cancelled {
    background-color: #999 !important;
}

.taken-up {
    background-color: #655acd;
}

.required-mask {
    color: red;
    margin-right: 8px;
    font-family: 'FontAwesome';
    font-weight: normal;
    font-size: 12px;
    content: "\f069";
}

.height-25 {
    height: 25px;
}

.row-invalid {
    border-left: 3px solid red !important; /* red */
}

.loader-container {
    background-color: #fff;
    content: '';
    opacity: 0.7;
    display: block;
    height: 100%;
    left: 0%;
    position: fixed;
    top: 0%;
    width: 100%;
    z-index: 1000;
}

.loader, .loader:after {
    /*top: 50%;*/
    top: 30%;
    border-radius: 50%;
    width: 5em;
    height: 5em;
}

.loader {
    margin: 60px auto;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    border-top: 0.7em solid rgba(13,198,193, 0.2);
    border-right: 0.7em solid rgba(13,198,193, 0.2);
    border-bottom: 0.7em solid rgba(13,198,193, 0.2);
    border-left: 0.7em solid #0dc6c1;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}

.ui-datatable-loading-content {
    top: -100px !important;
    left: -100px !important;
}

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.calendar-employee {
    background-color: #c70e74 !important;
    border-color: transparent !important;
}

.text-word-break {
    word-break: break-all;
}