body {
    -webkit-font-smoothing: antialiased; /*Added by vinothkanna on 1-June-2016, for bootstrap integration.*/
    -moz-osx-font-smoothing: grayscale;
    font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 400;
    overflow-x: hidden;
    overflow-y: auto;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    /*background-color: #FF0000;*/
    /*background: url( '../../images/LightBlue/bg.jpg' );*/
    background-repeat: repeat-x;
    /*font-family:Arial;*/ /*Commented by Sharief on 10-May-2017*/
}

/*a:link
{
	color: #000000;
}
a:visited
{
	color: #000000;
}
a:active
{
	color: #000000;
}*/

.mb_link {
    text-decoration: underline;
    font-size: 14px; /*Added by Sharief on 29-May-2017*/
}

.Mb_HeadergeariconDiv {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

.mb_pdfimage {
    cursor: pointer;
    vertical-align: middle;
    padding-right: 3px;
    float: right;
}

.copyrights {
    /*font-family: Arial, Verdana, Helvetica, sans-serif;*/ /*Commented by vinothkanna on 1-June-2016, for bootstrap integration.*/
    font-size: 10px;
    color: White;
}

.WizardDiv {
    background: url( '../../images/LightBlue/bg.jpg' );
    border-right: solid 1px #7099CC;
    border-top: solid 1px #7099CC;
    border-left: solid 1px #7099CC;
    border-bottom: solid 1px #7099CC;
}

.logobg {
    background-color: #FFFFFF;
}

.backs {
    /*width: 238px;*/
    height: 76px;
    background-color: #FFFFFF;
    background: url( '../../images/LightBlue/logo.gif' );
    background-repeat: no-repeat;
    background-position: center;
}

.headertop {
    background-color: #FFFFFF;
    background: url( '../../images/LightBlue/frame.jpg' );
    background-repeat: repeat-x;
    text-align: center;
    vertical-align: middle;
}

.headerleft {
    width: 15px;
    height: 76px;
    background: url( '../../images/LightBlue/whiteleft.jpg' );
}

.headerright {
    width: 11px;
    height: 76px;
    background: url( '../../images/LightBlue/topright.jpg' );
}

.headerwhitetile {
    background: url( '../../images/LightBlue/topwhite-tile.jpg' );
    background-repeat: repeat-x;
}

.linkhomelogo {
    width: 54px;
    height: 64px;
    cursor: hand;
    cursor: pointer;
    background: url( '../../images/LightBlue/home.jpg' );
}

.linkhelplogo {
    width: 41px;
    height: 66px;
    cursor: hand;
    cursor: pointer;
    background: url( '../../images/LightBlue/help.jpg' );
}

.linklogoutlogo {
    width: 45px;
    height: 66px;
    cursor: hand;
    cursor: pointer;
    background: url( '../../images/LightBlue/logout.jpg' );
}

.menutile {
    background-color: #FFFFFF; /*background:url('../../images/LightBlue/menu-tile.gif'); 	background-repeat: repeat-x;*/
}

.footerleftarc {
    width: 20px;
    height: 47px; /*background:url('../../images/LightBlue/footer-leftarc.gif');*/
}

.footerrightarc {
    width: 18px;
    height: 47px; /*background:url('../../images/LightBlue/footer-rightarc.gif');*/
}

.footertile {
    /*background:url('../../images/LightBlue/footer-title.gif'); 	background-repeat: repeat-x;*/
}

.leftpaneltop {
    width: 184px;
    height: 38px;
    /*font-family: Arial;*/ /*Commented by vinothkanna on 1-June-2016, for bootstrap integration.*/
    font-size: 12px;
    text-align: left;
    background: url( '../../images/LightBlue/lef-panel-top.gif' );
}

.leftpanelvertical {
    padding-top: 0px;
    background: url( '../../images/LightBlue/left-panel-vertical-tile.gif' );
    background-repeat: repeat-x;
}

.leftpanelbottom {
    width: 184px;
    height: 10px;
    background: url( '../../images/LightBlue/left-panel-bottom.gif' );
}

.recently-visited {
    width: 184px;
    height: 36px;
    background: url( '../../images/LightBlue/recently-visited-pages.gif' );
    vertical-align: middle;
    margin-bottom: 4px; /*to give a space to the items*/
}

.search {
    width: 184px;
    height: 23px;
    background: url( '../../images/LightBlue/Search.png' );
    /*vertical-align:middle;*/
    padding-bottom: 4px;
    padding-top: 4px;
    margin-bottom: 4px;
}

.recently-visited-content {
    /*font-family:Arial;*/ /*Commented by vinothkanna on 1-June-2016, for bootstrap integration.*/
    font-size: 11px;
    font-weight: normal;
    padding-left: 46px;
    padding-top: 13px;
    vertical-align: middle;
    display: block;
}

.quickreports {
    width: 184px;
    height: 36px;
    background: url( '../../images/LightBlue/quicktips.gif' );
}

.quicklinks {
    width: 184px;
    height: 36px;
    background: url( '../../images/LightBlue/quicklinks.gif' );
}

.line-gradient {
    width: 184px;
    height: 2px;
    background: url( '../../images/LightBlue/line-gradient.gif' );
}

.poweredbycs {
    width: 184px;
    height: 51px;
    background: url( '../../images/LightBlue/poweredbycs.gif' );
}

.displaygridheader {
    border-width: 0px; /*background-color: #A7DF87; */
}

.displaygridbottom {
    background-color: #88BAFA; /*background:url('../../images/LightBlue/pageset-botton.gif'); 	background-repeat: repeat-x; */
}

.staticmenuItem {
    font-weight: bold;
    /*font-family: Arial;*/ /*Commented by vinothkanna on 1-June-2016, for bootstrap integration.*/
    font-size: 10px;
    width: 100px;
    height: 20px;
    background-image: url( '../../images/Themes.gif' );
}

.menustaticselectedstyle {
    background-color: #FF0000;
    border-left: solid 1px #FF0000;
    width: 150px;
    color: White;
    vertical-align: middle;
}

.staticmenustyle {
    width: 120px;
    border: solid 0px #FF0000;
    font-weight: bold;
    /*font-family: Arial;*/ /*Commented by vinothkanna on 1-June-2016, for bootstrap integration.*/
    font-size: 10px;
    background-position: left;
    text-align: center;
    text-indent: 0px;
    height: 30px;
    background: url( '../../images/LightBlue/staticMenuBG.gif' ); /*background:#ff0000; 	background-repeat:no-repeat;*/
    background-position: right;
    vertical-align: middle;
}

.staticmenuitemstyle {
    width: 100px;
    border: solid 0px #FF0000;
    font-weight: bold;
    /*font-family: Arial;*/ /*Commented by vinothkanna on 1-June-2016, for bootstrap integration.*/
    color: White;
    font-size: 10px;
    background-position: left;
    text-align: center;
    text-indent: 0px; /*height:30px;*/ /*background:url('../../images/LightBlue/staticMenuBG.gif');*/
    background-repeat: no-repeat;
    background-position: right;
    vertical-align: middle;
}

.menudynamichoverstyle {
    background: url( '../../images/LightBlue/menuBG.jpg' );
    background-repeat: no-repeat;
    background-color: #FFFFFF; /*font-weight:bold; */
    color: #81C757;
    width: 150px;
    vertical-align: middle;
}

.menustatichoverstyle {
    /*background:url('../../images/LightBlue/pageset-botton.gif');*/ /*background-color:#FF0000; */
    border-left: solid 0px #88BAFA;
    border-bottom: solid 0px #88BAFA;
    border-right: solid 0px #88BAFA;
    border-top: solid 0px #88BAFA;
    color: #88BAFA; /*width:130px;*/
    vertical-align: middle;
}

.menudynamicmenustyle {
    background: url('../../images/LightBlue/dynamicmenustaticbg.jpg'); /*seperates dynamic menu items */
    /*background-repeat:repeat-y;*/
    background-color: #FF0000;
    border-left: solid 1px #88BAFA;
    border-bottom: solid 1px #88BAFA;
    border-right: solid 1px #88BAFA;
    border-top: solid 1px #88BAFA;
    width: 150px;
    margin-top: 7px;
    vertical-align: middle;
}

.menudynamicselectedstyle {
    /*background-color: #FF0000;*/
    width: 150px;
    vertical-align: middle;
}

.dynamicmenuitemstyle {
    width: 150px;
    height: 22px;
    padding-left: 5px; /*added by srivatsan*/
    /*font-family: Arial;*/ /*Commented by vinothkanna on 1-June-2016, for bootstrap integration.*/
    font-size: 11px;
    color: Black;
    vertical-align: middle;
    padding-top: 4px; /*sks*/
}

.dynamicmenuItem {
    font-weight: bold; /*width:100px;*/
    height: 22px;
    /*font-family: Arial;*/ /*Commented by vinothkanna on 1-June-2016, for bootstrap integration.*/
    font-size: 10px;
    vertical-align: middle;
}

.pagewizardtopleft {
    width: 8px;
    height: 46px;
    background: url( '../../images/LightBlue/pageset-left.gif' );
}

.pagewizardtopright {
    width: 8px;
    height: 46px;
    background: url( '../../images/LightBlue/pageset-right.gif' );
}

.pagewizardtoptile {
    height: 46px;
    background: url( '../../images/LightBlue/pagesettile.gif' );
    background-repeat: repeat-x;
}

.pagewizardbody {
    /*background-color :#C5F2AB;   Border-Color:#B5C7DE;   Border-Width:medium;*/
    /*font-family: Arial;*/ /*Commented by vinothkanna on 1-June-2016, for bootstrap integration.*/
    font-size: x-small;
}

/**  Modified by Bals*******/
.Dynamic_HtmlTableBottom {
    text-align: center;
    /*background-color: #3e91c1;*/
    /*height: 40px;*/
    vertical-align: middle;
    font-weight: bold;
    font-size: 14px;
    color: #333;
    /*padding-top: 3px;*/ /*Commented by Sharief on 17-May-2017*/
}

.Dynamic_HtmlTableCell {
    font-weight: normal;
    /*font-size: 11px;
	color: black;
	/*font-family: Arial, Verdana, Helvetica, sans-serif;*/ /*Commented by vinothkanna on 1-June-2016, for bootstrap integration.*/
    text-decoration: none;
    padding-left: 0px;
    padding-left: 0px;
    padding-right: 5px;
    padding-bottom: 0px;
    padding-top: 0px;
    text-align: left;
    vertical-align: top; /*background-color: #C5F2AB; background-color: #FFFFFF; */
    white-space: nowrap;
}

/**  Modified by Bals*******/
.Dynamic_PageHeaderRow {
    /*font-weight: bold;*/
    /* font-size: 15px*/;
    /*font-size: 18px;*/ /*Added by Sharief on 11-May-2017--%>*/
    color: #333;
    /*font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif !Important;*/
    text-decoration: none;
    padding-left: 2px;
    padding-left: 0px;
    padding-right: 0px;
    text-align: left;
    padding-top: 0px;
    /*height: 40px;*/ /*Commented by Sharief on 22-May-2017*/
    /*background-color: #3e91c1;*/
    vertical-align: middle;
}
.Dynamic_PageHeaderRow > td:first-child{
    border-radius:5px;
}

.Dynamic_PageHeaderRowSearch {
    font-weight: bold;
    /*font-size: 12px;*/
    color: #333;
    /*font-family: Arial, Verdana, Helvetica, sans-serif;*/
    text-decoration: none;
    padding-left: 2px;
    padding-left: 0px;
    padding-right: 0px;
    text-align: left;
    padding-top: 0px;
    /*height: 28px;*/
    /*background-color: #31b0d5;*/
    vertical-align: middle;
}

.Grid_QuickSearch {
    font-weight: bold;
    font-size: 10px;
    color: #000000;
    /*font-family: Arial, Verdana, Helvetica, sans-serif;*/
    text-align: center;
    background-color: #FF0000;
    width: 100%;
}

.Tabbar {
    width: 100%;
}

/**  Modified by Bals*******/
.pgForm_title {
    /*font-weight: bold;*/
    /*font-size: 15px;*/
    /*font-size: 18px;*/ /*Added by Sharief on 18-May-2017*/
    color: #333;
    /*font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif !Important;*/
    text-decoration: none;
    text-align: left;
    /*Dark Color Code: #307095*/
    /*background-color: #3e91c1 !important;*/
    vertical-align: middle;
    /*height: 40px;*/ /*Commented by Sharief on 24-May-2017*/
}
/*.pgForm_title td
{
	padding-left: 2px;
	padding-right: 0px;
	padding-top: 2px;
	padding-bottom: 2px; /*srivatsan*/ /*
}*/ /*Commented by Sharief on 31-May-2017*/

/**  Modified by Bals*******/
.grid_header_light {
    /*font-weight: bold;*/
    /*font-size: 13px;*/ /*Commented by Sharief on 12-May-2017*/
    font-size: 18px; /*Added by Sharief on 12-May-2017*/
    color: #333;
    /*font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif !Important;*/
    text-decoration: none;
    padding-left: 2px;
    padding-right: 0px;
    text-align: left;
    padding-top: 5px;
    /*background-color: #3e91c1;*/
    height: 30px;
}

.pgForm_title_desc {
    font-weight: normal;
    font-size: 11px;
    color: gray;
    /*font-family: Arial, Verdana, Helvetica, sans-serif;*/
    text-decoration: none;
    padding-left: 2px;
    padding-left: 3px;
    text-align: left;
    height: 20;
    padding-right: 0px;
    padding-bottom: 5px;
}

.pgForm_fld_text {
    font-weight: bold;
    font-size: 11px;
    color: black;
    /*font-family: Arial, Verdana, Helvetica, sans-serif;*/
    text-decoration: none;
    padding-left: 2px;
    padding-left: 10px;
    padding-right: 5px;
    padding-top: 0px;
}

.Form_fld_txt_desc {
    font-weight: normal;
    font-size: 10px;
    color: gray;
    /*font-family: Arial, Verdana, Helvetica, sans-serif;*/
    text-decoration: none;
    padding-left: 2px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 5px;
}

.Form_fld_title {
    font-weight: bold;
    font-size: 14px;
    color: black;
    /*font-family: Arial, Verdana, Helvetica, sans-serif;*/
    text-decoration: none;
    padding-left: 2px;
    padding-left: 4px;
    padding-right: 0px;
    padding-top: 0px;
    height: 25px; /*background-color:#A7DF87;*/
}

.Cell_Left {
    border: 0px solid;
    background-color: #F5F4F7;
    /*font-family: Arial, Verdana;*/
    font-size: 10px;
    text-decoration: none;
    text-align: right;
}

.Cell_Right {
    border: 0px solid;
    background-color: #F5F4F7;
    /*font-family: Arial, Verdana;*/
    font-size: 10px;
    text-decoration: none;
    text-align: left;
    padding-left: 5px;
}
/**  Modified by Bals*******/
.Grid_Header {
    /*font-weight: bold;*/
    /*font-size: 11px;*/
    color: #333;
    /*font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif !Important;*/
    /*background-color:#3c8dbc;*/
    /*height: 40px;*/ /*Commented by Sharief on 25-May-2017*/
}
    /*Added by vinothkanna on 25-AUG-2015*/
    .Grid_Header a:link {
        color: Black;
    }

.Grid_Table {
    /*font-weight: bold;
	font-size: 10px;*/
    color: #000000;
    /*font-family: Arial,Verdana, Helvetica, sans-serif;*/
    text-align: center; /*background-color:#D8D8D8;*/
    width: 100%;
}

.Grid_Footer {
    font-weight: bold;
    font-size: 11px;
    color: Black;
    /*font-family: Arial, Verdana, Helvetica, sans-serif;*/
    text-align: right; /*background-color:#FF0000;*/
    height: 18px;
}

.Grid_Footer1 /* added by Jeya Prabha 17-Sep-2007 */ {
    font-weight: bold;
    font-size: 11px;
    color: Black;
    /*font-family: Arial, Verdana, Helvetica, sans-serif;*/
    text-align: left;
    background-color: #FF0000;
    height: 18px;
}

/**  Modified by Bals*******/

/*.Grid_Scroll_BG {
    font-weight: normal;
    font-size: 13px;
    color: Black;
    /*font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif !Important;
    text-align: left;
    border-right: 1px solid white;
    background-color: #EAEAEA;
    text-decoration: none;
    height: 33px;
    padding-left: 2px;
    padding-right: 2px;
}*/

    /*.Grid_Scroll_BG > td {
        padding-right: 2px;
        padding-left: 2px;
        border-bottom: 1px solid #BFDBFF;
    }*/

.selectDIVBG {
    font-weight: normal;
    font-size: 10px;
    color: Black;
    /*font-family: Arial, Helvetica, sans-serif; /*text-align:left; 	 border-right: 1px solid white;*/ */ background-color: #EAEAEA;
    text-decoration: none;
}

.selectDIV0 {
    font-weight: normal;
    font-size: 10px;
    color: Black;
    /*font-family: Arial, Helvetica, sans-serif;*/ /*text-align:left;  border-right: 1px solid white;*/
    background-color: #BFDBFF;
    text-decoration: none;
}

.selectDIV1 {
    font-weight: normal;
    font-size: 10px;
    color: Black;
    /*font-family: Arial, Helvetica, sans-serif;*/ /*text-align:left;  border-right: 1px solid white;  background-color:#C5F2AB;*/
    text-decoration: none;
}

.focusDIV {
    font-weight: bolder;
    font-size: 10px;
    color: white;
    /*font-family: Arial, Helvetica, sans-serif;*/ /*text-align:left;  border-right: 1px solid white;*/
    background-color: #A0A0A0;
    text-decoration: none;
}

.Grid_Row1 {
    font-weight: normal;
    /*font-size: 11px;*/
    color: #333;
    /*font-family: Arial, Verdana, Helvetica, sans-serif;*/
    text-align: left;
    /*border-right: 1px solid white;*/
    /*background-color:#BFDBFF;*/
    text-decoration: none;
    /*height: 23px;*/
    padding-left: 2px;
    padding-right: 2px;
}

    .Grid_Row1 > td {
        padding-right: 2px;
        padding-left: 2px;
        /*border-bottom: 1px solid #BFDBFF;*/ /*Commented by Sharief on 23-Aug-2017*/
    }

.Grid_Row0 {
    font-weight: normal;
    /*font-size: 11px;*/
    color: #333;
    /*font-family: Arial, Verdana, Helvetica, sans-serif;*/
    text-align: left;
    /*border-right: 1px solid white;*/
    text-decoration: none;
    height: 23px;
    padding-left: 2px;
    padding-right: 2px;
}


    .Grid_Row0 > td {
        padding-right: 2px;
        padding-left: 2px;
        /*border-bottom: 1px solid #BFDBFF;*/
    }

.Text1 {
    font-weight: normal;
    /*font-size: 10px;*/
    color: Black;
    /*font-family: Arial, Verdana, Helvetica, sans-serif;*/
    text-align: left;
    text-decoration: none;
}

.Left_Side_List {
    font-weight: normal;
    font-size: 10px;
    color: Black;
    /*font-family: Arial, Verdana;*/
    text-align: left;
    text-decoration: none;
    padding-left: 10;
    padding-right: 3;
    padding-top: 5; /*line-height:150%; */
    padding-bottom: 5;
}

.Header_Top_bgcolor {
    background-color: #3D77CB;
}

.SidePanel_bgcolor {
    background-color: #A1BBE4;
}

.footer_bgcolor {
    background-color: #A1BBE4;
}

/*.leftGrid
{
	border-left: solid 1px #BFDBFF;
	
}
.rightGrid
{
	border-right: solid 1px #BFDBFF;
}*/
.maskInvalid {
    background-color: #FFCCCC;
}
/**  Modified by Bals*******/
.Grid_FooterAddNew {
    /*background-color: #3e91c1 !important; */
    height: 18px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.controlFont {
    /*font-family:Arial;*/ /*Commented by Sharief on 10-May-2017*/
    /*font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;*/ /*Added by Sharief on 10-May-2017*/
    /*font-size: 8.5pt;*/ /*Commented by Sharief on 10-May-2017*/
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
}

.BindTextbox {
    /*font-family:Arial;*/ /*Commented by Sharief on 10-May-2017*/
    /*font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;*/ /*Added by Sharief on 10-May-2017*/
    /*font-size: 8.5pt;*/
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    /*width: 175px;*/
}

.MasterfieldTextbox {
    /*font-family: Arial;*/
    /*font-size: 8.5pt;*/
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
}

.filtertextbox {
    vertical-align: middle;
    height: 21px;
}

.ParentLink {
    /*display:inline-block;*/
    /*font-family: Arial;*/
    /*font-size: 11px;*/
    font-weight: bold;
    /*background-color: #3e91c1;*/
    height: 25px;
}

.ChildLink {
    /*display:inline-block;*/
    /*font-family: Arial;*/
    /*font-size: 11px;*/
    font-weight: normal;
    /*color:Blue;*/ /*commented by 'Imran Gani' on Dec 10 2012*/
    /*background-color:#ecf0f5;*/ /*text-decoration:underline;*/
}

.linkhomesmalllogo /* For New Home icon */ {
    width: 24px;
    height: 24px;
    cursor: hand;
    cursor: pointer;
    background: url( '../../images/LightBlue/home_new.GIF' );
}

.linkBacksmalllogo /* For new Back Icon*/ {
    width: 24px;
    height: 24px;
    cursor: hand;
    cursor: pointer;
    background: url( '../../images/backward.GIF' );
}


.controlLabelFont /* added by srivatsan*/ {
    /*font-family: Arial; */ /*font-size:x-small;*/ /*commented by srivatsan on Feb 20 2009*/
    font-size: 8.5pt;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
}

.controlWidth {
    width: 175px;
}

.Dynamic_TransDocHtmlTableCell {
    font-weight: normal;
    font-size: 11px;
    color: black;
    /*font-family: Arial, Verdana, Helvetica, sans-serif;*/
    text-decoration: none;
    padding-left: 0px;
    padding-left: 1px;
    padding-right: 1px;
    padding-bottom: 0px;
    padding-top: 0px;
    text-align: left;
    vertical-align: top; /*background-color: #C5F2AB; background-color: #FFFFFF; */
    white-space: nowrap;
}

.SearchPopup {
    cursor: pointer;
    vertical-align: middle;
    margin-left: 1px;
}

.SearchPopupnew {
    cursor: pointer;
    vertical-align: middle;
    margin-left: 2px;
}

.SearchIcon {
    cursor: pointer;
    vertical-align: middle;
}

.Grid_Report_Header /*Added by srivatsan for report header*/ {
    font-weight: bold;
    font-size: 9px;
    color: White;
    /*font-family: Arial, Verdana, Helvetica, sans-serif;*/
    text-align: center;
    background-color: #88BAFA;
    height: 16px;
}

.Grid_Row_actions {
    font-weight: normal;
    font-size: 11px;
    color: Black;
    /*font-family: Arial, Verdana, Helvetica, sans-serif;*/
    text-align: left;
    /*background-color: #BFDBFF;*/
    text-decoration: none;
    height: 23px;
}

.NotesTable {
    /*border: solid 1px #88BAFA;*/ /*display:block;*/
    text-align: left;
}

.Grid_Header_Cell {
    padding-left: 1px;
    padding-right: 1px;
}

.handCursor {
    cursor: hand;
    cursor: pointer;
}

.pgForm_titleRight {
    font-weight: bold;
    font-size: 13px;
    color: Black;
    /*font-family: Arial, Verdana,Helvetica, sans-serif;*/
    text-decoration: none;
    padding-left: 2px;
    padding-right: 0px;
    text-align: right;
    background-color: #88BAFA;
    vertical-align: middle; /*srivatsan*/
}

/* added by Sampath on 12-May-2010 for Report designer button*/
.buttonCss {
    background: url( '../../images/button-bg.gif' );
    border: 1px solid #535758;
    height: 22px;
}
/* added by Dhanapal on 25-Nov-2010 for SectionRow Header*/
/**  Modified by Bals*******/
.Dynamic_PageSectionHeaderRow {
    /*font-weight: bold;*/
    /*font-size: 12px;*/ /*Commented by Sharief on 10-May-2017*/
    /*font-size: 18px;*/ /*Modified by Sharief on 11-May-2017*/
    color: #333;
    /*font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif !Important;*/
    text-decoration: none;
    /*padding-left: 2px;*/ /*Commented by kabilan on 23-AUG-2017*/
    padding-left: 3px;
    padding-right: 3px;
    text-align: left;
    padding-bottom: 3px;
    /*height: 22px;*/ /*Commented by kabilan on 23-AUG-2017*/
    /* background-color: #BFDBFF; */
    /*background-color: #3e91c1 ;*/
    /*padding-top: 1px;*/
    vertical-align: middle;
    cursor: pointer;
}

.Dynamic_PageSectionHeaderIconHolder {
    display: inline;
    float: right;
    vertical-align: middle;
    padding-top: 1px;
}

.Dynamic_PageSectionHeaderName {
    display: inline;
    float: left;
    vertical-align: middle;
    font-weight: bold;
    font-size: 13px; /*Modified by vinothkanna on 1-June-2016, for bootstrap integration.*/
}

.mbMessage {
    background-color: #00c0ef !important;
    color: #fff !important;
    padding: 5px 10px;
    margin-bottom: 15px;
    border: 1px solid transparent;
    border-color: #00acd6;
    border-radius: 3px;
    text-align: left !important;
    word-break:break-word;
    /*border: solid 1px #BCB278;
	padding: 5px;*/
    /*background-color: #FCFBF3;*/
    /*margin-bottom: 2px;
	margin-top: 2px;*/
    /*font-family: Arial;*/
    /*font-size: 8.5pt;*/
}
    /*Modified by Sharief on 25-May-2017*/
    /*Added By Sharief on 16-June-2017*/
    .mbMessage input[type="button"], .mbMessage input[type="submit"], .mbErrorMessage input[type="button"], .mbErrorMessage input[type="submit"], .mbSuccessMessage input[type="button"], .mbSuccessMessage input[type="submit"],.mbWarningMessage input[type="button"],.mbWarningMessage input[type="submit"] {
        background-color: #f4f4f4 !important;
        color: #444 !important;
        border-color: #ddd !important;
    }

    .mbMessage i, .mbErrorMessage i, .mbSuccessMessage i,.mbWarningMessage i {
        margin-right: 10px;
    }

    .mbMessage a, .mbErrorMessage a, .mbSuccessMessage a ,.mbWarningMessage a{
        color: #ccc !important;
    }

        .mbMessage a:hover, .mbErrorMessage a:hover, .mbSuccessMessage a:hover, .mbWarningMessage a:hover {
            color: #f8f8f8 !important;
        }

 .mbWarningMessage {
    background-color: #f39c12 !important;
    color: #fff !important;
    padding: 5px 10px;
    margin-bottom: 15px;
    border: 1px solid transparent;
    border-color: #e08e0b;
    border-radius: 3px;
    text-align: left !important;
    word-break:break-word;
}
.mbErrorMessage {
    background-color: #dd4b39 !important;
    color: #fff !important;
    border-color: #d73925;
    border-radius: 3px;
    padding: 5px 10px;
    margin-bottom: 15px;
    border: 1px solid transparent;
    text-align: left !important;
    word-break:break-word;
    /*border: solid 1px #ffb2b2;
	padding: 5px;
	background-color: #ffffff;
	margin-bottom: 1em;
	margin-top: 2px;*/
    /* margin-left:5px;
    margin-right:5px;*/ /*Commented by Sharief on 16-May-2017*/
    /*font-family: Arial;*/
    /*font-size: 8.5pt;
	box-shadow:1px -1px 1px #ff4c4c;*/
}
/*Modified by Sharief on 25-May-2017*/

/*.mbErrorMessage img
{
    vertical-align:middle;
}*/
/** Added By Dhanapal On Jan 05 2010************/
.MoreNode /*Added by Kabilan - 18-OCT-2016*/ {
    font-weight: normal;
    font-size: 11px;
    color: Black;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    text-align: left;
    text-decoration: none;
}
/**  Modified by Bals*******/
.NodeText {
    font-weight: normal;
    font-size: 14px;
    color: Black !important;
    /*font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif !Important;*/
    text-align: left;
    text-decoration: none;
    /*background-color: #ECF0F5 !important;*/
}
/*.dynamicTreeholder
{
	border-right: solid 1px #BFDBFF;
	border-top: solid 20px #99C6FF;
	border-left: solid 1px #BFDBFF;
	border-bottom: solid 20px #99C6FF;
}*/

/**  Modified by Bals*******/
.dynamicTreeholder {
    /*padding:15px;*/
    /*border-right: solid 1px #3c8dbc;
    border-top: solid 25px #3c8dbc;
    border-left: solid 1px #3c8dbc;
    border-bottom: solid 25px #3c8dbc;*/
}

.mbLink {
    color: #FFFFFF;
    text-decoration: none;
}

/**  Modified by Bals*******/
.CategoryMoreDiv {
    /* border-top: solid 1px #DBDBD0; */
    /* border-top: solid 1px #F2F0F0; */
    font-weight: normal;
    font-size: 13px;
    color: #bfbfbf;
    /*font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif !Important;*/
    text-align: left;
    overflow: hidden;
    /*margin-left: 8px !important;*/ /*Added by Sharief on 2-June-2017*/
    /*margin-bottom:50px !important;*/
}

/**  Added by Bals For  IE Browser*******/
.CategoryMoreDivIE {
    /* border-top: solid 1px #DBDBD0; */
    /* border-top: solid 1px #F2F0F0; */
    font-weight: normal;
    font-size: 14px;
    color: Black;
    /*font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif !Important;*/
    text-align: left;
    overflow: hidden;
    margin-bottom: 18px !important;
}

.menuMain {
    /*font-family:Arial;*/
    font-size: 11px;
    color: #000000;
}

.defaultFont {
    /*font-family:Arial;*/
}

.defaultFontSize {
    /*font-size: 11px;*/ /*Commented by Sharief on 22-May-2017*/
    font-size: 14px; /*Added by Sharief on 22-May-2017*/
}

.background-border {
    /*background: url('../../images/lightblue/background-bg.jpg');*/
    background-repeat: repeat-x;
}

#div_sidebar::-webkit-scrollbar {
    width: 16px;
    background-color: #cccccc;
}

.page_tooltip_div {
    /*border:solid 1px #C0C0C0;*/
    display: block;
    margin-bottom:10px;
    color:#7d7d7d;
}

.dynamicpage_buttons {
    /*font-family:Arial;*/
    font-size: 12px;
    background-color: #5DA0F7;
    border: solid 1px #4592EF;
    cursor: pointer;
    border-radius: 2px;
    color: #ffffff;
    padding: 3px 4px 3px 4px;
}

    .dynamicpage_buttons:disabled {
        color: #b3bbbf;
    }

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    -moz-border-radius-topleft: 4px /*{cornerRadius}*/;
    -webkit-border-top-left-radius: 4px /*{cornerRadius}*/;
    -khtml-border-top-left-radius: 4px /*{cornerRadius}*/;
    border-top-left-radius: 4px /*{cornerRadius}*/;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    -moz-border-radius-topright: 4px /*{cornerRadius}*/;
    -webkit-border-top-right-radius: 4px /*{cornerRadius}*/;
    -khtml-border-top-right-radius: 4px /*{cornerRadius}*/;
    border-top-right-radius: 4px /*{cornerRadius}*/;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    -moz-border-radius-bottomleft: 4px /*{cornerRadius}*/;
    -webkit-border-bottom-left-radius: 4px /*{cornerRadius}*/;
    -khtml-border-bottom-left-radius: 4px /*{cornerRadius}*/;
    border-bottom-left-radius: 4px /*{cornerRadius}*/;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    -moz-border-radius-bottomright: 4px /*{cornerRadius}*/;
    -webkit-border-bottom-right-radius: 4px /*{cornerRadius}*/;
    -khtml-border-bottom-right-radius: 4px /*{cornerRadius}*/;
    border-bottom-right-radius: 4px /*{cornerRadius}*/;
}

