﻿
.loadingPanel {
    background-image: url(../Images/Loading.gif);
    background-position: center center;
    background-repeat: no-repeat;
    background-color: rgba(255, 255, 255, 0.85);
    cursor: wait;
    text-align: center;
    z-index: 10000;
    position: fixed;
    width: 100%;
    height: 100%;
}

.required {
    color: #ff0000;
    padding-left: 2px;
}

.userprofileicon {
    height: 45px;
    width: 45px;
    border-radius: 50%;
    border: 1px solid #dddddd;
    
}

.row-border .form-group.efirst {
    border-top: medium none;
    padding-top: 5px;
}

.InfoLabel {
    margin-left: 10px;
    color: red;
}

.checkboxlist {
    width: 100%;
}

    .checkboxlist label {
        margin-left: 5px;
    }

.viewImage {
    width: 100px;
}

.displayNone {
    display: none !important;
}

.displayBlock {
    display: block !important;
}

.redFont {
    color: red;
}

.greenFont {
    color: green;
}

.textLeft {
    text-align: left !important;
}

.Timer table td {
    padding: 0px !important;
    background-color: transparent !important;
    border: medium none !important;
    vertical-align: top !important;
    line-height: 8px !important;
}

    .Timer table td input {
        height: 20px !important;
        background-color: transparent !important;
        color: #000000 !important;
        cursor: default !important;
    }

    .Timer table td img {
        vertical-align: top !important;
        height: 10px;
        width: 16px;
    }

.cyanFont {
    color: cyan;
}

.blueFont {
    color: blue;
}

.margin5 {
    float: left;
    margin-left: 10px;
}

.redFilled {
    background-color: red;
}

.cyanFilled {
    background-color: cyan;
}

.greenFilled {
    background-color: green;
}

.blueFilled {
    background-color: blue;
}

.sizeFilled {
    width: 15px;
    height: 15px;
}

.pinkFilled {
    background-color: pink;
}

.silverFilled {
    background-color: silver;
}
.employee-reason {
    width: 150px;
    white-space: normal;
    display: block;
}

.mt-22{
    margin-top:22px !important;
}