﻿

@charset "UTF-8";
/* written by amit negi*/
/* Please do not use ctrl + K + D or dont reformat it
Because it is written in compression mode, it reduce stylesheet size*/
* {
    padding: 0;
    margin: 0;
}

img {
    border: 0;
}
/*html, body , form{height:100%;}*/
/*body{font:normal 11px/16px Tahoma, Arial, Helvetica, sans-serif;color:#333;}*/
#container { /*position:relative;*/
    margin: 0 auto;
    width: 958px;
    min-height: 100%;
    height: auto !important;
    height: 100%;
}

h3 {
    font-size: 18px;
}

h5 {
    font-size: 16px;
}

.left {
    float: left;
}

.right {
    float: right;
}

.clear {
    clear: both;
    height: 1px;
    overflow: hidden;
    display: block;
}

.highlight {
    color: red;
}

a {
    text-decoration: none;
}

    a:hover {
        text-decoration: underline;
    }

.imageLoader {
}
/*-----login pages css starts----**********************************************************/

#login {
    position: relative;
    margin: 12% auto !important;
    width: 428px;
    height: 291px;
    background: url(Images/loginBg.jpg) no-repeat;
}

    #login img {
        background: url(Images/ForestLogo.gif) no-repeat;
        width: 53px;
        height: 51px;
        float: left;
        margin: 10px 0 0 20px;
    }

    #login h1 {
        font-family: 'Poppins', sans-serif;
        font-size: 18px;
        padding: 30px 0 10px 10px;
        float: left;
        clear: right;
    }

    #login pre {
        font-family: 'Poppins', sans-serif;
        font-size: 12px;
        font-weight: 600;
        padding: 4px 0 4px 35px;
        clear: both;
        background: #E2F7BA;
        margin: 5px 0 0 0;
        float: left;
        width: 382px;
    }

#loginDetail {
    clear: both;
    width: 420px;
    float: left;
    padding: 3px 0 0 0;
}

    #loginDetail form {
        padding: 13px 0 0 0px;
    }

        #loginDetail form p {
            font-family: 'Poppins', sans-serif;
            font-size: 12px;
            font-weight: 500;
            clear: left;
            float: left;
            width: 100px;
            margin: 7px 0 7px 0;
            padding: 0 0 0 44px;
        }

        #loginDetail form em {
            clear: both;
            background: url(Images/lineBg.jpg) repeat-x;
            display: block;
            height: 2px;
            overflow: hidden;
        }

.ddlLogin {
    width: 350px;
    padding: 1px 0px 1px 0px;
    background: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    margin: 0px 0px 5px 0px;
    float: right;
    border: 1px solid #B2BDA3;
}

.txtLogin {
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    float: left;
    width: 239px;
    margin: 6px 0 6px 0;
    border: 1px solid #B6C49E;
    padding: 1px;
}

.btLogin {
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 600;
    width: 62px;
    margin: 12px 0 0 144px;
    clear: both;
    float: left;
    background: url(Images/btBg.gif) no-repeat;
    height: 26px;
    border: 0;
}

#onLinelogin {
    margin: 3% auto 0;
    width: 428px;
    height: 291px;
    background: url(Images/loginBg.jpg) no-repeat;
}

#onLineloginDetail {
    clear: both;
    width: 420px;
    float: left;
    margin: 35px 0 0 0;
}

    #onLineloginDetail p.txt {
        font-family: 'Poppins', sans-serif;
        font-size: 12px;
        font-weight: normal;
        clear: left;
        float: left;
        width: 100px;
        margin: 7px 0 7px 0;
        padding: 0 0 0 44px;
        background: none;
        text-transform: capitalize;
        text-align: left;
    }

    #onLineloginDetail em {
        clear: both;
        background: url(Images/lineBg.jpg) repeat-x;
        display: block;
        height: 2px;
        overflow: hidden;
    }

.btnOnline {
    padding: 0 0 0 140px;
}
/*-----login page css end----*******************************************************************/
/*-----Module page css starts----**********************************************************/
#topNav {
    list-style: none;
    width: 700px;
    float: right;
    text-align: right;
    clear: both;
    padding: 10px 0 2px 0;
    background: #fff;
    width: 958px;
}

    #topNav li {
        color: #004100;
        display: inline;
        font-size: 11px;
        margin: 0 5px;
    }

        #topNav li a {
            margin: 0px 15px 0 0px;
            color: #004100;
            background: url(Images/topNavIcons.gif) no-repeat 0 0;
            padding: 10px 0px 0px 24px;
        }

            #topNav li a.icon1 {
                background-position: 0px 6px;
            }

            #topNav li a.icon2 {
                background-position: 0px -44px;
            }

            #topNav li a.icon3 {
                background-position: 0px -89px;
            }

.topFix {
    background: url(Images/topFix.jpg) no-repeat;
    width: 958px;
    height: 11px;
}

.bgfix {
    background: url(Images/bgfix.jpg) repeat-y 0px 0;
}

#header {
    clear: both;
    width: 950px;
    border-bottom: 1px solid #D6D7D4;
    padding: 0 0 4px 0;
    float: left;
    margin: 0 3px;
    position: relative;
}

    #header p {
        font-size: 18px;
        color: #34421D;
        padding: 0px 0 8px 73px;
        float: left;
    }

    #header ol {
        list-style: none;
        float: right;
        width: 575px;
        font-size: 11px;
        text-align: right;
        padding: 0px 18px 0 0;
    }

        #header ol li {
            color: #333;
            display: inline;
            margin: 0 0 0 25px;
        }

            #header ol li a {
                color: #333;
                margin: 0 0 0 0;
            }