.mnusrch_div {
    width: 100px;
    height: 22px;
    /*    myDiv.style.align:"left";*/
    background-color: #FFFFFF;
    vertical-align: bottom;
    margin-top: 7px;
    margin-left: 2px;
}

.mb_img_mnuSrch {
    position: relative;
    vertical-align: middle;
}

.ui-widget { /* Added by 'Imran Gani' on 01-Jul-2013, To override the font property of Jquery UI tabs */ /*Modified by vinothkanna on 1-June-2016, for bootstrap integration.*/
    /*font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;*/
    /*font-size: 13px;*/ /*Commented by Sharief on 10-May-2017*/
    font-size: 14px; /*Added by Sharief on 10-May-2017*/
}

div[id^="div_recentvist_"] /* sks to make recently visited section aligned proper */ {
    margin-top: 3px;
    margin-bottom: 3px;
}

    div[id^="div_recentvist_"] img {
        vertical-align: bottom;
    }
/********* Added by 'Imran Gani' (copied from RakaTech) on 05-Sep-2013 for Task & Alerts *********/
.custom-calendar .ajax__calendar_container {
    background-color: #fff; /* pale yellow */
    border: solid 1px #666;
}

.custom-calendar .ajax__calendar_title {
    background-color: #fff; /* pale green */
    height: 20px;
    color: #333;
}

