body {
    background: #ffffff;
    font-size: 10pt;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969;
}

table {
    border-spacing: 0;
    border-collapse: collapse;
}

td {
    font-size: 10pt;
    font-family: Arial, Helvetica, Verdana, sans-serif;
}

img {
    border: none;
    display: block;
}

.table_report {
    padding: 0;
    margin: 0 0 3px 0;
    border-spacing: 1px;
    border-collapse: separate;
    background: white;
    font: 11px Arial, Tahoma;
    vertical-align: top;
}

.Label_Title {
    background: url('../App_Themes/Default/images/modules_bar_middle.jpg') repeat-x 0 0;
    font: bold 18px Arial, Tahoma;
    text-decoration: none;
    color: #FFFFFF;
}

.Label_Title2 {
    background: url('../App_Themes/Default/images/modules_bar_middle.jpg') repeat-x 0 0;
    font: bold 14px Arial, Tahoma;
    text-decoration: none;
    color: #FFFFFF;
}
/*----AA Start 2016/26/10 ----*/
.Label_Title2 {
    background: #427496;
    font: bold 14px Arial, Tahoma;
    text-decoration: none;
    color: #FFFFFF;
}
/*----AA End ----*/
.Label_Title_Lower {
    background: url('../App_Themes/Default/images/modules_bar_lower.jpg') repeat-x 0 0;
}

.Label_Heading {
    background: transparent;
    font: bold 12px Arial, Tahoma;
    text-decoration: none;
    color: black;
    width: 100%;
}

.Label_SubHeading {
    background-color: #2076bf;
    font: bold 11px Arial, Tahoma;
    text-decoration: none;
    color: white;
}

.Label_Field, .Label_Info {
    background: transparent;
    font: 11pt Arial, Tahoma;
    color: black;
}
/*----AA Start 2016/09/16 ----*/
.Label_Field, .Label_Info {
    vertical-align: middle;
}
/*----AA End ----*/

.Label_Exception {
    background: transparent;
    font: bold 11px Arial, Tahoma;
    color: Red;
}

.Button {
    border: 1px solid gray;
    background: url('../App_Themes/Default/Images/button_bg_blue.jpg') repeat-x; /* button_bg_black  */
    font: 12px Arial, Tahoma;
    color: black;
    cursor: pointer;
    vertical-align: middle;
    text-transform: capitalize;
    text-align: center;
    height: 22px;
    border-radius: 3px;
}

/*----AA Start 2016/09/08 ----*/
.Button {
    border: none;
    background: #376d91;
    font: 12px Arial, Tahoma;
    color: #fff;
    cursor: pointer;
    vertical-align: middle;
    text-transform: capitalize;
    text-align: center;
    height: 26px;
    /*min-width:65px;*/
    border-radius: 3px;
}
/*----AA End ----*/

.Button_disable {
    border: 1px solid gray;
    /*background: url('Images/button_bg_gray.jpg') repeat-x; */
    font: 12px Arial, Tahoma;
    color: Gray;
    cursor: not-allowed;
    vertical-align: middle;
    text-transform: capitalize;
    text-align: center;
    height: 26px;
    border-radius: 3px;
}

.Button_Search_disable {
    border: 1px solid gray;
    background: url('../App_Themes/Default/Images/search_02.png') repeat-x;
    font: 12px Arial, Tahoma;
    color: Gray;
    cursor: default;
    vertical-align: middle;
    text-transform: capitalize;
    text-align: center;
    height: 26px;
    border-radius: 3px;
}
/* Button:hover  */
.Button_hover {
    border: 1px solid gray;
    background: url('../App_Themes/Default/Images/button_bg_orange.jpg') repeat-x;
    font: 12px Arial, Tahoma;
    color: black;
    cursor: pointer;
    vertical-align: middle;
    text-transform: capitalize;
    text-align: center;
    height: 26px;
    border-radius: 3px;
    /*float: right;*/
}

/*----AA Start 2016/09/09 ----*/
.Button_hover {
    border: none;
    background: #ffb444;
    /*text-shadow: 1px 2px 3px #666;*/
    color: #515151;
}
/*----AA End ----*/

.Button_Square {
    border: 1px solid gray;
    background: url('../App_Themes/Default/Images/button_bg_black.jpg') repeat-x;
    font: 12px Arial,Tahoma;
    color: black;
    cursor: pointer;
    vertical-align: middle;
    text-transform: capitalize;
    text-align: center;
    height: 20px;
    width: 20px;
}

.Button_Square_Hover {
    border: 1px solid gray;
    background: #c8c8c8 url('../App_Themes/Default/Images/button_bg_blue.jpg') repeat-x;
    font: 12px Arial, Tahoma;
    color: black;
    cursor: pointer;
    vertical-align: middle;
    text-transform: capitalize;
    text-align: center;
    height: 20px;
    width: 20px;
}

.Button_Print_Preview {
    border: 1px solid gray;
    background: url('../App_Themes/Default/Images/_disabled__print.png') no-repeat center;
    cursor: pointer;
    vertical-align: middle;
    height: 20px;
    width: 20px;
}

.Button_Print_Preview_Hover {
    border: 1px solid gray;
    background: url('../App_Themes/Default/Images/_active__print.png') no-repeat center;
    cursor: pointer;
    vertical-align: middle;
    height: 16px !important;
    width: 16px !important;
}

/*----AA Start 2017/01/28 ----*/
.Button_Print_Preview {
    border: 1px solid gray;
    background: url('../App_Themes/Default/Images/_active__print.png') no-repeat center;
    opacity: 0.5;
    /*cursor:default !important;*/
    cursor: pointer;
    vertical-align: middle;
    height: 16px;
    width: 16px;
}

.Button_Print_Preview_Hover {
    border: 1px solid gray;
    background: url('../App_Themes/Default/Images/_active__print.png') no-repeat center;
    opacity: 1;
    cursor: pointer;
    vertical-align: middle;
    height: 16px !important;
    width: 16px !important;
}
/*----AA End ----*/

.Button_120 {
    background-color: White;
    font: 12px Arial, Tahoma;
    border-right: 1px solid gray;
    border-top: 1px solid gray;
    border-left: 1px solid gray;
    border-bottom: 1px solid gray;
    color: black;
    cursor: pointer;
    vertical-align: middle;
    text-transform: capitalize;
    text-align: center;
    width: 120px;
}


.Table {
    border: 1px solid #c8c8c8;
    font: 11px Arial,Tahoma;
    vertical-align: top;
    width: 100%;
}
/*----AA Start 2016/09/19 ----*/
.Table {
    border: none;
}
/*----AA End ----*/

.Table2 {
    border: 1px solid #c8c8c8;
    font: 11px Arial, Tahoma;
    vertical-align: top;
    width: 100%;
    height: 100%;
}

.Border_Thin {
    border: 1px solid #c8c8c8;
}

.Table_NoBorder {
    font: 11px Arial, Tahoma;
    vertical-align: top;
    width: 100%;
    background: #fff;
}

.Table_Report {
    padding: 0;
    margin: 0 0 3px 0;
    border-spacing: 1px;
    border-collapse: separate;
    background: white;
    border-right: 1px solid #c8c8c8;
    border-top: 1px solid #c8c8c8;
    border-left: 1px solid #c8c8c8;
    border-bottom: 1px solid #c8c8c8;
    font: 11px Arial, Tahoma;
    vertical-align: top;
}


.Table_Row {
    font: 10px Arial, Tahoma;
    background: #f4f5f5;
}

.Table_Row_Disable {
    background: #dddddd;
}

    .Table_Row_Disable:hover {
        background: #dddddd !important;
    }

/*----Checked up to this (2015-10-07)----*/
.Table_Row_Submitted {
    font: 11px Arial, Tahoma;
    background: #ee82ee;
    vertical-align: top;
}

.Table_Row_Approved {
    font: 11px Arial, Tahoma;
    background: #b0e0e6;
    vertical-align: top;
}

.Table_Row_Correction_Required {
    font: 11px Arial, Tahoma;
    background: #ffa07a;
    vertical-align: top;
}

.Table_Row_Posted {
    font: 11px Arial, Tahoma;
    background: #98fb98;
    vertical-align: top;
}

.Table_Footer {
    font: bold 11px Arial, Tahoma;
    background: transparent;
    vertical-align: top;
}

.TextBox_Field {
    /* 11px */
    border: 1px solid #c8c8c8;
    background: White;
    vertical-align: top;
    height: 22px;
    line-height: 22px;
    /*text-indent: 4px;*/
    padding: 0 0 0 4px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 9pt;
    font-family: Arial, Tahoma;
    color: #000;
}

.TextBox_Field_Center {
    font: 9pt Arial, Tahoma;
    background: White;
    vertical-align: top;
    border-right: 1px solid #c8c8c8;
    border-top: 1px solid #c8c8c8;
    border-left: 1px solid #c8c8c8;
    border-bottom: 1px solid #c8c8c8;
    height: 20px;
    /*text-indent: 4px;*/
    text-align: center;
    vertical-align: middle;
    margin-top: 3px;
}

.TextBox_Field_new {
    font: 9pt Arial, Tahoma; /* 11px */
    background: White;
    vertical-align: top;
    border-right: 1px solid #c8c8c8;
    border-top: 1px solid #c8c8c8;
    border-left: 1px solid #c8c8c8;
    border-bottom: 1px solid #c8c8c8;
    height: 80px;
    text-indent: 4px;
}

.TextBox_Field_Amount {
    font: 9pt Arial, Tahoma; /* 11px */
    padding-right: 4px;
    background: White;
    vertical-align: top;
    border-right: 1px solid #c8c8c8;
    border-top: 1px solid #c8c8c8;
    border-left: 1px solid #c8c8c8;
    border-bottom: 1px solid #c8c8c8;
    text-align: right;
    height: 22px;
    text-indent: 4px;
    color: #000;
}

.TextBox_Field_Amount_Left {
    font: 9pt Arial, Tahoma; /* 11px */
    background: White;
    vertical-align: top;
    border-right: 1px solid #c8c8c8;
    border-top: 1px solid #c8c8c8;
    border-left: 1px solid #c8c8c8;
    border-bottom: 1px solid #c8c8c8;
    text-align: left;
    height: 22px;
    text-indent: 4px;
}

.TextBox_Field_Amount_Noborder {
    font: 9pt Arial, Tahoma; /* 11px */
    background: transparent;
    vertical-align: top;
    text-align: right;
    border: 0px solid white;
    height: 22px;
    text-indent: 4px;
}

.TextBox_Field_Disabled {
    font: 10pt Arial, Tahoma; /* 11px */
    background: #f1eded;
    vertical-align: top;
    border-right: 1px solid #c8c8c8;
    border-top: 1px solid #c8c8c8;
    border-left: 1px solid #c8c8c8;
    border-bottom: 1px solid #c8c8c8;
    height: 22px;
    text-indent: 4px;
}

.DropDown_Field {
    font: 9pt Arial, Tahoma !important; /* 10px */
    background: #ffffff; /* #f7f9ef */
    border-right: 1px solid #c8c8c8;
    border-top: 1px solid #c8c8c8;
    border-left: 1px solid #c8c8c8;
    border-bottom: 1px solid #c8c8c8;
    height: 24px;
    text-indent: 4px;
    color: #000;
}

.DropDownList_Field {
    font: 9pt Arial, Tahoma !important; /* 10px */
    background: #ffffff; /* #f1f4ff */
    border-right: 1px solid #c8c8c8;
    border-top: 1px solid #c8c8c8;
    border-left: 1px solid #c8c8c8;
    border-bottom: 1px solid #c8c8c8;
    height: 24px;
    text-indent: 4px;
    padding: 2px 0 2px 0;
    color: #000;
}



.DropDownList_Field2 {
    font: 9pt Arial, Tahoma; /* 10px */
    background: #ffffff;
    border: 1px solid #c8c8c8;
    width: 100%;
    height: 100%;
    text-indent: 4px;
}

.RadioButton_Field {
    font: 10pt Arial, Tahoma; /* 11px */
    background: transparent;
}

.CheckBox_Field {
    font: 10pt Arial, Tahoma; /* 11px */
    background: transparent;
    vertical-align: middle;
    text-align: center;
}

.footer-line {
}

.tdRight {
    text-align: right;
}

.tdLeft {
    text-align: left;
}

.tdCenter {
    text-align: center;
}

.myheader {
    color: #ffffff;
    background-color: #2076bf;
    height: 20px;
    font-weight: bold;
}

.hiddencol {
    display: none;
}

.grdEdit {
    display: none;
}

.grdDelete {
    display: block;
}

.viscol {
    display: block;
}

.viewcol {
    display: run-in;
}

.top-nav-back {
    background-image: url('../App_Themes/Default/images/nav-back.jpg');
    height: 27px;
    background-position: left bottom;
    background-repeat: repeat-x;
}

.login_box {
    width: 90%;
    padding: 0;
    margin: 0 0 3px 0;
    border-spacing: 1px;
    border-collapse: separate;
    background: #fafafa;
    border-right: 1px solid #c8c8c8;
    border-top: 1px solid #c8c8c8;
    border-left: 1px solid #c8c8c8;
    border-bottom: 1px solid #c8c8c8;
    font: 11px Arial, Tahoma;
    vertical-align: top;
}

.New_menu_Item {
    background-image: url('../App_Themes/Default/App_Images/Menu_item.gif') !important;
    background-repeat: repeat-x;
}

.Table_Search {
    font: 11px Arial, Tahoma;
    background-color: #fff;
    vertical-align: top;
}

.Table_Search_Header {
    background: silver;
    font: bold 12px Arial, Tahoma;
}

/* ajax__tab_xp-theme theme */
.ajax__tab_xp-theme .ajax__tab_header {
    font-family: Arial, verdana,tahoma,helvetica;
    font-size: 11px;
    background: url('../App_Themes/Default/img/xp/tab-line.gif') repeat-x 50% bottom;
}

    .ajax__tab_xp-theme .ajax__tab_header .ajax__tab_outer {
        padding-right: 4px;
        background: url('../App_Themes/Default/img/xp/tab-right.gif') no-repeat right 50%;
        height: 21px
    }

    .ajax__tab_xp-theme .ajax__tab_header .ajax__tab_inner {
        padding-left: 3px;
        background: url('../App_Themes/Default/img/xp/tab-left.gif') no-repeat;
    }

    .ajax__tab_xp-theme .ajax__tab_header .ajax__tab_tab {
        height: 13px;
        padding: 4px;
        margin: 0;
        background: url('../App_Themes/Default/img/xp/tab.gif') repeat-x;
    }

.ajax__tab_xp-theme .ajax__tab_hover .ajax__tab_outer {
    background: url('../App_Themes/Default/img/xp/tab-hover-right.gif') no-repeat right 50%;
}

.ajax__tab_xp-theme .ajax__tab_hover .ajax__tab_inner {
    background: url('../App_Themes/Default/img/xp/tab-hover-left.gif') no-repeat;
}

.ajax__tab_xp-theme .ajax__tab_hover .ajax__tab_tab {
    background: url('../App_Themes/Default/img/xp/tab-hover.gif') repeat-x;
}

.ajax__tab_xp-theme .ajax__tab_active .ajax__tab_outer {
    background: url('../App_Themes/Default/img/xp/tab-active-right.gif') no-repeat right 50%;
}

.ajax__tab_xp-theme .ajax__tab_active .ajax__tab_inner {
    background: url('../App_Themes/Default/img/xp/tab-active-left.gif') no-repeat;
}

