body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 10px;
    padding-right: 10px;
    min-width: 100% !important;
    width: 100%
}
/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    /*max-width: 280px;*/
}

/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}

/* ordered list */
ol.round {
    list-style-type: none;
    padding-left: 0;
}

    ol.round li {
        padding-left: 45px;
    }

        ol.round li.zero {
            background: url("Images/orderedList0.png") no-repeat;
        }

        ol.round li.one {
            background: url("Images/orderedList1.png") no-repeat;
        }

        ol.round li.ones {
            background: url("Images/orderedList1s.png") no-repeat;
        }

        ol.round li.two {
            background: url("Images/orderedList2.png") no-repeat;
        }

        ol.round li.three {
            background: url("Images/orderedList3.png") no-repeat;
        }

        ol.round li.four {
            background: url("Images/orderedList4.png") no-repeat;
        }

        ol.round li.five {
            background: url("Images/orderedList5.png") no-repeat;
        }

        ol.round li.six {
            background: url("Images/orderedList6.png") no-repeat;
        }

        ol.round li.seven {
            background: url("Images/orderedList7.png") no-repeat;
        }

        ol.round li.eight {
            background: url("Images/orderedList8.png") no-repeat;
        }

td {
    vertical-align: middle !important;
}

.table.dataTable.no-footer {
    border: none;
}



.btn-gbeButton {
    color: #ffffff;
    background-color: #3c8637;
    border-color: #3c8637;
}


    .btn-gbeButton:hover,
    .btn-gbeButton:focus,
    .btn-gbeButton.active {
        color: #ffffff;
        background-color: #6fab2d;
        border-color: #6fab2d;
    }

.btn-gbeComment {
    color: orange;
}

    .btn-gbeComment:hover,
    .btn-gbeComment:focus,
    .btn-gbeComment:active {
        color: #6fab2d;
    }


.btn-gbeSubmitButton {
    color: #ffffff;
    background-color: #808080;
    border-color: #808080;
}

    .btn-gbeSubmitButton:hover,
    .btn-gbeSubmitButton:focus,
    .btn-gbeSubmitButton.active {
        color: #ffffff;
        background-color: #6fab2d;
        border-color: #6fab2d;
    }


input[type="radio"], input[type="checkbox"] {
    margin: 0 0 0;
    margin-top: 1px \9;
    line-height: normal;
    vertical-align: text-bottom;
}



.btn-gbeButton {
    color: #ffffff;
    background-color: #3c8637;
    border-color: #3c8637;
}


    .btn-gbeButton:hover,
    .btn-gbeButton:focus,
    .btn-gbeButton.active {
        color: #ffffff;
        background-color: #6fab2d;
        border-color: #6fab2d;
    }

input[type="radio"], input[type="checkbox"] {
    margin: 0 0 0;
    margin-top: 1px \9;
    line-height: normal;
    vertical-align: text-bottom;
}

.GBEMenu {
    font-size: 15px;
    font-weight: 100;
}

.CardMainDisplay {
    float: left;
    width: 9.2cm;
    height: 5cm;
}

.CardDisplay {
    float: left;
    border: solid;
    border-width: 2px;
    border-radius: 20px;
    border-color: #337ab7;
    padding-top: .4cm;
    padding-left: .4cm;
    padding-right: .3cm;
    padding-bottom: .1cm;
    width: 8.9cm;
    height: 4.5cm;
    min-height: 3.5cm;
    font-size: medium;
}

.CardBodyDisplay {
    float: left;
    width: 8cm;
    height: 3cm;
    min-height: 2.7cm;
}


.BlueIcon {
    color: #337ab7;
}

.CardButton {
    font-weight: 100;
    font-size: 10px;
}

.RejectedColor {
    color: red;
}

.UndoColor {
    color: red;
}

.header {
    text-align: center;
    vertical-align: middle;
}