#bodyContent {
    clear: both;
    float: left;
    margin: 15px 0 0 5px;
    min-height: 553px;
    width: 940px;
}

    #bodyContent p {
        background: #E2F7BA;
        color: #26350D;
        font-size: 12px;
        font-weight: bold;
        text-transform: uppercase;
        padding: 2px 0 3px 0;
        text-align: center;
        margin: 0 0px;
        clear: both;
    }
/*
#bodyContent span{background:#fff;color:#EBBD37;font-size:11px;font-weight:bold;text-transform:uppercase;
padding:2px;text-align:center;margin:10px 0px 0 0;float:right;border:1px solid #ccc;
background:url(Images/headingIcon.gif) no-repeat 10px 8px;padding:2px 4px 2px 23px;}
*/

#bodyContentText {
    padding: 0px 10px 0 15px;
    clear: both;
}

#bodyContent h1 {
    margin: 0px 0 0px 0;
    font-size: 14px;
    font-weight: bold;
    color: #D48529;
    padding: 5px 0 0px 0px;
    font-family: Arial;
    text-transform: uppercase;
    clear: both;
}

#bodyContent p.hr {
    margin: 4px 0 12px 0;
    padding: 0px 0 0 0;
    clear: both;
    border: 3px solid #E2F7BA;
}

#bodyContent p.hrThin {
    margin: 4px 0 12px 0;
    padding: 0px 0 0 0;
    clear: both;
    border: 1px solid #E2F7BA;
}


#bodyContent h2 {
    margin: 0px 0 0px 0;
    color: #D48529;
    padding: 15px 0 0px 0px;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 600;
    vertical-align: top;
    text-transform: uppercase;
}


#moduleDisplay {
    width: 875px;
    list-style: none;
    padding: 15px 0 0 0;
    margin: 0 auto;
}

    #moduleDisplay li {
        text-align: center;
        padding: 20px 0 20px 0;
        float: left;
    }

        #moduleDisplay li img {
            width: 56px;
            height: 52px;
            margin: 0 43px 4px;
            display: block;
        }

        #moduleDisplay li a {
            color: #333;
            padding: 10px 0px 0 0px;
        }
/*-----Module page css ends----**********************************************************/
/*-----Form pages css starts----**********************************************************/
#mainNav {
    text-align: center;
    clear: both;
    height: 25px;
    font: normal 11px/normal tahoma;
    background: url(Images/bg.png) repeat-x bottom;
    padding: 0px 10px 0;
    list-style: none;
    margin: 0px 0px 0 0px;
}

    #mainNav li {
        float: left;
        background: url(Images/left.png) no-repeat left top;
        margin: 0px 2px 0 2px;
        padding: 0 0 0 1px;
    }

        #mainNav li a {
            float: left;
            display: block;
            padding: 6px 15px 5px 14px;
            color: #000;
            background: url(Images/right.png) no-repeat right top;
        }

ul#mainNav .currentTab {
    background: url(Images/leftOn.png) no-repeat left top;
}

ul#mainNav li a.currentTab {
    background: url(Images/rightOn.png) no-repeat right top;
    padding-bottom: 5px;
}
/*-----Form pages css ends----**********************************************************/
/*footer Starts***********************************************************************************************/
#clearFooter {
    display: block;
    height: 50px;
    margin: 0 auto;
    background: url(Images/bgFix.jpg) repeat-y 50% 0;
}

#footer {
    clear: both;
    height: 15px;
    line-height: 15px;
    padding: 0 0 9px;
    text-align: center;
}

.bottomFix {
    background: url("Images/bottomFix.jpg") no-repeat scroll 0 0 #FFFFFF;
    clear: both;
    height: 14px;
    margin: 0 auto;
    width: 958px;
}

.bottomFixBackground {
    position: relative;
    clear: both;
    height: 15px;
    margin: 0px 0 0px;
    padding: 0 0 0px 0;
    background: #fff;
}
/**/
.listboxbig {
    width: 400px;
    height: 300px;
    padding: 0px;
    margin-left: 210px;
    border: 1px solid #333;
}
/*footer ends7*/
.colon {
    align-items: center;
    width: 2%;
    text-align: center;
    position: relative;
    top: 10px;
}

.btngap {
    width: 1px;
}

.tdgap {
    height: 10px;
}

.lblmessageLogin {
    color: red;
    font-weight: bold;
    font-size: 11px;
    margin: 13px 0 0 10px;
    float: left;
}

.heading {
    font-size: 18px;
    background-color: #000;
    color: #FFF;
    width: 300px;
    height: 200px;
    margin: 0px auto;
}

.fieldname {
    width: 70px;
    float: left;
    margin: 5px 0px 0px 0px;
    color: #333;
}

.lblmessage {
    color: red;
    font-weight: bold;
    font-size: 14px;
}
/*loginpage-css-ends**************************************************/
/*masterpage-css*/
.wrap {
    margin: 20px;
    border: 1px solid #fff;
    background: #FCFFEA;
}

.login-detail {
    text-transform: uppercase;
    border: 1px solid #333;
}
/*navigation style of master page starts*/
/*-----Form pages css starts----**********************************************************/