.ajax__tab_xp-theme .ajax__tab_active .ajax__tab_tab {
    background: url('../App_Themes/Default/img/xp/tab-active.gif') repeat-x;
}

.ajax__tab_xp-theme .ajax__tab_body {
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
    font-family: 'Raleway',verdana,tahoma,helvetica;
    font-size: 10pt;
    border-top: 0px none;
    padding: 8px;
    background-color: #ffffff
}

/* ajax__tab_yuitabview-theme theme (img/yui/sprite.png) */
.ajax__tab_yuitabview-theme .ajax__tab_header {
    font-family: 'Raleway',arial,helvetica,clean,sans-serif;
    font-size: small;
    border-bottom: 5px solid #656666;
}

    .ajax__tab_yuitabview-theme .ajax__tab_header .ajax__tab_outer {
        padding: 1px 0px;
        border-left: 1px solid #a3a3a3;
        border-right: 1px solid #a3a3a3;
        border-top: 1px solid #a3a3a3;
        border-bottom: 0px solid #a3a3a3;
        background: #d8d8d8 url('../App_Themes/Default/img/yui/sprite.png') repeat-x;
        vertical-align: bottom;
        margin-left: 0px;
        margin-right: 0.16em;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .ajax__tab_yuitabview-theme .ajax__tab_header .ajax__tab_tab {
        color: #000;
        padding: 0.35em 0.75em;
        margin-right: 0.01em;
    }

.ajax__tab_yuitabview-theme .ajax__tab_hover .ajax__tab_outer {
    background: #bfdaff url('../App_Themes/Default/img/yui/sprite.png') repeat-x left -100px;
}

.ajax__tab_yuitabview-theme .ajax__tab_active .ajax__tab_tab {
    color: #fff;
}

.ajax__tab_yuitabview-theme .ajax__tab_active .ajax__tab_outer {
    background: #2647a0 url('../App_Themes/Default/img/yui/sprite.png') repeat-x left -100px;
}

.ajax__tab_yuitabview-theme .ajax__tab_body {
    font-family: 'Raleway',verdana,tahoma,helvetica;
    font-size: 10pt;
    padding: 0.25em 0.5em;
    background: #B1B9BD;
    border: 1px solid #808080;
    border-top-width: 0px;
}

/* ajax__tab_technorati-theme theme */
.ajax__tab_technorati-theme .ajax__tab_header {
    font-family: 'Raleway',"Helvetica Neue", Arial, Sans-Serif;
    background: url('../App_Themes/Default/img/technorati/tab-line.png') repeat-x 50% bottom;
    font-size: 12px;
    display: block;
    cursor: pointer;
}

    .ajax__tab_technorati-theme .ajax__tab_header .ajax__tab_outer {
        background: url('../App_Themes/Default/img/technorati/tab.png') no-repeat left top; /*repeat-x tab.png*/
        border-color: #c8c8c8; /*#222*/
        color: #222;
        padding-left: 10px;
        margin-right: 3px
    }

    .ajax__tab_technorati-theme .ajax__tab_header .ajax__tab_inner {
        background: url('../App_Themes/Default/img/technorati/tab.png') no-repeat right top; /*repeat-x tab.png*/
        border-color: #c8c8c8; /*#666*/
        color: #666;
        padding-left: 0px;
        padding-right: 10px;
        padding-top: 3px;
        padding-bottom: 2px
    }

.ajax__tab_technorati-theme .ajax__tab_hover .ajax__tab_inner {
    color: #000000;
}

.ajax__tab_technorati-theme .ajax__tab_active .ajax__tab_outer {
    background: url('../App_Themes/Default/img/technorati/tab.png') no-repeat 0pt -40px; /*repeat-x tab.png*/
    border-bottom-color: #ffffff
}

.ajax__tab_technorati-theme .ajax__tab_active .ajax__tab_inner {
    background: url('../App_Themes/Default/img/technorati/tab.png') no-repeat right -40px; /*repeat-x tab.png*/
    color: #000000;
    border-color: #c8c8c8 /*#333*/
}

.ajax__tab_technorati-theme .ajax__tab_body {
    border-left: 1px solid #c8c8c8;
    border-right: 1px solid #c8c8c8;
    border-top: 0px solid #c8c8c8;
    border-bottom: 1px solid #c8c8c8;
    /*font-family:verdana,tahoma,helvetica;
    font-size:9pt;*/
    font: 11px Arial, Tahoma;
    padding: 8px;
    background-color: #ffffff;
}

/* ajax__tab_msngallery-theme theme */
.ajax__tab_msngallery-theme .ajax__tab_header {
    background: url('../App_Themes/Default/img/msngallery/tab-line.png') repeat-x 50% bottom !important;
    font-size: 12px;
    display: block
}

    .ajax__tab_msngallery-theme .ajax__tab_header .ajax__tab_outer {
        border: 1px solid #D7DCE1;
        padding: 1px 1px 0px 1px;
        border-bottom: 2px solid #A8D4D9;
        background-color: #edf2fb;
    }

    .ajax__tab_msngallery-theme .ajax__tab_header .ajax__tab_tab {
        padding: 6px 10px 6px 10px;
        color: #444444;
        width: 117px;
        display: block;
        text-align: center;
    }

        .ajax__tab_msngallery-theme .ajax__tab_header .ajax__tab_tab img {
            height: 24px;
            width: 24px;
        }

        .ajax__tab_msngallery-theme .ajax__tab_header .ajax__tab_tab div {
            font-family: 'Raleway',Verdana, Arial, Sans-Serif;
            font-weight: bold;
            white-space: nowrap;
            line-height: 145%;
            font-size: 92%;
        }

.ajax__tab_msngallery-theme .ajax__tab_active .ajax__tab_outer {
    padding: 0px 0px 0px 0px;
    border: 2px solid #A8D4D9;
    border-bottom-color: #ffffff;
    background-color: #ffffff;
}

.ajax__tab_msngallery-theme .ajax__tab_body {
    border-left: 2px solid #A8D4D9;
    border-right: 2px solid #A8D4D9;
    border-top: 0px solid #A8D4D9;
    border-bottom: 2px solid #A8D4D9;
    font-family: 'Raleway', verdana,tahoma,helvetica;
    font-size: 10pt;
    padding: 8px;
    background-color: #ffffff;
}

/* ajax__tab_ie-theme theme */
.ajax__tab_ie-theme .ajax__tab_header {
    padding-left: 0px;
}

    .ajax__tab_ie-theme .ajax__tab_header .ajax__tab_tab {
        border-right: 1px solid White;
        background: url('../App_Themes/Default/images/TabHeader.jpg') !important;
        margin-right: 0px;
        width: 111px;
        text-align: center;
        color: White;
        font-family: 'Raleway', Tahoma;
        font-size: 15px;
        display: block;
        padding-left: 1px;
        padding-right: 0px;
        padding-top: 5px;
        padding-bottom: 5px;
        /*background-color: #2076bf;#2076bf*/
    }

.ajax__tab_ie-theme .ajax__tab_active .ajax__tab_tab {
    background: url('../App_Themes/Default/images/TabHeaderActive.jpg') no-repeat 30% 20% !important;
    color: Black;
    width: 111px;
    padding-left: 1px;
    padding-right: 0px;
    padding-top: -2px;
    padding-bottom: 3px;
    /*border-top: #2076bf 2px solid;#2076bf*/
}

.ajax__tab_ie-theme .ajax__tab_body {
    background-color: #cadbef;
    font-family: 'Raleway', Tahoma;
    height: 5px;
    width: 99%;
    border-bottom-style: solid;
    color: Black;
    border-color: #395485;
    border-bottom-width: 1px;
    left: -6px;
}

    .ajax__tab_ie-theme .ajax__tab_body div {
        padding: 8px;
    }

.ajax__tab_ie-theme .ajax__tab_hover .ajax__tab_tab {
    background: url('../App_Themes/Default/images/TabHeaderHover_02.jpg') !important;
    font-weight: lighter;
    color: Black;
    padding-top: 5px;
}



/************login div *************************/
.rtop, .rbottom {
    display: block
}

    .rtop *, .rbottom * {
        display: block;
        height: 1px;
        overflow: hidden
    }

.r1 {
    margin: 0 5px
}

.r2 {
    margin: 0 3px
}

.r3 {
    margin: 0 2px
}

.r4 {
    margin: 0 1px;
    height: 2px
}

.loaging {
    background-color: #ffff66;
    font-size: 12pt;
    color: black;
    font-style: normal;
    font-variant: normal;
    border-right: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}

.div_help {
    background-color: #ffffff;
    width: 100%;
}

.ErrorMsg {
    background-color: #fcf7b1;
    width: 100%;
}




.innerMenu {
    background-color: #cadbef; /*#cadbef*/
    font: Arial, Tahoma;
}

    .innerMenu .cssStaticMenuStyle {
        background-color: #cadbef; /*#cadbef*/
        font-size: 9pt;
        font-weight: bold;
    }

    .innerMenu .cssDynamicMenuStyle {
        background-color: #cadbef; /*#cadbef*/
        border-style: solid;
        border-color: #395485;
        border-width: 0px 1px 1px 0px;
        font-size: 9pt;
        font-weight: bold;
    }

    .innerMenu .cssStaticMenuItemStyle {
        color: #666666;
        font-size: 9pt;
        font-weight: bold;
    }

    .innerMenu .cssDynamicHoverStyle {
        border-color: #000;
        background-color: #5a8ee4;
        color: #000;
        font-size: 9pt;
    }

    .innerMenu .cssDynamicSelectedStyle {
        color: #000;
        font-size: 9pt;
    }

    .innerMenu .cssDynamicMenuItemStyle {
        color: #000;
        font-size: 9pt;
        padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 4px;
        padding-right: 10px;
    }

    .innerMenu .cssStaticHoverStyle {
        text-decoration: blink;
        font-weight: bold;
        color: #3a80f2;
    }

/*----------------------List Grid Styles--------------------------------*/
.listGrid {
    width: 100%;
    border-right: 1px solid #b5b7b7;
    border-top: 1px solid #b5b7b7;
    border-left: 1px solid #b5b7b7;
    border-bottom: 1px solid #b5b7b7;
}

    .listGrid .cssHeaderStyle {
        height: 28px; /*height: 12px;*/
        font-size: 10pt;
        width: auto;
        color: White;
        font-weight: bold;
        /*text-transform: capitalize;*/
        font-style: normal;
        font-variant: normal;
        background-color: #376d91; /*#2076bf    #2076bf
	text-align :left ;*/
        word-wrap: break-word;
    }

    .listGrid .cssHeaderStyle2 {
        height: 12px;
        width: auto;
        color: White;
        font-weight: bold;
        /*text-transform: capitalize;*/
        font-style: normal;
        font-variant: normal;
        background-color: #69a4e4;
    }

    .listGrid .cssHeaderStyle3 {
        height: 12px;
        width: auto;
        color: White;
        font-weight: bold;
        /*text-transform: capitalize;*/
        font-style: normal;
        font-variant: normal;
        background-color: #fabe43;
    }

    .listGrid .cssHeaderStyle a {
        color: White;
    }

    .listGrid .cssAlternatingRowStyle {
        background-color: #fff; /* #f5f5f5 #d9dcdc*/
    }

    .listGrid .cssSelectedRowStyle {
        background-color: transparent;
    }

    .listGrid .cssPagerStyle {
        text-align: right;
        background-color: #f0eee6;
    }

    .listGrid .cssFooterStyle {
        background-color: #ded9bc !important; /*#ffffff*/
    }

    .listGrid .cssRowStyle {
        background-color: #fff;
        word-wrap: break-word;
    }

/*----------------------Details Grid Styles--------------------------------*/
.detailsGrid {
    border: 1px solid #b5b7b7;
    width: 100%;
    text-align: right;
    border-bottom: none !important;
    border-right: none !important;
    border-left: none !important;
}

    .detailsGrid .cssHeaderStyle {
        height: 28px;
        font-size: 10pt;
        width: auto;
        color: White;
        font-weight: bold;
        text-transform: capitalize;
        font-style: normal;
        font-variant: normal;
        background-color: #2076bf; /*#2076bf*/
        text-align: center;
    }
    /*----AA Start 2016/09/12 ----*/
    .detailsGrid .cssHeaderStyle {
        height: 32px;
        font-size: 12px;
    }
        /*----AA End ----*/
        .detailsGrid .cssHeaderStyle a {
            color: White;
        }

    .detailsGrid .cssAlternatingRowStyle {
        background-color: #fff; /*#f5f5f5 #d3d3d3*/
        height: 28px;
        font-size: 10pt;
    }

    .detailsGrid .cssSelectedRowStyle {
        background-color: transparent;
        height: 28px;
        font-size: 10pt;
    }

    .detailsGrid .cssPagerStyle {
        background-color: #ffffff !important;
        text-align: right;
    }

    .detailsGrid .cssFooterStyle {
        background-color: #ded9bc !important; /*#ffffff*/
    }

    .detailsGrid .cssRowStyle {
        background-color: #ffffff;
        height: 28px;
        font-size: 10pt;
    }

/*---------------Look Up Styles-------------------*/
.lookupTitle {
    background-image: url('../App_Themes/Default/images/modules_blue.jpg') !important;
    background-repeat: repeat-x;
    font-family: 'Raleway',Tahoma;
    font-size: 12pt;
    font-weight: normal;
    color: #ffffff;
    text-transform: capitalize;
    text-decoration: none;
    width: auto;
    height: 25px;
    padding-left: 5px;
}

.lookup_grid_div {
    width: 100%;
    height: 450px;
    overflow: scroll;
}

.lookup_grid_div_multi_pop {
    width: 100%;
}
/*-------AD------*/
.text_align_right {
    text-align: right;
}

.text_align_left {
    text-align: left;
}

.text_align_center {
    text-align: center;
}

.base_table {
    width: 80% !important;
    /*min-width:900px;
	max-width:1100px;*/
    background-color: #f4f5f5;
    margin: 0px auto;
    border: 1px solid #c8c8c8;
}

.base_table_100 {
    width: 100%;
    background-color: #f4f5f5;
    margin: 0px auto;
    border: 1px solid #c8c8c8;
}

/*----AA Start 2016/10/20 ----*/
.base_table_100 {
    /*width:80%;*/
    margin: 0px auto 5px;
}
/*----AA End ----*/

.tool_bar_bg {
    background-position: left; /* changed from CENTER to LEFT -wayne (3-7-2011)*/
    /*background-image:url(Images/ToolBarTiltLine_01.jpg);*/
    background-image: url('../App_Themes/Default/Images/ToolBarTiltLine_01.png'); /* added 2 pixel height to bottom of graphic -wayne(3-7-2011)*/
    background-repeat: no-repeat;
    position: relative; /* added relative positioning as a test while i was adjusting Top position, may not be needed anymore -wayne (3-7-2011)*/
}

.fixed_div {
    /*position:fixed; 
	left:0px;
	top:0px; 
	width:100%; 975px*/ /* Temporary */
    background-color: White;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px; /*3px*/
    margin-right: 0px; /*3px*/
    padding-top: 0px; /*4px*/
}

.fixed_div2 {
    position: fixed;
    left: 0px;
    top: 38px;
    width: 100%;
    background-color: White;
    border: 1px solid #c2c2c2;
}

.fixed_div_settings {
    left: 0px;
    width: 100%;
    background-color: White;
    border: 1px solid #c2c2c2;
}

.navigation_table {
    width: 100%; /*969px*/ /* Temporary */
    margin-left: 0px; /*3px*/
    margin-right: 0px; /*3px*/
    border-left: 1px solid #c8c8c8;
    border-bottom: 1px solid #c8c8c8;
    border-right: 1px solid #c8c8c8;
    border-top: 1px solid #c8c8c8;
    overflow: hidden;
}
/*----AA Start 2016/09/19 ----*/
.navigation_table {
    margin: 0 auto;
}
/*----AA End ----*/
.panel {
    font: 11px Arial, Tahoma;
    background-color: White;
    border-right: 1px solid gray;
    border-top: 1px solid gray;
    border-left: 1px solid gray;
    border-bottom: 1px solid gray;
    color: black;
    cursor: auto;
    vertical-align: middle;
    text-transform: capitalize;
    text-align: center;
    height: 20px;
    padding-top: 2px;
}

.panel_hover {
    background-color: #d5dcee;
    font: 11px Arial, Tahoma;
    border-right: 1px solid gray;
    border-top: 1px solid gray;
    border-left: 1px solid gray;
    border-bottom: 1px solid gray;
    color: black;
    cursor: pointer;
    vertical-align: middle;
    text-transform: capitalize;
    text-align: center;
    height: 20px;
    padding-top: 2px;
}

/*------Link Meny Styles---------------------------*/
.innerMenu2 {
    background-color: #efefef;
    font: Arial, Tahoma;
}

    .innerMenu2 .cssStaticMenuStyle2 {
        background-color: #efefef; /*#efefef*/
        font-size: 11pt;
        font-weight: bold;
    }

    .innerMenu2 .cssDynamicMenuStyle2 {
        background-color: #efefef;
        border-style: solid;
        border-color: #395485;
        border-width: 0px 1px 1px 0px;
        font-size: 11pt;
        font-weight: bold;
    }

    .innerMenu2 .cssStaticMenuItemStyle2 {
        color: #666666;
        font-size: 11pt;
        font-weight: normal;
        height: 32px;
        padding: 2px 10px 2px 4px;
    }

    .innerMenu2 .cssDynamicHoverStyle2 {
        border-color: #000;
        background-color: #89897e;
        color: #000;
        font-size: 11pt;
    }

    .innerMenu2 .cssDynamicSelectedStyle2 {
        color: #000;
        font-size: 11pt;
    }

    .innerMenu2 .cssDynamicMenuItemStyle2 {
        color: #000;
        font-size: 11pt;
        padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 4px;
        padding-right: 10px;
    }

    .innerMenu2 .cssStaticHoverStyle2 {
        text-decoration: blink;
        font-weight: normal;
        color: #adadad;
    }


.logo {
    padding: 5px 0 0 0; /*  15px 0 12px 0   */
    margin: 0px;
}

.wrapper {
    background: url('../App_Themes/images/bg.jpg') repeat-x 0 0;
    padding: 0px;
    margin: 0px;
}

.image_space {
    padding: 0 0 0 82px;
    margin: 0px;
}

.logo {
    padding: 5px 0 0 0; /*  15px 0 12px 0   */
    margin: 0px;
}

.wrapper {
    background: url('../App_Themes/images/bg.jpg') repeat-x 0 0;
    padding: 0px;
    margin: 0px;
}

.image_space {
    padding: 0 0 0 82px;
    margin: 0px;
}

.login_background {
    background: url('../App_Themes/Default/images/login_middle.jpg') repeat-y 0 0;
    padding: 0px 5px;
}

/*----AA Start 2016/09/14 ----*/
.login_background {
    background: none;
    padding: 0px;
}
/*----AA End ----*/

.login_background2 {
    background: url('../App_Themes/Default/images/login_middle.jpg') repeat-y 0 0;
    padding: 0px 0px;
}

.login_background_inner {
    background: #e5edfa url('../App_Themes/Default/images/login_middle_inner.jpg') repeat-x 0 0;
    padding: 0px 17px 0 20px;
    margin: 0px;
}

.login_background_inner2 {
    background: #e5edfa url('../App_Themes/Default/images/login_middle_inner.jpg') repeat-x 0 0;
    padding: 0px 10px 0 10px;
    margin: 0px;
}

.form_area {
    width: 250px;
    height: 20px;
    border: 1px solid #d0d0d0;
}

.check_box {
    color: #05204d;
    font: normal 12px Arial, Helvetica, sans-serif;
}

.forgot_password {
    color: #5c367a;
    font-size: smaller;
    font: normal 12px/17px Arial, Helvetica, sans-serif;
    text-decoration: none;
}

    .forgot_password:hover {
        color: #05204d;
        font: normal 12px/17px Arial, Helvetica, sans-serif;
        text-decoration: underline;
    }

.login_button {
    border-style: none;
    border-color: inherit;
    border-width: medium;
    background: url('../App_Themes/Default/images/login_button.jpg') no-repeat 0 0;
    width: 79px;
    height: 30px;
    cursor: pointer;
    font: bold 13px/30px Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    text-align: center;
}

.login_button_hover {
    border-style: none;
    border-color: inherit;
    border-width: medium;
    background: url('../App_Themes/Default/images/login_button_2.jpg') no-repeat 0 0;
    width: 79px;
    height: 30px;
    cursor: pointer;
    font: bold 13px/30px Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    text-align: center;
}
/*----AA Start 2016/09/08 ----*/
.login_button {
    background: #60a5d4;
    width: 79px;
    height: 40px;
    border: none;
    cursor: pointer;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    color: #FFFFFF;
    text-align: center;
}

.login_button_hover {
    background: #427496;
    height: 40px;
    text-transform: uppercase;
    font-weight: normal;
}
/*----AA End ----*/

/*-------------------------module-css---------------------*/

.signin_middle_section {
    background: url('../App_Themes/Default/images/sign_middle_bar.jpg') repeat-x 0 0;
    padding: 0 3px;
    margin: 0px;
}

    .signin_middle_section a.help {
        font-size: 12px;
        color: #000;
        display: block;
        padding-top: 2px;
    }

    .signin_middle_section .settings {
        font-size: 12px;
        color: #000;
        display: block;
        padding-top: 2px;
    }

    .signin_middle_section .modules {
        font-size: 12px;
        color: #000;
        display: block;
        padding-top: 2px;
    }

.home {
    font-size: 12px;
    color: #fff;
    display: block;
    padding-top: 2px;
}

.signin_middle_section a.close {
    background: url('../App_Themes/Default/Images/close.png') no-repeat 5px 0px;
    padding-top: 17px;
    font-size: 12px;
    display: block;
    color: #000;
}

    .signin_middle_section a.close:hover {
        background: url('../App_Themes/Default/Images/close_hover.png') no-repeat 5px 0px;
        color: #3063a0;
        display: block;
    }

.module_menu {
    padding: 0px;
    margin: 0px;
    width: 350px;
}


    .module_menu ul {
        padding: 0px;
        margin: 0px;
        list-style: none;
    }

        .module_menu ul li {
            padding: 0 1px 0 0;
            margin: 0px;
            float: left;
        }

            .module_menu ul li a {
                display: block;
                font: bold 13px/38px Arial, Helvetica, sans-serif;
                color: #333333;
                text-align: center;
                text-decoration: none;
                padding: 0px 1px 0 8px;
                margin: 0px;
                background: url('../App_Themes/Default/images/left_but.jpg') no-repeat left 50%;
                width: 100px;
            }

                .module_menu ul li a span {
                    display: block;
                    padding: 0px 18px 0 8px;
                    margin: 0px;
                    background: url('../App_Themes/Default/images/rigth_but.jpg') no-repeat right 50%;
                }

                .module_menu ul li a:hover {
                    background: url('../App_Themes/Default/images/left_but_blue.jpg') no-repeat left 50%;
                    font: bold 13px/38px Arial, Helvetica, sans-serif;
                    color: #ffffff;
                }

                    .module_menu ul li a:hover span {
                        background: url('../App_Themes/Default/images/rigth_but_blue.jpg') no-repeat right 50%;
                    }

                .module_menu ul li a.select {
                    font: bold 13px/38px Arial, Helvetica, sans-serif;
                    color: #333333;
                    text-align: center;
                    text-decoration: none;
                    padding: 0px 1px 0 8px;
                    margin: 0px;
                    background: url('../App_Themes/Default/images/left_but_blue.jpg') no-repeat left 50%;
                    width: 100px;
                }

                    .module_menu ul li a.select span {
                        background: url('../App_Themes/Default/images/rigth_but_blue.jpg') no-repeat right 50%;
                        font: bold 13px/38px Arial, Helvetica, sans-serif;
                        color: #ffffff;
                    }

.module_payable_voucher {
    border: 1px solid #1676b2;
    padding: 0px;
    margin: 0px;
}

.module_payable_voucher_right {
    border: 1px solid #a86000;
    padding: 0px;
    margin: 0px;
}

.module_payable_voucher_right_next {
    border: 1px solid #c8c8c8;
    padding: 0px;
    margin: 0px;
}

.module_payable_voucher_middle {
    background: url('../App_Themes/Default/images/modules_bar_middle.jpg') repeat-x 0 0;
    margin: 0px;
    padding: 0px;
    line-height: 35px;
}

.create_buton {
    border-style: none;
    border-color: inherit;
    border-width: medium;
    background: url('../App_Themes/Default/images/gray_button_next.jpg') no-repeat 0 0;
    width: 63px;
    height: 23px;
    cursor: pointer;
    font: normal 12px/23px Arial, Helvetica, sans-serif;
    color: #fff;
}

.list_vouchers_buton {
    border-style: none;
    border-color: inherit;
    border-width: medium;
    background: url('../App_Themes/Default/images/gray_button.jpg') no-repeat 0 0;
    width: 97px;
    height: 23px;
    cursor: pointer;
    font: normal 12px/23px Arial, Helvetica, sans-serif;
    color: #fff;
}

.new_row_buton {
    border-style: none;
    border-color: inherit;
    border-width: medium;
    background: url('../App_Themes/Default/images/blue_button_next.jpg') no-repeat 0 0;
    width: 70px;
    height: 23px;
    cursor: pointer;
    font: normal 12px/23px Arial, Helvetica, sans-serif;
    color: #fff;
}

.module_payable_voucher_area {
    font: normal 12px/29px Arial, Helvetica, sans-serif;
    color: #272728;
    background: #efefef;
    padding: 0 4px 0 8px;
}

.module_payable_voucher_area_other {
    font: normal 12px/29px Arial, Helvetica, sans-serif;
    color: #272728;
    background: #efefef;
    padding: 0 0 0 4px;
}

.module_payable_textfield {
    width: 240px;
    height: 17px;
    border: 1px solid #7d7d7d;
}

.module_payable_textfield_date {
    width: 131px;
    height: 17px;
    border: 1px solid #7d7d7d;
}

.module_payable_textfield_small {
    width: 99px;
    height: 17px;
    border: 1px solid #7d7d7d;
}

.module_payable_blue {
    background: url('../App_Themes/Default/images/modules_blue.jpg') repeat-x 0 0;
    font: bold 12px/25px Arial, Helvetica, sans-serif;
    color: #fdfeff;
}

.module_payable_textfield_next {
    width: 183px;
    height: 17px;
    border: 1px solid #7d7d7d;
}

/*--------------------------text_css-----------------------*/

.txt01 {
    font: bold 13px Arial, Helvetica, sans-serif;
    color: #073074;
    padding: 3px 0 0 7px;
}

.txt02 {
    font: bold 13px Arial, Helvetica, sans-serif;
    color: #05204d;
}

.txt03 {
    font: bold 13px Arial, Helvetica, sans-serif;
    color: #322b29;
    padding: 0 0 0 7px;
}

.txt04 {
    font: normal 13px/18px Arial, Helvetica, sans-serif;
    color: #322b29;
}

.txt05 {
    font: normal normal bold small normal Arial, Helvetica, sans-serif;
    color: #095c91;
    text-decoration: none;
}

    .txt05:hover {
        font: bold 13px Arial, Helvetica, sans-serif;
        color: #095c91;
    }

.txt06 {
    font: normal 13px Arial, Helvetica, sans-serif;
    color: #4c4c4c;
    text-decoration: none;
}

    .txt06:hover {
        font: normal 13px Arial, Helvetica, sans-serif;
        color: #4c4c4c;
    }

.txt07 {
    font: bold 16px Arial, Helvetica, sans-serif;
    color: #ffffff;
    text-decoration: none;
    padding: 0 0 0 6px;
}

.txt08 {
    font: bold 11px/32px Arial, Helvetica, sans-serif;
    color: #656565;
    text-decoration: none;
    padding: 0 0 0 4px;
}

.txt09 {
    font: bold 11px Arial, Helvetica, sans-serif;
    color: #1679b6;
    text-decoration: none;
}

    .txt09:hover {
        font: bold 11px Arial, Helvetica, sans-serif;
        color: #1679b6;
        text-decoration: none;
    }

.txt10 {
    font: bold 16px Arial, Helvetica, sans-serif;
    color: #1758b9;
    text-decoration: none;
    padding: 0 0 0 6px;
}

.txt11 {
    font: normal 11px Arial, Helvetica, sans-serif;
    color: #FFFFFF;
}

.txt12 {
    font: normal 13px Arial, Helvetica, sans-serif;
    color: #4c4c4c;
    text-decoration: none;
    padding: 0 0 0 6px;
}

.txt13 {
    font: bold 14px Arial, Helvetica, sans-serif;
    color: #1758b9;
    text-decoration: none;
    padding: 0 0 0 6px;
}

.txt14 {
    font: bold 14px Arial, Helvetica, sans-serif;
    color: #8b8b8b;
    text-decoration: none;
    padding: 0 0 0 6px;
}

.txt15 a {
    font: normal 12px Arial, Helvetica, sans-serif;
    color: #3168d5;
    text-decoration: none;
}

.txt16 {
    font: normal 11px Arial, Helvetica, sans-serif;
    color: #4c4c4c;
    text-decoration: none;
}

.txt17 {
    font: normal 14px Arial, Tahoma;
    color: #1e1e1e;
    text-decoration: none;
}

.txt18 {
    font: normal 7.5ptl Arial, Tahoma;
    color: #1e1e1e;
    text-decoration: none;
}

.txt19 {
    font: normal 14px Arial, Tahoma;
    color: #000000;
    text-decoration: none;
}

.txt20 {
    font: normal 11px Arial, Helvetica, sans-serif;
    color: #000000;
    text-decoration: none;
}

.txt21 {
    font: normal 12px Arial, Tahoma;
    color: #000000;
    text-decoration: none;
}

.txt22 {
    font: bold 11px Arial, Helvetica, sans-serif;
    color: #073074;
}

.txt23 {
    font: bold 11px Arial, Helvetica, sans-serif;
    color: #0b49b0;
}

.txt24 {
    font: normal 11px Arial, Helvetica, sans-serif;
    color: #747676;
}

.txtLink a {
    font: normal 12px Arial, Helvetica, sans-serif;
    color: #3168d5;
    text-decoration: none;
}
/*-------------------ajax__tab_ie-theme theme (NEW)----------------*/

.ajax__tab_ie-theme_new .ajax__tab_header {
    padding-left: 0px;
    float: left;
}

    .ajax__tab_ie-theme_new .ajax__tab_header .ajax__tab_tab {
        display: block;
        font: bold 13px/26px Arial, Helvetica, sans-serif;
        color: #333333;
        text-align: center;
        text-decoration: none;
        padding: 0px 5px 0 5px;
        margin: 0px;
        background: url('../App_Themes/Default/images/rigth_but_03.jpg') no-repeat left 50%;
        width: 100px;
    }

.ajax__tab_ie-theme_new .ajax__tab_active .ajax__tab_tab {
    font: bold 13px/26px Arial, Helvetica, sans-serif;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    padding: 0px 5px 0 5px;
    margin: 0px;
    background: url('../App_Themes/Default/images/rigth_but_blue_03.jpg') no-repeat left 50%;
    width: 100px;
}

.ajax__tab_ie-theme_new .ajax__tab_body {
}

    .ajax__tab_ie-theme_new .ajax__tab_body div {
        /*padding:0px;     */
    }

.ajax__tab_ie-theme_new .ajax__tab_hover .ajax__tab_tab {
    background: url('../App_Themes/Default/images/right_yellow_02.jpg') no-repeat left 50%; /*rigth_but_blue_03*/
    font: bold 13px/38px Arial, Helvetica, sans-serif;
    color: #ffffff;
    cursor: pointer;
}

/*-------------------ajax__tab_ie-theme theme (Module Page)----------------*/
.ajax__tab_ie-theme_module {
    /*
    background:url(images/module_tab_bg.jpg) 0 0 repeat-x;
    */

    overflow: hidden; /* wayne (3-7-2011)*/
}

    /*----AA Start 2016/27/10 ----*/
    .ajax__tab_ie-theme_module .ajax__tab_header {
        width: 80%;
        padding-left: 0px;
        margin: 0 auto;
    }
        /*----AA End ----*/

        .ajax__tab_ie-theme_module .ajax__tab_header .ajax__tab_tab {
            display: block;
            font: bold 13px/26px Arial, Helvetica, sans-serif;
            color: #333333;
            text-align: center;
            text-decoration: none;
            padding: 0px 5px 0 5px;
            margin: 0px 1px 0 1px;
            ;
            background: url('../App_Themes/Default/images/rigth_but_04.jpg') no-repeat left 50%;
            /*width:100px;*/ /* 2013-09-24 */
            min-width: 95px; /*2013-09-24 */
            max-width: 100px; /* 2013-09-24 */
        }
        /*----AA Start 2016/27/10 ----*/
        .ajax__tab_ie-theme_module .ajax__tab_header .ajax__tab_tab {
            display: block;
            font: bold 13px/26px Arial, Helvetica, sans-serif;
            color: #fff;
            text-align: center;
            text-decoration: none;
            padding: 0px 5px 0 5px;
            margin: 0px 1px 0 1px;
            ;
            background: #376d91;
            /*width:100px;*/ /* 2013-09-24 */
            min-width: 95px; /*2013-09-24 */
            max-width: 100px; /* 2013-09-24 */
        }
    /*----AA End ----*/
    .ajax__tab_ie-theme_module .ajax__tab_active .ajax__tab_tab {
        font: bold 13px/26px Arial, Helvetica, sans-serif;
        color: #ffffff;
        text-align: center;
        text-decoration: none;
        padding: 0px 5px 0 5px;
        margin: 0px 1px 0 1px;
        background: url('../App_Themes/Default/images/rigth_but_blue_04.jpg') no-repeat left 50%;
        /*width:100px;*/ /* 2013-09-24 */
        min-width: 95px; /*2013-09-24 */
        max-width: 100px; /* 2013-09-24 */
    }
    /*----AA Start 2016/27/10 ----*/
    .ajax__tab_ie-theme_module .ajax__tab_active .ajax__tab_tab {
        font: bold 13px/26px Arial, Helvetica, sans-serif;
        color: #ffffff;
        text-align: center;
        text-decoration: none;
        padding: 0px 5px 0 5px;
        margin: 0px 1px 0 1px;
        background: #376d91;
        /*width:100px;*/ /* 2013-09-24 */
        min-width: 95px; /*2013-09-24 */
        max-width: 100px; /* 2013-09-24 */
    }
    /*----AA End ----*/
    .ajax__tab_ie-theme_module .ajax__tab_body {
    }

        .ajax__tab_ie-theme_module .ajax__tab_body div {
        }

    .ajax__tab_ie-theme_module .ajax__tab_hover .ajax__tab_tab {
        background: url('../App_Themes/Default/images/right_yellow.jpg') no-repeat left 50%;
        font: bold 13px/26px Arial, Helvetica, sans-serif;
        color: #ffffff;
        cursor: pointer;
    }
    /*----AA Start 2016/27/10 ----*/
    .ajax__tab_ie-theme_module .ajax__tab_hover .ajax__tab_tab {
        background: #ffb444;
        font: bold 13px/26px Arial, Helvetica, sans-serif;
        color: #ffffff;
        cursor: pointer;
    }
/*----AA End ----*/
/*----Caption label style---*/
.label_caption {
    padding-top: 4px;
}

/*--------Help TAB Style--------*/
.help_tab {
    font: bold 13px/26px Arial, Helvetica, sans-serif;
    color: #333333;
    text-align: center;
    text-decoration: none;
    padding: 0px 5px 0 5px;
    margin: 0px;
    background: url('../App_Themes/Default/images/help_tab_orange_01.jpg') no-repeat left 50%;
    width: 100px;
}

.help_tab_hover {
    background: url('../App_Themes/Default/images/help_tab_orange_02.jpg') no-repeat left 50%;
    font: bold 13px/26px Arial, Helvetica, sans-serif;
    color: #ffffff;
    cursor: pointer;
}

/*----Help Left side Tree Menu Styles-----*/

.node_selected {
    background-color: #eabb64;
    color: #000000;
    width: 200px;
}

.node_hover {
    background-color: #6d9ffc;
    color: White;
    width: 200px;
}

/*----Link Style----*/
.link1 {
    font: bold 11px Arial, Tahoma;
    color: #0247fd;
    cursor: pointer;
    text-decoration: none;
}
/*----------------*/
.fixed_header {
    position: fixed;
}

.column_header {
    background-color: #2076bf; /**/
    color: #ffffff; /*#5B5B5B*/
    font-family: Arial, Tahoma;
    font-weight: bold; /*normal*/
    font-size: 8pt;
    padding-left: 4px;
}

.column_header_align_left {
    height: 18px;
    background-color: #F5DA81; /*#2076bf*/
    color: #5B5B5B; /*#ffffff*/
    font-family: 'Raleway', Tahoma;
    font-weight: normal; /*bold*/
    font-size: 8pt;
    padding-left: 4px;
}

.column_header_align_right {
    height: 18px;
    background-color: #F5DA81; /*#2076bf*/
    color: #5B5B5B; /*#ffffff*/
    font-family: 'Raleway', Tahoma;
    font-weight: normal; /*bold*/
    font-size: 8pt;
    padding-right: 4px;
    text-align: right;
}

/*----------------*/
.zindex_1 {
    position: relative;
    z-index: 1;
}

.zindex_0 {
    position: relative;
    z-index: 0;
}

.zindex_minus_1 {
    position: relative;
    z-index: -1;
}
/*-------settings styles---------*/
.cell_border_top {
    border-top: 1px solid #c2c2c2;
}

.cell_border_right {
    border-right: 1px solid #c2c2c2;
}

.cell_border_bottom {
    border-bottom: 1px solid #c2c2c2;
}

.cell_border_left {
    border-left: 1px solid #c2c2c2;
}

.cell_border_top_right {
    border-top: 1px solid #c2c2c2;
    border-right: 1px solid #c2c2c2;
}

.cell_border_right_left {
    border-left: 1px solid #c2c2c2;
    border-right: 1px solid #c2c2c2;
}
/*.cell_border_top_bottom
{
    border-top: 1px solid #c2c2c2;
    border-bottom: 1px solid #c2c2c2;
}*/
/*----AA Start 2017/01/13 ----*/
.cell_border_top_bottom {
    border-top: 1px solid #c2c2c2;
    /*border-bottom: 1px solid #c2c2c2;*/
}
/*----AA End ----*/
.cell_border_right_bottom_left {
    border-bottom: 1px solid #c2c2c2;
    border-left: 1px solid #c2c2c2;
    border-right: 1px solid #c2c2c2;
}

.cell_border_bottom_left {
    border-bottom: 1px solid #c2c2c2;
    border-left: 1px solid #c2c2c2;
}

.cell_border_bottom_right {
    border-bottom: 1px solid #c2c2c2;
    border-right: 1px solid #c2c2c2;
}

.cell_border_top_right_bottom {
    border-bottom: 1px solid #c2c2c2;
    border-top: 1px solid #c2c2c2;
    border-right: 1px solid #c2c2c2;
}

.cell_border_curved {
    background: url('../App_Themes/Default/images/cell_curved_border.png') no-repeat right 50%;
}
/*------dashboard items style---start-------------------*/
.dsboard_cell_border_bottom {
    border-bottom: 1px solid #efefef;
}

.dsboard_cell_border_bottom_right {
    border-bottom: 1px solid #efefef;
    border-right: 1px solid #efefef;
}
/*------dashboard items style---end-------------------*/

.gridScroll {
    overflow-x: scroll;
    overflow-y: scroll;
}

/*---ModalPopUp--Css*/
.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}


