@charset "utf-8";
/* CSS Document */

body {
    margin: 0px;
    padding: 0px;
    font-family: Verdana;
    font-size: 13px;
    color: #333;
    font-weight: normal;
    height: 100%;
    width: 100%;
    background: #FFF
}

h1, h2, h3, h4, h5, h6, p, ul {
    margin: 0px;
    font-weight: normal;
    padding: 0px;
    display: block
}

img {
    border: 0px
}

a {
    text-decoration: none;
    color: #CCC;
    outline: none
}

.clear {
    clear: both
}

/****************************** Common Css******************************************/
.padTop {
    padding: 2% 2%
}

.padLeft {
    padding-left: 2%;
}

.noPadBottom {
    padding-bottom: 0 !important;
}

#lblUserkKey {
    color: #FFF;
    font-size: 10px
}

.fbold {
    font-weight: bold
}

input[type=text]:focus, input[type=password]:focus {
    box-shadow: 0px 1px 10px 2px #CCCCCC
}

.w100 {
    width: 100% !important;
}

.h70 {
    height: 55px
}

.headerBlock {
    background: #dc6900;
    width: 100%;
    padding: 2px 0px;
    position: fixed;
    top: 0;
    z-index: 9999999;
    box-shadow: inset 0px 4px 2px 0px #FFF;
}

    .headerBlock .logoSection {
        width: 10%;
        float: left;
        min-height: 30px;
    }

.logo {
    float: left;
    width: 18%;
    text-align: left
}

.headerBlock .logoSection .logout {
    height: 40px;
    background: url(../images/logout.png) no-repeat center;
    border-radius: 5px;
    padding: 7px 20px;
    margin: 0px 4px;
    color: #FFF;
    float: left;
    display: block;
    text-indent: -999999px
}
/*.headerBlock .headerTitle{float:left; width:80%; min-height:40px; text-align:center}*/
/*.headerBlock .headerTitle {float: left;width: 75%;min-height: 40px;text-align: center}*/
/*.headerBlock .headerTitle{float:left; width:60%; min-height:40px; text-align:center}*/
.headerBlock .headerTitle {
    float: left;
    width: 75%;
    min-height: 40px;
    text-align: center
}

    .headerBlock .headerTitle .greetings {
        float: left;
        width: 100%;
        text-align: center
    }

        .headerBlock .headerTitle .greetings p {
            padding: 7px 5px;
            color: #FFF;
            font-size: 14px;
            text-align: center;
            width: 100%;
            text-overflow: ellipsis;
            overflow: hidden
        }

        .headerBlock .headerTitle .greetings h3 {
            font-size: 20px;
            text-align: center;
            line-height: 30px;
            color: #FFF
        }

        .headerBlock .headerTitle .greetings p {
            text-overflow: ellipsis;
            white-space: nowrap;
        }
/* Error Msg css*/

.errorMsg {
    border: 0px solid #cd0000;
    padding: 0.5%;
    color: #cd0000;
    font-size: 14px;
    margin-top: 10px;
    float: left
}

#lblError, #lblErrMsg, .warning {
    float: left;
    text-align: left;
    display: block;
    color: #CD0000;
    font-size: 14px;
    margin: 10px 0% 0px 0%;
    padding: 1%;
}

span[id*='lblError']:not(:empty), span[id*='lblErrMsg']:not(:empty) {
    float: left;
    border: 1px solid #cd0000;
    text-align: left;
    display: block;
    color: #CD0000;
    font-size: 14px;
    margin: 10px 0% 0px 0%;
    padding: 1%;
}

.lblMsg {
    float: left
}

#lblMsg, .DisMsg {
    border: 1px solid #5D7B9D;
    padding: 0.5%;
    color: #5D7B9D;
    font-size: 20px;
    margin-top: 10px;
    float: left
}

span[id*='lblMsg']:not(:empty) {
    border: 1px solid #5D7B9D;
    padding: 0.5%;
    color: #5D7B9D;
    font-size: 20px;
    margin-top: 10px;
    float: left
}

/*.homeIcon {width: 10%;float:left}*/
/*.homeIcon{width:10%; float:right}*/
.homeIcon {
    width: 12%;
    float: left
}

    .homeIcon a {
        background: url(../images/Mhome.png) no-repeat 0px 13px;
        height: 50px;
        width: 40px;
        text-indent: -999999px;
        display: block;
        float: right;
        padding-right: 5%
    }

.popup {
    background: #ccc;
    opacity: 0.6;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
}

    .popup img {
        position: relative;
        top: 30%;
        left: 50%
    }

/*.lblHeader {
    padding: 5px 0%;
    display: block;
    color: #888;
    font-size: 18px
}*/



/*******************************Page Css*********************************************/
.container {
    width: 100%;
    float: left;
    margin-bottom: 15%;
}

    .container .titleLogo {
        text-align: center;
    }

        .container .titleLogo img {
            width: 80%;
        }

    .container .FortitleLogo img {
        width: 80%;
    }

    .container .loginBox {
        margin: 0% 0 0 5%;
        padding: 2%;
        width: 85%;
        float: left;
    }

        .container .loginBox .labelText {
            padding: 5px 16%;
            margin: 10px 0px;
            color: #333;
            border: 1px solid #CCC;
            width: 68%;
            height: 25px;
            border-radius: 5px;
            font-size: 20px;
        }

        .container .loginBox .labelPassword {
            padding: 5px 16%;
            margin: 0px 0px;
            color: #333;
            border: 1px solid #CCC;
            width: 68%;
            height: 25px;
            border-radius: 5px;
            font-size: 20px;
        }

        .container .loginBox .labelTextbg {
            background: url(../images/us.png) no-repeat 5px
        }

        .container .loginBox .labelPasswordbg {
            background: url(../images/pwd1.png) no-repeat 5px;
        }

        .container .loginBox .empCodeDD {
            border: 1px solid #CCC;
            padding: 6px 1% 7px 10%;
            width: 100%;
            border-radius: 5px;
            height: 36px;
            display: block;
            left: 0;
            opacity: 1;
            overflow: hidden;
            position: absolute;
            top: 0;
            font-size: 20px;
            color: #333;
        }

.loginRow {
    margin: 10px 0%;
    float: left;
    width: 100%
}

.loginButton, .forgotPwd {
    margin: 2% auto 0;
    text-align: left;
    width: 100%
}

.forgotPwd {
    margin: 2% auto 0;
    text-align: right;
    width: 100%
}