#mainNav {
    text-align: left;
    clear: both;
    font: normal 11px/normal tahoma;
    background: url(Images/bg.png) repeat-x bottom;
    padding: 0px 10px 0;
    list-style: none;
    margin: 0px 0px 20px 0px;
    /* box-shadow: 0px 0px 15px 0px #efeded; */
    padding: 13px;
    background: none;
    height: auto;
    border-bottom: 3px solid #2296b4;
}
/*-----Form pages css ends----**********************************************************/
.menu {
    font-weight: normal;
    cursor: hand;
    clear: both;
    padding: 0px 0px 0px 0px;
    display: block;
    margin: 0 0 0 8px;
}
/* set tab1 as top level container table, then target TDs inside*/
.menuItem td {
    color: #333;
    /*background: url(Images/seprator.gif) no-repeat right; /*url(Images/tab_dim.gif) no-repeat*/
    text-align: left;
    padding: 0px 0px 0px 0px;
    margin: 0px 0 0 0px;
    background: url(Images/left.png) no-repeat left top;
    font-size: 15px;
    background: none;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}
/* make current tab gray,set the background-color also in case images are not on*/
.menuSelectedItem td {
    background: #ffffff;
}
/* make link and visited the same look,set the background-color also in case images are not on*/
.menuItem a:link, .menuItem a:visited {
    color: #333;
    text-decoration: none;
    display: block;
    padding: 7px 11px 6px 11px;
    margin: 0px 5px 0 1px;
    background: url(Images/right.png) no-repeat right top;
    background: none;
    border: 0;
    outline: 0;
}

.menuPopupItem a:link, .menuPopupItem a:visited {
    color: #333;
    text-decoration: none;
    display: block;
    padding: 5px;
}
/* make hover by changing vertical position of background to -22px (the tab_dim2.gif is 44px high) */
.menuItem a:hover {
    text-decoration: none;
    margin: 0px;
    /*background: url(Images/tab_hover.gif) repeat-x;*/
    cursor: hand;
    border: 1px solid #333;
    margin: 0px 5px 0 1px;
    color: #000;
}
/* make drop down menu container style */
.menuPopup {
    border: 1px solid #E1E5D4;
    color: #000;
    font-size: 11px;
    font-family: 'Poppins', sans-serif;
}

    .menuPopup a {
        background: #E1E5D4;
        display: block;
        padding: 6px;
        /*border: 1px solid #000;*/
        background: #fff;
    }

        .menuPopup a:hover {
            display: block;
        }
