/*header part css*/
#headerRow1
{
    height: auto;
    line-height: 50px;
}

.control-width
{
    height: auto;
    padding: 3px;
    border-radius: 4px;
    margin: 0px;
}
#empImage
{
    border: 1px solid;
}

label.lableHeading
{
    font-weight: bold;
    border-bottom: 1px solid Maroon;
    position: relative;
    color: #4682b4;
    padding-bottom: 5px;
}
label.lableHeading > span
{
    position: absolute;
    border-bottom: 2px solid Maroon;
    width: 200px;
    bottom: 0;
    left: 0;
}

label.lableHeading2
{
    font-weight: bold;
    border-bottom: 1px solid Maroon;
    position: relative;
    color: #4682b4;
    padding-bottom: 5px;
}
label.lableHeading2 :last-child
{
    position: absolute;
    border-bottom: 2px solid Maroon;
    width: 250px;
    bottom: 0;
    left: 0;
}

.reimbStatusBorder
{
    border-bottom: 1px solid #ddd;
    border-right: 0px none #ddd;
}

input[type=text]::-ms-clear {
    display: none;
}

/*#headerDiv
{
    width: 100%; position: fixed; z-index: 999; background-color: white;
}
#contentDiv
{
    padding-top: 140px;
}*/

@media (min-width: 767px)
{
    .control-width
    {
        height: 60px;
    }
    #headerRow1
    {
        height: 60px;
        line-height: 50px;
    }
    
    .reimbStatusBorder
    {
        border-bottom: 0px none #ddd;
        border-right: 1px solid #ddd;
    }

}

a
{
    color: #006699;
    text-decoration: none;
    font-weight: bold;
}
a:hover
{
    color: Orange;
    text-decoration: none;
    font-weight: bold;
}
a:active
{
    color: Orange;
    text-decoration: none;
    font-weight: bold;
}

Font
{
    font-size: small;
    color: blue;
    font-family: 'Verdana';
    font-variant: small-caps;
}

td, th
{
    font-size: 11px;
    font-family: Verdana;
}

.TableBrdr
{
    border: rgba(65, 89, 103, 0.8) 1px solid;
}

.txtbx
{
    border-color: rgba(65, 89, 103, 0.8);
    border-width: 1px;
    border-style: Solid;
    font-family: Verdana;
    font-size: XX-Small;
    height: 18px;
    width: 80px;
}

.upper
{
    text-transform: uppercase;
}

.txtbx1
{
    border-color: rgba(65, 89, 103, 0.8);
    direction: rtl;
    border-width: 1px;
    border-style: Solid;
    font-family: Verdana;
    font-size: XX-Small;
    height: 18px;
    width: 80px;
}

.ddlist
{
    border: 1px Solid rgba(65, 89, 103, 0.8);
    font-family: Verdana;
    font-size: XX-Small;
}

.btn
{
    /*border: rgba(65, 89, 103, 0.8) 1px solid;*/
    font-family: Verdana;
    /*background-color: #4c4c4c;*/
    height: 22px;
    min-width: 80px;
    color: White;
    padding: 0px 5px;
}


.GridHdr
{
    height: 25px;
    border: 1px Solid rgba(65, 89, 103, 0.8);
    color: White;
    background-color: rgba(65, 89, 103, 0.8);
}

.GridHeader
{
    height: 25px;
    border: 1px Solid rgba(65, 89, 103, 0.8);
    color: White;
    background-color: rgba(65, 89, 103, 0.8);
    position: relative;
    top: expression(document.getElementById("div-datagrid").scrollTop-2);
}

.GridHeader2
{
    height: 25px;
    border: 1px Solid rgba(65, 89, 103, 0.8);
    color: White;
    background-color: rgba(65, 89, 103, 0.8);
    position: relative;
    top: expression(document.getElementById("div-datagrid2").scrollTop-2);
}


.StopDiv
{
    background-color: Green;
    font: 20px Trebuchet MS, Arial;
    color: Green;
    float: none;
    background-color: #EAEAAE;
    top: 0%;
    width: 100%;
    height: 800px;
    padding-top: 200px;
    padding-left: 200px;
    vertical-align: middle;
    border-style: solid;
    border-color: Red;
    position: absolute;
}


.linkPDF
{
    display: inline-block;
    padding-left: 20px;
    line-height: 18px;
    background: transparent url(../Images/doc_pdf.png) center left no-repeat;
    text-decoration: none;
    color: #35586C;
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
}
.linkRTF
{
    display: inline-block;
    padding-left: 20px;
    line-height: 18px;
    background: transparent url(../Images/doc_rtf.png) center left no-repeat;
    text-decoration: none;
    color: #35586C;
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
}


.rptHtmlOrange
{
    font-family: Verdana;
    font-size: xx-small;
    table-layout: auto;
    word-break: keep-all;
    background-color: #EAEAAE;
    color: #C73F17;
}
.rptHtmlOrange_Heading
{
    font-family: Verdana;
    font-size: small;
    table-layout: auto;
    word-break: keep-all;
    background-color: #C73F17;
    color: #E3CF57;
    font-variant: small-caps;
    font-weight: bold;
}
.rptHtmlOrange_Contant
{
    font-family: Verdana;
    font-size: xx-small;
    table-layout: auto;
    word-break: keep-all;
    background-color: #C73F17;
    color: #E3CF57;
    font-variant: small-caps;
    font-weight: bold;
}