.page_top {
    padding: 0px;
    line-height: normal;
    width: 100%;
    float: left;
}

.page {
    width: 98%;
    margin: 10px auto 0px auto;
}

/*---- AA 2016.09.08 ----*/
.page {
    width: 100%;
    margin: 10px auto 0px auto;
}
/*---- AA ENd ----*/

.mainsecton {
    width: 100%;
    float: left;
    border-bottom-style: none;
    background-color: #fff;
}
/*border:1px solid #d7d7d7;*/

.header {
    position: relative;
    margin: 0px;
    padding: 0px;
    background: #fff;
    width: 100%;
    float: left;
}

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

/*---- AA 2016.09.08 ----*/
.header_top {
    float: none;
    overflow: hidden;
    margin: 0 auto 10px;
    width: 75%;
}
    /*---- AA ENd ----*/

    .header_top h1 {
        font-weight: bold;
        margin: 0px;
        /*padding: 3px 0px 3px 20px;*/
        color: #1b8cb8;
        border: none;
        line-height: 2em;
        font-size: 2em;
    }

.main {
    padding: 0px 12px;
    */ margin: 0px 0px 8px 0px;
    border-top: 1px solid #c8c8c8;
}

.leftCol {
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

.footer {
    color: #4e5766;
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
}

.contentarea {
    float: left;
    width: 100%;
    margin: 10px 0px 0px 0px;
    min-height: 400px;
}

@media screen and (min-width: 1000px) {
    .contentarea {
        float: left;
        width: 100%;
        margin: 10px 0px 0px 0px; /*min-height:700px;*/
    }
}

.contentareaRpt {
    float: left;
    width: 100%;
    margin: 0px 0px 0px 0px;
}
/*----AA Start 2016/10/20 ----*/
.contentareaRpt {
    float: left;
    width: 100%;
    margin: 10px 0px 0px 0px;
}
/*----AA End ----*/

.leftpanel {
}
/*float:left; width:100%; min-height:500px; overflow-x:scroll;*/

.leftpanel_report {
    float: left;
    width: 100%;
    min-height: 500px;
}

.rightpanel {
    float: right;
    width: 100%;
    border: 1px solid #ccc;
    padding: 8px;
    background: #F9F9F9;
    margin-bottom: 12px;
}

    .rightpanel span {
        display: block;
        background: #fff;
        border: 1px solid #ccc;
        width: 100%;
        height: 120px;
        margin-bottom: 5px;
        text-align: center;
    }

    .rightpanel img {
        display: block;
        width: 100%;
        height: 120px;
    }

.loginDisplay {
    font-size: 12px;
    float: right;
    background: #f2f2f2;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.title {
    display: block;
    float: left;
    width: auto;
}

.loginDisplay ul {
    display: block;
    float: left;
    padding-top: 5px;
    padding-bottom: 5px;
    margin: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

    .loginDisplay ul li {
        display: block;
        float: left;
        text-align: center;
        padding-left: 5px;
        padding-right: 5px;
    }

        .loginDisplay ul li a {
            text-align: center;
            color: #000;
            font-size: 13px;
            border-right: 1px solid #F7F7F7;
            padding-left: 5px;
            padding-right: 5px;
            padding-top: 15px;
            display: inline-block;
            line-height: 20px;
            text-decoration: none;
        }

        .loginDisplay ul li span {
            color: #5d5d5d;
            font-size: 13px;
        }

        .loginDisplay ul li img {
        }

        .loginDisplay ul li span:hover {
            color: #9db1d0;
        }

        .loginDisplay ul li a:hover {
            color: #3063a0;
        }

        .loginDisplay ul li:last-child a {
            border-right: none;
        }

        .loginDisplay ul li img {
        }

        .loginDisplay ul li a.settings {
            background: url('../App_Themes/Default/Images/settings.png') no-repeat 20px 0px;
        }

            .loginDisplay ul li a.settings:hover {
                background: url('../App_Themes/Default/Images/settings_hover.png') no-repeat 20px 0px;
                color: #3063a0;
            }

        .loginDisplay ul li a.home {
            background: url('../App_Themes/Default/Images/home.png') no-repeat 18px 0px;
        }

            .loginDisplay ul li a.home:hover {
                background: url('../App_Themes/Default/Images/home_hover.png') no-repeat 18px 0px;
                color: #3063a0;
            }

        .loginDisplay ul li a.modules {
            background: url('../App_Themes/Default/Images/modules.png') no-repeat 20px 0px;
        }

            .loginDisplay ul li a.modules:hover {
                background: url('../App_Themes/Default/Images/modules_hover.png') no-repeat 20px 0px;
                color: #3063a0;
            }

        .loginDisplay ul li a.help {
            background: url('../App_Themes/Default/Images/help.png') no-repeat 9px 0px;
        }

            .loginDisplay ul li a.help:hover {
                background: url('../App_Themes/Default/Images/help_hover.png') no-repeat 9px 0px;
                color: #3063a0;
            }

        .loginDisplay ul li a.year {
            background: url('../App_Themes/Default/Images/calander.png') no-repeat 29px 0px;
        }

            .loginDisplay ul li a.year:hover {
                background: url('../App_Themes/Default/Images/calander_hover.png') no-repeat 29px 0px;
                color: #3063a0;
            }

        .loginDisplay ul li a.close {
            background: url('../App_Themes/Default/Images/close.png') no-repeat 15px 0px;
        }

            .loginDisplay ul li a.close:hover {
                background: url('../App_Themes/Default/Images/close_hover.png') no-repeat 15px 0px;
                color: #3063a0;
            }


.admin_bar {
    float: right;
    margin: 10px 10px 10px 15px;
}

    .admin_bar h1 {
        font-size: 14px;
        font-weight: normal;
        color: #1881be;
        display: block;
        float: left;
        padding: 0px;
    }

.loginDisplay ul li a.signout {
    background: url('../App_Themes/Default/Images/signout.png') no-repeat 20px 0px;
}

    .loginDisplay ul li a.signout:hover {
        background: url('../App_Themes/Default/Images/signout_hover.png') no-repeat 20px 0px;
    }

/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink {
    background: url('../App_Themes/Default/Images/rigth_but_04.jpg') repeat-x;
    float: left;
    width: 100%;
    height: 30px;
}

/*---- AA Start 2016.09.06 ----*/
div.hideSkiplink {
    background: #60a5d4;
    float: left;
    width: 100%;
    height: 30px;
}
    /*---- AA End ----*/



    div.hideSkiplink table td table td img {
        display: block;
    }

    div.hideSkiplink a img {
        display: block;
    }

    div.hideSkiplink table.ctl00_NavigationMenu_2 {
        display: block;
        vertical-align: text-top;
        padding: 0px;
        margin: 0px;
        border-collapse: collapse;
    }
    /*---- AA Start 2016.09.06 ----*/
    div.hideSkiplink table.ctl00_NavigationMenu_2 {
        width: 1029px;
        margin: 0 auto;
    }
    /*---- AA End ----*/
    div.hideSkiplink table td table td {
        padding: 0px;
        margin: 0px;
        vertical-align: text-top;
    }

        div.hideSkiplink table td table td a {
            font: bold 13px/30px Arial,Helvetica,sans-serif;
            height: 30px;
            display: block;
            padding-left: 10px;
            padding-right: 10px;
            border-right: 2px solid #e1edf7;
            color: #fff;
        }
        /*----AA Start 2016/09/09 ----*/
        div.hideSkiplink table td table td a {
            font: bold 13px/30px Arial,Helvetica,sans-serif;
            height: 30px;
            display: block;
            padding-left: 10px;
            padding-right: 10px;
            border-right: 1px solid #4382ad;
            color: #fff;
        }
            /*----AA End ----*/
            div.hideSkiplink table td table td a:hover {
                background: url('../App_Themes/Default/Images/right_yellow.jpg') repeat-x;
                color: #fff;
                height: 30px;
            }
            /*----AA Start 2016/09/09 ----*/
            div.hideSkiplink table td table td a:hover {
                background: #ffa82b;
                color: #fff;
                height: 30px;
            }
            /*----AA End ----*/
            div.hideSkiplink table td table td a.active {
                background: url('../App_Themes/Default/Images/right_yellow.jpg') repeat-x;
                color: #fff;
            }
            /*----AA Start 2016/09/09 ----*/
            div.hideSkiplink table td table td a.active {
                background: #ffaf37;
                color: #fff;
            }
/*----AA End ----*/
div.ctl00_NavigationMenu_0 {
    border-left: 1px solid #B1D4DD;
    border-bottom: 1px solid #B1D4DD;
    border-top: 1px solid #B1D4DD;
    background-color: #e9f1f4;
}
/*----AA Start 2016/09/09 ----*/
div.ctl00_NavigationMenu_0 {
    border-left: 1px solid #B1D4DD;
    border-bottom: 1px solid #4382ad;
    border-top: 1px solid #B1D4DD;
    background-color: #60a5d4;
}
    /*----AA End ----*/
    div.ctl00_NavigationMenu_0 table td a {
        border-bottom: 1px solid #cfe4ec;
    }
    /*----AA Start 2016/09/09 ----*/
    div.ctl00_NavigationMenu_0 table td a {
        border-bottom: 1px solid #4382ad;
    }

    div.ctl00_NavigationMenu_0 table td table td a:hover {
        background: #ffaf37;
        color: #fff;
    }
/*----AA End ----*/
.footer_cloud {
    margin: 5px 0px 5px 25px;
    line-height: normal;
    width: 96%;
    float: left;
}
/*----AA Start 2016/12/20 ----*/
.footer_cloud {
    margin: 5px 0px;
    width: 100%;
}
    /*----AA End ----*/
    .footer_cloud p.powred {
        float: right;
        font-size: 12px;
    }

    .footer_cloud a {
        color: #27a7d8;
        font-size: 12px;
        text-decoration: none;
    }


.footer_cloud_main { /*width:98%;*/
    margin: 0 auto;
    width: 78%;
}

.footer-table {
    border: 0px;
    width: 100%;
    text-align: center;
}

.footer_cloud table td {
    border-collapse: collapse;
    font-size: 13px;
    line-height: 19px;
}

    .footer_cloud table td a {
        color: #27a7d8;
        font-size: 12px;
        text-decoration: none;
        width: 100px;
    }

.footer_cloud p {
    float: left;
}

.headtitle {
    color: #0e2e5f;
    font-size: 13px;
    line-height: 24px;
    width: 100%;
}

.headtitleRpt {
    color: #0e2e5f;
    font-size: 13px;
    line-height: 15px;
    width: 100%;
}

.headtitle a {
    font-size: 13px;
    color: #0ca7db;
    text-decoration: none;
    float: right;
    padding-left: 10px;
    padding-right: 5px;
    line-height: 24px;
    font-weight: bold;
}

    .headtitle a:hover {
        color: #ff9900;
    }

.Table_report {
    border: 1px solid #c8c8c8;
    font: 11px Arial, Tahoma;
    vertical-align: top;
    width: 100%;
}

.Table_report {
    border: none !important;
}

table.Table_report td div {
    width: 100%;
    overflow-x: auto;
    margin: 0 auto;
}

.Label_Title_Lower1 {
    background: none;
}

.new_title {
    color: #0e2e5f;
    font-size: 13px;
    font-weight: bold;
}
/*----AA Start 2016/09/19 ----*/
.new_title, .pop_title {
    color: #2f526a;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    padding-left: 10px;
}

/*----AA End ----*/



.bg_defaultpage {
    width: 100%;
    height: 100%;
    background-color: #f1f4f9;
}


.abc {
    background: #000;
}


/* Progress bar style */
.light_box {
    position: fixed;
    top: 0px;
    left: 0px;
    height: 2000px; /* 800px */
    width: 100%; /* 1000px */
    /*opacity:0.3; */
    z-index: 2001;
    /*background-color: #000;*/
    background: url('../App_Themes/Default/Images/lightbox.png');
}


.light_box_inner {
    margin: 200px auto;
    height: 30px;
    width: 100px;
    /*opacity:1; */
    background-color: #ffffff;
}


/* BER Voucher Attachment View */
.backgroundPopup {
    margin: auto;
    background: url('../App_Themes/Default/Images/transparent_bg.png') 0 0;
    z-index: 3001;
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
    height: 700px; /*100%*/
    width: 100%;
    overflow: auto;
}

.popup_table {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: auto;
    height: 300px;
    width: 500px;
}

.popup_table_image {
    display: block;
    width: 500px;
    height: 300px;
    padding: 7px;
    z-index: 6002;
    overflow: auto;
    background-color: #FFF;
    border: 10px solid #ccc;
    color: #333333;
    border-radius: 3px 3px 3px 3px;
}

.popup_table_pdf {
    display: block;
    width: 680px;
    height: 300px;
    padding: 7px;
    z-index: 6002;
    overflow: auto;
    background-color: #FFF;
    border: 10px solid #ccc;
    color: #333333;
    border-radius: 3px 3px 3px 3px;
}


/***************8 indrojit added ****************/

.modulesblck {
    border: 1px solid #e8e8e8;
    width: 210px; /*height:44px;*/
    padding: 3px 3px;
    cursor: default;
}
/*----AA Start 2016/09/15 ----*/
.modulesblck {
    background-color: #f1f4f9; /*f2f2f2*/
    border: 2px solid #dbdbdb;
}
    /*----AA End ----*/
    .modulesblck img {
        display: block; /*padding-right:10px;*/
        vertical-align: middle;
        float: right;
        margin-top: 1px;
        margin-right: -3px;
    }

    .modulesblck p {
        font-size: 15px;
        color: #939393;
        vertical-align: middle;
        float: left;
        display: block;
        line-height: 18px;
        padding-top: 7px;
        vertical-align: middle;
        margin: 0px;
    }
    /*----AA Start 2016/09/14 ----*/
    .modulesblck p {
        font-size: 14px;
        font-weight: bold;
        color: #7c8f9e; /*adadad*/
        vertical-align: middle;
        float: left;
        display: block;
        line-height: 18px;
        padding-top: 17px;
        padding-left: 5px;
        vertical-align: middle;
        margin: 0px;
    }
/*----AA End ----*/
.modulesblck_active {
    border: 1px solid #628adf;
    width: 210px; /*height:44px;*/
    padding: 8px 3px;
    margin: 0px;
    transition: all 0.7s ease 0s;
}
/*----AA Start 2016/09/15 ----*/
.modulesblck_active {
    border: 2px solid #427496;
    background-color: #fff; /*bbd0ed*/
    width: 210px; /*height:44px;*/
    padding: 3px;
    margin: 0px;
    transition: all 0.7s ease 0s;
    -webkit-box-shadow: 0px 9px 16px -6px rgba(0,0,0,0.37);
    -moz-box-shadow: 0px 9px 16px -6px rgba(0,0,0,0.37);
    box-shadow: 0px 9px 16px -6px rgba(0,0,0,0.37);
}
    /*----AA End ----*/
    .modulesblck_active:hover {
        background: #c0c0c0;
        border: 1px solid #0f4210; /*box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);*/
    }
    /*----AA Start 2016/09/15 ----*/
    .modulesblck_active:hover {
        background: #40aadd;
        border: 2px solid #6499cc; /*box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);*/
    }
        /*----AA End ----*/
        .modulesblck_active:hover p {
            color: #fff;
        }
        /*----AA Start 2016/09/16 ----*/
        .modulesblck_active:hover p {
            color: #fff;
        }
    /*----AA End ----*/
    .modulesblck_active img {
        display: block;
        padding-right: 10px;
        float: left;
        vertical-align: middle;
        float: right;
    }

    .modulesblck_active p {
        font-size: 14px;
        color: #073074;
        vertical-align: middle;
        float: left;
        display: block;
        line-height: 18px;
        margin: 0px;
        padding-top: 7px;
        font-weight: bold;
        transition: all 0.7s ease 0s;
    }
    /*----AA Start 2016/09/15 ----*/
    .modulesblck_active p {
        margin: 0px;
        padding-top: 17px;
        padding-left: 5px;
        font-weight: bold;
        transition: all 0.7s ease 0s;
        color: #427496;
    }
/*----AA End ----*/
.heading_title {
    font-size: 18px;
    font-weight: bold;
    color: #427496;
    text-align: left;
}

.welcomeuser {
    font-size: 18px;
    color: #427496; /*656565*/
    font-weight: normal;
    width: 100%;
    display: block; /*border-bottom:1px solid #ececec;*/
    padding: 0px;
    margin: 0px;
    line-height: 0px;
    text-align: left;
}

.signout_new {
    padding: 2px 10px;
    background: url('../App_Themes/Default/Images/logout_bg.jpg') repeat-x;
    text-decoration: none;
    height: 22px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #fff;
    line-height: 22px;
    border: 1px solid #000;
}

    .signout_new:hover {
        background: url('../App_Themes/Default/Images/logout_bg_hover.jpg') repeat-x;
    }

input.loginform_area {
    background: #fff;
    width: 183px;
    border: 1px solid #999;
    height: 18px;
}

.headerpart {
    background: url('../App_Themes/Default/images/header_bg.jpg') repeat-x;
    height: 113px;
    width: 100%;
    margin-bottom: 24px;
}
/*----AA Start 2016/09/14 ----*/
.headerpart {
    background: none;
    height: 113px;
    width: 100%;
    margin-bottom: 24px;
}
/*----AA End ----*/
.footerprt {
    background: url('../App_Themes/Default/images/footer_bg.jpg') repeat-x;
    height: 113px;
    width: 100%;
    margin-top: 44px;
}
/*----AA Start 2016/09/14 ----*/
.footerprt {
    background: none;
    height: auto;
    width: 100%;
    margin-top: 44px;
    padding-bottom: 20px;
}
/*----AA End ----*/
.bdr {
    display: block;
    width: 100%;
    border-bottom: 1px solid #9dbbed;
    border-collapse: collapse;
}
/*----AA Start 2016/09/08 ----*/
.bdr {
    display: block;
    width: 100%;
    border-bottom: 3px solid #f1f4f9; /*f2f2f2*/
    border-collapse: collapse;
    padding-bottom: 8px;
}
/*----AA End ----*/
.hiddentextbox {
    background: #f4f5f5;
    border: none;
    width: 20px !important;
    color: #f4f5f5 !important;
    z-index: -10
}
/* reference text box for Quick List, textbox background color should be the same as of the page background color */

.popupIcon {
    height: 20px;
    width: 20px;
}

.popupIconGrid {
    height: 16px;
    width: 16px;
}




/*-----Start---------Dashboard Css---------------------*/

.top_nav {
    float: right;
    width: 475px;
    height: 41px;
    background: url('../App_Themes/Default/images/sign_middle_bar.jpg') repeat-x 0 0;
    padding-top: 2px;
}

.top_nav_leftbar {
    position: absolute;
    top: 0px;
    float: left;
    background: url('../App_Themes/Default/images/sign_left_bar.jpg') no-repeat 0 0;
    width: 9px;
    height: 41px;
}

.top_nav_home {
    top: 0px;
    width: 45px;
    height: 21px;
    float: right;
    background: url('../App_Themes/Default/images/Home_03.gif') no-repeat center top;
    font-size: 12px;
    display: block;
    color: #000;
    padding-top: 18px;
    text-align: center;
}

.top_nav_dashboard {
    top: 0px;
    width: 65px;
    height: 21px;
    float: right;
    background: url('../App_Themes/Default/images/dashboard.png') no-repeat center top;
    font-size: 12px;
    display: block;
    color: #000;
    padding-top: 18px;
    text-align: center;
}

.top_nav_modules {
    top: 0px;
    width: 50px;
    height: 21px;
    float: right;
    background: url('../App_Themes/Default/images/Modules_01.gif') no-repeat center top;
    font-size: 12px;
    display: block;
    color: #000;
    padding-top: 18px;
    text-align: center;
}

.top_nav_settings {
    top: 0px;
    width: 50px;
    height: 21px;
    float: right;
    background: url('../App_Themes/Default/images/Settings_01.gif') no-repeat center top;
    font-size: 12px;
    display: block;
    color: #000;
    padding-top: 18px;
    text-align: center;
}

.top_nav_help {
    top: 0px;
    width: 40px;
    height: 39px;
    float: right;
}

.top_nav_finyear {
    top: 0px;
    width: 70px;
    height: 39px;
    float: right;
    border-left: 1px solid #c8c8c8;
}

.top_nav_greetuser {
    top: 0px;
    width: 100px;
    float: right;
    border-left: 1px solid #c8c8c8;
    text-align: right;
    padding-right: 5px;
}

.top_nav_signout {
    top: 0px;
    width: 50px;
    float: right;
    border-left: 1px solid #c8c8c8;
}

.top_nav_close {
    top: 0px;
    width: 52px;
    height: 39px;
    float: right;
    border-left: 1px solid #c8c8c8;
}

.top_nav_rightbar {
    top: 0px;
    float: right;
    width: 9px;
    height: 41px;
    border: 1px solid #c8c8c8;
}

.close {
    background: url('../App_Themes/Default/images/close.png') no-repeat center top;
    padding-top: 17px;
    font-size: 12px;
    display: block;
    color: #000;
    margin-top: 5px;
    text-align: center;
}

.top_nav_home:hover {
    background-color: #ffb755;
}

.top_nav_dashboard:hover {
    background-color: #ffb755;
}

.top_nav_modules:hover {
    background-color: #ffb755;
}

.top_nav_settings:hover {
    background-color: #ffb755;
}

.top_nav_help:hover {
    background-color: #ffb755;
}

.top_nav_finyear:hover {
    background-color: #ffb755;
}

.top_nav_signout:hover {
    background-color: #ffb755;
}

.top_nav_close:hover {
    background-color: #ffb755;
}

/*-----End-----------Dashboard Css---------------------*/


/*----------from web timesheet--------*/
.detailsGrid .cssHeaderStyleLight2 {
    height: 12px;
    width: auto;
    color: black;
    font-weight: normal;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    background-color: #d3eaf8; /*#2076bf #b2e2ff
	text-align :left ;*/
}

.WT_Table_Header {
    background: #98ceef;
    cursor: pointer;
    font: bold 12px Arial, Tahoma;
    height: 25px;
    padding-left: 4px;
    padding-top: 4px;
    padding-bottom: 4px;
    text-indent: 5px;
}

.WT_Table_Row_Header {
    background: #d3eaf8;
    cursor: pointer;
    font: bold 11px Arial, Tahoma;
    height: 25px;
    margin-left: 14px;
    padding-top: 4px;
    padding-bottom: 4px;
    text-indent: 5px;
}

.cell_border {
    border: 1px solid #c8c8c8;
}


.popup_table_ContractClone {
    display: block;
    width: 375px;
    /*width: 450px;
    height:300px;*/
    padding: 15px;
    z-index: 6002;
    overflow: auto;
    background-color: #ffffff;
    border: 10px solid #ccc;
    color: #333333;
    border-radius: 3px 3px 3px 3px;
}


.backgroundPopup_ContractClone {
    background: url('../App_Themes/Default/img/black-bg.png') 0 0;
    /*background-color:rgba(0,0,0,0.7);*/
    z-index: 3001;
    position: fixed;
    top: 0px;
    left: 0px;
    display: none;
    height: 100%;
    width: 100%;
    overflow: auto;
}

.backgroundPopup_rpt {
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
    zoom: 1;
    background: rgba(0,0,0,0.6);
    z-index: 9999;
    position: fixed;
    top: 0px;
    left: 0px;
    display: none;
    height: 100%; /*700px%*/
    width: 100%;
    overflow: auto;
}



/*---------------popup description---------------------*/
#div_Note {
    height: 400px;
    width: 450px;
    /*display:none;*/
    background-color: #fff;
    border: 1px solid #c8c8c8;
    margin: 150px auto;
    /*margin-left:300px;   */
    padding: 5px 5px 5px 5px;
    position: absolute;
    z-index: 9999;
    left: 37%;
    padding: 2px 2px 2px 2px;
}

.back_backgrond {
    position: fixed;
    left: 0px;
    top: 0px;
    padding: 0px;
    margin: 0px;
    width: 100%;
    height: 100%;
    z-index: 2999;
    background: #000;
    opacity: 0.8;
    filter: alpha(opacity=70);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
}

#divNoteContainer {
    display: block;
}