/* make drop down menu item style */
.menuPopupItem {
    color: #ffffff;
    border-bottom: 1px solid #e1dede;
}

    .menuPopupItem a {
        display: block;
    }

        .menuPopupItem a:hover {
            background: #333;
            color: #ffffff;
            background: #5c9e70;
            background-image: linear-gradient(to right, #207fb7, #25aeb1);
        }


.leftCornor {
    background: url(Images/btnLeftCr.jpg) no-repeat;
    padding: 0px 0px 0px 0px;
    margin: 5px 0px 0px -2px;
    width: 5px;
    height: 26px;
    float: left;
    border: 1px solid #333;
    display: block;
}

.button-common {
    padding: 7px 24px;
    font-size: 12px;
    cursor: pointer;
    float: left;
    background-image: linear-gradient(to right, #207fb7, #25aeb1);
    border-radius: 3px;
    border: 0;
    background-color: #5c9e70;
    display: block;
    width: auto;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    color: #fff;
}

.button-common {
    margin: 0;
}


    .button-common:hover {
        background-image: linear-gradient(to right, #47905d, #29ad51);
        color: #fff;
    }

.buttonLinkBt {
    padding: 2px 4px 2px 4px;
    color: #123290;
    margin: 5px 10px 5px 0px;
    font-size: 12px;
    font-family: Tahoma;
    cursor: pointer;
    border: 0;
    text-decoration: underline;
    font-family: 'Poppins', sans-serif;
}

.btnHidden {
    display: none;
}

.buttonformula {
    font-size: 14px;
    font-weight: 500;
    /* background-color: #E4E4E4; */
    width: 45px;
    padding: 2px;
    /* color: #333; */
    margin: 2px;
    /* background-image: url(Images/button_bg.jpg); */
    border: none;
    height: 45px;
    border-radius: 180%;
}

    .buttonformula:hover {
        background-image: linear-gradient(to right, #47905d, #29ad51);
        color: #fff;
        cursor: hand;
    }

.buttonHTML {
    padding: 0.5px;
    color: #fff;
    margin: 6px 18px 3px 0px;
    border: 1px solid #808080;
    font-size: 12px;
    display: table;
    width: 120px;
    background-color: #ce5050;
    padding: 7px 24px;
    font-size: 12px;
    cursor: pointer;
    background-image: linear-gradient(to right, #207fb7, #25aeb1);
    border-radius: 3px;
    border: 0;
    background-color: #5c9e70;
    display: block;
    width: auto;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    color: #fff;
}


    .buttonHTML:hover {
        background-color: #c80707;
        cursor: hand;
    }

.buttonformula1 {
    font-size: 12px;
    font-weight: bold;
    background-color: #E0E0E0;
    padding: 2px;
    /* color: #333; */
    margin: 2px;
    min-width: 89px;
    /* background-image: url(Images/button_bg.jpg); */
    background-image: linear-gradient(to right, #207fb7, #25aeb1);
    border: none;
    min-height: 45px;
    color: #fff;
    border-radius: 40px;
}

    .buttonformula1:hover {
        background-color: #E0E0E0;
        cursor: hand;
    }

.LinkButton {
    font-size: 12px;
    font-weight: bold;
    background-color: #db6600;
    padding: 2px 7px 2px 7px;
    color: #ffffff;
    margin: 1px 0px 0px 10px;
    border: 2px solid #db6600;
    display: block;
    height: 15px;
    background-image: url(Images/button_bg.jpg);
}

    .LinkButton:a {
        text-decoration: none;
    }

    .LinkButton:hover {
        background-color: #000000;
        border: 2px solid #000000;
        text-decoration: none;
        background-image: url(Images/button_bg_over.jpg);
    }

#TimeEntryView {
    padding: 10px;
    background: #FFFFFF;
    color: #666666;
}
/*text box Classes Starts here**************************************************************************/

.textbox, .textboxlong, .textbox1, .textbox2, .textbox3, .textbox4, .textbox5, .textbox6, .textbox7, .textbox8, .textbox9, .textbox10, .textbox11, .textbox12, .textbox13, .textbox14, .textbox15, .textboxdate,
.textbox10px, .textbox15px, .textbox20px, .textbox25px,
.textbox30px, .textbox35px, .textbox40px, textboxmultiline {
    margin: 2px 5px 0px 0px;
    padding: 5px 10px;
    border: 1px solid #B2BDA3;
    font-size: 13px;
}

.textbox10px {
    width: 10px;
}

.textbox15px {
    width: 50px;
}

.textbox20px {
    width: 20px;
}

.textbox25px {
    width: 25px;
}

.textbox30px {
    width: 30px;
}

.textbox30px {
    width: 53px;
}

.textbox40px {
    width: 40px;
}

.textbox1 {
    width: 100%;
}

.textbox2 {
    width: 100%;
}
/*.textbox3, .textbox{width:100px;}*/
.textbox4 {
    width: 125px;
}

.textbox5 {
    width: 150px;
}

.textbox6 {
    width: 175px;
}
/*.textbox7, .textboxlong{width:200px;}*/
.textbox8 {
    width: 100%;
}

.textbox9 {
    width: 250px;
}

.textbox10 {
}

.textbox11 {
    width: 100%;
}

.textbox12 {
    width: 325px;
}

.textbox13 {
    width: 350px;
}

.textbox14 {
    width: 375px;
}

.textbox15 {
    width: 100%;
}

.textboxmultiline {
    width: 100%;
    height: 85px;
}

.textboxdate {
    width: 75%;
}
/*text box Classes Ends here**************************************************************************/
/*dropdown list Classes Starts here*********************************************************************/

.dropdown, .dropdown1, .dropdown2, .dropdown3, .dropdown4, .dropdown5, .dropdown6, .dropdown7, .dropdown8, .dropdown9, .dropdown10, .dropdown11, .dropdown12, .dropdown13, .dropdown14, .dropdown15, .dropdown2char, .textbox10, .dropdown11, .dropdown12, .dropdown13, .dropdown14, .dropdown15, .dropdown16, .dropdown17, .dropdown0, .dropdown2char, .dropdown, .dropdownlong, .dropdownverylong, .dropdownveryvlong {
    margin: 2px 5px 0 0;
    padding: 1px 0px 1px 2px;
    border: 1px solid #B2BDA3;
    font-size: 13px;
}

.dropdown0 {
    width: 25px;
}

.dropdown {
    width: 120px;
}

.dropdown1 {
    width: 100%;
}

.dropdown2 {
    width: 100%;
}

.dropdown3 {
    width: 100%;
}

.dropdown4 {
    width: 100%;
}

.dropdown5 {
    width: 100%;
}

.dropdown6 {
    width: 100%;
}

.dropdown7, .dropdownlong {
    width: 100%;
}

.dropdown8 {
    width: 100%;
}

.dropdown9 {
    width: 100%;
}

.dropdown10 {
    width: 100%;
}

.dropdown11 {
    width: 98%;
}

.dropdown12 {
    width: 100%;
}

.dropdown13 {
    width: 100%;
}

.dropdown14 {
    width: 100%;
}

.dropdown15, .dropdownverylong {
    width: 100%;
}

.dropdown16 {
    width: 100%;
}

.dropdown17 {
    width: 100%;
}

.dropdownveryvlong {
    width: 100%;
}

.dropdown2char {
    width: 45px;
}
/*text box Classes Ends here**************************************************************************/
/**************grid starts******************************************************************************/
/*.gridviewcss {
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    color: #666;
    border: 1px solid #C5CDBB;
    margin: 0px 0 6px 0;
}*/

.header-style {
    text-align: center;
    height: 18px;
    font-weight: 600;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    background-color: #5c9e70;
}

    .header-style a {
        color: #fff;
        text-decoration: underline;
    }

    .header-style td {
        font-size: 12px;
    }

    .header-style th {
        padding: 3px;
        /* background: url(Images/bgButtonCommon.jpg) repeat-x #BDD178; */
        font-size: 13px;
        border: 0;
        text-align: left;
        padding: 0.75rem;
    }

.gridmouseoveritem {
    font-weight: bold;
    background-color: #c5bbaf;
    color: #333;
}

.pager-style {
    color: #000000;
    padding: 20px;
    margin: 20px;
    font-family: 'Poppins', sans-serif;
    /* display: flex; */
    justify-content: center;
    align-items: center;
}

    .pager-style td {
        padding: 23px !important;
        color: #207FB6;
    }

.item-style {
    text-align: left;
    font-family: 'Poppins', sans-serif;
    padding: 3px;
    /*  background: #fff !important;*/
}
    /*.item-style td { padding: 0.75rem;color:#333;}*/
    .item-style td {
        padding: 0.25rem 0.75rem;
        color: #333;
        font-size: 13px;
    }

    /*padding :2px modified on 29/august/*/
    .item-style th a {
        color: #000000;
    }

.dgitem-style a {
    color: #333;
}

.dgitem-style td {
    padding: 6px;
    color: #333;
}

.SelectedItemStyle {
    background: #333;
    padding: 3px;
}

    .SelectedItemStyle td {
        background: #93A371; /*padding:3px;font-weight:bold;*/
    }
/**************grid ends*******************************************************************************/
.lblmessage {
    font-weight: normal;
    font-size: 12px;
    color: #ff0000;
    line-height: normal;
    font-style: normal;
    font-family: 'Poppins', sans-serif;
}

.vtext {
    /*font-family: 'Poppins', sans-serif;*/
    /*color: #333;
    padding: 0px 0px 0px 0px;
    font-weight: 600;*/
    font-family: 'Poppins', sans-serif;
    color: #333;
    padding: 0px 0px 0px 0px;
    font-weight: 600;
}


.vtexthrpt {
    margin: 0px;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #EA0303;
    padding: 0px 0px 0px 0px;
    text-align: center;
}

.vtexthrpt1 {
    margin: 0px;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #003399;
    padding: 0px 0px 0px 0px;
    text-align: left;
}

.vtexth1rpt {
    margin: 0px;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #EA0303;
    padding: 0px 0px 0px 0px;
    text-align: center;
}

.vtexth2rpt {
    margin: 0px;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #EA0303;
    padding: 0px 0px 0px 0px;
    text-align: center;
}

.vtexth3rpt {
    margin: 0px;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #333;
    padding: 0px 0px 0px 0px;
    text-align: center;
}

.vtextbrpt {
    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    font-weight: 500;
    color: #222;
    padding: 3px 1px 3px 1px;
    text-align: center;
    background: #f5ecec;
}

.vtextbrptleft {
    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #003399;
    padding: 3px 1px 3px 1px;
    text-align: left;
    background-color: #DCDCDC;
}

.vtextbrpt1 {
    font-family: 'Poppins', sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #003399;
    padding: 3px 1px 3px 1px;
    text-align: center;
    background-color: #DCDCDC;
}

.vtextlrpt {
    margin: 0px;
    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #333;
    padding: 3px 0px 3px 1px;
    text-align: center;
}

.vtextlrptl {
    margin: 0px;
    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #333;
    padding: 3px 0px 3px 1px;
    text-align: left;
}

.vtextlrpt2 {
    margin: 0px;
    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #333;
    /*padding:2px 2px 2px 2px;*/
    text-align: center;
}

.vtextlrpt2-subtotal {
    margin: 0px;
    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #333;
    /*padding:2px 2px 2px 2px;*/
    text-align: center;
}

.vtextlrpt1 {
    margin: 0px;
    font-family: 'Poppins', sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #333;
    padding: 3px 0px 3px 1px;
    text-align: center;
}

.vtextrrpt {
    margin: 0px;
    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    color: #333;
    padding: 0px 0px 0px 0px;
    text-align: center;
}

.required {
    color: red;
}

.DivStyleWithScroll {
    border: none;
    font-size: 12px;
    overflow: scroll;
    margin: 5px 0px 0px 0px;
    background-color: #f5f5f5;
    border-radius: 3px;
    padding: 10px 10px;
    width: 100%;
}

.taxarea100second .DivStyleWithScroll {
    width: 100%;
    margin-left: 0;
}

/*.taxarea100 .DivStyleWithScroll {
    width: 99%;
    margin-left: -10px;*/
}

.ml-10table {
    margin-left: -10px;
}




.DivStyleWithScroll.noformating p {
    background: none repeat scroll 0 0 transparent !important;
    color: #000000 !important;
    text-align: left !important;
    text-transform: none !important;
}

.DivStyleWithoutScroll {
    border: 1px #A4B583;
    font-size: 12px;
    overflow: scroll auto;
    width: 200px;
    height: 150px;
    margin: 10px 10px 10px 0px;
}
/*webpart*********************************************************************************************/
.wbparthead {
    background: url(Images/listheadergrad.gif) repeat-x;
    padding: 1px 0px 1px 5px;
}

.wbpart-panel {
    background: url(Images/waebpartpanel.jpg) #ffffff no-repeat;
}

.webpart-linkhead {
    text-align: right;
    padding: 2px 5px 2px 0px;
    color: #333;
    font-family: Tahoma;
    font-size: 12px;
    font-weight: normal;
}

    .webpart-linkhead a {
        color: #333;
        text-decoration: none;
    }

        .webpart-linkhead a:hover {
            color: #FF8400;
            text-decoration: underline;
        }

.uploadfiles {
    margin: 2px 0px 2px 0px;
    padding: 1px 0px 1px 2px;
    border: 1px solid #789AA6;
    width: 100%;
    font-size: 12px;
}

.quickLinkNav {
    font-size: 12px;
    color: #666;
    width: 850px;
    float: left;
}

    .quickLinkNav li {
        list-style: none;
        padding: 0 20px 0 30px;
        display: inline;
        line-height: 33px;
    }

        .quickLinkNav li a {
            color: #666;
        }

.quickLink {
    padding: 0px 0px 0 0px;
    float: right;
    clear: right;
}

    .quickLink li {
        color: #EBA621;
        list-style: none;
        display: inline;
        line-height: 33px;
    }

        .quickLink li a {
            color: #333;
            text-decoration: none;
            display: block;
            padding: 0px 43px 2px 43px;
            margin: 0px;
        }

    .quickLink ul {
        background: #fff;
        font-family: 'Poppins', sans-serif;
        border: 1px solid #ccc;
        margin: 5px 0 0 0;
        padding: 3px 10px 3px 10px;
        font-size: 11px;
        width: 70px;
    }

        .quickLink ul li {
            line-height: 13px;
        }

            .quickLink ul li a {
                color: #666;
                padding: 6px 0 6px 0;
                display: block;
                border-bottom: 1px solid #eee;
            }

                .quickLink ul li a:hover {
                    color: #666;
                    color: #EBA621;
                }

.lblmessagesmall {
    font-size: 11px;
    color: #931a39;
    line-height: normal;
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-family: Verdana;
}

.chkboxlist {
    margin: 0px 0 0 10px;
    padding: 0;
    font-family: 'Poppins', sans-serif;
}

.radio {
    font: normal 11px/normal tahoma;
    margin: 0;
    padding: 0;
}

.chkbox {
    margin: 0;
    padding: 0 10px;
    color: red;
    line-height: 30px;
    font-family: 'Poppins', sans-serif;
    display: flex;
    border-radius: 3px;
    padding: 0;
}

    .chkbox input[type=checkbox], input[type=radio] {
        box-sizing: border-box;
        padding: 0;
        margin-right: 10px;
        width: 16px;
        font-family: 'Poppins', sans-serif;
    }


.chkboxhighLight {
    font: normal 12px/normal tahoma;
    margin: 0;
    padding: 0;
    color: red;
}

.onlineList {
    list-style: none;
    float: left;
    margin: 10px 25px 0 30px;
}

    .onlineList li {
        font-weight: bold;
        font-size: 14px;
        padding: 0 60px 0 0;
        color: #608B1A;
    }

        .onlineList li ul {
            margin: 5px 0px 0px 0;
            list-style-type: square;
            border-top: 2px solid #EBBD37;
        }

            .onlineList li ul li {
                font-weight: normal;
                font-size: 12px;
                margin: 0 0 0 18px;
                line-height: 28px;
                border-bottom: 1px solid #C2CEAE;
            }

                .onlineList li ul li a {
                    color: #333;
                }
/*== popup block css ==*/
#DvContainer {
    background: #c4ceae;
    border: solid 1px #a9b988;
}

    #DvContainer input[type="button"] {
        /* background: url(images/bgButtonCommon.jpg) repeat-x scroll 0 0; */
        border: solid 1px #a9b988;
        cursor: pointer;
        color: #26350d;
        padding: 2px;
        font-size: 12px;
        font-weight: bold;
        padding: 12px 24px;
        font-size: 12px;
        cursor: pointer;
        float: left;
        background-image: linear-gradient(to right, #00adb1, #25aeb1);
        border-radius: 3px;
        border: 0;
        background-color: #5c9e70;
        display: block;
        width: auto;
        font-family: 'Poppins', sans-serif;
        font-weight: 500;
        color: #fff;
        margin-right: 10px;
    }

    #DvContainer table.header-style tr td {
        text-align: left;
    }

.white_content-new {
    position: fixed;
    top: 40%;
    left: 50%;
    padding: 16px;
    border: 2px solid #33CCFF;
    text-align: center;
    z-index: 2;
    background: #fff;
    top: 10%;
    width: 800px;
    height: 400px;
    padding: 30px;
    background: #fff;
    box-shadow: 0 30px 80px rgb(0 0 0 / 25%);
    border: none;
    margin-left: -400px;
}

.close {
    background: #0b89b2;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 27px;
    height: 27px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 3px 0 0 3px;
    cursor: pointer;
    margin: 3px;
    border-radius: 100%;
    padding: 2px;
    font-size: 16px;
    line-height: 22px;
}

.fade {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 99;
    background-color: #000;
    -moz-opacity: 0.4;
    opacity: .40;
    filter: alpha(opacity=40);
}

a.buttonvisited {
    padding: 3px;
    background: #f4f4f4;
    border: solid 1px #333;
    color: #123290;
    margin: 0 0 0 5px;
    float: left;
    min-width: 160px;
}

a.divisionactive {
    color: Red;
}

.NoteComment {
    font-size: 15px;
    font-family: 'Poppins', sans-serif;
    color: Black !important;
}

.NoteCommentH {
    font-size: 16px;
    font-family: 'Kruti Dev 011';
    color: Black !important;
}

.NoteReadOnlyComment {
    font-size: 15px;
    font-family: 'Poppins', sans-serif;
    color: Blue !important;
}

.NoteReadOnlyCommentH {
    font-size: 16px;
    font-family: 'Kruti Dev 011';
    color: Blue !important;
}

.ctl00_MainMenu_0 {
    z-index: 999999;
}

.containerinner {
    background: url("Images/bgFix.jpg") repeat-y scroll 50% 0 transparent;
    float: left;
    width: 100%;
    min-height: 670px;
}


.logging-division .item-style {
    background: #fff;
}

.textboxdate82 .textboxdate {
    width: 83%;
    padding: 0 10px;
}

.textboxdate {
    width: 40%;
    padding: 0 10px;
}

.dropdown {
    width: 100%;
}

.textbox4 {
    width: 100%;
}

.button-common {
    margin-right: 10px;
    margin-bottom: 10px;
}

.dropdown8 {
    width: 100%;
}

ul.sales-division a.buttonvisited {
    padding: 3px;
    background: #f4f4f4;
    /* border: solid 1px #333; */
    color: #123290;
    margin: 0 0 0 5px;
    float: left;
    min-width: 90%;
    border: none;
    border-bottom: 1px solid #333;
}

.main-form2 {
    padding: 10px;
}

.ratetextboxdate {
    width: 89%;
    padding: 0 10px;
}

.customized-right {
    text-align: right;
    /* margin-right: 20px; */
    float: right;
}

.customized-right3 {
    text-align: right;
    margin-right: 0px;
    float: right;
}

.customized-right .button-common {
    padding: 5px 10px;
    color: #fff;
    margin: 5px 10px 5px 0px;
    font-size: 11px;
    cursor: pointer;
    background-image: linear-gradient(to right, #207fb7, #25aeb1);
    border-radius: 3px;
    border: 0;
    display: block;
    font-family: 'Poppins', sans-serif;
    height: auto;
    font-weight: 600;
}


.textbox6 {
    width: 100%;
}

.header-style {
    height: 40px;
}

.textbox5 {
    width: 100%;
}


.dropdown {
    border: none;
    margin: auto;
}

.dropdown {
    width: auto;
}

.navbar-dark .navbar-nav .show > .nav-link {
    color: #2296b4;
}

.textboxlong {
    width: 100%;
}

body[Attributes Style] {
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
    background-color: #333333;
}

.search-narration-dropdown .dropdown {
    width: 100%;
}

.search-narration-dropdown .dropdown1 {
    width: 92%;
}

.search-narration-dropdown h2 {
    padding-top: 25px;
}

.acct-ledger-master .pager-style td {
    padding: 1.5rem 0.75rem;
}

.SelectedItemStyle td {
    background: #f7f7f7;
    color: #333;
    border: none;
    padding: 0.75rem;
    font-weight: 600 !important;
}

.edit-delete-input2 input {
    height: auto;
    width: auto;
    background-color: white;
}

.acct-ledger-master2 .pager-style td {
    padding: 1rem 0.2rem;
}

.admin-user-authorization .DivStyleWithScroll {
    margin-top: -2px;
}

.edit-delete-input2 input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0;
    margin-right: 10px;
    width: 16px;
    font-family: 'Poppins', sans-serif;
}

.voucher-unposting-table .DivStyleWithScroll {
    height: 400px !important;
}

.DivStyleWithScroll {
    /* min-height: 200px;
    max-height: 600px;
    height: 400px;*/
}


.sal-register2 {
}

    .sal-register2 label {
        float: left;
        margin-right: 20px;
    }

    .sal-register2 td {
        float: left;
        margin-right: 5px;
        margin-top: 12px;
    }

    .sal-register2 input {
        margin-right: 5px;
        display: inline-block;
        position: relative;
        top: 4px;
    }

    .sal-register2 span {
        display: inline-block;
        float: left;
        width: 32%;
        margin-bottom: 15px;
    }

.voucher-unposting-table .DivStyleWithScroll {
    width: 98%;
}

.epf-yr th, .epf-yr td {
    padding: 10px;
}

.epf-yr input {
    background-color: #fff;
}

.epf-yr th {
    background-color: #2293b4;
    color: #fff;
    text-transform: uppercase;
}

.Emp_epf .chkbox {
    color: white !important;
}

.acct-ledger-master2 .pager-style td {
    padding: 1rem 0.2rem;
}

.textbox9 {
    width: 100%;
}


.tablestyle {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.panelhighlighted fieldset legend {
    font-family: 'Poppins', sans-serif;
    color: #000;
}

.panelstyle {
    font-family: 'Poppins', sans-serif;
    color: #000;
}

.textboxdate78 {
    width: 78%;
    padding: 0 10px;
}

legend {
    font-size: 1.2rem;
}


.nav-link {
    display: inline-block;
}



.login-bg {
    background-position: center bottom;
    background-size: 100%;
    padding: 0px 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.companyLogo {
    background: url(Images/CGSFDC_LOGO.png) no-repeat scroll 0 0 transparent;
    height: 73px;
    left: 0;
    position: relative;
    top: 0px;
    width: 60px;
    background-size: contain;
    display: inline-block;
}
 
    .companyLogo span {
        position: absolute;
        left: 69px;
        top: 16px;
        font-size: 18px;
        font-weight: 600;
    }

/*menu*/

.menuPopup {
    border: 1px solid #E1E5D4;
    color: #000;
    font-size: 11px;
    font-family: 'Poppins', sans-serif;
    padding: 20px 0px;
    background: #fff;
    box-shadow: 0 30px 80px rgb(0 0 0 / 25%);
    border: none;
}

#mainNav li {
    float: left;
    background: url(Images/left.png) no-repeat left top;
    margin: 0px 2px 0 2px;
    padding: 0 0 0 1px;
    background: none;
    float: none;
}

    #mainNav li a {
        float: none;
        background: none;
    }

#ctl00_MainMenu a.dynamic {
    background-color: #fff !important;
}

.chkbox2 {
    margin: 0;
    padding: 0 10px;
    color: red;
    line-height: 38px;
    font-family: 'Poppins', sans-serif;
    display: flex;
    border-radius: 3px;
}

    .chkbox2 input[type=checkbox], input[type=radio] {
        box-sizing: border-box;
        padding: 44px 0px 0px 0px;
        margin-right: 7px;
        width: 16px;
        font-family: 'Poppins', sans-serif;
        height: 20px;
        position: relative;
        top: 6px;
    }

dropdownR.dropdown13 {
    width: 100%;
}

.DivStyleWithScroll2 {
    height: 250px;
    padding: inherit;
}

.tablepadding td {
    padding: 5px;
}

.tablepadding .dgitem-style td {
    padding: 6px;
    color: #333;
}

.lnkbtn2 a {
    padding: 5px 3px;
    /* color: #fff; */
    margin: 5px 10px 5px 0px;
    font-size: 12px;
    cursor: pointer;
    /* background-image: linear-gradient(to right, #207fb7, #25aeb1); */
    border-radius: 3px;
    border: 0;
    display: table-cell;
    font-family: 'Poppins', sans-serif;
    height: auto;
    font-weight: 500;
    text-decoration: underline;
}

#printableArea table {
    border: 1px solid #e9e2e2 !important;
    padding: 5px !important;
}