/*css class for nav tab left for dashboard*/

#menuList
{
    border-bottom: none;
    padding-top: 2px;
    border-right: 1px solid #4c4c4c;
}
#menuList > ul > li
{
    float: none;
    margin-bottom: 2px;
}
#menuList > ul > li.active > a, #menuList > ul > li.active > a:hover, #menuList > ul > li.active > a:focus
{
     background-color: rgba(51, 73, 85, 1);
}
#menuList > ul > li > a
{
    border-radius: 4px;
    margin-right: 0;
    display: block;
    background-color: rgba(65, 89, 103, 0.8);
    color: White;
}
#menuList > ul > li > a:hover, #menuList > ul > li > a:focus
{
     background-color: rgba(51, 73, 85, 1);
}
#menuList img
{
    height: 30px;
    width: 30px;
    border-radius: 5px;
    margin: 2px;
}
#Dashboard img
{
    height: 40px;
    border-radius: 5px;
    margin: 2px;
}
#Travelling img, #Conveyance img, #Communication img, #StaffWalfare img, #StaffTiffin img, #OfficeMaintenance img, #Admin img
{
    height: 150px;
    border-radius: 5px;
    margin: 2px; 
    width: 100%;
}

.paddingBorderTrvAdv
{
    padding: 10px;
    border: 1px solid #517B58;
    box-shadow: 5px 5px 5px #888886;
    border-radius: 5px;
    background-color: #ededed;
}
.paddingBorderTrvAdv:hover
{
    background-color: White;
}
.paddingBorderTrvAdv p
{
    background-color: #517B58;
    color: White;
}

.paddingBorderTrvSht
{
    padding: 10px;
    border: 1px solid #3299CC;
    box-shadow: 5px 5px 5px #888886;
    border-radius: 5px;
    background-color: #ededed;
}
.paddingBorderTrvSht:hover
{
    background-color: White;
}
.paddingBorderTrvSht p
{
    background-color: #4682B4;
    color: White;
}

.paddingBorderConv
{
    padding: 10px;
    border: 1px solid #9F9F5F;
    box-shadow: 5px 5px 5px #888886;
    border-radius: 5px;
    background-color: #ededed;
}
.paddingBorderConv:hover
{
    background-color: White;
}
.paddingBorderConv p
{
    background-color: #9F9F5F;
    color: White;
}

.paddingBorderCommu
{
    padding: 10px;
    border: 1px solid #9F5F9F;
    box-shadow: 5px 5px 5px #888886;
    border-radius: 5px;
    background-color: #ededed;
}
.paddingBorderCommu:hover
{
    background-color: White;
}
.paddingBorderCommu p
{
    background-color: #9F5F9F;
    color: White;
}

.paddingBorderStfWlf
{
    padding: 10px;
    border: 1px solid #8B6969;
    box-shadow: 5px 5px 5px #888886;
    border-radius: 5px;
    background-color: #ededed;
}
.paddingBorderStfWlf:hover
{
    background-color: White;
}
.paddingBorderStfWlf p
{
    background-color: #8B6969;
    color: White;
}

.paddingBorderOffMtn
{
    padding: 10px;
    border: 1px solid #415967;
    box-shadow: 5px 5px 5px #888886;
    border-radius: 5px;
    background-color: #ededed;
}
.paddingBorderOffMtn:hover
{
    background-color: White;
}
.paddingBorderOffMtn p
{
    background-color: #415967;
    color: White;
}

.paddingBorderStfTfn
{
    padding: 10px;
    border: 1px solid #855E42;
    box-shadow: 5px 5px 5px #888886;
    border-radius: 5px;
    background-color: #ededed;
}
.paddingBorderStfTfn:hover
{
    background-color: White;
}
.paddingBorderStfTfn p
{
    background-color: #855E42;
    color: White;
}

.dashLabel
{
    line-height: 25px;
    padding: 5px;
    background-color: #4c4c4c;
    font-size: 16px;
    color: White;
    border-radius: 5px;
    margin-bottom: 10px;
}
.dashBlock
{
    line-height: 22px;
    display: inline-block;
    height: 150px;
    width: 100%;
    text-align: left;
    vertical-align: top;
    margin-bottom: 10px;
    color: White;
    font-family: Verdana;
    font-size: 12px;
    padding: 5px; /*box-shadow: 10px 10px 5px #888886;*/
}
.TrvAdv
{
    background-color: #34925E;
    border: 1px solid #517b58;
}
.Trv
{
    background-color: #3299CC;
    border: 1px solid #4682b4;
}
.Conv
{
    background-color: #9F9F5F;
    border: 1px solid #8b814c;
}
.Comm
{
    background-color: #9F5F9F;
    border: 1px solid #754c78;
}
.Wfl
{
    background-color: #8B6969;
    border: 1px solid #6f4242;
}
.Mtn
{
    background-color: #415967;
    border: 1px solid #334955;
}
.Tfn
{
    background-color: #855E42;
    border: 1px solid #754e32;
}
.Rec
{
    background-color: #C73F17;
    border: 1px solid #517b58;
}
.dashBlockPay
{
    line-height: 25px;
    width: 140px;
    height: 80px;
    display: inline-block;
    color: White;
    text-align: center;
    vertical-align: top;
    margin-bottom: 10px;
    color: White;
    font-family: Verdana;
    font-size: 12px;
    padding: 5px; /*box-shadow: 5px 5px 5px #888886;*/
}