.box.box-primary {
    border-top-color: #e87c51 !important;
}

.bg-light-blue, .label-primary, .modal-primary .modal-body {
    background-color: #e87c51 !important;
}

.navbar-nav > .user-menu > .dropdown-menu {
    width: 350px
}

.user-header-vacation {
    margin-left: 5px
}

/* USER AVAILABILITY LIST ITEM */

.user-availability                                                      { margin-bottom: 10px }
.user-availability table                                                { width: 100%; }
.user-availability .col-sm-4, .user-availability .col-sm-6              { padding-right: 0; width: auto; }
.user-availability tr > *                                               { padding: 10px; background: #f8f8f8; vertical-align: middle; }
.user-availability th                                                   { padding-right: 20px; }
.user-availability .validity > *                                        { background: #eee; }
.user-availability .days > *                                            { padding-bottom: 0; }
.user-availability .checkbox                                            { display: inline-block; white-space: nowrap; margin-right: 20px; }
.user-availability .field-group, .user-availability .row                { display: flex; flex-direction: row; flex-wrap: nowrap; }
.user-availability .field-group .lbl                                    { margin: 5px 20px 5px 35px; }
.user-availability .icheckbox_square-blue                               { background-color: #fff; }
.user-availability .worktime td input                                   { width: 5em; }

/* USER STORE LIST ITEM */
.user-store                                                             { background: #eee; padding: 10px; }
.user-store td                                                          {  }
.user-store .lbl                                                        { padding: 0 15px 0 10px }
.user-store .store                                                      { min-width: 20em }
.user-store .preference                                                 { flex-grow: 1 }
.user-store .preference input                                           { width: 6em }


/* USERDATA IN CHANGEREQUEST DETAIL VIEW */

.changerequest-userdata                                                 {}
.changerequest-userdata tr > *                                          { padding: 5px; vertical-align: top }
.changerequest-userdata thead > tr > *                                  { background: #222; color: #fff; font-weight: bold; }
.changerequest-userdata .day                                            { display: inline-block; padding: 0 2px; margin-right: 4px; color: #fff; font-size: 0.9em; font-weight: bold; }
.changerequest-userdata .day.active                                     { background: #090; }
.changerequest-userdata .day.inactive                                   { background: #900; }

.fc-overtime {
    float: right;
    background: #fff;
    font-weight: 700;
    padding-left: 5px;
    padding-right: 5px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    color: #000;
}

.fc-overtime.minor {
    background: red;
    color: #fff;
}

.fc-overtime.overtime {
    background: yellow;
    color: #000;
}

.fc-dropTarget-button {
    display: none;
    background: red;
    color: #fff;
}

@media print {

    a[href]:after {
        display: none !important;
    }

    .print-button {
        display: none;
    }
}

.abscense-request-calendar {
    overflow-x: scroll;
    max-width: 100%;
}

.abscense-request-calendar table {
    min-width: 100%;
}

.abscense-request-calendar table td,
.abscense-request-calendar table th {
    text-align: center;
}

.abscense-request-calendar table th.is-holiday {
    background: yellow;
}

.abscense-request-calendar table th.is-school-holiday {
    background: orange;
}

.abscense-request-calendar table th.is-school-holiday.is-holiday {
    background: red;
}

.abscense-request-calendar table td.is-request {
    background: lightblue;
}

.fixed-first-col {
    max-height: 600px;
    overflow-y: scroll;
}

.fixed-first-col tr th {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #fff;
}

.fixed-first-col tr td:first-of-type {
    position: sticky;
    left: 0;
    z-index: 1;
    background: #fff;
}

/*
.fixed-first-col table tr td:first-of-type,
.fixed-first-col table tr th:first-of-type{
    position: fixed;
    width: 220px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    border-color: transparent;
    background: #fff;
}

.fixed-first-col table tr td:nth-of-type(2),
.fixed-first-col table tr th:nth-of-type(2) {
    padding-left: 230px;
}*/