.custom-calendar .ajax__calendar_prev,
.custom-calendar .ajax__calendar_next {
    background-color: #fff; /* darker gray */
    height: 20px;
    width: 20px;
}

.custom-calendar .ajax__calendar_today {
    background-color: #fff; /* pale blue */
    height: 20px;
}

.custom-calendar .ajax__calendar_days table thead tr td {
    background-color: #fff; /* dark yellow */
    color: #333;
}

.custom-calendar .ajax__calendar_day {
    color: #333; /* normal day - darker gray color */
}

.custom-calendar .ajax__calendar_other .ajax__calendar_day {
    color: #666; /* day not actually in this month - lighter gray color */
}
/********* End of Task & Alerts *********/
/********* Added by 'Imran Gani' (copied from RakaTech) on 27-May-2013 for Datasheet *********/
.datasheet_textbox::-ms-clear {
    display: none;
}

.datasheet_textbox {
    height: 20px;
    padding: 0px;
    margin: 0px;
    border: 0px;
    color: #333333;
    font-size: 11px;
    /*font-family:Arial, Helvetica, sans-serif;*/
    padding: 0px 4px 0px 4px;
}

    .datasheet_textbox:hover {
        background-color: #FFF5D9;
        height: 20px;
        padding: 0px;
        margin: 0px;
        border: 0px;
        color: #333333;
        font-size: 11px;
        /*font-family:Arial, Helvetica, sans-serif;*/
        padding: 0px 4px 0px 4px;
    }