.checkboxlist2 .chkbox {
    margin: 0;
    padding: 0 10px;
    color: red;
    line-height: 38px;
    font-family: 'Poppins', sans-serif;
    display: flex;
    border-radius: 3px;
    float: left;
}

    .checkboxlist2 .chkbox input[type=radio] {
        top: -10px;
    }

    .checkboxlist2 .chkbox input[type=checkbox] {
        top: -10px;
        position: relative;
    }

.taxarea-textbox6 .textbox6 {
    width: 100%;
}

.textboxdate87 .textboxdate {
    width: 40%;
    padding: 0 10px;
}

.lotapprovalaftersale .DivStyleWithScroll {
    padding: 0;
}

.lotapprovalaftersale .item-style td {
    border: 1px solid #ccc;
}

.depotpartyworkorder b {
    font-weight: 500;
}

.partyworkorder-popup {
}

.sal-employee .chkbox {
    margin: 0;
    padding: 0 10px;
    color: red;
    line-height: 38px;
    font-family: 'Poppins', sans-serif;
    display: flex;
    border-radius: 3px;
    padding: 0;
    float: left;
}

.checkboxlistsal {
    margin: 13px 0 20px 0;
    display: inline-block;
}

.sal-employee .DivStyleWithScroll {
    width: 100%;
}