.divNoteContainer {
    display: none !important;
}


.divPerdiem {
    position: relative;
}

    .divPerdiem td {
        border-collapse: separate;
    }

    .divPerdiem div {
        float: left;
        text-align: center;
        position: relative;
        width: 42px;
    }

.divPerdiem2 {
    position: relative;
}

    .divPerdiem2 td {
        border-collapse: separate;
    }

    .divPerdiem2 div {
        float: left;
        text-align: center;
        position: relative;
        width: 42px;
    }

.TextBox_Field_Noborder {
    font: 9pt Arial, Tahoma; /* 11px */
    background: transparent;
    vertical-align: top;
    text-align: left;
    border: 0px solid white;
    height: 22px;
    text-indent: 4px;
}

.WT_Label_Heading {
    background: transparent;
    font: bold 14px Arial, Tahoma;
    text-decoration: none;
    color: #fff;
    width: 100%;
    margin-left: 10px;
    margin-top: 0px
}

.WT_Form_Title {
    background: url('../App_Themes/Default/images/modules_bar_middle.jpg') repeat-x 0 0;
    margin: 0px;
    padding: 0px;
    /*line-height:35px;*/
}


/************** new css added on 19/05/2015 *********/
.container {
    width: 980px;
    margin: 0 auto;
}