.datasheet_dropdown::-ms-clear {
    display: none;
}

.datasheet_dropdown {
    height: 20px;
    margin: 0px;
    border: 1px solid #fff;
    color: #333333;
    font-size: 11px;
    /*font-family:Arial, Helvetica, sans-serif;*/
    padding: 0px 4px 0px 4px;
    /*background:url('../../images/bg_white.jpg');*/
}

    .datasheet_dropdown:hover {
        /*background-color:#000000;*/
    }

.border_textbox {
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
}

    .border_textbox tr td {
        border-bottom: 1px solid #ccc;
        border-left: 1px solid #ccc;
    }

table[id="ctl00_ContentPlaceHolder3_datasheet"] td {
    /*border-right: 1px solid #88bafa;*/
}
/********* End of Datasheet*********/
/*.c2e_edit_div {
    /*width:210px;
    border: 1px solid #999999;
    background-color: #ffffff;
    margin: 1px 0px 1px 0px;
    padding: 2px;
    white-space: nowrap;
    min-width: 100px;
}

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

.c2e_edit {
    vertical-align: middle;
    border: none;
    width: 100%;
    outline: 0;
}

.c2e_edit_commit, .c2e_edit_cancel {
    vertical-align: middle;
    /*margin-right:2px;
    cursor: pointer;
}

.c2e_edit_commit {
    margin-right: 2px;
}*/


td[id$='_tdAddButton'] {
    padding: 1px 0px 1px 0px;
}

table[id$='_tblMain'] input[type='text'], table[id$='_tblMain'] select, table[id$='_tblMain'] input[type='checkbox'], table[id$='_tblMain'] input[type='password'], table[id$='_tblMain'] textarea {
    padding: 3px 4px 3px 4px;
    border: solid 1px #7F9DB9;
    border-radius: 2px;
    /*box-shadow:1px 1px 1px #cccccc inset;*/
}

input[type='button'], input[type="submit"] {
    /*margin:0.2em;*/
}

/* for autoapprove in workflowruleset added by sridevi on 3-6-2015*/
.controlLabelFontWorkflow {
    /*font-family:Arial;*/
    font-size: 8.5pt;
    font-style: normal;
    font-variant: normal;
}

.controlTextBox {
    /*font-family:Arial;*/
    font-size: 8.5pt;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    width: 30px;
}
/* workflowruleset confirmation message */
.confirmation_button {
    /*font-family:Arial;*/
    font-size: 10px;
    background-color: #ffffff;
    border: solid 1px #4592EF;
    cursor: pointer;
    border-radius: 2px;
    color: black;
    height: 22px;
    width: 30px;
    margin-right: 10px;
}


/* css for columnselectimage in list screen */
#ShowFielddiv {
    display: inline-block;
    position: absolute;
    width: 35px; /*Modified by Sharief on 31-May-2017*/
    right: 15px;
    cursor: pointer;
}

#mbcolumnselectimg {
    text-align: right;
    width: 47px;
}

#ShowFieldContainerdiv {
    display: none;
    float: right;
    margin-top: 2px;
    min-width: 100px;
}

#ShowFieldtipimg {
    text-align: right;
    padding-right: 4px;
}

.ShowFieldListdiv {
    background-color: #ffffff;
    border: 2px solid #eaeaea;
    border-radius: 4px;
    box-shadow: 0 7px 7px #c6c6c6;
    max-height: 500px;
    overflow-y: auto; /*Added by Sharief on 24-Aug-2017*/
    overflow-x: hidden; /*Added by Sharief on 31-Aug-2017*/
}

.ShowFieldListInnerDiv {
    white-space: nowrap;
    padding-top: 3px;
    text-align: left;
}

/*Added by Bals*/
/*Added by vinothkanna*/
/*.ShowFieldListInnerDivSpan {
    display: inline-block;
    padding: .3em;
    vertical-align: middle;
    padding-right: 20px; /*Added by Sharief on 31-Aug-2017*/
/*} commented by arun moved to displaygrid.css*/

.ShowFieldListInnerDivInput {
    display: inline-block;
    padding: .3em;
}




.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 2px;
}

    /*.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
        padding: 3px;
        border:none!important;
    }*/

    .dynamicScreenTable > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
        border: 0px;
    }

/*.page_tooltip_div> tbody > tr > td>img
{
        height:48px;
        width:48px;
        }*/ /*Commented by Sharief on 22-May-2017*/

.controlWidth {
    height: 30px;
    width: 198px;
}

/*.box.box-info {
    border-top-color: #00c0ef;*/
    /*border-bottom: 1px solid #00c0ef;
    border-left: 1px solid #00c0ef;
    border-right: 1px solid #00c0ef;*/
/*}*/


.Grid_Row11 {
    font-weight: normal;
    /*font-size: 11px;*/
    color: #333;
    /*font-family: Arial, Verdana, Helvetica, sans-serif;*/
    text-align: left;
    /*border-right: 1px solid white;*/
    text-decoration: none;
    /*height: 33px;*/
    padding-left: 2px;
    padding-right: 2px;
}

    .Grid_Row11 > td {
        /*border-bottom: 1px solid #BFDBFF;*/
    }

/*.Grid_Scroll_BG > td {
    /*border-bottom: 1px solid #BFDBFF;
}*/



.toolbarItem {
    display: inline-block;
    position: relative;
    margin: 0 auto;
    padding: 0px;
    border: 0px;
    float: right;
}

.ig_fc5768ba_r9 {
    background-color: none;
    color: White;
    cursor: pointer;
}

/*.btn-group-sm > .btn, .btn-sm {
    padding: 5px 10px;
    font-size: 15px;
    line-height: 1.5;
    border-radius: 3px;
}*/

.div_pdfImageAppend {
    margin-top: 8px;
}

.Imgmb_pdfimage {
    height: 24px;
    width: 28px;
}

/*Added by vinothkanna for help popover div*/

.help_popover_div {
    display: none;
    /*white-space:nowrap;*/
}

.help_popover_div_table {
    /*border-spacing:2px;
    border-collapse:separate;    
    white-space:nowrap;  */
}

    .help_popover_div_table td, .help_popover_div_table th {
        white-space: nowrap;
        padding-right: 5px;
    }

/*Added by vinothkanna*/
.starRequiredfield {
    color: red;
    /*margin-top: 8px;*/
    font-size: 7px !important;
    vertical-align: super;
}

.speedometererrormessage {
    color: rgb(0, 0, 0);
    border: 1px solid rgb(211, 211, 211);
    padding: 11px 0px 9px;
    background: rgb(245, 245, 245);
    font-size: 12px;
    text-align: center;
    height: 200px;
}

/*Added by vinothkanna.*/
.cblstbox {
    background-color: #FFF;
    height: 8em;
    overflow-y: scroll;
    /*border:1px solid #d2d6de; */
    padding: 0px 10px; /*Added by Sharief on 17-May-2017*/
}

.cbx label {
    background-color: #FFF;
    /*padding: .2em;*/
    vertical-align: middle;
    margin-left:5px;
    font-weight:400;
}