.index-dropdown .dropdownlong {
    width: 87%;
}

.button-common a {
    color: #fff;
}

.checkbox-label {
    position: relative;
}

    .checkbox-label .chkbox {
        margin: 0;
        padding: 0 10px;
        color: red;
        line-height: 38px;
        font-family: 'Poppins', sans-serif;
        display: inline-block;
        border-radius: 3px;
        padding: 0;
        margin-top: -20px;
    }

    .checkbox-label input[type=checkbox], .checkbox-label input[type=radio] {
        box-sizing: border-box;
        padding: 0;
        margin-right: 10px;
        width: 16px;
        font-family: 'Poppins', sans-serif;
        top: 16px;
        position: relative;
    }


.nav-link {
    display: block;
}

.tableht, .DivStyleWithScroll {
    min-height: 100px;
    max-height: 500px;
}


.btnlink .buttonLinkBt {
    padding: 2px 4px 2px 4px;
    color: #fff;
    margin: 0px 10px 5px 0px;
    font-size: 12px;
    font-family: Tahoma;
    cursor: pointer;
    border: 0;
    text-decoration: underline;
    font-family: 'Poppins', sans-serif;
    padding: 9px 24px;
    font-size: 12px;
    cursor: pointer;
    float: left;
    background-image: linear-gradient(to right, #207fb7, #25aeb1);
    border-radius: 3px;
    text-decoration: none;
}


    .btnlink .buttonLinkBt:hover {
        background-image: linear-gradient(to right, #47905d, #29ad51);
        color: #fff;
        text-decoration: none;
    }


.smlbtn5 .buttonLinkBt {
    padding: 2px 4px 2px 4px;
    color: #fff;
    margin: 0px 10px 5px 0px;
    font-size: 12px;
    font-family: Tahoma;
    cursor: pointer;
    border: 0;
    text-decoration: underline;
    font-family: 'Poppins', sans-serif;
    padding: 6px 24px;
    font-size: 12px;
    cursor: pointer;
    float: left;
    background-image: linear-gradient(to right, #207fb7, #25aeb1);
    border-radius: 3px;
    text-decoration: none;
}


    .smlbtn5 .buttonLinkBt:hover {
        background-image: linear-gradient(to right, #47905d, #29ad51);
        color: #fff;
        text-decoration: none;
    }


.list-checkbox-first .DivStyleWithScroll {
    height: 200px !important;
}

.pten-rbtn .sal-register2 span {
    margin-bottom: 0px;
}

.pten-rbtn .chkboxlist {
    margin: 0px 0 0 0px;
}


.tentp input {
    width: 95%;
}

.customized-right-show-hide .btn {
    border-width: 0;
    margin-bottom: 10px;
}

    .customized-right-show-hide .btn:hover {
        border-width: 0;
    }


legend {
    margin-bottom: 0;
}

.fn-h5 h5 {
    margin: 0 0 10px;
}

.location-language input {
    height: 40px;
}

.tableht1, .DivStyleWithScroll {
    min-height: 300px !important;
    max-height: 500px !important;
}

span:not(input[type="checkbox"]) {
    font-weight: 500;
}

input[type=text], input[type=file], select, textarea, chkboxlist {
    outline: 2px solid #ededed !important;
}

.DivStyleWithScroll {
    outline: 2px solid #ededed !important;
    /*font-weight: 200 !important;*/
}

label {
    font-weight: 400 !important;
}


.label-blank{
outline: 2px solid #ededed !important;
}


.DivStyleWithScroll1 {
    border: none;
    font-size: 12px;
    overflow: scroll;
    margin: 5px 0px 0px 0px;
    background-color: #f5f5f5;
    border-radius: 3px;
    padding: 10px 10px;
    width: 100%;
}

.tableht, .DivStyleWithScroll1 {
    min-height: 100px;
    max-height: 500px;
    overflow-y:hidden!important;
}