.addsection { /*border:1px solid #000;*/
    margin-top: 10px;
    margin-bottom: 10px;
    float: left;
    width: 100%;
    position: relative;
    z-index: 99; /* -webkit-transition: width 1s, height 1s, margin 1s;
    -moz-transition: width 1s, height 1s, margin 1s;
    -ms-transition: width 1s, height 1s, margin 1s;
    transition: width 1s, height 1s, margin 1s;*/
}

#imgverticallyUp { /*-webkit-transition: width 1s, height 1s, margin 1s;
    -moz-transition: width 1s, height 1s, margin 1s;
    -ms-transition: width 1s, height 1s, margin 1s;
    transition: width 1s, height 1s, margin 1s;*/
}

.addsection img {
    width: 100%;
    height: 100%;
}

.img-responsive {
    max-width: 100%;
    height: auto;
    display: block;
    width: 100%;
}

.logo_new {
    float: left;
    padding-right: 13px;
    padding-bottom: 5px;
}

.topBar {
}

.topnavigation {
    float: right;
    margin-top: 9px;
}

    .topnavigation .menuleft {
        float: left;
        border: 1px solid #ccc;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        margin-right: 10px;
        padding: 8px 0px 5px;
    }

.menuleft ul {
    display: block;
    margin: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

    .menuleft ul li {
        display: inline-block;
    }

        .menuleft ul li a {
            display: inline-block;
            color: #5e5e5e;
            font-size: 13px;
            padding-left: 7px;
            padding-right: 7px;
            text-decoration: none;
            line-height: 16px;
            border-right: 1px solid #ccc;
        }
        /*----AA Start 2016/09/08 ----*/
        .menuleft ul li a {
            display: inline-block;
            color: #5e5e5e;
            font-size: 13px;
            padding-left: 7px;
            padding-right: 7px;
            text-decoration: none;
            line-height: 16px;
            border-right: none;
        }
        /*----AA End ----*/
        .menuleft ul li:last-child a {
            border-right: none;
        }
        /*----AA Start 2016/09/08 ----*/
        .menuleft ul li:nth-of-type(8) a span.icon i {
            color: #da0000;
        }

        .menuleft ul li:last-child a span.icon i {
            color: #da0000;
        }
        /*----AA End ----*/
        .menuleft ul li:first-child a {
            padding-left: 0px;
        }

        .menuleft ul li a span.icon {
            display: inline-block;
            padding-right: 5px;
            margin-top: 0;
        }
            /*----AA Changed on 2016/11/29 ----*/
            /*----AA Start 2016/09/08 ----*/
            .menuleft ul li a span.icon i {
                font-size: 16px;
                color: #60a5d4;
            }
        /*----AA End ----*/
        .menuleft ul li a span.menuName {
            display: inline-block;
            vertical-align: top;
            padding-top: 1px;
            color: #427496;
        }
/*.menuleft ul li a:hover{ color:#02aef0;}*/
.topnavigation .menuright {
    float: right;
    border: 1px solid #ccc;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #fafafa;
}

.menuright ul {
    display: block;
    margin: 0px;
    padding: 0px;
    float: right;
}

    .menuright ul li {
        display: inline-block;
        padding: 2px 7px;
        border-right: 1px solid #ccc;
    }

        .menuright ul li:last-child {
            border-right: none;
            padding-right: 0px;
        }

        .menuright ul li a {
            display: inline-block;
            color: #5e5e5e;
            font-size: 13px;
            text-decoration: none;
        }

            .menuright ul li a:hover {
                color: #000;
            }

        .menuright ul li span.righticon {
            display: inline-block;
            padding-right: 5px;
            padding-top: 3px;
        }

        .menuright ul li span.menuNme-rt {
            display: inline-block;
            vertical-align: top;
            padding-top: -1px;
        }

        .menuright ul li a span.righticon {
            display: inline-block;
            padding-right: 5px;
            padding-top: 3px;
        }

        .menuright ul li a span.menuNme-rt {
            display: inline-block;
            vertical-align: top;
            padding-top: -1px;
        }

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

    .mainNav ul {
        background: #d5ecfb;
        float: left;
        list-style-type: none;
        border: 1px solid #bbceda;
        display: block;
        text-align: center;
        padding: 0px;
        margin: 0px;
    }

        .mainNav ul li {
            float: left;
            padding: 0px;
            margin: 0px;
            border-right: 1px solid #bbceda; /*border-bottom:2px solid #fff;*/
        }

            .mainNav ul li a {
                display: block;
                color: #5e6d77;
                font-size: 16px;
                padding: 10px 18px;
                text-decoration: none;
            }

                .mainNav ul li a:hover {
                    background: #1a83c7;
                    color: #fff;
                }

.menuBkleft {
    float: left;
    margin-left: 0px;
    width: auto; /*margin-top:30px;*/
    margin-top: 20px;
}


/*----------------Quick Search (Client Side)-------------------------------*/
.poptr {
    background-color: #ffffff;
}

.popTrHeader {
    background-color: #427496; /*#2076bf*/
    color: #ffffff;
    font-size: 10pt;
    line-height: 22px;
}

.poptr:hover, .popheaderhighlight:hover {
    background: #9cd7ff !important;
    cursor: pointer;
}

.pnlPopUp {
    position: absolute;
    top: 125px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.popTitle {
    font-size: 10pt;
    font-weight: bold;
    padding-left: 5px;
}

.msg_box_container {
    color: #000;
    background-color: #fff;
}
/*----------------End Quick Search (Client Side)-------------------------------*/

/*-------------------------Table Sorter CSS---------------------------------*/
.sortAsc {
    background-image: url('../App_Themes/Default/Images/asc.gif');
    background-repeat: no-repeat;
    background-position: right 50%;
    cursor: pointer;
    width: 200px;
}

.sortDesc {
    background-image: url('../App_Themes/Default/Images/desc.gif');
    background-repeat: no-repeat;
    background-position: right 50%;
    cursor: pointer;
    width: 200px;
}

.sortBegin {
    background-image: url('../App_Themes/Default/Images/bg.gif');
    background-repeat: no-repeat;
    background-position: right 50%;
    cursor: pointer;
    width: 200px;
}


.headerSortUp {
    background-image: url('../App_Themes/Default/Images/asc.gif');
    background-repeat: no-repeat;
    background-position: right 50%;
    cursor: pointer;
}

.headerSortDown {
    background-image: url('../App_Themes/Default/Images/desc.gif');
    background-repeat: no-repeat;
    background-position: right 50%;
    cursor: pointer;
}

.headerSortUpDown {
    background-image: url('../App_Themes/Default/Images/bg.gif');
    background-repeat: no-repeat;
    background-position: right 50%;
    cursor: pointer;
}

.grid {
    font-family: Arial;
    font-size: 10pt;
    width: 100%;
}

    .grid THEAD {
        background-color: #2076bf;
        color: White;
        font-weight: bold;
    }

.closenew_pop {
    position: absolute;
    right: 79px;
    top: 74px;
    z-index: 999;
}

.ISReport_label_acname {
    /*font: Arial;
    font-style: italic;
    font-size: 7pt;    
    line-height: 9px;
    word-wrap: true;*/
}
/* Report Section Start */

.crvSection {
    margin: 0 auto;
}

.rptDivChild {
    display: inline-block;
    vertical-align: top;
}

.rptDivParent {
    text-align: center;
    margin: 5px auto;
    overflow: hidden;
}

.rptDivParentMultiRow {
    margin: 5px auto;
    border: 0px solid red;
}
/* Report Section End */


/*  Multi Select popup */
.button_multiselect_pop {
    display: inline-block;
    cursor: pointer;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 4px rgba(0,0,0,.6);
    font-size: 9.5pt;
    font-weight: bold;
    color: #fff;
    text-shadow: 0 1px 3px rgba(0,0,0,.4);
    font-family: 'Raleway', sans-serif;
    text-decoration: none;
}



    .button_multiselect_pop.Cancel_Btn {
        /* background:#8a5e4a; border:1px solid #633926; color:#fff; font-weight:bold; font-size:11px; padding:3px; cursor:pointer;*/

        width: 50px;
        height: 24px;
        text-align: center;
        vertical-align: middle;
        margin-left: 3px;
        border-color: #2989d8;
        background: #2989d8;
        background: -moz-linear-gradient(top, #2989d8 0%, #1e5799 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2989d8), color-stop(100%,#1e5799));
        background: -webkit-linear-gradient(top, #2989d8 0%,#1e5799 100%);
        background: -o-linear-gradient(top, #2989d8 0%,#1e5799 100%);
        background: -ms-linear-gradient(top, #2989d8 0%,#1e5799 100%);
        background: linear-gradient(top, #2989d8 0%,#1e5799 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2989d8', endColorstr='#1e5799',GradientType=0 );
    }

.Ok_Btn:hover, .Cancel_Btn:hover {
    background: #4b3d3d;
}

.MultiPopTxt {
    margin-left: -3px;
}

.popClose {
    border: none;
    background-color: transparent;
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    /*text-shadow: 0 1px 0 #fff;
            filter: alpha(opacity=20);
            opacity: .2;*/
}

    .popClose:hover {
        opacity: .5;
        cursor: pointer;
        text-decoration: none;
        filter: alpha(opacity=50);
        color: #ff1200;
    }

.Table_Search_pop {
    font: 11px Arial, Tahoma;
    background: #f0f0f0;
    vertical-align: top;
}



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

.select_img {
    height: 24px;
    width: 19px;
    vertical-align: middle;
    margin-left: -4px;
    padding-top: 3px;
}

.pnlPopUp_multiSelect {
    position: absolute;
    top: 125px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 400px;
}

@media (max-width:1000px) and (min-width:700px) {
    .lookup_grid_div {
        height: 257px; /*257px*/
    }

    tbody.scrollContent {
        height: 257px; /*257px*/
    }
}

@media screen and (min-width: 1024px) {

    .lookup_grid_div {
        height: 300px; /*257px*/
    }

    tbody.scrollContent {
        height: 300px; /*257px*/
    }
}

@media screen and (min-width: 1300px) {
    .lookup_grid_div {
        height: 350px; /*257px*/
    }

    .pnlPopUp_multiSelect {
        width: 600px;
    }

    tbody.scrollContent {
        height: 350px; /*350px*/
    }
}

@media screen and (min-width: 1500px) {
    .lookup_grid_div {
        height: 400px; /*257px*/
    }

    tbody.scrollContent {
        height: 400px; /*350px*/
    }
}

@media screen and (min-width: 1600px) {
    .lookup_grid_div {
        height: 500px; /*257px*/
    }

    tbody.scrollContent {
        height: 500px; /*350px*/
    }
}
/*Multi Select popup  End */
fieldset legend {
    font-weight: bold;
}
/* iContent Popup*/
.custom-popup {
    width: 84%;
    left: 8%;
    padding-top: 100px;
    float: left;
    vertical-align: top;
    position: relative;
}

.custom-popup_v1 {
    width: 65%;
    left: 17%;
    padding-top: 100px;
    float: left;
    vertical-align: top;
    position: relative;
}



thead.fixedHeader tr {
    position: relative;
    display: block;
}


tbody.scrollContent {
    display: block;
    height: 400px;
    overflow: auto;
    width: 100%;
}

    tbody.scrollContent tr {
        height: auto;
    }


thead.fixedHeader {
}

/*----[AA] Start 2016/09/09 ----*/
.fa-fa {
    font-family: FontAwesome !important;
    color: #da0000;
    border: none !important;
    cursor: pointer;
}

    .fa-fa:before {
        content: "";
    }

.grid-row-edit {
    color: #0da349;
}

.popup-search-button {
    margin-top: 5px;
}

.div-center-align {
    width: 80%;
    background-color: #fff !important;
    margin: 0 auto 5px;
}

.page-header-left {
    height: auto; /*32px*/
    line-height: 32px;
    border-right: 1px solid #C8C8C8;
    background-color: #f5f5f5;
}

.page-header-left-title {
    color: #2f526a;
    text-transform: uppercase;
    font-size: 15px !important;
    padding-left: 10px;
}

.base-table-white {
    background-color: #fff !important;
}

.customer-details-section {
    background-color: #fafafa !important;
    border: solid 1px #e2e2e2 !important;
    padding: 25px 15px 0;
    margin-bottom: 5px;
}
/*----[AA] End ----*/
/*----[AA] Start 2016/09/10 Helper Class----*/
.clear {
    font-size: 0;
    line-height: 0;
    clear: both;
}

.pull-left {
    float: left !important;
}

.pull-right {
    float: right !important;
}

.btn-success {
    background-color: #449d44 !important;
    border: none !important;
}

    .btn-success:hover {
        background-color: #449d44 !important;
        color: #fff !important;
    }

.btn-info {
    background-color: #5bc0de !important;
    border: none !important;
}

    .btn-info:hover {
        background-color: #5bc0de !important;
        color: #fff !important;
    }

.table-border-none {
    border: none !important;
}

.m-t-0 {
    margin-top: 0 !important;
}

.m-t-5 {
    margin-top: 5px !important;
}

.m-t-8 {
    margin-top: 8px !important;
}

.m-t-10 {
    margin-top: 10px !important;
}

.m-t-15 {
    margin-top: 15px !important;
}

.m-t-20 {
    margin-top: 20px !important;
}

.m-t-25 {
    margin-top: 25px !important;
}

.m-t-30 {
    margin-top: 30px !important;
}

.m-b-0 {
    margin-bottom: 0 !important;
}

.m-b-5 {
    margin-bottom: 5px !important;
}

.m-b-10 {
    margin-bottom: 10px !important;
}

.m-b-15 {
    margin-bottom: 15px !important;
}

.m-b-20 {
    margin-bottom: 20px !important;
}

.m-b-25 {
    margin-bottom: 25px !important;
}

.m-b-30 {
    margin-bottom: 30px !important;
}

.m-l-0 {
    margin-left: 0 !important;
}

.m-l-5 {
    margin-left: 5px !important;
}

.m-l-10 {
    margin-left: 10px !important;
}

.m-l-15 {
    margin-left: 15px !important;
}

.m-l-20 {
    margin-left: 20px !important;
}

.m-l-25 {
    margin-left: 25px !important;
}

.m-l-30 {
    margin-left: 30px !important;
}

.m-r-0 {
    margin-right: 0 !important;
}

.m-r-4 {
    margin-right: 4px !important;
}

.m-r-5 {
    margin-right: 5px !important;
}

.m-r-10 {
    margin-right: 10px !important;
}

.m-r-15 {
    margin-right: 15px !important;
}

.m-r-20 {
    margin-right: 20px !important;
}

.m-r-25 {
    margin-right: 25px !important;
}

.m-r-30 {
    margin-right: 30px !important;
}

.p-t-0 {
    padding-top: 0 !important;
}

.p-t-5 {
    padding-top: 5px !important;
}

.p-t-10 {
    padding-top: 10px !important;
}

.p-t-15 {
    padding-top: 15px !important;
}

.p-t-20 {
    padding-top: 20px !important;
}

.p-t-25 {
    padding-top: 25px !important;
}

.p-t-30 {
    padding-top: 30px !important;
}

.p-b-0 {
    padding-bottom: 0 !important;
}

.p-b-5 {
    padding-bottom: 5px !important;
}

.p-b-10 {
    padding-bottom: 10px !important;
}

.p-b-15 {
    padding-bottom: 15px !important;
}

.p-b-20 {
    padding-bottom: 20px !important;
}

.p-b-25 {
    padding-bottom: 25px !important;
}

.p-b-30 {
    padding-bottom: 30px !important;
}

.p-l-0 {
    padding-left: 0 !important;
}

.p-l-5 {
    padding-left: 5px !important;
}

.p-l-10 {
    padding-left: 10px !important;
}

.p-l-15 {
    padding-left: 15px !important;
}

.p-l-20 {
    padding-left: 20px !important;
}

.p-l-25 {
    padding-left: 25px !important;
}

.p-l-30 {
    padding-left: 30px !important;
}

.p-l-40 {
    padding-left: 40px !important;
}

.p-r-0 {
    padding-right: 0 !important;
}

.p-r-5 {
    padding-right: 5px !important;
}

.p-r-10 {
    padding-right: 10px !important;
}

.p-r-15 {
    padding-right: 15px !important;
}

.p-r-20 {
    padding-right: 20px !important;
}

.p-r-25 {
    padding-right: 25px !important;
}

.p-r-30 {
    padding-right: 30px !important;
}

.p-r-40 {
    padding-right: 40px !important;
}

.bg-white {
    background-color: #fff !important;
}
/*----[AA] End ----*/
/*----[AA] Start 2016/09/12 ----*/
.cell-border-light {
    border: 1px solid #cecece;
}

.cell-border-none {
    border: none !important;
}

.cell-footer {
    background-color: #f4f5f5 !important; /*fff*/
}

.note-span {
    font-weight: bold;
    display: inline-block;
}

.detailsGrid tr td input[type="text"], .detailsGrid tr td select {
    border: none !important;
}
/*----[AA] End ----*/
/*----AA Start 2016/09/14 ----*/
.footer-table {
    width: 100% !important;
    text-align: center; /*----AA Added on 2016/12/20 ----*/
    margin: 0 auto !important;
    padding-bottom: 10px;
    padding-top: 10px;
}

.login-background-new {
    background-color: #f1f4f9; /*f2f2f2*/
    /*padding: 0 25px;*/
    margin-right: 50px;
}

    .login-background-new input[type="text"], .login-background-new input[type="password"] {
        width: 96% !important;
        height: 38px;
        font-family: Arial;
        font-size: 15px;
        color: #8b8b8b;
        padding-left: 8px;
        border: 2px solid #dedede;
    }

.access-account {
    background-color: #427496;
    line-height: 28px;
    text-align: center;
}

    .access-account a {
        color: #fff !important;
        font-style: italic !important;
    }
/*----AA End ----*/
/*----AA Start 2016/09/15 ----*/
.sign-out {
    background-color: #60a5d4;
    color: #fff !important;
    border: 1px solid #259abc;
    padding: 3px 10px;
    display: block;
    height: 17px;
    line-height: 19px;
}

    .sign-out:hover {
        color: #51a8ff;
    }

.orga-logo-new {
    display: block;
    width: 100%;
    height: auto;
}
/*----AA End ----*/
/*----AA Start 2016/09/16 ----*/
.timeout-login-btn {
    padding: 12px 25px;
    font-size: 16px;
    text-decoration: none;
    color: #343434;
    border: 1px solid #b2b2b2 !important;
}

    .timeout-login-btn:hover {
        padding: 12px 25px;
        color: #000;
        border: 1px solid #000 !important;
    }
/*----AA End ----*/
/*----AA Start 2016/09/19 ----*/
.app_ver {
    position: relative;
    top: -8px;
    font-size: 10px;
    font-weight: normal;
    font-weight: 600;
    text-transform: uppercase;
    color: #a5a5a5;
}
/*----AA End ----*/
/*----AA Start 2016/09/22 ----*/
.text-box-area {
    height: auto !important;
}
/*----AA End ----*/
/*----AA Start 2016/09/23 ----*/
.contract-detail-text-box {
    height: 80px !important;
}
/*----AA End ----*/

/*----MC Start --2016-09-28--*/
.Announcement-ViewMore {
    background: url('../App_Themes/Default/img/black-bg.png') 0 0;
    z-index: 3001;
    position: fixed;
    top: 0px;
    left: 0px;
    display: none;
    height: 100%;
    width: 100%;
    overflow: auto;
}

.Announcement-Change {
    background: url('../App_Themes/Default/img/black-bg.png') 0 0;
    z-index: 3001;
    position: fixed;
    top: 0px;
    left: 0px;
    display: none;
    height: 100%;
    width: 100%;
    overflow: auto;
}

.Announcement-Change-Content {
    width: 800px;
    left: 50%;
    padding-top: 100px;
    float: left;
    vertical-align: top;
    position: relative;
    margin: 0 0 0 -400px
}

.Announcement-View-Content {
    width: 800px;
    left: 50%;
    padding-top: 100px;
    float: left;
    vertical-align: top;
    position: relative;
    margin: 0 0 0 -400px
}

.Announcement-Entry-Content {
    width: 800px;
    left: 50%;
    padding-top: 100px;
    float: left;
    vertical-align: top;
    position: relative;
    margin: 0 0 0 -400px
}

/*----MC End ----*/


/*----AA Start 2016/10/06 ----*/
.white-bg-new {
    background-color: #fff;
}

#dummyHeader tr th, #dummyHeader tr td {
    height: 20px !important;
    font-size: 12px !important;
}
/*----AA End ----*/
/*----AA Start 2016/10/12 ----*/
.btn-view-more {
    display: inline-block;
    text-decoration: none;
    padding: 0 10px;
    color: #fff;
    height: 24px;
    line-height: 24px;
}

.table-announcement {
    margin: 0;
    padding: 15px 10px;
}

    .table-announcement tr td, .table-announcement p {
        font-size: 16px;
    }

    .table-announcement tr td {
        border-bottom: 3px solid #f2f2f2;
        padding: 10px 5px 20px;
    }

    .table-announcement tr:last-child td {
        border-bottom: none !important;
    }

    .table-announcement tr td a {
        /*background-color:#449d44;*/
        display: inline-block;
        text-align: center;
        padding: 0 8px;
        text-decoration: underline !important;
        /*color:#fff !important;*/
        height: 24px;
        line-height: 24px;
    }
/*----AA End ----*/
/*----AA Start 2016/10/19 ----*/
.txt-align-left {
    text-align: left;
}
/*----AA End ----*/
/*----AA Start 2016/10/21 ----*/
.left-border-none {
    border-left: none;
}

.right-border-none {
    border-right: none;
}
/*----AA End ----*/
/*----AA Start 2016/10/25 ----*/
.main-div-position {
    width: 100%;
    z-index: 0;
    margin: 0 auto !important;
    padding-top: 15px;
    overflow: scroll;
    position: relative;
    background-color: #f5f5f5;
}

.report-center-align {
    margin: 0 auto !important;
}

.main-div-position div {
    margin: 0 auto !important;
}

.dialogzone div div div div div {
    margin: 0 auto !important;
}

.detailsGrid th {
    border: 1px solid #305f7e;
}

.detailsGrid td {
    border: 1px solid #b5b7b7;
    color: #000;
}

.fluid-width {
    width: 100% !important;
}


/*----AA End ----*/
/*----AA Start 2016/26/10 ----*/
.report-bg {
    background-color: #f5f5f5;
}
/*----AA End ----*/
/*----AA Start 2016/27/10 ----*/
.settings-strat-page {
    width: 100%;
}

    .settings-strat-page tr td {
        padding-left: 10px;
    }
        /*----AA Start 2017/01/13 ----*/
        .settings-strat-page tr td:nth-of-type(2) {
            padding-left: 0;
        }
        /*----AA End ----*/
        .settings-strat-page tr td, .settings-strat-page tr td span {
            font-size: 13px !important;
            font-weight: bold !important;
        }
/*----AA End ----*/
/*----AA Start 2016/28/10 ----*/
.login-box {
    height: 4px;
}
/*---- To be applied for Mozilla only ----*/
@-moz-document url-prefix() {
    .login-box {
        height: 14px;
    }
}

@-moz-document url-prefix() {
    .login-padding-btm {
        padding-bottom: 5px !important;
    }
}
/*---- To be applied for IE 09 only ----*/
.login-box {
    height: 14px\9 \0;
}

.login-padding-btm {
    padding-bottom: 10px\9 \0;
}
/*---- To be applied for IE 10+ only ----*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .login-box {
        height: 14px;
    }

    .journal-entry-posted-data {
        height: 15px;
        width: 90px;
        position: absolute;
        float: right;
        right: 228px;
        margin-top: 5px;
    }

    .login-padding-btm {
        padding-bottom: 5px;
    }
}


.sign-in-text {
    color: #427496 !important;
}
/*----AA End ----*/
/*----AA Start 2016/11/03 ----*/
.backdrop {
    z-index: 10000;
}

.journal-entry-posted-data {
    height: 15px;
    width: 90px;
    position: absolute;
    float: right;
    right: 290px; /*228px;*/
    margin-top: 5px;
}
/*----AA End ----*/
/*----AA Start 2016/11/08 ----*/
.permission-table {
    margin: 0;
    padding-top: 25px;
}

    .permission-table input[type="checkbox"], .permission-table span {
        float: left;
        margin-left: 4px;
    }

    .permission-table span {
        margin-top: 2px;
    }

.listGrid caption {
    visibility: hidden;
}

.Table div table tr td:nth-of-type(2), .Table div table tr th:nth-of-type(2) {
    /* padding-left: 10px;*/
}
/*----AA End ----*/
/*----AA Start 2016/11/14 ----*/
#general-ledger {
    background-image: url('../App_Images/general-ledger-active.png');
    background-repeat: no-repeat;
    background-position: right;
}

    #general-ledger:hover {
        background-image: url('../App_Images/general-ledger-hover.png');
        background-repeat: no-repeat;
        background-position: right;
    }

#payable {
    background-image: url('../App_Images/payable-active.png');
    background-repeat: no-repeat;
    background-position: right;
}

    #payable:hover {
        background-image: url('../App_Images/payable-hover.png');
        background-repeat: no-repeat;
        background-position: right;
    }

#recievable {
    background-image: url('../App_Images/receivable-active.png');
    background-repeat: no-repeat;
    background-position: right;
}

    #recievable:hover {
        background-image: url('../App_Images/receivable-hover.png');
        background-repeat: no-repeat;
        background-position: right;
    }