.cblstbox label {
    padding: .2em;
    vertical-align: middle;
    font-weight: normal; /*<%--Added by Sharief on 11-May-2017--%>
*/
}

/*.popover {
    display: inline-table !important;
}*/

.loadspin {
    color: #00c0ef;
    position: absolute;
    top: 1px;
    right: 2px;
}

.err {
    border-color: red !important;
}

.errorBox {
    text-align: left;
}

.dScrollable {
    white-space: nowrap;
    position: relative;
    overflow: auto;
}

/*Kabilan fix for report viewer full width - Report Designer*/
/*td[id*='oReportCell'],table[id*='fixedTable'] {width:100% !important;}*/
/*div[id*='oReportDiv'] > table {width:100% !important;}*/
/*td[id*='oReportCell'] table {width:100% !important;}*/

/*Kabilan fix for grouping step overlapped design - Report Designer*/
#table_group table[id*='wz_Report_httable_det'] {
    margin-bottom: 15px;
    margin-top: 10px;
}
    /*Modified by Sharief on 22-May-2017*/

    /*#table_group  table[id*='wz_Report_httable_det'] div[class*='row'] {
    margin-bottom: 15px;
    margin-top: 15px;
}*/ /*Commented by Sharief on 22-May-2017*/

    #table_group table[id*='wz_Report_httable_det'] label {
        font-weight: normal;
    }

td[id*='oReportCell'], table[id*='fixedTable'] {
    width: 100% !important;
}

div[id*='oReportDiv'] > table {
    width: 100% !important;
}

/*.fa-cog {
    color: #00accf;
}*/

.EditBtn_td {
    padding: 0px;
    margin: 0px;
    /*min-width: 25px;*/ /*Modified by Sharief*/
    /*margin-left: 3px;*/
}

.EditBtn_td_a {
    text-decoration: none;
    padding: 5px 5px; /*Added*/
    line-height: 1;
    vertical-align: middle;
    cursor: pointer;
}

/*.EditBtn_td_Icon {
    color: #00acd6;
    cursor: pointer;
     vertical-align:middle;
}

.CreateBtn_td_Icon {
    cursor: pointer;
    color: #00acd6;
    /*font-size: 18px;
     vertical-align:middle;
}

.CreateBtn_td_Icon_tree {
    color: #00c0ef;
    /*font-size: 17px;
    margin: 3px;
     vertical-align:middle;
}*/

.user-menu a[class*='dropdown-toggle'] {
    height: 4.6em;
}

.cblstbox label {
    padding: .2em;
    vertical-align: middle;
}

.main-footer {
    background-color: #ecf0f5;
}


#ctl00_ContentPlaceHolder3_btn_viewall_notes_top, #ctl00_ContentPlaceHolder3_btn_viewall_notes_bottom {
    margin: .2em;
}

/*Addded by vinothkanna*/
.removePadding {
    margin: 0px;
    padding: 0px;
}

.removePaddingleft {
    padding-left: 0px;
}
/*Kabilan Css*/
.iuptag {
    color: #97a0b3;
    /*top:2px;
    left:2px;*/
    float: right;
}

    .iuptag:hover {
        color: #606c84;
    }
/*Added by sharief*/
.rptParamHeader {
    cursor: pointer;
    text-decoration: none;
    vertical-align: middle;
    color: #000 !important;
    float: left;
}

.rpt_param_box {
    box-shadow: 0px 3px 10px rgba(0,0,0,0.1);
}

.wg-size {
    width: initial;
    height: 443px;
    margin: 0 auto;
}

.wg-size-1 {
    width: 100%;
    height: 720px;
    margin: 0 auto;
}

.wg-size-2 {
    width: initial;
    height: 443px;
    margin: 0 auto;
}

.wg-size-3 {
    width: initial;
    height: 293px;
    margin: 0 auto;
}
.wg-size-4 {
    width: initial;
    height: 221px;
    margin: 0 auto;
}
.wg-size-info{
     width: initial;
    min-height: 35px;
}

.wg-size-rpt {
    width: initial;
    max-height: 443px;
    margin: 0 auto;
}

.mbreportCT
{
    overflow: hidden !important;
    display: inline-block;
    min-width: 100%;
}

.wg-size-rpt .chart
{
    width:initial!important;
}



.first_row {
    padding-top: 1em;
}

.last_row {
    padding-bottom: 1em;
}

.no-margin {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.no-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/*.btnreminderViewall{
    background-color: #00c0ef!important;
}*/

.ChartJs-leg {
    position: absolute;
    top: 4em;
    right: 1em;
    background-color: rgb(255, 255, 255);
    opacity: 0.85;
    padding: 10px;
}

.ChartJs-leg-3 {
    position: absolute;
    top: 4em;
    right: 0em;
    font-size: smaller;
    background-color: rgb(255, 255, 255);
    opacity: 0.85;
    padding: 10px;
}

    .ChartJs-leg ul, .ChartJs-leg-3 ul {
        margin: 0px;
        padding: 0px;
        -webkit-padding-start: 0px;
    }

/*Added by Sharief on 12-May-2017*/
.form-group .control-label, .modal-body .control-label, .Dynamic_PageHeaderRow th, #tdsearch .pgForm_title, .pgForm_title th {
    font-size: 14px;
    font-weight: 700;
}

/*Added by Sharief on 12-May-2017*/
.Dynamic_PageSectionHeaderRow .control-label, .Dynamic_PageHeaderRow .control-label, tbody legend[class=control-label], .Dynamic_PageHeaderRow label {
    font-size: 18px;
    font-weight: normal;
}

/*Added by Sharief on 22-May-2017*/
.txtPadding {
    padding-left: 15px;
    padding-right: 15px;
}

.headerPadding {
    padding-bottom: 10px;
}

.page_tooltip {
    height: 30px;
    width: 30px;
    margin-right: 10px;
}

.imgSize {
    height: 18px;
    width: 18px;
    margin-right: 10px;
}

.categoryViewTable {
    /*padding: 0px 2px 10px 2px !important;*/
    padding-top:0px;
}

.wizardPadding {
    padding-top: 10px;
    padding-bottom: 10px;
}

.wizardStepHeader {
    padding-bottom: 10px;
    font-weight: 700;
}

.tablePadding > tbody > tr > td {
    padding-bottom: 5px;
    padding-top: 5px;
}

.Dynamic_PageHeaderRow  span:not(.mbMGitemRecSpan,.mbSpnHighLight):first-of-type, .box-header > span:nth-child(2), .box-title span:first-child {
    vertical-align: middle !important;
}

.tableHeadAlign > tbody > tr > th:not(:first-child), .tableHeadAlign > tbody > tr > td:not(:first-child) {
    text-align: center;
}

.tableHeadAction > tbody > tr > th:nth-child(2), .tableHeadAction > tbody > tr > td:nth-child(2) {
    text-align: center;
}

/*Added by Sharief on 14-June-2017 for Success Message*/
.mbSuccessMessage {
    background-color: #00a65a !important;
    color: #fff !important;
    padding: 5px 10px;
    margin-bottom: 15px;
    border: 1px solid transparent;
    border-color: #008d4c;
    border-radius: 3px;
    text-align: left !important;
    word-break:break-word;
}
/*Added by Sharief on 14-June-2017 Ends here*/

#ctl00_ContentPlaceHolder3_User_Wizard_RB_accessrights > tbody > tr > td, #ctl00_ContentPlaceHolder3_User_Wizard_tv_BuUnitModel .controlFont {
    padding-right: 10px;
}

.contentMain {
    background-color: #ecf0f5;
    padding: 10px;
}

.cmpnyListItem {
    padding: 10px;
    text-align: center;
    word-wrap: break-word;
}

.input-group-btn:not(:first-child):not(:last-child) input[type="button"] {
    border-radius: 0 !important;
    border-left: none !important;
}

.btnDefault {
    background-color: #f4f4f4 !important;
    color: #444 !important;
    border-color: #ddd !important;
}

    .btnDefault:hover {
        background-color: #e7e7e7 !important;
    }

a i, .fa-search {
    cursor: pointer !important;
}

.widgetParamDiv {
    position: absolute !important;
}

.widgetParamDivBox {
    /*width: 50% !important;*/
    border:1px solid rgba(0,0,0,.2);
    border-top: 3px solid #d2d6de !important;
    /*background-color: #f2f2f2;*/
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}
.textChart{
    background-color:#ffffff;
    white-space:pre-wrap;
    word-break:keep-all;
    border:0;
    /*font-family:'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;*/
    font-size:14px;
    padding:0;
}
.textWidgetDiv{
    overflow:auto;
}
/*Added by Sharief Ends*/

.clFile {
    font-weight: normal !important;
}

/*Added by Sharief Ends*/
/*Added by Kabilan for report grouping */
.Grid_SubTotal {
    background-color: #AED6F1;
}

.Grid_GrandTotal {
    background-color: #5DADE2;
}
/*report grouping css ends*/

.text-wrap {
    word-wrap: break-word;
    word-break: break-word;
}

/*Added by Sharief on 07-Sep-2017 for Theme Color*/
/*Theme Color Starts Here*/
.skin-theme .main-header .navbar , .bg-theme-color {
    background-color: #ffffff;
}

    .skin-theme .main-header .navbar .nav > li > a,.skin-theme .main-header .navbar .nav > li > div > a > i,
    .skin-theme .main-header .navbar .nav > li > a, .skin-theme .main-header .navbar .nav > li > div > a > span {
        color: #333333;
    }
    .skin-theme .main-header .navbar .nav > li > div > a.mbFavPopCtr{
        border-left:1px solid #333333;
        padding: 0px 5px 0px 5px;
     vertical-align: middle;
    }

        .skin-theme .main-header .navbar .nav > li > a:hover,
        .skin-theme .main-header .navbar .nav .open > a,
        .skin-theme .main-header .navbar .nav .open > a:focus,
        .skin-theme .main-header .navbar .nav .open > a:hover {
            background: rgba(0, 0, 0, 0.1);
            color: #333333;
        }
         .skin-theme .main-header .navbar .nav > li > a:active,
        .skin-theme .main-header .navbar .nav > li > a:focus,
        .skin-theme .main-header .navbar .nav > .active > a{
             background:none;
         }

    .skin-theme .main-header .navbar .sidebar-toggle {
        color: #333333;
    }

        .skin-theme .main-header .navbar .sidebar-toggle:hover {
            color: #333333;
            background: rgba(0, 0, 0, 0.1);
        }

    .skin-theme .main-header .navbar .sidebar-toggle {
        color: #333;
    }

        .skin-theme .main-header .navbar .sidebar-toggle:hover {
            background-color: #f3f3f3;
        }

