.flag_status {
    border: #cdcdcd small solid;
    border-radius: 10px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    background-color: red;
    color: white;
}

.flag_absentee {
    border: #cdcdcd small solid;
    border-radius: 10px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    background-color: yellow;
}
.refreshSearchIcon {
    animation: rotate 0.2s;
}
@-webkit-keyframes ld {
    0% {
        transform: rotate(0deg) scale(1);
    }

    50% {
        transform: rotate(180deg) scale(1.1);
    }

    100% {
        transform: rotate(360deg) scale(1);
    }
}

@-moz-keyframes ld {
    0% {
        transform: rotate(0deg) scale(1);
    }

    50% {
        transform: rotate(180deg) scale(1.1);
    }

    100% {
        transform: rotate(360deg) scale(1);
    }
}

@-o-keyframes ld {
    0% {
        transform: rotate(0deg) scale(1);
    }

    50% {
        transform: rotate(180deg) scale(1.1);
    }

    100% {
        transform: rotate(360deg) scale(1);
    }
}

@keyframes ld {
    0% {
        transform: rotate(0deg) scale(1);
    }

    50% {
        transform: rotate(180deg) scale(1.1);
    }

    100% {
        transform: rotate(360deg) scale(1);
    }
}
@keyframes rotate {
    from {
        -moz-transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(360deg);
    }
}
.m-progress {
    position: relative;
    opacity: .8;
    color: transparent !important;
    text-shadow: none !important;
}

    .m-progress:hover,
    .m-progress:active,
    .m-progress:focus {
        cursor: default;
        color: transparent;
        outline: none !important;
        box-shadow: none;
    }

    .m-progress:before {
        content: '';
        display: inline-block;
        position: absolute;
        background: transparent;
        border: 1px solid #fff;
        border-top-color: transparent;
        border-bottom-color: transparent;
        border-radius: 50%;
        box-sizing: border-box;
        top: 50%;
        left: 50%;
        margin-top: -12px;
        margin-left: -12px;
        width: 24px;
        height: 24px;
        -webkit-animation: ld 1s ease-in-out infinite;
        -moz-animation: ld 1s ease-in-out infinite;
        -o-animation: ld 1s ease-in-out infinite;
        animation: ld 1s ease-in-out infinite;
    }

.btn-default.m-progress:before {
    border-left-color: #dddddd;
    border-right-color: #dddddd;
}

.btn-lg.m-progress:before {
    margin-top: -16px;
    margin-left: -16px;
    width: 32px;
    height: 32px;
}

.btn-sm.m-progress:before {
    margin-top: -9px;
    margin-left: -9px;
    width: 18px;
    height: 18px;
}

.btn-xs.m-progress:before {
    margin-top: -7px;
    margin-left: -7px;
    width: 14px;
    height: 14px;
}

.hide-card {
    display: none;
}
div#notificaitonDialog.e-dialog.e-js.e-widget-content.e-box {
    padding: 0 0 0 0;
}
    div#notificaitonDialog.e-dialog.e-js.e-widget-content.e-box div.cnt {
        padding: 10px 10px 10px 10px;
        font-size: 1.2rem;
        font-weight: 500;
        line-height: 1.2;
        font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
        color: #2a2a2a;
    }
    div#notificaitonDialog.e-dialog.e-js.e-widget-content.e-box button {
        margin-top: 20px;
    }
.form-exists {
    background-color: #3498db;
    display:none;
    color:white;
}
.searchTable {
    width: 100%;
    border: 1px solid #000;
}

    .searchTable td {
        border: 1px solid #000;
    }
.bg-gray {
    background-color: #ebebeb;
}

.modal-xl {
    width: 900px;
    height: 550px;
    max-width: 100%;
    max-height: 100%;
    margin-top: 0.5rem !important;
}
.e-lib.e-grid .e-search .e-icons:not(.e-btn-icon),
.e-input-group:not(.e-success):not(.e-warning):not(.e-error).e-search {
    border-color: #4478ae;
}
.e-input-group.e-search input.e-input::-webkit-input-placeholder {
    opacity: 1.0;
    color: #4478ae;
}
.rowLockedByOther {
    background-color: #dd9aa8;
}
.rowlockedByUser {
    background-color: #c71835;
}
.e-grid, .e-lib.e-grid, .e-grid .e-pager {
    font-family: 'proxima-nova', 'Roboto', 'Helvetica Neue', Arial, sans-serif;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
}
.e-table {
    border-radius: 10px;
}
.e-datewidget .e-in-wrap {
    border-bottom-left-radius: 25px;
    border-top-left-radius: 25px;
}
.e-datewidget .e-in-wrap .form-control {
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
}

.signbox {
    width: 600px;
}

.invert-signature {
    filter: invert(1) hue-rotate(180deg);

.signature-transition {
    transition: filter .2s ease;