#payroll {
    background-image: url('../App_Images/payroll-active.png');
    background-repeat: no-repeat;
    background-position: right;
}

    #payroll:hover {
        background-image: url('../App_Images/payroll-hover.png');
        background-repeat: no-repeat;
        background-position: right;
    }

#timesheet {
    background-image: url('../App_Images/timesheet-active.png');
    background-repeat: no-repeat;
    background-position: right;
}

    #timesheet:hover {
        background-image: url('../App_Images/timesheet-hover.png');
        background-repeat: no-repeat;
        background-position: right;
    }

#contracts {
    background-image: url('../App_Images/contracts-active.png');
    background-repeat: no-repeat;
    background-position: right;
}

    #contracts:hover {
        background-image: url('../App_Images/contracts-hover.png');
        background-repeat: no-repeat;
        background-position: right;
    }

#materials {
    background-image: url('../App_Images/materials-active.png');
    background-repeat: no-repeat;
    background-position: right;
}

    #materials:hover {
        background-image: url('../App_Images/materials-hover.png');
        background-repeat: no-repeat;
        background-position: right;
    }

#sales {
    background-image: url('../App_Images/sales-active.png');
    background-repeat: no-repeat;
    background-position: right;
}

    #sales:hover {
        background-image: url('../App_Images/sales-hover.png');
        background-repeat: no-repeat;
        background-position: right;
    }