.loginButton .button {
    border: 1px solid #CCC;
    border-radius: 5px;
    background: #F5F5F5;
    background: -moz-linear-gradient(top, #e6e6e6 35%, #FFF 100%);
    background: -webkit-linear-gradient(top, #e6e6e6 35%, #FFF 100%);
    background: -o-linear-gradient(top, #e6e6e6 35%, #FFF 100%);
    background: -ms-linear-gradient(top, #e6e6e6 35%, #FFF 100%);
    padding: 14px 9%;
    width: 100%;
    margin-top: 4%;
    font-size: 16px !important;
}

    .loginButton .button:hover {
        background: #F8F8F8;
        cursor: pointer;
        box-shadow: 0px 1px 5px 2px #CCCCCC
    }

.forgotPwdLink {
    color: #930;
    padding: 2% 0%;
    font-size: 10px
}
/*.forgotPwd a{color:#000}*/

.blue {
    color: #27A9E3
}

.forgotPwdLink:hover {
    cursor: pointer
}

.logOutContent {
    width: 96%;
    margin: 0px auto;
    padding: 2%;
    background: #E6E6E6;
    border-radius: 0px 0px 5px 5px
}

    .logOutContent .logout p {
        text-align: center;
        font-size: 13px;
        color: #333;
        line-height: 25px;
        padding: 10px 0%
    }

    .logOutContent .logout {
        background: #E6E6E6
    }

        .logOutContent .logout p a {
            color: #666;
            text-decoration: none
        }

.singleTitle {
    padding: 5% 2%;
    background: #27A9E3;
    color: #FFF;
    font-size: 14px;
    margin-bottom: 1px;
    border-radius: 5px 5px 0px 0px
}


/*****************************Navigation Css*************************************/
.pageTitle {
    width: 100%;
    float: left;
    overflow: hidden;
    position: fixed;
    z-index: 9999999;
    margin-top: 58px;
    text-align: center;
    background: #6ab8c9;
    padding: 10px 0%
}

    .pageTitle h3 {
        font-size: 13px;
        color: #FFF;
        font-weight: normal;
    }


/**************************Search Bar css***************************************/
/*.container .searchContainer{margin:2% 0px; width:100%; float:left}
.container .searchContainer .searchBar{float:left; width:98.50%; margin-left:1.5%}
.container .searchContainer .searchBar .searchInput{border:1px solid #3F8898; border-radius:5px; width:75%; padding:2% 2%; background:#F8F8F8; float:left; height:14px}
.container .searchContainer .searchBar .searchInputGo{ float:left ;width:6%; border:none; background:#3F8898 url(../img/search.png) no-repeat center center; padding:2% 1% 2% 1%; display:block ;outline:none; float:left ;margin-left:1%; border-radius:5px; text-indent:-9999999999px}
.container .searchContainer .searchBar .cancel{display:block; float:left; width:8%; margin:0% 1%; background:#3F8898 url(../img/cancel.png) no-repeat center center; text-indent:-99999999px; padding:2% 0%; border-radius:5px}*/

.container .navigation {
    width: 100%;
    float: left;
}

    .container .navigation .navIcons {
        float: left;
        overflow: hidden;
        width: 100%;
    }

#leaveAccord {
    width: 100%
}

    #leaveAccord h3 {
        text-align: center;
        background: #e9e9e9;
        font-size: 16px;
        border: 1px solid #e9e9e9;
        margin: 1% 0% 1% 0%;
        color: #000;
    }
    /*.ui-state-default .ui-icon{background:#3F8898 !important; border-radius:100%;box-shadow:inset 0px 1px 7px 2px #333}
.ui-state-active .ui-icon{background:#3F8898 !important;border-radius:100%;box-shadow:inset 12px 1px 7px 2px #FFF}*/
    #leaveAccord .subLink {
        margin: 0px;
        padding: 5px
    }

    #leaveAccord .linkBox {
        width: 33.3%;
        text-align: center;
        float: left;
        margin: 4% 0px;
        position: relative;
    }
        /*Commented By Madhukar 01-Apr-2019 Removed Box Shadow*/
        #leaveAccord .linkBox .linkIcon { /*box-shadow:17px 15px 9px 0 #777 ;*/
            width: 80px;
            position: relative;
            height: 60px;
            padding: 3% 5% 0% 5% /*;background:#CCC*/;
            border-radius: 5px 5px 0px 0px;
            margin: 0px auto
        }
        /*Commented By Madhukar 01-Apr-2019 Removed Box Shadow*/
        #leaveAccord .linkBox .linkTitle {
            position: relative; /*box-shadow:17px 15px 9px 0 #777 ;*/
            width:80px;
            /*height: 30px;*/
            line-height: 12px;
            padding: 5% 3% 5% 3%;
            margin: 0px auto;
            overflow: hidden;
            border-radius: 0px 0px 5px 5px;
            text-overflow: ellipsis;            
            font-size: 11px;
        }

        /*Commented By Madhukar 01-Apr-2019 Removed Box Shadow*/
        #leaveAccord .linkBox .linkTitleApp {
            position: relative; /*box-shadow:17px 15px 9px 0 #777 ;*/
            width: 80px;
            height: 26px;
            line-height: 12px;
            padding: 5% 3% 5% 3%;
            margin: 0px auto;
            overflow: hidden;
            border-radius: 0px 0px 5px 5px;
            text-overflow: ellipsis;
            font-size: 11px;
        }

            #leaveAccord .linkBox .linkTitleApp a {
                color: #FFF !important;
                display: block;
                height: 38px
            }

        #leaveAccord .linkBox .linkTitle a {
            color: #FFF !important;
        }

        #leaveAccord .linkBox .notifiction {
            position: absolute;
            /*width: 10px;
            height: 13px;*/
            padding: 1%;
            border-radius: 0px 0px 0px 0;
            margin: 0px auto;
            border-radius: 100%;
            top: 0px /*;box-shadow:1px 1px 9px 1px #cd0000*/;
            right: 0px;
            color: #CD0000;
            background: #EEE;
        }

        /*#leaveAccord .linkBox .circle {
            position: absolute;
            padding: 1%;
            width: 15px;
            height: 15px;
            /*line-height: 500px;*/
            /* border-radius: 50%;
            font-size: 10px;
            color: #CD0000;
            text-align: center;
            background: #EEE;
            top: 0px;
            right: 0px;
            margin: 0px auto;
        }*/

            #leaveAccord .linkBox .notifiction p {
                font-size: 10px
            }

        #leaveAccord .linkBox .aah {
            background: #005f738c
        }

        #leaveAccord .linkBox .aa {
            background: #005F73
        }
        #leaveAccord .linkBox .aa1 {
            background: #005F73
        }
        #leaveAccord .linkBox .bbh {
            background: #66d9a7
        }

        #leaveAccord .linkBox .bb {
            background: #28B779
        }

        #leaveAccord .linkBox .cch {
            background: #c26dd5
        }

        #leaveAccord .linkBox .cc {
            background: #852B99
        }

        #leaveAccord .linkBox .ddh {
            background: #f1c682
        }

        #leaveAccord .linkBox .dd {
            background: #FFB848
        }

        #leaveAccord .linkBox .eeh {
            background: #e97262
        }

        #leaveAccord .linkBox .ee {
            background: #D84A38
        }

        #leaveAccord .linkBox .ffh {
            background: #818eef
        }

        #leaveAccord .linkBox .ff {
            background: #5A66C0
        }

        #leaveAccord .linkBox .ggh {
            background: #ebc282
        }

        #leaveAccord .linkBox .gg {
            background: #C0985A
        }

        #leaveAccord .linkBox .hhh {
            background: #62b7a9
        }

        #leaveAccord .linkBox .hh {
            background: #477971
        }

        #leaveAccord .linkBox .iih {
            background: #6db9d5
        }

        #leaveAccord .linkBox .ii {
            background: #2b7099
        }

        #leaveAccord .linkBox .jjh {
            background: #35b8cd96
        }

        #leaveAccord .linkBox .jj {
            background: #17a2b8
        }

        #leaveAccord .linkBox .kkh {
            background: #577590bd
        }
        #leaveAccord .linkBox .kkh1 {
            background: #577590bd
        }

        #leaveAccord .linkBox .kk {
            background: #435A6F
        }
        #leaveAccord .linkBox .kk1 {
            background: #435A6F
        }
        #leaveAccord .linkBox .llh {
            background: #83d1f5
        }

        #leaveAccord .linkBox .ll {
            background: #27A9E3
        }


        #leaveAccord .linkBox .rqh {
            background: #ffa559
        }

        #leaveAccord .linkBox .rq {
            background: #fd7e14
        }

        #leaveAccord .linkBox .aah1 {
            background: #005f738c
        }

        #leaveAccord .linkBox .aa1 {
            background: #005F73
        }

        #leaveAccord .linkBox .bbh1 {
            background: #66d9a7
        }

        #leaveAccord .linkBox .bb1 {
            background: #17A769
        }

        #leaveAccord .linkBox .cch1 {
            background: #c26dd5
        }

        #leaveAccord .linkBox .cc1 {
            background: #751E88
        }

        #leaveAccord .linkBox .ddh1 {
            background: #f1c682
        }

        #leaveAccord .linkBox .dd1 {
            background: #DB9628
        }

        #leaveAccord .linkBox .eeh1 {
            background: #e97262
        }

        #leaveAccord .linkBox .ee1 {
            background: #BB2413
        }

        #leaveAccord .linkBox .ggh1 {
            background: #ebc282
        }

        #leaveAccord .linkBox .gg1 {
            background: #C0985A
        }

        #leaveAccord .linkBox .hhh1 {
            background: #62b7a9
        }

        #leaveAccord .linkBox .hh1 {
            background: #477971
        }

        #leaveAccord .linkBox .iih1 {
            background: #6db9d5
        }

        #leaveAccord .linkBox .ii1 {
            background: #2b7099
        }

        #leaveAccord .linkBox .rqh1 {
            background: #ffa559
        }

        #leaveAccord .linkBox .rq1 {
            background: #fd7e14
        }
        #leaveAccord .linkBox .llh1 {
            background: #83d1f5
        }

        #leaveAccord .linkBox .ll1 {
            background: #27A9E3
        }
        #leaveAccord .linkBox .llh2 {
            background: #83d1f5
        }

        #leaveAccord .linkBox .ll2 {
            background: #27A9E3
        }

        #leaveAccord .linkBox .mmh {
            background: #d3d285
        }

        #leaveAccord .linkBox .mm {
            background: #a7a417
        }

        #leaveAccord .linkBox .mmh1 {
            background: #d3d285
        }

        #leaveAccord .linkBox .mm1 {
            background: #a7a417
        }   