@media (max-width: 767px) {
    .skin-theme .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1);
    }

    .skin-theme .main-header .navbar .dropdown-menu li a {
        color: #fff;
    }

        .skin-theme .main-header .navbar .dropdown-menu li a:hover {
            background: #367fa9;
        }
}

.skin-theme .main-header .logo {
    background-color: #ffffff; /*Changed to make logo bg white*/
    color: #ffffff;
    border-bottom: 0 solid transparent;
}

    .skin-theme .main-header .logo:hover {
        background-color: #ffffff; /*Changed to make logo bg white*/
    }

.skin-theme .main-header li.user-header {
    background-color: #cccccc;
}
.skin-theme .main-header li.user-header span{
    color: #333;
}

.skin-theme .content-header {
    background: transparent;
}
.skin-theme .sidebar a:hover {
  text-decoration: none;
}

.skin-theme .wrapper,
.skin-theme .main-sidebar,
.skin-theme .left-side,
.skin-theme .main-topbar,
.bg-sidebar-theme-color { /*Modified by Sharief*/
    background-color: #ffffff;
}
.sidebar-collapse .sidebartoggleTrigger{
    background-color:#ffffff;
    /*color : #dddddd  !important;*/
}
.skin-theme .content-wrapper,
.skin-theme .main-footer {
  border-left: 1px solid #d2d6de;
}
.skin-theme .user-panel .lbl_user_name_style {
  color: #444444;
}

.skin-theme .sidebar-menu > li.header {
  color: #848484;
  background: #f9fafc;
}

.skin-theme .sidebar-menu > li > a {
    border-left: 3px solid transparent;
}