#crm {
    background-image: url('../App_Images/crm-active.png');
    background-repeat: no-repeat;
    background-position: right;
}

    #crm:hover {
        background-image: url('../App_Images/crm-hover.png');
        background-repeat: no-repeat;
        background-position: right;
    }

#reports {
    background-image: url('../App_Images/reports-active.png');
    background-repeat: no-repeat;
    background-position: right;
}

    #reports:hover {
        background-image: url('../App_Images/reports-hover.png');
        background-repeat: no-repeat;
        background-position: right;
    }
/*----AA End ----*/
/*----AA Start 2016/11/15 ----*/
.login-padding-btm {
    padding-bottom: 20px;
}
/*----AA End ----*/
/*----AA Start 2016/11/24 ----*/
.admin-permission-top {
    background-color: #449d44;
    color: #fff;
    font-weight: bold;
}
/*----AA End ----*/
/*----AA Start 2016/11/30 ----*/
.pop-up-close {
    width: 30px;
    height: 30px;
    font-size: 0;
    cursor: pointer;
    display: block;
    background: url('../App_Images/remove.gif');
}

    .pop-up-close:hover {
        width: 30px;
        height: 30px;
        cursor: pointer;
        display: block;
        background: url('../App_Images/remove-hover.gif');
    }
/*----AA End ----*/
/*----AA Start 2016/12/01 ----*/
.holiday-master-div {
    width: 65%;
    margin: 0 auto;
}