.notiNumber {
    padding: 0.5%
}


.noFound {
    float: left;
    width: 96%;
    padding: 2%;
    overflow: hidden;
    color: #006699
}

.title {
    float: left;
    width: 70%
}

.backbutton {
    float: right;
    text-align: center;
    width: 22%;
}

.backbuttonNoWidth {
    text-align: center;
    padding-top: 4%;
    float: inherit;
}

.backbutton .backArrow {
    font-size: 14px;
    font-weight: bold;
    display: block;
    padding: 15%;
    background: #d29f24;
    color: #FFF;
    border-radius: 10px 0px 0px 10px
}
    /*box-shadow:2px 3px 5px 0px #000;*/
    .backbutton .backArrow:hover {
        cursor: pointer
    }


/********************** DropDown css*****************************/
.idDropdown {
    float: left;
    border-radius: 5px;
    padding: 5px 0% 5px 0%;
    font-size: 20px;
    width: 100%;
    height: 26px;
    position: relative;
}

    .idDropdown .cmpnyId {
        border-radius: 5px;
        color: #666;
        display: block;
        height: 26px;
        line-height: 26px;
        padding-right: 26px;
        text-align: left;
        width: 68%;
        padding: 0% 16%
    }

    .idDropdown .arrow {
        background: url(../images/down.png) no-repeat 0px 12px;
        display: block;
        height: 36px;
        overflow: hidden;
        position: absolute;
        right: 0;
        top: 0;
        width: 26px;
    }
/*.idDropdown select {height:26px ;display: block;left: 0; opacity: 0; overflow: hidden;position: absolute;top: 0;}*/
select option {
    color: #666;
    padding: 10px 1% 10px 10%;
    font-size: 16px;
}


/***********************************EmpLeave css**************************************************/
.container .leaveBox {
    margin: 0px 0% 55px 0%;
    padding: 2%;
    width: 96%;
}

.leaveRow {
    float: left;
    width: 100%;
    padding-bottom: 3%
}

    .leaveRow .panelBlock {
        float: left;
        width: 48%;
        margin-top: 10px
    }

.marR {
    margin-right: 2%
}

.dayBlock {
    width: 100%;
    float: left;
    margin-top: 6px;
    margin-bottom: 6px;
}

.leaveRow select {
    border: 1px solid #CCC;
    width: 98%;
    padding: 2px 0% 2px 0%;
    margin: 0.5% 0%;
    border-radius: 5px;
    color: #333;
    font-size: 14px;
}

.leaveRow textarea {
    width: 98%;
    font-family: 'segoe', Geneva, sans-serif;
    padding: 1%;
    color: #333;
    font-size: 14px;
    border: 1px solid #CCC;
    margin: 0.5% 0% 0% 0%;
    border-radius: 5px
}

#leftChar {
    width: 100%;
    float: right;
    text-align: right;
    padding: 1% 0%;
    font-size: 10px
}

.leaveRow .leaveLabel {
    float: left;
    margin: 0% 0%;
    padding: 0.5% 0.5%;
    font-weight: bold;
    color: #006699;
}

.leaveRow .leaveInput {
    margin: 0% 0%;
}

    .leaveRow .leaveInput input {
        float: left;
        padding: 4px 1%;
        font-size: 14px;
        margin: 0.5% 0%;
        color: #333;
        border: 1px solid #CCC;
        width: 98%;
        border-radius: 5px;
        font-family: 'segoe', Geneva, sans-serif;
        text-overflow: ellipsis;
        overflow: hidden
    }

