.modal-open .dropdown-menu {
  z-index: 2050!important;
}

#header_main {
    background: #508d45!important;
}

.md-input-wrapper .md-input-bar:before,
.md-input-wrapper .md-input-bar:after {
    background: #b49c6a;
}

.icheckbox_md.checked,.icheckbox_md.hover.checked {
    background: #b49c6a;
    border-color: #b49c6a!important;
}

.uk-pagination>li.uk-active>a, .uk-pagination>li.uk-active>span {
    background: #508d45!important;
}

.md-btn-success, .md-btn-success.uk-active, .md-btn-success:active, .md-btn-success:focus, .md-btn-success:hover {
    color: #fff;
    background: #548d48;
}

.md-btn-kent, .md-btn-kent.uk-active, .md-btn-kent:active, .md-btn-kent:focus, .md-btn-kent:hover {
    color: #fff;
    background: #b49c6a;
}
.md-btn-fail, .md-btn-fail.uk-active, .md-btn-fail:active, .md-btn-fail:focus, .md-btn-fail:hover {
    color: #fff;
    background: red;
}
.md-btn-acept, .md-btn-acept.uk-acept, .md-btn-acept:active, .md-btn-acept:focus, .md-btn-acept:hover {
    color: #fff;
    background: #FFA500;
}

.dropify-wrapper{
    padding: 0px 0px 0px 0px !important;
}

.uk-badge {
    padding: 4px;
    width: 70%;
}

.uk-badge-success {
    color: #fff;
    background: #548d48;
}

.uk-badge-kent {
    color: #fff;
    background: #b49c6a;
}

.uk-autocomplete.uk-open .uk-dropdown {
    width: auto;
}

.astrickLabel:after {
    content: " *";
    color: red
}


.red-background {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

/* LOADER */
.overlay::before {
    content: '';
    z-index: 10;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background: #000000;
    opacity: 0.3;
}

.loader-container {
    z-index: 15;
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin-top: 15%;
}

.loader-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #FFFFFF;
    padding: 40px 30px;
    border-radius: 10px;
}

.loader-text {
    font-size: 18px;
    color: #000000;
    padding-top: 15px;
}

.loader-icon {
    display: inline-block;
    width: 50px;
    height: 50px;
    border: 4px solid rgba(80, 141, 69, .5);
    border-radius: 50%;
    border-top-color: #508d45;
    animation: spin 1s ease-in-out infinite;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

/* TIME ENTRY AND REQUIRED PPE */

/* IPAD PRO */
@media only screen and (min-width : 1024px) and (max-width : 1366px) {
    .time-entry {
        width: 70%;
        margin-right: 70px;
    }

    .required-ppe {
        margin-top: -50px;
    }
}

/* REGULAR IPAD */
@media only screen and (min-width : 768px) and (max-width : 1024px) {
    .time-entry {
        width: 70%;
        margin-right: 70px;
    }

    .required-ppe {
        margin-top: -50px;
    }
}

/* OTHER IPADS */
@media only screen and (min-width : 1024px) {
    .time-entry {
        width: 70%;
        margin-right: 70px;
    }

    .required-ppe {
        margin-top: -50px;
    }
}