.Sun {
    color: red;
    background-color: #bbb9b9;
    text-align: center;
    vertical-align: middle;
}
.Sat {
    color: red;
    background-color: #bbb9b9;
    text-align: center;
    vertical-align: middle;
}
.Sat1 {
    color: red;
    background-color: #bbb9b9;
    text-align: center;
    vertical-align: middle;
}

.Sat2 {
    color: red;
    background-color: #bbb9b9;
    text-align: center;
    vertical-align: middle;
}

.Sat3 {
    color: red;
    background-color: #bbb9b9;
    text-align: center;
    vertical-align: middle;
}

.Sat4 {
    color: red;
    background-color: #bbb9b9;
    text-align: center;
    vertical-align: middle;
}


.NotLastSaturdaySum {
    color: red;
    background-color: #bbb9b9;
    text-align: center;
    vertical-align: middle;
}


.summarystatutory {
    color: red;
    cursor: pointer;
    background-color: #bbb9b9;
    text-align: center;
    vertical-align: middle;
}


.RegularDay {
    text-align: center;
    vertical-align: middle;
}

.InternalProject {
    color: red;
}


.CalMonth {
    float: left;
    padding: .2cm;
    width: 12cm;
    min-height: 3.5cm;
    font-size: medium;
}

ul {
    list-style-type: none;
}

/* Month header */
.month {
    width: 100%;
    background: #337ab7;
    text-align: center;
    padding: 5px;
}

    /* Month list */
    .month ul {
        margin: 0;
        padding: 0;
    }

        .month ul li {
            color: white;
            font-size: 20px;
            text-transform: uppercase;
            letter-spacing: 3px;
        }


/* Weekdays (Mon-Sun) */
.weekdays {
    margin: 0;
    padding: 12px 0;
    background-color: #ddd;
}

    .weekdays li {
        display: inline-block;
        font: bold;
        font-size: 15px;
        width: 13%;
        color: #666;
        text-align: center;
    }

/* Days (1-31) */
.days {
    margin: 0;
    padding: 12px 0;
    background: #eee;
}

    .days li {
        list-style-type: none;
        display: inline-block;
        width: 13%;
        height: 50px;
        text-align: center;
        margin-bottom: 5px;
        font-size: 20px;
        color: #777;
    }

        /* Highlight the "current" day */
        .days li .active {
            padding: 1px;
            border: solid;
            border-width: .1em;
            border-color: #1abc9c !important;
        }

    .days .statutory {
        color: red;
        cursor: pointer;
    }

    .days li .holiday {
        font-size: 8px;
        color: red;
        cursor: pointer !important;
    }

    .days li .Sunday {
        color: red;
    }

    .days li .Saturday {
        color: red;
    }

    .days li .Saturday1 {
        color: red;
    }

    .days li .Saturday2 {
        color: red;
    }

    .days li .Saturday3 {
        color: red;
    }
    .days li .Saturday4 {
        color: red;
    }
    .days li .NotLastSaturday {
        color: red;
    }

.errorvalue {
    color: red;
}

.legendstable {
    padding-left: 15px;
    padding-bottom: 10px;
}

.legends {
    font-size: x-small;
    font-weight: 100;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    padding-left: 10px;
    padding-right: 20px;
}

.CL {
    color: red;
}

.CP {
    color: red;
}

.EL {
    color: red;
}

.LWP {
    color: red;
}
.LOP {
    color: red;
}

.WFH {
    color: blue;
}

.ProjectCode {
    padding-bottom: 0px;
    padding-right: 0px;
    padding-left: 5px;
}
.AppraisalStatus {
    padding: 8px;
    border: dotted;
    border-radius: 10px;
    font-size: 20px;
    text-align: center;
    vertical-align: middle;
}
.CenterButtons {
    text-align:center;
}

.ButtonIcon {
    color: #337ab7;
    border: none;
    background-color: transparent;
    padding: 0px;
    margin-left: 5px;
    margin-right: 5px;
}

.EditRow {
    text-align: center;
    background-color: #C3C3C3;
    color: #ffffff;
}



.dropdown-submenu {
    position: relative;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

.dropdown-submenu > a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover > a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
.Resigned {
    color: red;
}