.leaveButton {
    float: left;
    width: 100%;
    margin-top: 10px;
    text-align: left
}

    .leaveButton .button {
        border: 1px solid #CCC;
        border-radius: 5px;
        margin: 2% 0.5%;
        background: #F5F5F5;
        background: -moz-linear-gradient(top, #e6e6e6 35%, #FFF 100%);
        background: -webkit-linear-gradient(top, #e6e6e6 35%, #FFF 100%);
        padding: 12px 9%;
        text-align: center;
        width: 30% !important;
        font-size: 14px !important;
    }

    .leaveButton .bgbutton {
        border: 1px solid #CCC;
        border-radius: 5px;
        margin: 2% 0.5%;
        background: #F5F5F5;
        background: -moz-linear-gradient(top, #e6e6e6 35%, #FFF 100%);
        background: -webkit-linear-gradient(top, #e6e6e6 35%, #FFF 100%);
        padding: 12px 9%;
        text-align: center;
        width: 65% !important;
    }

.daysCount {
    float: left;
    padding: 7px 1%;
    margin: 0.5% 0%;
    width: 96%;
    border: none;
    font-weight: bold;
    border-radius: 5px;
    text-align: center
}

.lblFromDay, .lblToDay {
    display: block;
    float: left;
    padding-left: 1.5%
}

.title h3 {
    font-weight: normal;
    font-size: 24px;
    color: #333;
    padding: 2% 0%
}

.daysCount input {
    width: 10%;
    border: 1px solid #CCC
}
/******************************Table Structure***************************************/
.dataList {
    width: 100%;
    padding: 0%;
    float: left;
}

    .dataList .dataTitleRow {
        width: 100%;
        background: #dc6900;
        float: left
    }

        .dataList .dataTitleRow .dataTitle {
            width: 14%;
            float: left;
            border-right: 1px solid #CCC;
            height: 35px
        }

.dataContent {
    width: 14%;
    float: left;
    border-right: 1px solid #CCC;
    height: 28px
}

.dataList .dataTitleRow .dataTitle h3 {
    color: #FFF;
    padding: 5px 0% 10px 3%;
    font-weight: normal;
    font-size: 11px;
    text-align: center
}

.br {
    border-right: none !important
}

.dataList .dataContentRow {
    overflow: hidden;
    width: 99.6%;
    border-right: 1px solid #CCC;
    border-left: 1px solid #CCC;
    background: #F8F8F8;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #DDD
}

    .dataList .dataContentRow .dataContent p {
        padding: 3% 1%;
        width: 98%;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: center
    }

.datInput {
    border: none;
    text-align: center;
    width: 100%;
    margin-top: -2px;
    color: #333;
    font-family: Verdana;
    height: 22px;
    font-size: 16px;
    background-color: #F8F8F8;
}

.noBlur:focus {
    box-shadow: none !important
}

.CustList .dataTitleRow {
    background: #dc6900;
}

/*************TimePicker*************
.ui_tpicker_time_label{float:left; width:20%}
.ui_tpicker_hour_label{clear:left; width:20%; margin-top:5px}
.ui_tpicker_hour{ float:left; margin-top:5px; width:80%}
 */
.hourLabel {
    float: left;
    width: 25%;
    margin-top: 5px
}

.timeDisplay {
    margin-bottom: 10px
}

.timeLabel {
    float: left;
    width: 20%
}

.sliderHour {
    float: left;
    width: 75%;
    margin-top: 8px
}

.ui-datepicker-buttonpane {
    float: left;
    width: 98%;
    border: none;
}

/************************ EmpReqHome ***************************/

.subLink {
    margin: 0px;
    padding: 0.5%;
    width: 99%
}

.link {
    background: #EEE url(../images/blackRight1.png) no-repeat right center;
    font-size: 14px;
    line-height: 45px;
    height: 45px;
    color: #333;
    /*padding: 5px 0 5px 5px;*/
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #FFF;
    margin: 5px 0%
}

.link1 {
    background: #EEE url(../images/blackRight1.png) no-repeat right center;
    font-size: 14px;
    line-height: 45px;
    height: 45px;
    color: #333;
    padding: 5px 0 5px 5px;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #FFF;
    margin: 5px 5px 0 0;
}

.link a {
    color: #666;
    padding-left: 6%;
    display: block;
    font-size: 17px
}

.link:hover {
    background: #e6e6e6 url(../images/blackRight1.png) no-repeat right center;
    cursor: pointer
}

.link .iconMenuDarkCyan {
    height: 44px;
    background-color: #005F73 !important;
    width: 45px;
    display: block;
    float: left;
    margin-right: 5px
}

.link .iconMenuBlue {
    height: 44px;
    background-color: #27A9E3 !important;
    width: 45px;
    display: block;
    float: left;
    margin-right: 5px
}

.link .iconMenuGreen {
    height: 44px;
    background-color: #28B779 !important;
    width: 45px;
    display: block;
    float: left;
    margin-right: 5px
}

.link .iconMenuLav {
    height: 44px;
    background-color: #852B99 !important;
    width: 45px;
    display: block;
    float: left;
    margin-right: 5px
}

.link .iconMenuBlueOasis {
    height: 44px;
    background-color: #2b7099 !important;
    width: 45px;
    display: block;
    float: left;
    margin-right: 5px
}

.link .iconMenuYellow {
    height: 44px;
    background-color: #FFB848 !important;
    width: 45px;
    display: block;
    float: left;
    margin-right: 5px
}

.link .iconMenuBrown {
    height: 44px;
    background-color: #DAAA63 !important;
    width: 45px;
    display: block;
    float: left;
    margin-right: 5px
}

.link .iconMenuRed {
    height: 44px;
    background-color: #D84A38 !important;
    width: 45px;
    display: block;
    float: left;
    margin-right: 5px
}

.link .iconMenuPurple {
    height: 44px;
    background-color: #5A66C0 !important;
    width: 45px;
    display: block;
    float: left;
    margin-right: 5px
}

.link .iconMenuRoyalBlue {
    height: 44px;
    background-color: #578EE0 !important;
    width: 45px;
    display: block;
    float: left;
    margin-right: 5px
}

.link .iconMenuRoyalBlue {
    height: 44px;
    background-color: #578EE0 !important;
    width: 45px;
    display: block;
    float: left;
    margin-right: 5px
}

.link .iconMenuDarkBrown {
    height: 44px;
    background-color: #C0985A !important;
    width: 45px;
    display: block;
    float: left;
    margin-right: 5px
}

.link .iconMenuLightGreen {
    height: 44px;
    background-color: #477971 !important;
    width: 45px;
    display: block;
    float: left;
    margin-right: 5px
}

.link .iconMenuSC {
    height: 44px;
    background-color: #435A6F !important;
    width: 45px;
    display: block;
    float: left;
    margin-right: 5px
}

.iconMenuDarkCyanColor {
    background-color: #005F73 !important;
}

.iconMenuBlueColor {
    background-color: #27A9E3 !important;
}

.iconMenuGreenColor {
    background-color: #28B779 !important;
}

.iconMenuLavColor {
    background-color: #852B99 !important;
}

.iconMenuYellowColor {
    background-color: #FFB848 !important;
}

.iconMenuBrownColor {
    background-color: #DAAA63 !important;
}

.iconMenuRedColor {
    background-color: #D84A38 !important;
}

.iconMenuRoyalBlueColor {
    background-color: #578EE0 !important;
}

.iconMenuDarkBrownColor {
    background-color: #C0985A !important;
}

.iconMenuLightGreenColor {
    background-color: #477971 !important;
}

.link .rApp {
    background: url(../images/recentApp32.png) no-repeat center center
}

.link .AppApproved {
    background: url(../images/click.png) no-repeat center center
}

.link .rejected {
    background: url(../images/rejected1.png) no-repeat center center
}

.link .lapes {
    background: url(../images/lapsed.png) no-repeat center center
}


.link .extra {
    background: url(../images/add.gif) no-repeat center center
}

.link .tourmast {
    background: url(../images/tour.png) no-repeat center center
}

.link .markin {
    font-style: normal;
    text-align: center;
    font-size: 30px;
    color: white;
}

.link .markout {
    font-style: normal;
    text-align: center;
    font-size: 30px;
    color: white;
}

.link .rec {
    background: url(../images/rec.png) no-repeat center center
}

.link .apply {
    background: url(../images/apply1.png) no-repeat center center
}

.link .payslip {
    background: url(../images/payslip.png) no-repeat center center
}

.link .tax {
    background: url(../images/TaxProjection.png) no-repeat center center
}

.LinkBox h3 {
    padding: 2%;
    color: #333;
    font-size: 24px;
    font-weight: normal;
}


/************************* EmpLeaveList *******************************/

.container {
    width: 100%;
    float: left;
    margin-top: 66px;
    margin-bottom: 50px
}

    .container .boxContent {
        width: 100%;
        float: left;
        border-bottom: 1px solid #EEE;
        margin-bottom: 1%;
    }

        .container .boxContent .rowContentEmp {
            float: left;
            width: 98%;
            padding: 1%;
        }

            .container .boxContent .rowContentEmp .leftSection {
                width: 20%;
                float: left;
                padding: 0% 0%
            }

                .container .boxContent .rowContentEmp .leftSection .labelLeave {
                    float: left;
                    font-size: 18px;
                    color: #CD0000
                }

                .container .boxContent .rowContentEmp .leftSection .leaveCountBox {
                    float: left;
                    width: 100%; /*padding:5px 0%;*/
                    margin-top: 3px;
                    padding: 0px 0px 0px 0px
                }

                .container .boxContent .rowContentEmp .leftSection .empPhoto {
                    float: left;
                    width: 80%;
                    padding: 0.5%;
                    background: #CCCCCC;
                    border-radius: 35px 35px 35px 35px;
                }

                    .container .boxContent .rowContentEmp .leftSection .empPhoto img {
                        width: 100%;
                        border-radius: 35px 35px 35px 35px;
                    }

                .container .boxContent .rowContentEmp .leftSection .leftContentRow .leaveBlock {
                    float: left;
                    background: #f6f6f6;
                    border-radius: 0px 10px 10px 10px;
                    padding: 5% 2% 4%
                }
                /**********************New Leave Details Css**************************/

                .container .boxContent .rowContentEmp .leftSection .leftContentRow .leaveBlockOne {
                    float: left;
                    background: #27A9E3;
                    padding: 20% 6%;
                    width: 80%;
                    text-align: center
                }

                .container .boxContent .rowContentEmp .leftSection .leftContentRow .leaveBlockOne {
                }

                    .container .boxContent .rowContentEmp .leftSection .leftContentRow .leaveBlockOne .NewlabelLeave {
                        color: #FFF;
                        font-size: 24px;
                        text-align: center
                    }

                        .container .boxContent .rowContentEmp .leftSection .leftContentRow .leaveBlockOne .NewlabelLeave .ExpMonthName {
                            color: #FFF;
                            font-size: 14px;
                            text-align: center
                        }

                    .container .boxContent .rowContentEmp .leftSection .leftContentRow .leaveBlockOne .NewlabelLeaveDays {
                        color: #FFFFFF;
                        font-size: 9px;
                        text-align: center
                    }

            .container .boxContent .rowContentEmp .rightProfileContent .rightContentRow .Newdate, .Newto {
                float: left;
                padding: 0% 2% 0% 0px;
                color: #666;
                font-size: 12px;
                letter-spacing: 1px;
                font-weight: bold
            }

            .container .boxContent .rowContentEmp .rightProfileContent .rightContentRow .Newdate1, .Newto {
                float: left;
                padding: 5% 2% 0% 0px;
                color: #666;
                font-size: 14px;
                letter-spacing: 1px;
                font-weight: bold
            }

            .container .boxContent .rowContentEmp .rightProfileContent .rightContentRow .Newdate2, .Newto {
                float: left;
                padding: 0% 2% 0% 0px;
                color: #666;
                font-size: 14px;
                letter-spacing: 1px;
                font-weight: bold
            }

            .container .boxContent .rowContentEmp .rightProfileContent .rightContentRow .Newdate p > span {
                font-weight: bold !important
            }

            .container .boxContent .rowContentEmp .leftSection .leftContentRow .numberBlockSeprate {
                padding: 1% 2%;
                text-align: center;
                float: left;
                width: 88%;
            }

            .container .boxContent .rowContentEmp .leftSection .leftContentRow .leaveBlock .bigLeaveBlock {
            }

            .container .boxContent .rowContentEmp .leftSection .leftContentRow .leaveBlock .numberBlock {
                float: left;
                padding: 0% 1% 0% 0%;
                font-size: 14px;
                font-weight: bold;
                line-height: 15px
            }

            .container .boxContent .rowContentEmp .leftSection .leftContentRow .leaveLabel, .leaveCounter {
                float: left;
                font-weight: normal;
                padding-right: 1%;
                color: #999;
            }

            .container .boxContent .rowContentEmp .leftContentRow .date, .to {
                float: left;
                padding: 0px 1% 0% 0px;
                color: #999
            }

#searchInput {
    border: 1px solid #CCC;
    border-radius: 5px;
    color: #333;
    float: left;
    font-size: 10px;
    margin: 15px 2% 10px 2%;
    overflow: hidden;
    padding: 8px 1%;
    text-overflow: ellipsis;
    width: 94%;
}

.container .boxContent .rowContentEmp .rightProfileContent {
    width: 79%;
    float: left;
    padding: 0% 0.5%
}

    .container .boxContent .rowContentEmp .rightProfileContent .rightContentRow, .leftContentRow {
        float: left;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis
    }

        .container .boxContent .rowContentEmp .rightProfileContent .rightContentRow .empName, .empName a, .empCode {
            color: #666666;
            font-size: 13px;
            padding: 0 1% 0px 0%;
            float: left;
            font-weight: bold
        }

        .container .boxContent .rowContentEmp .rightProfileContent .rightContentRow .pipe {
            background: #DDD;
            width: 0.5%;
            height: 16px;
            margin-top: 3px;
            float: left
        }

        .container .boxContent .rowContentEmp .rightProfileContent .rightContentRow .checkBoxClick {
            float: right;
            padding-right: 2%
        }

        .container .boxContent .rowContentEmp .rightProfileContent .rightContentRow .namePatch {
            font-size: 14px;
            padding-right: 1%;
            float: left;
            color: #999999;
        }

        .container .boxContent .rowContentEmp .rightProfileContent .rightContentRow .codePatch {
            font-size: 14px;
            float: left;
            padding: 0% 1% 0% 1%;
            padding-bottom: 3px;
            color: #999
        }

.bright {
    border-right: none
}

.container .boxContent .rowContentEmp .rightProfileContent .rightContentRow .date, .to {
    float: left;
    padding: 0% 1% 0% 0px;
    color: #333;
    font-size: 14px
}

.container .boxContent .rowContentEmp .rightProfileContent .rightContentRow .remarks {
    float: left;
    color: #999;
    font-size: 13px
}

.container .boxContent .rowContentEmp .rightProfileContent .rightContentRow .remarksApprover {
    float: left;
    color: #444444;
    font-size: 14px
}

    .container .boxContent .rowContentEmp .rightProfileContent .rightContentRow .remarksApprover .ViewLink {
        color: #006699;
    }

input[type=checkbox] {
    margin: 0px;
    margin-top: 3px
}

.container .boxContent .rowContent .ExpenseChk {
    float: left;
    padding: 2% 2% 1% 2%;
    font-size: 12px;
    letter-spacing: 1px;
    width: 7%;
}

.container .boxContent .rowContent .ExpenseDt {
    float: left;
    padding: 2% 2% 1% 1%;
    font-size: 12px;
    letter-spacing: 1px;
    width: 21%;
    white-space: nowrap;
}

.container .boxContent .rowContent .ExpenseDt1 {
    float: left;
    padding: 2% 2% 1% 1%;
    font-size: 12px;
    letter-spacing: 1px;
    width: 25%;
    white-space: nowrap;
}

.container .boxContent .rowContent .ExpenseName {
    float: left;
    padding: 2% 2% 1% 1%;
    font-size: 12px;
    letter-spacing: 1px;
    width: 31%;
}

.container .boxContent .rowContent .ExpenseName1 {
    float: left;
    padding: 2% 2% 1% 1%;
    font-size: 12px;
    letter-spacing: 1px;
    width: 30%;
}

.container .boxContent .rowContent .ExpenseAmt {
    float: left;
    padding: 2% 2% 1% 2%;
    font-size: 12px;
    letter-spacing: 1px;
    width: 21%;
}

.container .boxContent .rowContent .ExpenseAmt1 {
    float: left;
    padding: 2% 2% 1% 2%;
    font-size: 12px;
    letter-spacing: 1px;
    width: 30%;
}

.container .boxContent .rowContent .ExpenseInput input {
    float: left;
    padding: 4px 1%;
    font-size: 14px;
    margin: 0.5% 0%;
    color: #333;
    border: 1px solid #CCC;
    width: 98%;
    border-radius: 5px;
    font-family: 'segoe', Geneva, sans-serif;
    text-overflow: ellipsis;
    overflow: hidden
}

.container .boxContent .rowContent .RightInput input {
    text-align: right;
}

.container .boxContent .rowContent .ExpenseRemarks {
    float: left;
    color: #999;
    font-size: 13px;
    display: block;
    padding-left: 2%;
    padding-bottom: 1%;
    width: 100%;
}

.container .ExpenseDetails {
    margin-bottom: 1%;
    width: 100%;
    float: left;
    line-height: 20px;
}

.container .ExpenseDetailsInprocess {
    border-bottom: 6px solid #cccc99;
}

.container .ExpenseDetailsApproved {
    border-bottom: 6px solid #b1d88a;
}

.container .ExpenseDetailsRejected {
    border-bottom: 6px solid #FC9090;
}

.container .ExpenseDetailsLapsed {
    border-bottom: 6px solid Gray;
}

.container .ExpenseHeader {
    background-color: #C0985A !important;
    color: white !important;
    font-weight: normal;
}

.container .expenseEntryNote {
    float: left;
}

/*****************************************Pagination css*********************************************/
.paginationBox {
    float: left;
    width: 98%;
    background: #EEE;
    padding: 10px 1%;
    font-size: 10px
}

    .paginationBox > span {
        display: block;
        width: 100%;
        float: left
    }

    .paginationBox span span {
        color: #FFF;
        font-size: 18px;
        line-height: 15px;
        height: 30px; /*15px;*/
        background: #333;
        padding: 2%;
        border: 1px solid #333;
        float: left;
        margin: 0.5%;
        width: 10%; /*5%;*/
        text-align: center
    }

    .paginationBox a {
        font-size: 18px;
        display: block;
        line-height: 15px;
        height: 30px; /*15px;*/
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: center;
        padding: 2%;
        width: 10%; /*5%;*/
        color: #333;
        border: 1px solid #333;
        float: left;
        margin: 0.5%
    }

    .paginationBox .aspNetDisabled {
        color: #999 !important;
        cursor: default
    }


    .paginationBox .pagination {
        padding: 1%;
        width: 98%;
        float: left;
        background: #f9f9f9
    }

        .paginationBox .pagination li {
            display: inline;
            border: 1px solid #999;
            font-size: 10px;
            text-align: center;
            float: left;
            margin: 0px 1%
        }

            .paginationBox .pagination li a {
                color: #333;
                padding: 5px;
                display: block
            }

                .paginationBox .pagination li a.selectedPage {
                    background: #666666;
                    color: #FFF
                }

                .paginationBox .pagination li a.disablePage {
                    color: #999;
                    cursor: default
                }

            .paginationBox .pagination li:hover {
                background: #eee
            }


/*****************************Error Page css*********************************/
.errorPageBox {
    padding: 2%;
    width: 96%;
    float: left
}

    .errorPageBox table {
        color: #333;
        text-align: center;
        width: 100%
    }

        .errorPageBox table tr td {
            color: #3F8898;
            font-size: 13px;
            font-weight: bold;
            line-height: 25px;
            padding: 10px 0;
            text-align: center;
        }

            .errorPageBox table tr td img {
                width: 100%
            }

            .errorPageBox table tr td a {
                color: #333
            }

#divlistview {
    float: left;
    padding: 10px 0%;
    width: 100%
}

/**************************************Remarks Box***************************************/
.remarksBox {
    float: left;
    width: 100%;
    margin: 10px 0%
}

    .remarksBox .remarks {
        float: left;
        padding: 1%;
        width: 98%
    }

        .remarksBox .remarks .labelLeave {
            font-size: 16px;
            color: #333;
            padding: 5px 1% 5px 0%;
            width: 20%
        }

        .remarksBox .remarks .remarksInput {
            float: left;
            width: 67%;
        }

            .remarksBox .remarks .remarksInput input {
                border: 1px solid #999;
                color: #333;
                width: 98%;
                font-size: 16px;
                padding: 5px 1%;
            }

        .remarksBox .remarks .deciDD select {
            margin-left: 2%;
            color: #333;
            border: 1px solid #999;
            font-size: 16px;
            float: left;
            padding: 5px 0%;
            width: 30%
        }

.button {
    border: 1px solid #CCC;
    border-radius: 5px;
    margin: 0px 5px 0px 0px;
    background: #F5F5F5;
    background: -moz-linear-gradient(top, #e6e6e6 35%, #FFF 100%);
    background: -webkit-linear-gradient(top, #e6e6e6 35%, #FFF 100%);
    padding: 7px 9%;
    color: #666;
    cursor: pointer
}

.bgbutton {
    border: 1px solid #CCC;
    border-radius: 5px;
    margin: 0px 5px 0px 0px;
    background: #F5F5F5;
    background: -moz-linear-gradient(top, #e6e6e6 35%, #FFF 100%);
    background: -webkit-linear-gradient(top, #e6e6e6 35%, #FFF 100%);
    padding: 12px 9%;
    color: #666;
    cursor: pointer;
    width: 96%;
    font-size: 14px !important;
}

.buttonRow {
    float: left;
    width: 100%;
    margin-top: 10px;
    margin-left: 4px;
    text-align: left;
}

    .buttonRow .buttonRow {
        float: left;
        width: 100%;
    }

/************************Grid Table******************************/
.gridLayout {
    float: left;
    width: 100%;
    margin: 20px 0%
}

    .gridLayout .gridTable {
        width: 100%;
        float: left;
    }

        .gridLayout .gridTable .headerTableContent {
            width: 28%;
            font-size: 13px;
            float: left;
            padding: 5px 2%;
            text-align: center;
            border: 1px solid #CCC
        }

        .gridLayout .gridTable .headerTableTitle {
            width: 28%;
            font-size: 13px;
            float: left;
            padding: 5px 2%;
            text-align: center;
            border: 1px solid #CCC;
            background-color: #dc6900 !important;
            color: white;
        }

/************************Grid Table Expense******************************/
.expGridLayout {
    float: left;
    width: 100%;
    margin: 8px 0px 2px 0%;
}

    .expGridLayout .gridTable {
        width: 100%;
        float: left;
    }

        .expGridLayout .gridTable .headerTableContenthalf {
            width: 49%;
            font-size: 13px;
            float: left;
            padding: 5px 2%;
            text-align: left;
            border: 1px solid #CCC
        }

        .expGridLayout .gridTable .headerTableContentfull {
            width: 98%;
            font-size: 16px;
            float: left;
            padding: 5px 2%;
            text-align: left;
            border: 1px solid #CCC
        }

        .expGridLayout .gridTable .headerTableTitle {
            width: 47%;
            font-size: 16px;
            float: left;
            padding: 5px 2%;
            text-align: left;
            border: 1px solid #CCC;
            background-color: #FFB848 !important;
            color: white;
        }

/************************ Swipe **********************************/
.date p {
    color: #999
}

.swipeName {
    color: #666666;
    font-size: 11px;
    padding: 0 1% 1% 0%;
    float: left;
}

.timeSection {
    float: left;
    width: 48%
}

    .timeSection p.label {
        float: left;
        padding-right: 4%;
        font-size: 13px;
        line-height: 20px;
        color: #999
    }

    .timeSection .timeShow {
        float: left;
        padding: 1% 0px;
        width: 65%;
        font-size: 10px;
        margin-right: 5%;
        color: #999;
        border: 1px solid #999
    }

/******************Forgot Password box****************************/
.FortitleLogo {
    text-align: center;
    margin-bottom: 10px
}

.martN {
    margin-top: 0px !important
}

.forgotPasswordBox {
    float: left;
    margin: 2% 0 0 5%;
    padding: 2%;
    width: 85%
}

    .forgotPasswordBox .loginRow .labelTextbg {
        background: url("../images/us.png") no-repeat scroll 5px center rgba(0, 0, 0, 0);
    }

    .forgotPasswordBox .loginRow .labelOTPbg {
        background: url("../images/otp.png") no-repeat scroll 5px center rgba(0, 0, 0, 0);
    }

    .forgotPasswordBox .loginRow .labelPWDbg {
        background: url("../images/pwd.png") no-repeat scroll 5px center rgba(0, 0, 0, 0);
    }

    .forgotPasswordBox .loginRow .labelText {
        border: 1px solid #CCCCCC;
        border-radius: 5px;
        color: #333;
        height: 25px;
        margin: 10px 0;
        padding: 5px 16%;
        width: 68%
    }

.note {
    width: 100%;
    overflow: hidden;
    clear: left;
    padding: 1% 0%;
    text-overflow: ellipsis;
    font-size: 10px;
    color: Green
}

.reLogin {
    color: #333;
    float: left;
    font-size: 11px
}

.label {
    float: left;
    padding: 1% 0px 0px 0%;
    color #999;
    font-size: 11px
}

.titleLeaveList {
    padding: 2% 0% 2% 2%;
    float: left;
}

    .titleLeaveList h3 {
        font-size: 18px;
        color: #333
    }

.forgotBox {
    padding: 5%;
    background: #E6E6E6
}


/**************************Dashboard css**********************************/
/* .titleDashboard{ height:35px; background:#ff4948; border-bottom:4px solid #DCB374;color:#FFF; margin-bottom:5px; padding:0px 1%; line-height:35px;  /*box-shadow:0 24px 0 0 #27A9E3 inset; background:#1a93c9; } */
.titleDashboard {
    height: 35px;
    background: #e9e9e9;
    border-bottom: 1px solid #021A2A;
    color: #000;
    margin-bottom: 5px;
    padding: 0px 1%;
    line-height: 35px;
}

.dashcontainer {
    width: 100%;
    float: left;
    margin-top: 15px;
    margin-bottom: 40px
}

.dashBoxContainer {
    background-color: #d5d5d5;
}

.dashBoxContent {
    padding: 2%;
}

.dashBox {
    float: left;
    width: 95%;
    padding-bottom: 2%;
    margin: 4% 2% 0 2%;
    background-color: #FFFFFF;
    box-shadow: 2px 4px 6px 0 #777777;
    overflow: hidden;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    border-top: 1px solid #EEE;
}

    .dashBox .navigationMonth {
        float: left;
        width: 100%;
        margin-bottom: 8px;
    }

        .dashBox .navigationMonth .month a {
            font-weight: bold;
            line-height: 20px;
            float: left;
            width: 20%;
            color: #000;
            text-align: center;
            padding: 2% 1.5%; /*background:#FFB848*/
            box-shadow: 0px 0px 5px 4px #DDD inset;
            height: 20px;
            border-radius: 25px
        }

        .dashBox .navigationMonth .monthYearBlok {
            line-height: 20px;
            float: left;
            width: 44%;
            color: #000;
            font-weight: bold;
            padding: 1.5% 11%;
            margin: 0px 0.5%;
            box-shadow: 0px 0px 5px 4px #DDD inset;
            ; /*background:#FFB848;*/
            height: 29px;
            border-radius: 25px
        }

            .dashBox .navigationMonth .monthYearBlok p {
                float: left;
                width: 50%;
                text-align: center
            }

    .dashBox .dayTitle, .dayNumber {
        float: left;
        border: 1px solid #ccc;
        overflow: hidden;
        width: 99.9%;
    }

        .dashBox .dayTitle .day, .dayDate {
            height: 35px;
            float: left;
            padding: 1%;
            width: 14.28%;
            text-align: center;
            font-weight: bold;
            /*color: #777*/
            color: #ffffff;
        }

    .dashBox .dayNumber .dayDate .boxes .blockOne, .blockTwo {
        width: 8px;
        margin-bottom: 2px;
        margin-left: 2px;
        height: 8px;
    }

    .dashBox .dayNumber .dayDate a {
        color: #333;
        width: 100%;
        height: 30px;
        display: block
    }

.backColor {
    background: #17a2b8 /*#EEE*/
}

.borderRight {
    border-right: 1px solid #CCC
}

.dayNumber .dayDate {
    font-weight: normal !important;
}

.disDate a {
    color: #ccc !important
}

.dateNumber {
    float: left;
    width: 50%;
}

.boxes {
    float: left
}

    .boxes .blockTwo {
        background: #99CC33
    }

    .boxes .blockOne {
        background: #FF3300
    }

/********** Thought Of the Day *****/
.thoughtText {
    text-align: justify;
    padding: 1%;
    width: 98%;
    color: #999;
    line-height: 20px;
    font-size: 22px;
}

    .thoughtText ul {
        margin-bottom: 30px;
        float: left;
        width: 100%;
    }

.capsThought::first-letter {
    font-size: 22px;
    color: #FFB848
}

/************* Policy Docs *****************/
.PolText {
    text-align: justify;
    padding: 1%;
    width: 98%;
    color: #999;
    line-height: 20px;
}

    .PolText ul {
        margin-bottom: 30px;
        float: left;
        width: 100%;
    }

.queBox {
    float: left;
    width: 100%;
    overflow: hidden;
    margin-bottom: 5px
}

    .queBox h3 {
        font-size: 14px;
        font-weight: bold;
        text-align: justify
    }

        .queBox h3 a {
            color: #333
        }

    .queBox p {
        font-size: 13px;
        text-align: justify;
        line-height: 20px
    }

/*************** Events & Annoucements *********************/
.anno {
    list-style: square;
    margin: 0px 0% 0px 2%
}

/*************** Leave type Legends *********************/

.LegBox {
    border: 1px solid #CCCCCC;
    float: left;
    overflow: hidden;
    width: 99.9%;
}

.legCol {
    color: #777777;
    float: left;
    font-weight: bold;
    /*height: 22px;*/
    padding: 1%;
    text-align: center;
    width: 16%;
    border-right: 1px solid #CCCCCC;
}

.legText {
    margin: 1% 2% 1% 4%;
    float: left;
    width: 10%;
    font-size: 12px;
    font-weight: normal !important;
}

.legInd {
    margin: 1% 2% 2% 70%;
    padding-left: 4%;
    width: 15%;
    height: 9px;
    border: 1px solid #CCCCCC;
    font-weight: normal !important;
}

/**************************Footer css**********************************/
.footerBlock {
    position: fixed;
    bottom: 0px;
    background: #dc6900;
    width: 100%;
    height: 35px
}
    /*.footerBlock .footerLogoSection{width:10%; float:left; overflow:hidden}*/
    .footerBlock .footerTitle {
        float: left;
        padding: 7px 0px;
        width: 100%
    }

        .footerBlock .footerTitle .cmpnyLogo {
            float: right;
            width: 39%;
            padding-right: 1%;
            text-align: right
        }

        .footerBlock .footerTitle .develop {
            width: 59%;
            float: left;
            text-overflow: ellipsis;
            overflow: hidden;
            color: #999;
            font-size: 10px;
            padding: 0.5%
        }

/************************Timesheet Daily Details List******************************/

.listBox {
    float: left;
    width: 100%;
    margin-bottom: 1%;
    padding: 5px 0px 8px 2px;
    box-shadow: 1px 1px 4px 0 #DDDDDD;
    background-color: #F5F5F5;
}

    .listBox .BoxContentProject {
        float: left;
        width: 42%;
        font-size: 13px;
        margin-left: 2%;
        margin-right: 2%;
    }

    .listBox .BoxContentDate {
        float: left;
        width: 12%;
        font-size: 13px;
        margin-right: 2%;
        text-align: center;
    }

    .listBox .BoxContentTime {
        float: left;
        width: 26%;
        font-size: 13px;
        margin-right: 2%;
        text-align: left;
    }

    .listBox .BoxContentDiff {
        float: left;
        width: 10%;
        font-size: 13px;
        text-align: center;
    }

    .listBox .BoxContentRemark {
        float: left;
        width: 97%;
        font-size: 13px;
        margin-left: 2%;
        color: #999;
        overflow-wrap: break-word;
    }

.container .TimeSheetDetailViewHeader {
    background-color: #5F69B3 !important;
    color: white;
    font-weight: normal;
}

.dispDate {
    white-space: nowrap;
}

/*added by Rahul on 11 August 2016 */

.ExpenseSmlbutton {
    border: 1px solid #CCC;
    border-radius: 5px;
    margin: 0px 5px 0px 0px;
    background: #F5F5F5;
    background: -moz-linear-gradient(top, #e6e6e6 35%, #FFF 100%);
    background: -webkit-linear-gradient(top, #e6e6e6 35%, #FFF 100%);
    padding: 13.5px 5%;
    color: #666;
    cursor: pointer;
    font-size: medium;
}

#leftCharNew {
    width: 100%;
    float: right;
    text-align: right;
    padding: 1% 0%;
    font-size: 10px
}

/******************** List Alternate Row Color ******************************/
.container .LeaveLstAlternateRow {
    background-color: #EFFAFF !important;
}

.container .ODLstAlternateRow {
    background-color: #F4FFFA !important;
}

.container .COLstAlternateRow {
    background-color: #FEF8FF !important;
}

.container .SwipeLstAlternateRow {
    background-color: #FFF9F0 !important;
}

.container .TrainingLstAlternateRow {
    background-color: #FFF7F6 !important;
}

.container .TravelDeskLstAlternateRow {
    background-color: #F7FFFE !important;
}

.container .ExpenseLstAlternateRow {
    background-color: #FFF6E8 !important;
}

.container .TimeSheetDetailLstAlternateRow {
    background-color: #EEE9FF !important;
}

.container .ShiftChangeLstAlternateRow {
    background-color: #57759033 !important;
}

.container .ShortTimeLstAlternateRow {
    background-color: #f3f3ef !important;
}

.disableInput {
    background-color: #EBEBE4;
}

.container .TREntryJournyMode {
    font-size: 28px;
    width: 100%;
}

.container .Newdate3 {
    float: left;
    padding: 0% 2% 0% 0px;
    color: #666;
    font-size: 18px;
    font-weight: normal
}

    .container .Newdate3 .ExpenseLstApproveAmt {
        color: #0FAB0F;
    }

    .container .Newdate3 .ExpenseLstRejectedAmt {
        color: #DC2A2A;
    }

.container .leaveBlock {
    float: left;
    background: #f6f6f6;
    border-radius: 0px 10px 10px 10px;
    padding: 5% 2% 4%
}



.mobile-bottom-nav {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    will-change: transform;
    transform: translateZ(0);
    display: flex;
    height: 65px;
    box-shadow: 0 -2px 5px -2px #333;
    background-color: #dc6900;
}

.mobile-bottom-nav__item {
    flex-grow: 1;
    text-align: center;
    font-size: 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.mobile-bottom-nav__item--active {
}

.mobile-bottom-nav__item-content {
    display: flex;
    color: white;
    flex-direction: column;
}

/* For Login Page*/

.focus-input100::before {
    background: #dc6900;
}

.login100-form-btn {
    background-color: #dc6900;
}

.txt2 {
    color: #dc6900;
}


/* End For Login Page*/


/******************************* Added for top Settings Icon ************************************/
/*.cust-btnSettings{color: white;font-size: 22px;margin: 15px 0px;display:none}*/
/*.cust-btnSettings {display: none}*/
.cust-btnSettings2 {
    color: white;
    font-size: 22px;
}
/*.SettingsSection{width:5%;float:left;}*/
.SettingsSection {
    width: 4%;
    float: right;
    margin: 15px;
}

/******************************* Added for top Settings Section Dropdwon ************************************/
.dropdown {
    position: relative;
    display: inline-block
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #E87308;
    min-width: 174px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    padding: 12px 16px;
    z-index: 1;
    font-size: 15px;
    right: 0;
    line-height: 32px
}

.dropdown:hover .dropdown-content {
    display: block
}

.dropdown-content i {
    padding-right: 8px
}

.dropdown-content div i {
    padding: 6px 0 !important
}

.dropdown-content div a, .dropdown-content div i {
    color: white;
    font-size: 14px;
    padding: 5px 3px
}

.bg-wo {
    background-color: #FFCC00 !important;
}

.SpineSelectorRowstyle {
    background-color: #e3ece7 !important;
    color: #333;
    height: 32px;
}