.skin-theme .sidebar-menu > li:hover > a,
.skin-theme .sidebar-menu > li.active > a ,
 .skin-theme .hori_dropdown > li:hover > a{
  color: #000000;
  background: #f9fafc;
}
.skin-theme .sidebar-menu > li.active {
  border-left-color: #FEA243;
}
/*.skin-theme .sidebar-menu > li.active > a {
  font-weight: 600;
}*/
.skin-theme .sidebar-menu > li > .treeview-menu ,
.skin-theme .hori_dropdown li > .sub-menu{
  background: #f9fafc;
}
.skin-theme .sidebar a,.skin-theme .main-topbar a {
  color: #444444;
}
.skin-theme .main-topbar a.aToggleHori,.skin-theme .sidebar a.atagToggle {
  color: #9e9e9e;
}
.skin-theme .treeview-menu > li > a,.skin-theme .sub-menu > li > a {
  color: #777777;
}
.skin-theme .treeview-menu > li.active > a,
.skin-theme .treeview-menu > li > a:hover,
    .skin-theme .sub-menu > li > a:hover  {
  color: #000000;
}
.skin-theme .treeview-menu > li.active > a {
  font-weight: 600;
}
.skin-theme .sidebar-form {
  border-radius: 3px;
  /*border: 1px solid #d2d6de;*/
  /*margin: 10px 10px;*/
}

    .skin-theme .sidebar-form input[type="text"],
    .skin-theme .sidebar-form .btn {
        box-shadow: none;
  background-color: #fff;
  /*border: 1px solid #d2d6de;*/
        height: 35px;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .skin-theme .sidebar-form input[type="text"] {
        color: #666;
        border-top-left-radius: 2px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 2px;
    }

        .skin-theme .sidebar-form input[type="text"]:focus,
        .skin-theme .sidebar-form input[type="text"]:focus + .input-group-btn .btn,
        .skin-theme .horizontalbar-form input[type="text"]:focus, .skin-theme .horizontalbar-form input[type="text"]:focus + .input-group-btn .btn ,
        body.fixed .mbMGSearchBox:focus, body.fixed input[type="text"].mbMGtxtSrch.mbMGSearchBox:focus{    /*Modified by Sharief*/
            background-color: #fff;
            color: #000; /***/
            border-color: transparent !important;
                border-bottom-color: #d2d6de !important;
                z-index:1;
        }

            .skin-theme .sidebar-form input[type="text"]:focus + .input-group-btn .btn,
            .skin-theme .horizontalbar-form > input[type="text"]:focus + .input-group-btn .btn {    /*Modified by Sharief*/
                border-left-color: #fff;
            }

    .skin-theme .sidebar-form .btn {
        color: #999;
        border-top-left-radius: 0;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 0;
    }
    .skin-theme .horizontalbar-form input[type="text"], .skin-theme .horizontalbar-form .btn{   /*Modified by Sharief*/
       background-color: #fff;
        color: #666;
        /*border: 1px solid #d2d2d2;*/
    }
.skin-theme .content-wrapper, .skin-theme .main-footer,.mbDGV-Container .mbDGV-modal-content,.mbDGV-Container .mbOverlay{
    background-color:#f5f5f5;
}
/*Theme Color Ends Here*/
/*ThemeChnager Selector Classess*/

.changelogobg {
    height: 15%;
    background-color: #ffffff;
    border-bottom: 1px solid #dddddd;
}

.changeMainNavBar {
    height: 15%;
    background-color: #3c8dbc;
}

.changeSidebar {
    height: 85%;
    background-color: #222d32;
}

.changebtn {
    background-color: #00c0ef;
    border-color: #00acd6;
    color: #ffffff;
}

.changeSection {
    border-top-color: #00c0ef;
}

.changeContentPlace {
    height: 85%;
    background-color: #ecf0f5;
}
/*ThemeChnager Selector Classess Ends Here*/

.svg-container {
    display: inline-block;
    position: relative;
    width: 100%;
    padding-bottom: 100%; /* aspect ratio */
    vertical-align: top;
    overflow: hidden;
}
.svg-content-responsive {
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 0;
}
/*Message displaying page Classes starts here- added by arun*/
.msgIcon{
    color:#00acd6;
}
 .msgmodal {
    /*background: rgba(0, 0, 0, 0.65);*/
 }
 .msg_logoSize {
   /* float: right; */
    height: 35px; /* margin-right: 10px; */
    margin-left: 0.2px;
 }
 .msg_content {
    border-radius: 6px !important; 
 }

  .msg_modal_body
 {
         max-height: 450px;
    overflow-y: auto;
 }
 .msg_modal_dialog
 {
     overflow-y: initial !important;
 }
    /*Message displaying page Classes ends here- added by arun*/
    /*For Info box icon color*/
    .info-box-icon{
        color:#ffffff;
    }
    /*added by arun for page view mode chooser and Action UI*/
.popover_custom_style {
    vertical-align: middle;
    /*margin-top: 10px;*/
    border-collapse:separate;
}
 .popover_custom_style .popover-content{
    padding:5px;
    /*font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;*/
}
 .popover_custom_style .popover-title{
    padding:6px;
}

/*added by arun End*/
/*Widget Color Support*/
.iResetStyle{
    cursor:pointer;
    margin-left:15px;
    color:#3c8dbc;
}
.iResetStyle:hover{
    color:#72afd2;
}
.pgfonticonsize{
    vertical-align:middle;
    padding-right:6px;
}
.imgSizeWithAlign {
    height: 18px;
    width: 18px;
    margin-right: 10px;
    vertical-align: middle;
}
.imgiconborder{
    border:0;
}
.wgtActionIcon{
    color: #00acd6;
    cursor: pointer;
    font-size: 1.0em;
    line-height: .75em;
    vertical-align: middle;
}
.wgtParamHeaderDiv{
    text-align:left;
    padding-bottom:5px;
}
.wgtParamClose {
    cursor:pointer;
    color:#999;
}
.wgtParamClose:hover {
    color:#333;
}
.pagetooltipIatg{
    color:#999;
    cursor:pointer;
    vertical-align:middle;
}   
.pagetooltipIatg:hover{
    color:#333;
}  


/*--------Report Theme Support---------*/
.report-theme-css {margin-top:2px}
.report-content .box { margin-top: 20px; padding-right: 0; }
.report-content .box p { color: #333; padding: 10px; }
.report-content .group-header { height: 35px; }
.report-content .group-by-value { background-color: #3c8dbc; border: solid 1px #2E6D91; color: #FFFFFF; -webkit-print-color-adjust:exact; }
.report-content .grp-key { background-color: #eee; border: solid 1px #ccc; color: #000000; -webkit-print-color-adjust:exact; }
.report-content .grp-key-hl { background-color: #BCC6FB; border: solid 1px #9CC5E3; color: #000000; -webkit-print-color-adjust:exact; }
.report-content .report-head-row { border-bottom: solid 2px #8099B7; color: #000000; -webkit-print-color-adjust:exact; }
tr.report-head-row > th.detail-col {border-top: solid 0.1px #ececec!important; border-bottom: solid 2px #8099B7; border-right: 0.5px solid #8099B7; background-color: #ECF0F4; color: #000000; -webkit-print-color-adjust:exact; }
tr.report-head-row > th.detail-col:last-child { border-right: none; }
/*.report-content .group-header td { -webkit-print-color-adjust:exact; }*/
.report-content .group-header td.group-close { border-bottom: solid 1px #CDE0F2; -webkit-print-color-adjust:exact; }
.report-content tbody[id^="group-body-total"] { border-top: none; }
.report-content .grand-total { background-color: #92CDE8; color: #000000; -webkit-print-color-adjust:exact; }
.report-content .no-more-grp { border-top: none; }
.report-area tbody.body-div tr.detail-row:hover { background-color: #f9f9f9; border-radius: 5px; -webkit-print-color-adjust:exact; }
.report-content tr.sub-total td { background-color: #ECF0F4; color: #000000; -webkit-print-color-adjust:exact; }
.report-content .noMoreRecords td { padding: 1px; }
.paging-nav a { margin: auto 1px; text-decoration: none; display: inline-block; padding: 1px 7px; background: #3c8dbc; color: white; border-radius: 3px; -webkit-print-color-adjust:exact; }
.paging-nav .selected-page { background: #3c8dbc; font-weight: bold; -webkit-print-color-adjust:exact; }
.report-content tbody tr td.firstCol { padding-left: 32px; }
.report-content .filters h2 { color: black; border-radius: 3px; font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif; margin-bottom: 0px; margin-top: 5px; -webkit-print-color-adjust:exact; }
.report-content .page-header { margin-top: 10px; }
.report-content .page-header .header-text { border-radius: 3px; text-transform: uppercase; font-size: 22px; }
.report-content .page-header .head-no-padding { padding-left: 0px; padding-right: 0px; }
.report-content .page-header .head-padding { padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px; }
.report-content .page-header .header-company { font-size: 19px; }
.report-content .page-header .header-container { border-radius: 3px; }
.report-area tbody.body-div tr.detail-row:hover { background-color: #e6e6e6; border-radius: 5px; -webkit-print-color-adjust:exact; }
.mbreportCT .report-content .table-responsive { overflow-x:hidden!important;}
.report-area tbody.body-div tr.detail-row:hover { background-color: #f9f9f9!important; border-radius: 5px;-webkit-print-color-adjust:exact; }
.report-end-theme-css {margin-top:2px}
/* End Report Css classes*/

@media print {
 .report-content .group-by-value { background-color: #3c8dbc!important; border: solid 1px #2E6D91!important; color: #FFFFFF!important; -webkit-print-color-adjust:exact; }
.report-content .grp-key { background-color: #eee!important; border: solid 1px #ccc!important; color: #000000!important; -webkit-print-color-adjust:exact; }
.report-content .grp-key-hl { background-color: #BCC6FB!important; border: solid 1px #9CC5E3!important; color: #000000!important; -webkit-print-color-adjust:exact; }
.report-content .report-head-row { border-bottom: solid 2px #8099B7!important; color: #000000!important; -webkit-print-color-adjust:exact; }
tr.report-head-row > th.detail-col { border-top: solid 0.1px #ececec!important; border-bottom: solid 2px #8099B7; border-right: 0.5px solid #8099B7!important; background-color: #ECF0F4!important; color: #000000!important; -webkit-print-color-adjust:exact; }
/*.report-content .group-header td { border-top: solid 3px #CDE0F2!important; -webkit-print-color-adjust:exact; }*/
.report-content .group-header td.group-close { border-bottom: solid 1px #CDE0F2!important; -webkit-print-color-adjust:exact; }
.report-content .grand-total { background-color: #92CDE8; color: #000000!important; -webkit-print-color-adjust:exact; }
.report-area tbody.body-div tr.detail-row:hover { background-color: #f9f9f9!important; border-radius: 5px; -webkit-print-color-adjust:exact; }
.report-content tr.sub-total td { background-color: #ECF0F4!important; color: #000000!important; -webkit-print-color-adjust:exact; }
.paging-nav a { margin: auto 1px; text-decoration: none; display: inline-block; padding: 1px 7px; background-color: #3c8dbc!important; color: white; border-radius: 3px; -webkit-print-color-adjust:exact; }
.paging-nav .selected-page { background-color: #3c8dbc!important; font-weight: bold; -webkit-print-color-adjust:exact; }
.report-content .filters h2 { color: black!important; border-radius: 3px; font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif; margin-bottom: 0px; margin-top: 5px; -webkit-print-color-adjust:exact; }
.report-area tbody.body-div tr.detail-row:hover { background-color: #f9f9f9!important; border-radius: 5px; -webkit-print-color-adjust:exact; }
}

.mb-callout-custom {
    background-color: #ECF0F4;
    color: #000000;
    border-color: #8099B7;
}

    .mb-callout-custom .mb_pd_access_icon > i {
        color: #fffeee;
        margin: 0;
    }

.mbreportCT
{
    overflow: hidden !important;
    display: inline-block;
    min-width: 100%;
}

/*Added by sharief for alertPopUp*/
.alertPopUp_btns{
    margin:2px;
    width:100%;
}
.alertPopUp_Grid {
    white-space: nowrap;
}
/*Added by Mohamed Riyas*/
/*.fa-cog_class{
    /*font-size: 1.2em !important;
    cursor: pointer;
    vertical-align: middle;
    padding-left: 7px;
}*/

/*.times_class,.times_class:link, .times_class:visited, .times_class:hover, .times_class:focus, .times_class:active{
    color:#E54747;
    /*font-size: 1.3em !important;
    border-width: 0px;
    cursor: pointer;
    line-height: .75em;
    padding-top: 0px;
    padding-right: 5px;
    vertical-align:middle;
}*/
/*.fa-close_class{
    color:#E54747;
    /*font-size: 1.25em !important;
    border-width: 0px;
    cursor: pointer;
    vertical-align: middle !important;
}*/
/*.fa-close_linkbutton, .fa-close_linkbutton:link, .fa-close_linkbutton:visited, .fa-close_linkbutton:hover, .fa-close_linkbutton:focus, .fa-close_linkbutton:active{
    color:#E54747;
    border-width: 0px;
    cursor: pointer;
    /*font-size: 1.25em !important;*/
    /*line-height: .75em;
    vertical-align: middle;
}*/
/*.fa-edit_linkbutton, .fa-edit_linkbutton:link, .fa-edit_linkbutton:visited, .fa-edit_linkbutton:hover, .fa-edit_linkbutton:focus, .fa-edit_linkbutton:active {
    color:#00acd6;
    border-width: 0px;
    cursor: pointer;
    /*font-size: 1.2em !important;
    /*line-height: .75em;
    vertical-align: middle;
}*/
/*.linkbtn_class,.linkbtn_class:link, .linkbtn_class:visited, .linkbtn_class:hover, .linkbtn_class:focus, .linkbtn_class:active{
    color:#00acd6;
    vertical-align: middle !important;
    margin-left: 3px;
}*/
/*.fa_valgn{
    vertical-align: -50%;
}*/
/*.pluspadding{
    font-size: 16px;
}
.plus_class{
    cursor:pointer;
    color:lightslategrey;
}*/
.fa_chevron_class{
    vertical-align: middle;
    font-size: 12px;
    cursor:pointer;
    color: gray;
}
/*.fa_info_circle_class{
    color: forestgreen;
    margin-right: 10px;
}*/
/*.lnkbtn_width{
    width: 35px;
    margin-bottom: 4px;
}*/
.report-btnalgn{
    padding: 9px 12px;
    font-size: 12px;
}
.report-btnremove{
    padding-right: 8px;
    float: right;
}
.btn-margin_bottom{
    margin-bottom: 4px;
    padding: 6px 10px;
}
.col-md-8_class{
    padding-top: 20px;
}
.col-md-2_class{
padding-top: 12px;
}
.taskconfig_control{
    width:35px;
    margin:.2em;
}
.form-control_class{
    Height:9.3em;
}
.whiteFontColor{
    color:white;
}
.loadfont_class{
    color:#00c0ef;
    font-size: 17px;
}
.algn_right{
    float:right;
}

/*Added by sharief for WidgetDesigner*/
 #preview {
    position: absolute;
    border: 1px solid #ccc;
    background: #333;
    display: none;
    color: #fff;
    box-shadow: 4px 4px 3px rgba(103, 115, 130, 1);           
}
.addDelBtnWidget{
    vertical-align:middle;
}
/*Added by sharief for icon class*/
/*.edit_icon{
    color: #00c0ef;
    cursor: pointer;
    /*font-size: 1.2em !important;
    margin:0.2em;
    vertical-align:middle;
}
.copy_icon{
    cursor: pointer;
    color: #00c0ef;
    /*font-size: 14px !important;
    vertical-align: middle;
    margin:0.2em;
}
.del_icon{
    cursor: pointer;
    color: #E54747;
    margin-top: 0px;
    /*font-size: 1.25em !important;
    vertical-align: middle;
    margin:0.2em;
}*/
/*QueryPreview*/
#_phrmvalue table{
    width:100%;
}
input[type='radio'] + span,input[type='radio'] + label{
    vertical-align:top;
}
.margin-top{
    margin-top:30px;
}
.btn-pad{
    margin:2px;
}
.bold-font{
    font-weight:700;
}
/*.popover {
    background-color:gray;
}*/
.default {
  cursor: default;
}
.pointer {
  cursor: pointer;
}
.parentHoriTD{
    background-color:#f1f1f1 !important;
    margin:0 !important;
}

.arrowIconParentHori{
    margin-left:5px !important;
}
/*.arrow{
    position:fixed;   
}*/
.loadinginfocolor
{
    color: #00ccff;
}

/*Added by sharief for Datetimepicker*/
/*.bootstrap-datetimepicker-widget{
    box-shadow:0 6px 12px rgba(0,0,0,.175) !important;
    z-index: 2000!important;
}*/

/*Added by Vignesh*/
.pad-top-10{
    padding-top: 10px;
}
/*Overlay style added by sharief*/
.mbOverlayParent{position: relative;overflow:unset!important;}
.mbOverlay{position: absolute;left: 0; top: 0; right: 0; bottom: 0;z-index: 10;background-color: rgba(255,255,255,0.8);}
.mb-overlay-content {
    position: absolute;
    transform: translateY(-50%);
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    color: #555;
}
div.mbOverlay i.fa-spin{
    color:#00c0ef;
}
.facogs{
    margin-top:7px;
    color:#00c0ef;
    cursor: pointer;
}
.facog{
    color:#00c0ef;
    cursor: pointer;
}
/*overlay Ends here*/

.main-topbar .coveringDiv{
    background-color: #ffffff;
}
.div_ulHori_menu > span.menu-control{
    background-color:#fcfcfc;
}
.div_ulHori_menu > span.menu-control:hover{
    background-color:#eeeeee;
}
.horizontalbar-form {
     border-radius: 3px; 
    /*border: 1px solid #374850;*/
}
.lblAddNew{
    margin-left:10px;
}
body.fixed .box.box-info:not(.sectionHeaderDiv),body.fixed .box.box-success:not(.sectionHeaderDiv), body.fixed .box.box-solid{
  border: 1px solid #e7e7e7;
    box-shadow:0 .125rem .25rem rgba(0,0,0,.075);
    border-radius:5px;
}
body.fixed .box.box-info,body.fixed .box.box-success{
  border-width: 2px;
}
.main-footer.text-muted{
    color:#777777;
}
.mb-icons-far,.lst-header i.far,.mb-icons-far.fa-trash-alt{
    color:#999999;
}
/*#Bootstrap5.3.3Upgrade*/
.mb-icons-fas,.lst-header i.fas,.input-group-text i.fa-search ,i.fa-question-circle{
    color:#a5a5a5;
}

.mb-icons-far:hover,.lst-header i.far:hover,.mb-icons-fas:hover,.lst-header i.fas:hover, a:hover > .mb-icons-far, a:hover > .mb-icons-fas{
    color:#00acd6;
}
.control-sidebar-menu .mb-icons-fas, .popover-title .mb-icons-fas, .app-theme .mb-icons-fas {
    color: #00acd6;
}
.mb-icons-far.fa-trash-alt:hover,a:hover > .mb-icons-far.fa-trash-alt{
     color: #E54747;
}
body.fixed .content,body.fixed  .content-header {
    padding-top: 5px;
    padding-left:20px;
    padding-right:20px;
}
/*.datasheetTable > tbody > tr > td.td-input-cb{
    border:1px solid #d2d6de;
}*/
/*#Bootstrap5.3.3Upgrade*/
input[type].form-control,.input-group .input-group-text,.input-group .input-group-btn,.input-group .input-group-btn .btn.dropdown-toggle,.mb_input ul.tagit, textarea.form-control,select:not([multiple]).form-control,
.bootstrap-select.form-control .btn-light,.bootstrap-select.form-control .btn-light:focus,.bootstrap-select.form-control.open>.dropdown-toggle.btn-light:hover{
    border-color:transparent;
    border-bottom-color: #d2d6de;
    color:#333333;
}
/*input[type].form-control:not(.mb_checklist_txt,.iconpicker-search),.mb_input ul.tagit, textarea.form-control,select:not([multiple]).form-control,
.bootstrap-select.form-control .btn-light{    
    padding: 6px 0px 6px 0px;
}*/
.datasheetTable input[type].form-control, .datasheetTable .input-group .input-group-text, .datasheetTable .input-group .input-group-btn, .datasheetTable .mb_input ul.tagit, .datasheetTable textarea.form-control, .datasheetTable select.form-control, select.form-control.btndismisStyle,
.datasheetTable .bootstrap-select.form-control .btn-light, .datasheetTable .bootstrap-select.form-control .btn-light:focus, .datasheetTable .bootstrap-select.form-control.open > .dropdown-toggle.btn-light:hover {
    border-color: #d2d6de;
    border-radius: 0;
    color: #333333;
}

.datasheetTable .mb_input ul.tagit { /*css added by 'Udhaya' on 24 Apr 2023*/
    border-color: #d2d6de !important;
    border-radius: 0 !important;
    color: #333333 !important;
}

.datasheetTable input[type].form-control,.datasheetTable .mb_input ul.tagit,.datasheetTable textarea.form-control,.datasheetTable select:not([multiple]).form-control,
.datasheetTable .bootstrap-select.form-control .btn-light{    
    padding: 5px 10px 5px 10px;
}
.mb-gb-div input[type].form-control,.mb-gb-div .input-group .input-group-text,.mb-gb-div .input-group .input-group-btn,.mb-gb-div .mb_input ul.tagit,.mb-gb-div textarea.form-control,.mb-gb-div select.form-control,
.mb-gb-div .bootstrap-select.form-control .btn-light,.mb-gb-div .bootstrap-select.form-control .btn-light:focus,.mb-gb-div .bootstrap-select.form-control.open>.dropdown-toggle.btn-light:hover{
     border-color: #d2d6de;
     color:#333333;
}
.mb-gb-div input[type].form-control,.mb-gb-div .mb_input ul.tagit,.mb-gb-div textarea.form-control,.mb-gb-div select:not([multiple]).form-control,
.mb-gb-div .bootstrap-select.form-control .btn-light{    
    padding: 5px 10px 5px 10px;
}
.JColResizer.datasheetTable > tbody > tr > td{
    padding:0px !important;
}
.JColResizer > tbody > tr > th{
    padding-top:3px;
    padding-bottom:3px;
}
.JColResizer.datasheetTable > tbody > tr:not(:last-of-type) > td .form-control,.JColResizer.datasheetTable > tbody > tr:not(:last-of-type) > td .dropdown-toggle.btn-light,
.JColResizer.datasheetTable > tbody > tr:not(:last-of-type) > td .input-group-text,.JColResizer.datasheetTable > tbody > tr:not(:last-of-type) > td .input-group-btn{
    border-bottom-color: transparent;
}

.JColResizer.datasheetTable > tbody > tr:not(:last-of-type) > td ul.tagit { /*css added by 'Udhaya' on 24 Apr 2023*/
    border-bottom-color: transparent !important;
}

/*.JColResizer.datasheetTable > tbody > tr > td.mb_input:not(:last-of-type) ul.tagit { 
    border-right-color: transparent !important;
}*/

.JColResizer.datasheetTable > tbody > tr > td.mb_input:not(:last-of-type) .form-control, .JColResizer.datasheetTable > tbody > tr > td.mb_input:not(:last-of-type) .dropdown-toggle.btn-light,
.JColResizer.datasheetTable > tbody > tr > td.mb_input:not(:last-of-type) .input-group-text:last-of-type, .JColResizer.datasheetTable > tbody > tr > td.mb_input:not(:last-of-type) .input-group-btn:last-of-type,
.JColResizer.datasheetTable > tbody > tr > td.td-input-cb:not(:last-of-type) {
    border-right-color: transparent;
}
textarea.form-control{
    height:35px;
}
textarea.form-control:focus, select:not([multiple]).form-control:focus{
    border-color:transparent;
}

input[type].form-control:not([readonly],[disabled]):focus,textarea.form-control:not([readonly],[disabled]):focus, select:not([multiple],[readonly],[disabled]).form-control:focus,.bootstrap-select.form-control .btn-light:focus{
    border-bottom-color: #3c8dbc;
}
.datasheetTable textarea.form-control{
    height:30px;
    overflow:hidden;
}
.datasheetTable textarea.form-control:focus,.datasheetTable select.form-control:focus{
   border-color: #d2d6de;
   overflow:auto;
}
body.fixed .form-control[disabled],body.fixed .form-control[readonly],body.fixed fieldset[disabled] .form-control{
     background-color:transparent;
    color:#999999;
    cursor: not-allowed;
}
body.fixed .form-control[disabled]:not(.mb-v-mode), body.fixed .form-control[readonly]:not(.mb-v-mode), body.fixed fieldset[disabled] .form-control:not(.mb-v-mode) {    
    background-color:#f9f9f9;
    padding-left:4px;
}
/*#Bootstrap5.3.3Upgrade*/
#mb_filter_img.input-group-text{    
    border-bottom-color:transparent;
}
.lstOptDivTools #mb_filter_img.input-group-text{
    padding-right:3px;
    /*border-right: 1px solid #dedede;*/
}
.sidebar-menu li>a>.pull-right-container>i{
color:#929292;
}
span.control-label,label.control-label{
    color:#666666;
    font-weight:700;
}
div[id*='tdcDefaultFields'] b{
    font-weight:400;
    color:#777;    
}
div[id*='tdcDefaultFields'],.spanrequiredfield  {
    font-size:13px;
}
/*body.fixed #sideMenuSearchBox{
    background-color: #ffffff;
}*/
.mbsavedviews.dropdown{
    border-left: 0;    
    padding-left:0px;
    border-bottom-color:transparent;
}
.mbsavedviews.dropdown a.dropdown-toggle{
    padding-left: 3px;
    border-left: 1px solid #dedede;
}
.td_accordian_right{
    font-size:13px;
    color:#777;
}
.td_accordian_right span.control-label{
    font-weight:400;
}
.btnDLIcon{
    border-color:transparent;
    border-bottom-color: #dddddd;
}
.mb-text-muted{
    font-size:13px; 
    color:#777777;
}
.mbDGV-Container .mb_input{
    margin-bottom:20px;
}
/*#Bootstrap5.3.3Upgrade*/
body.fixed .btn.btn-light:not(.dropdown-toggle,[disabled],.lstMsgSpan):hover{
        color: #fff;
    background-color: #269abc;
    border-color: #1b6d85;
}

/*------------MB Float Label Css Starts - #FloatLabel-------------*/

.mb-float-label
{
    position:relative;
    margin-top:5px;
    margin-bottom:5px;
}



.mb-float-label span.control-label{
    position:absolute;
    /*top:9px;*/
    left:0;
    pointer-events:none;
    transition: all 400ms ease-in-out;
    text-transform:capitalize;
    top:-4px;
    transform:translateY(-16px);
    opacity:1;
    z-index:3;
}

/*.mb-float-label input, .mb-float-label select,.mb-float-label .bootstrap-select,.mb-float-label span[data-mbdatatype='bo']{
    display: block;
}*/
/*.mb-float-label > div > input:hover + span.control-label*/

/*.mb-float-label input:focus + span.control-label,
.mb-float-label input:disabled + span.control-label,
.mb-float-label input:is(.mb-ReadOnly-Control) + span.control-label,
.mb-float-label select:is(.mb-ReadOnly-Control) + span.control-label,
.mb-float-label div[data-mbcomponent=mb-Editable] + span.control-label,
.mb-float-label textarea:is(.mb-ReadOnly-Control) + span.control-label,
.mb-float-label textarea:focus + span.control-label,
.mb-float-label textarea:not(:placeholder-shown):valid + span.control-label,
.mb-float-label input:not(:placeholder-shown):valid + span.control-label,
.mb-float-label .bootstrap-select.open + span.control-label,
.mb-float-label .bootstrap-datetimepicker-widget + span.control-label,
.mb-float-label .bootstrap-select.mbselectvalue + span.control-label,
.mb-float-label span.mb-float-label-auto
{
    top:-4px;
    transform:translateY(-16px);
    opacity:1;
    z-index:3;
}*/

.mblblreq::after{
    content:" *";
    color:red;
}

/*------------MB Float Label Css Ends - #FloatLabel-------------*/

ul.tagit
{
    border:1px solid transparent!important;
    border-bottom-color: #d2d6de!important;
    color:#333333;
}

/*.pinned {
   border-left:2px solid #FFC301 !important;
}
.pinned-row{
    background-color: #FFFCF3;
}
a[id^='pin_'] > .fas{
    color: #FFC301;
}*/


:root {
    --st-anchor-default-primary-color: #bcb9b9;
    --st-anchor-default-secondary-color: #b0b0b1;
    --st-anchor-active-primary-color: #858585;
    --st-anchor-active-secondary-color: #ffffff;
    --app-accent-color: #858585;
    --app-accent-font-color: #ffffff;
}

.mb-af-step > i, .mb-af-step > span {
    color: rgb(161, 161, 162);
}

/*// #Bootstrap5.3.3Upgrade*/
#tblDynamicMain .input-group-text, #ctl00_ContentPlaceHolder3_tblDynamicMain .input-group-text, .input-group-text.serachIconstyle {
    background-color: #fff;
    border-top: none;
    border-right: none;
    border-left: none;
}

/*.mbFilterBox .input-group-text {
    border: var(--bs-border-width) solid var(--bs-border-color);
}*/

.datasheetTable .input-group-text, .JColResizer.datasheetTable .input-group-text {
    background-color: #fff;
    border-left: none;
}

#mbLookUpSearchContainer .input-group-text, #mb_mnusrch_div .input-group-text, #mbCO_ActContainer .input-group-text {
    background-color: #fff;
}