.label-heading-text {
    height: 18px;
    font-size: 13px;
}
/*----AA End ----*/

/*----AA Start 2016/12/02 ----*/
#ctl00_Report_CrystalReportViewer1 {
    margin: 0 auto !important;
}
/*----AA End ----*/
/*----AA Start 2016/12/05 ----*/
.customer-report-new {
    width: 75%;
    text-align: center;
    overflow: hidden;
    margin: 0 auto;
}

    .customer-report-new ul {
        display: inline-block;
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

        .customer-report-new ul li {
            margin-right: 40px;
            float: left;
        }

            .customer-report-new ul li:last-child {
                margin-right: 0 !important;
            }
/*----AA End ----*/

/*----AA Start 2016/12/06 ----*/
.lookup_grid_div table, .fixed-header-div table {
    border-left: 1px solid #dfdfdf;
}

    .lookup_grid_div table tr td, .fixed-header-div table tr td {
        padding: 2px 0 2px 3px;
    }

    .fixed-header-div table tr th, .fixed-header-div table tr td {
        word-break: break-all;
    }

.homepage-shadow {
    -webkit-box-shadow: 0px 5px 11px -2px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 5px 11px -2px rgba(0,0,0,0.5);
    box-shadow: 0px 5px 11px -2px rgba(0,0,0,0.5);
}
/*----AA End ----*/
/*----AA Start 2016/12/08 ----*/
.row {
    /*overflow: hidden;*/
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 5px;
}

.form-center-align {
    overflow: hidden;
}
/*----AA End ----*/

.ajax__calendar, .ajax__calendar_other, .ajax__calendar_day, .ajax__calendar_container TD {
    border: none !important;
}
/*----AA End ----*/
/*----AA Start 2016/12/24 ----*/
a {
    text-decoration: none !important;
}
/*----AA End ----*/
/*---- AA Start 2017-03-24 ----*/
.display-block {
    display: inline-block;
}
/*---- AA End 2017-03-24 ----*/
/*---- Start 2017-08-02 ----*/
.cursor-pointer {
    cursor: pointer;
}

.cursor-disable {
    cursor: default !important;
}
/*---- Start 2017-08-02 ----*/
/*---- Start 2018-19-02 ----*/
.no-x-scroll {
    overflow-x: hidden;
}

fieldset.scheduler-border {
    border: 1px solid #cecece !important;
    padding: 8px 0;
    margin: 0 0 10px 0 !important;
    -webkit-box-shadow: 0px 0px 0px 0px #C8C8C8;
    box-shadow: 0px 0px 0px 0px #C8C8C8;
}

div.rptDivParent ul {
    display: inline-block;
}

    div.rptDivParent ul li {
        float: left;
    }

legend.scheduler-border {
    font-size: 12px;
    color: #a0a0a0;
    font-weight: bold !important;
    text-align: left !important;
    border: none !important;
    margin-bottom: 1px;
    margin-left: 20px;
    width: auto !important;
}
/*---- End 2018-19-02 ----*/
/*---- Start 2018-22-02 ----*/
#lblPageCaption {
    line-height: 27px;
}

.settings-container {
    width: 500px;
    height: auto;
    border: 1px solid #c2c2c2;
    /*-webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.45);
        -moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.45);
            box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.45);*/
}

.border-0 {
    border: none !important;
}

.chk-box-new input[type="checkbox"], .chk-box-new label {
    float: left;
}

.chk-box-new input[type="checkbox"] {
    margin-top: 1px;
    margin-right: 5px;
}
/*---- Start 2018-22-02 ----*/

/*---- Added on 2018-11-02 ----*/
.border-table {
    border-collapse: collapse;
}

    .border-table tr td {
        padding: 0;
        border-collapse: collapse;
        border: 1px solid #d6d6d6 !important;
    }
/*---- Added on 2018-11-02 ----*/
/*---- Added on 2019-01-05 ----*/
.popup-heading {
    font-size: 14px !important;
    font-weight: bold;
    color: #fff;
}

.border-modalpop {
    border: 10px solid #ccc !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.modal-content {
    border: none !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}
/*--- For New Modal ---*/
.modal-header {
    padding: 3px 6px !important;
    background-color: #2076bf;
    color: #fff;
}

    .modal-header .close {
        font-size: 22px;
        margin-top: 5px !important;
    }

.close {
    color: #fff !important;
    margin-right: 5px;
    opacity: 1;
}

    .close:hover {
        color: #fff !important;
    }

@media all and (-ms-high-contrast:none) {
    .modal-header { /* IE10 */
        padding: 3px 6px;
    }

    *::-ms-backdrop, .modal-header { /* IE11 */
        padding: 3px 6px;
    }
}
/*--- For New Modal ---*/
/*---- Added on 2019-01-05 ----*/
/*--- For HelpDsk ---*/
.div-olay {
    display: block;
    z-index: 9995;
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,0.5);
}

.div-olay-msg {
    display: block;
    z-index: 9999;
    position: fixed;
    font-family: tahoma;
    font-size: 11px;
    font-weight: bold;
    color: #65605A;
    width: 250px;
    height: 50px;
    border-radius: 3px;
    background-color: #fff;
    padding: 15px 15px 15px 15px;
    top: 250px;
    left: 40%;
}
/*--- For HelpDsk ---*/
/*---- For Dashboard 2019-04-03 ----*/
.dashbox-inside {
    width: 98%;
    min-height: 220px;
    margin: 18px auto 0;
    border: 1px solid #ddd;
}
/*---- For Dashboard 2019-04-03 ----*/
/*---- Fixed Header Table ----*/
.fixedheadergrid {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #b5b7b7;
    border-bottom: none !important;
    border-right: none !important;
    border-left: none !important;
}

    .fixedheadergrid thead {
        height: 32px;
        line-height: 32px;
        background-color: #2076BF;
        color: #fff;
        font-size: 12px;
        display: block;
        position: sticky;
        top: 0;
    }
/*---- Fixed Header Table ----*/
.rptDivChild span {
    font-size: 10pt;
    color: #696969;
}

.radio-btn-container table td input[type='radio'], .radio-btn-container input[type='radio'], .radio-btn-container table td label, .radio-btn-container label {
    float: left;
}

.radio-btn-container table td input[type='radio'], .radio-btn-container input[type='radio'] {
    margin-top: 1px !important;
}

.radio-btn-container table td label, .radio-btn-container label {
    margin-right: 5px;
}

.btn-white-mvc {
    color: #000000 !important;
    background-color: #FFFFFF;
    font: 12px Arial, Tahoma;
    border-color: #2e6da4;
    border-radius: 3px;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: space-around;
}

.btn-primary-mvc {
    color: #FFFFFF;
    background-color: #376d91;
    font: 12px Arial, Tahoma;
    border-color: #2e6da4;
    height: 26px;
    width: 100px;
    border-radius: 3px;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: space-around;
}

.ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_outer, .ajax__tab_xp .ajax__tab_header .ajax__tab_hover .ajax__tab_outer, .ajax__tab_xp .ajax__tab_header .ajax__tab_outer, .ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_tab, .ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_inner, .ajax__tab_xp .ajax__tab_header .ajax__tab_inner, .ajax__tab_xp .ajax__tab_header, .ajax__tab_xp .ajax__tab_header .ajax__tab_hover .ajax__tab_tab, ajax__tab.ajax__tab_hover, .ajax__tab_xp .ajax__tab_hover .ajax__tab_hover .ajax__tab_inner {
    background-image: none !important;
}

.table-stripe tbody tr {
    background-color: #ffffff;
}

    .table-stripe tbody tr:nth-of-type(odd) {
        background-color: #ffffff;
    }

    .table-stripe tbody tr:nth-of-type(even) {
        background-color: #f7f7f7;
    }

.table-hover tbody tr:hover {
    background-color: rgba(0,0,0,.05)
}

.startup-table tr td {
    padding: 1px 0;
}


/*********************************************************************************************************/
/* CaptureMgmt, Load Site.css after Bootsrap.css to get these effects to work */
.CaptureMgmt textarea {
    resize: vertical;
}

.CaptureMgmt .required {
    font-weight: bold;
}

.CaptureMgmt th {
    text-align: center; /* Overriding custom bootstrap text-left */
}

.CaptureMgmt .detailsGrid {
    text-align: left; /* Overriding text-aligh right for .detailsGrid */
}

.CaptureMgmt dt {
    width: 220px;
}

.CaptureMgmt dd {
    margin-left: 240px;
}

.CaptureMgmt .Delete {
    background: url(/App_Themes/Default/Images/Delete_07.png) no-repeat center;
    display: block;
    text-indent: -9999px; /* hides the link text */
}

.CaptureMgmt .hasDatepicker {
    width: 8rem;
}

/*********************************************************************************************************/
/*------- AA 2020/02/19 -------*/
.d-block {
    display: block;
}

.d-none {
    display: none;
}

.MasterTitleView td {
    width: 80%;
}

#btnExportToCsv {
    width: 90px;
}

.btn-blue-mvc {
    background-color: #376D91;
    color: #ffffff;
    height: 26px;
    line-height: 21px;
}

    .btn-blue-mvc:hover {
        background-color: #ffb444;
    }

.no-border {
    border: none !important;
}
/*----- Opportunity page Tab Control 17-06-2020 -----*/
.ui-tabs {
    padding: 0;
}

.ui-widget-header {
    font-weight: 400;
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: 0;
}

.ui-widget-content, .ui-widget-header {
    border: none;
}
/* .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{
            border: none !important;
        }*/
.ui-tabs .ui-tabs-nav li a {
    padding: .5em;
    font-size: 13px;
    background-color: #c2c2c2;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
    cursor: pointer;
}

.ui-tabs .ui-tabs-nav li a:focus {
    outline: none !important;
    outline-offset: -2px;
}
/*----- Opportunity page Tab Control 17-06-2020 -----*/
.caption {
    color: white;
    font-weight: bold;
    font-size: 10pt;
}

.div-radio label, .div-radio input[type="radio"] {
    float: left;
}

.div-radio label {
    margin-right: 15px;
    margin-bottom: 0;
}

.div-radio input[type="radio"] {
    /*margin-top: 2px;*/
    margin-top: 1px;
    margin-right: 5px;
}

.order-buttons {
    width: 16px;
    height: 16px;
    text-align: center;
    margin: 0 5px;
    background-color: #ffffff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.sltFldNmn option {
    padding: 5px !important;
    border-bottom: 1px solid #b5b7b7;
    font-size: 13px;
}

#dvDesc p {
    font-size: 18px;
}

.btn-icon {
    font-family: 'FontAwesome', Arial;
    font-size: 16px;
}
/*----------------------- AA 29-12-2020 -------------------------*/
.scroll-bar-right {
    padding-right: 17px;
}

.w-100 {
    width: 100%;
}

.w-50 {
    width: 50%;
}


/*----------- PPS Fixed Header ------------ */
.pophighlight {
    background-color: #fff5c1;
}

.lookup_grid_div {
    /*overflow: hidden !important;*/
}


/*.tableFixHead {
    overflow-y: auto;
    background: #fff;
}*/
/* Just common table stuff. */

th {
    background: #346A90;
}

.scrollable {
    width: 100%;
    overflow: auto;
    border: 0;
}

#header-fixed {
    position: fixed;
    top: 0px;
    display: none;
}
/*----------- PPS Fixed Header ------------ */

.toggle-left {
    position: absolute;
    z-index: 99;
    left: 0;
    top: 15px;
    background-color: #60A5D4;
    color: #ffffff;
    text-align: center;
    font-size: 20px;
    width: 30px;
    height: 30px;
    padding-top: 3px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.toggle-right {
    position: absolute;
    z-index: 99;
    right: 0;
    top: 15px;
    background-color: #60A5D4;
    color: #ffffff;
    text-align: center;
    font-size: 20px;
    width: 30px;
    height: 30px;
    padding-top: 3px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

    .toggle-left a, .toggle-right a {
        color: #ffffff;
        display: block;
    }

        .toggle-left a:hover, .toggle-right a:hover {
            color: #ffffff;
        }

.toggle-left-p-right {
    position: absolute;
    z-index: 99;
    left: auto !important;
    right: 0 !important;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.toggle-right-p-left {
    position: absolute;
    z-index: 99;
    right: auto;
    left: 0 !important;
    -webkit-border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-bottomleft: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-border-top-right-radius: 5px !important;
    -webkit-border-bottom-right-radius: 5px !important;
    -moz-border-radius-topright: 5px !important;
    -moz-border-radius-bottomright: 5px !important;
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

.table .thead-light th, .table .tfoot-light th {
    color: #6e707e !important;
    background-color: #eaecf4 !important;
    border-color: #e3e6f0;
    border-bottom: 2px solid #e3e6f0;
}

    .table .thead-light th:before {
        right: 1em;
        content: "\2191";
        position: absolute;
        bottom: 0.9em;
        display: block;
        opacity: 0.3;
    }

    .table .thead-light th:after {
        right: 0.5em;
        content: "\2193";
        position: absolute;
        bottom: 0.9em;
        display: block;
        opacity: 0.3;
    }

.sorting, .sorting_asc, .sorting_desc {
    cursor: pointer;
    position: relative;
}

table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:after {
    opacity: 1;
}

.popupsearched {
}
/*------ Date Picker -------*/
.table-condensed {
    width: 100%;
}

.datepicker-days table th, table.table-condensed thead tr th, table.table-condensed tfoot tr th {
    background: transparent !important;
}

.d-flex {
    display: flex;
}

.justify-content-start {
    justify-content: flex-start !important;
}

.justify-content-center {
    justify-content: center !important;
}

.justify-content-end {
    justify-content: flex-end !important;
}
.align-item-center{
    align-items:center !important;
}
/*----- AA Grid or Table Fixed Header Start -----*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .fixed-header {
        padding-right: 28px !important;
    }
}

@-moz-document url-prefix() {
    .fixed-header {
        padding-right: 11px !important;
    }
}
/*----- AA Grid or Table Fixed Header End -----*/
.msg_box_container {
    border-collapse: separate;
    border-spacing: 4px;
}

.popTitle {
    color: #ffffff;
}

/*Custom confirm message */
#customOverlay {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9998;
}


#customConfirm {
    position: fixed;
    top: 30%;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    z-index: 9999;
    width: 400px;
    text-align: center;
    font-family: Arial, sans-serif;
}

.btnCommon {
    padding: 8px 20px;
    border: none;
    border-radius: 4px;
    margin-right: 10px;
    cursor: pointer;

}

.btnGreen {
    background-color: #449d44;
    color: white;
}

.btnBlue {
    background-color: #337ab7;
    color: white;
}

.btnRed {
    background-color: #d9534f;
    color: white;
}

.btnGray {
    background-color: #898989;
    color: white;
}