* {
	padding: 0; 
	margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}

/*h1 {
	font: bold 32px Times;
	color: #666;
	text-align: center;
	padding: 20px 0;    
}
#container {
	width: 700px;
	margin: 10px auto;
}*/
.whiteGrid {
    width: 100%;
    background-color: #fff;
    margin: 5px 0 10px 0;
    border: solid 1px #525252;
    border-collapse: collapse;
}

    .whiteGrid td {
        padding: 2px;
        border: solid 1px #c1c1c1;
        color: #717171;
    }
	  
    .whiteGrid th {
        padding: 2px;
        border: solid 1px #c1c1c1;
        color: #717171;
        font-weight: bold;
    }

.td_bg_sel3 {
    display: inline;
    font-weight: normal;
    font-family: Verdana, Arial, trebuchet MS;
    font-size: 11px;
    color: black;
    border-bottom-color: white;
    background: url(../Images/shade.gif) top left repeat-x;
    line-height: 15px;
	  padding: 3px 7px;
    margin-right: 3px;
	  border: solid 1px #777788;
	  }

.td_bg_selected11 {
    border-bottom-color: white;
    line-height: 15px;
    display: inline;
    font-weight: normal;
    color: red;
    background: yellow;
    font-family: Verdana, Arial, trebuchet MS;
    font-size: 11px;
    padding: 3px 7px;
	border-top: solid 1px #777788;
	border-left: solid 1px #777788;
	border-right: solid 1px #777788;
 }


/*.mGrid { width: 100%; background-color: #fff; margin: 5px 0 10px 0; border: solid 1px #525252; border-collapse:collapse; }
	.mGrid td { padding: 2px; border: solid 1px #e0e0eb; color: #717171; }
	.mGrid th { padding: 4px 2px; color: #fff; background: #424242 url(images/grd_head.png) repeat-x top; border-left: solid 1px #525252; font-size: 0.9em; font-weight:bold; }
.mGrid .alt { background: #fcfcfc url(images/grd_alt.png) repeat-x top; }
.mGrid .rowm { background: #D6D6D6 repeat-x top; }
.mGrid .rows { background: #1e62d0 repeat-x top; }
.mGrid .pgr {background: #424242 url(images/grd_pgr.png) repeat-x top; }
	.mGrid .pgr table { margin: 5px 0; }
	.mGrid .pgr td { border-width: 0; padding: 0 6px; border-left: solid 1px #666; font-weight: bold; color: #fff; line-height: 12px; }   
	.mGrid .pgr a { color: #999999; text-decoration: none; }
	.mGrid .pgr a:hover { color: #000; text-decoration: none; }
	.mGrid th a{ color:#fff;}
.mGrid th  A:hover {
color: #ff0000;
background-color:#ffff00;
}
.mGrid td a{ color:#000; text-decoration:underline;  width:500px; }*/

.mGrid {
    border-collapse: collapse;
    width: 100%;
}

    .mGrid td, .mGrid th {
        border: 1px solid #ddd;
        padding: 6px;
    }

        .mGrid th a {
            font-weight: bold;
            color: white;
        }
	
    .mGrid tr:nth-child(even) {
        background-color: #f2f2f2;
    }

    .mGrid tr:hover {
        background-color: #ddd;
    }

    .mGrid th {
        /*padding-top: 12px;
        padding-bottom: 12px;*/
        text-align: left;
        background-color: #3db9dc;
        color: white;
    }

    .mGrid .rowm {
        padding-top: 12px;
        padding-bottom: 12px;
        text-align: left;
        background-color: #d4edda !important;
    }
    

.griddel {
    background: #424242 url(images/del.jpg) repeat-x top;
    width: 150px;
}

.gridcolumndate {
    width: 70px;
}

.gridLink {
    width: 150px;
}

.gridLinksmall {
    width: 50px;
}

.gridLinkBig {
    width: 250px;
}

.gridzerowidth {
    width: 1px;
}

.gridLinkBigger {
    width: 350px;
}

.deepBlueTD {
    background-color: #2557AD;
    font-family: Tahoma, Verdana, Arial, trebuchet MS;
    font-size: 11px;
			  color: #ffffff;	
    line-height: 18px;
    padding-left: 7px;
    font-weight: bold;
}

.tfooter {
    background: #424242 url(images/grd_pgr.png) repeat-x top;
}

    .tfooter table {
        margin: 5px 0;
    }

    .tfooter td {
        border-width: 0;
        padding: 0 6px;
        border-left: solid 1px #666;
        font-weight: bold;
        color: #fff;
        line-height: 12px;
    }

    .tfooter a {
        color: #666;
			  text-decoration: none;	
    }
			  
        .tfooter a:hover {
            color: #000;
            text-decoration: none;
        }
			  
.blueTD {
    background-color: #A1D0CA;
    font-family: Tahoma, Verdana, Arial, trebuchet MS;
    font-size: 11px;
    color: #ffffff;
    line-height: 18px;
    padding-left: 7px;
}

.gridCheckBox {
    width: 10px;
    text-align: center;
}

.periodGrid {
    width: 100%;
    background-color: #fff;
    margin: 5px 0 10px 0;
    border: solid 1px #525252;
    border-collapse: collapse;
}

    .periodGrid td {
        padding: 2px;
        border: solid 0px #c1c1c1;
        color: #717171;
}

    .periodGrid th {
        padding: 4px 2px;
        color: #fff;
        background: #424242 url(images/grd_head.png) repeat-x top;
        border-left: solid 1px #525252;
        font-size: 0.9em;
        font-weight: bold;
    }
/*.dd{padding: 2px; border: 1px ; }*/
.borderLess {
    border: 0;
}

.gridPeriodDays {
    width: 50px;
}

.permissiondenied {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #000000;
    background-color: #FFFFFF;
    text-decoration: none;
    padding-right: 5px;
    padding-left: 5px;
    height: 500px;
    vertical-align: middle;
    text-align: center;
}

/*.heading{font-family: Arial, Helvetica, sans-serif;font-size: 15px;	font-weight: bold;	color: #000000;	background-color:#F2F2F2;text-decoration: none;	padding-right: 5px;	padding-left: 5px;height:30px;}*/
/*.heading{font-family: Arial, Helvetica, sans-serif;font-size: 15px;	font-weight: bold;	color:White;	background-color:#494A69;text-decoration: none;	padding-right: 5px;	padding-left: 5px;height:30px;}*/
.showingList {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    background: url(images/shade2.jpg);
    text-decoration: none;
    padding-right: 5px;
    padding-left: 5px;
    height: 30px;
}

.heading {
    letter-spacing: 2px;
    word-spacing: 2px;
    color: #000000;
    font-weight: normal;
    text-decoration: none;
    font-style: normal;
    font-variant: small-caps;
    text-transform: capitalize;
    /*background-color: #d4edda;*/
    background-color: white;
    font-size: 1.5rem;
}

.headingChild {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    background-repeat: no-repeat;
    font-weight: bold;
    color: #ffffff;
    background: url(images/menuHead.gif);
    text-decoration: none;
    padding-right: 5px;
    padding-left: 5px;
    height: 30px;
}



.bodyStyle {
    background-color: #F2F2F2;
}

.bodyStyle2 {
    background-color: #F2F2F2;
    padding-left: 20px;
}


.headerstyle {
    display: block;
    margin: 30px 0 10px 0;
    padding: 5px 0 5px 8px;
    background: #eee url(images/gradient2.png) repeat-x;
    color: #222;
    border-top: 1px solid #ddd;
    border-right: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    border-left: 1px solid #ddd;
    text-decoration: none;
}
/* Css for AcedamicERP Home Page */

.HomeTDstyle {
    display: block;
    margin: 30px 0 10px 0;
    padding: 5px 0 5px 8px;
    background: #eee url(images/gradient2.png) repeat-x;
    border-top: 1px solid #ddd;
    border-right: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    border-left: 1px solid #ddd;
    text-decoration: none;
    font-size: 20px;
    padding-left: 10px;
    font-family: Verdana;
}

.HomeTDText {
    margin: 30px 0 10px 0;
    padding: 5px 0 5px 8px;
    background: #eee url(images/gradient2.png) repeat-x;
    text-decoration: none;
    font: bold 12px font-size:12px;
    padding-left: 5px;
    font-family: Verdana;
}
/* End */

.HomeBorderHeader {
font: bold 13px Times;
color: WHITE;
    padding: 2px;
    background: #eee url(images/grd_head.png) repeat-x;
}

.HomeHeader {
    background-color: #deecfd;
    border: 1px solid #8db2e3;
    padding-left: 10px;
}

.topHeader {
    background: url(../css/images/topheaderbar.gif) repeat-x;
    height: 59px;
    color: White;
    font-size: 40px;
    padding-left: 10px;
}

.topHeaderwithbg {
	/*background:url(../css/images/topheaderbar.gif) repeat-x;
	color:White;

*/
    height: 59px;
    font-size: 40px;
    padding-left: 10px;
}

.topHeaderLeft {
    font-size: 11px;
    padding-left: 10px;
    font-family: Verdana;
}

.topHeader a {
    color: White;
}

.tdborder {
    border-width: thin;
    border-color: White;
}

.nolink {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    color: #FFFFFF;
    text-decoration: none;
}
/*a.disclaimer, a.disclaimer:link, a.disclaimer:active, a.disclaimer:hover, a.disclaimer:visited {
color: #666666; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; 
text-decoration: none;
}
a{
color: #000000;
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px;
text-decoration: none
}
A:hover {
color: #ff0000;
background-color:#ffff00;
}
a.imghref:hover { border: 0 none; 
	text-decoration: none; 
}*/


.msgModify {
    font-family: Verdana,Arial, Helvetica, sans-serif;
    color: #000000;
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
    font-style: normal;
}

.onepixheight {
    line-height: 1px;
}

.thirteenpixheight {
    line-height: 13px;
}

.dashboardrowsep {
    line-height: 10px;
}

.homeAdminPanelTable {
    padding-right: 2px;
    padding-left: 40px;
}

    .homeAdminPanelTable td {
        padding-left: 20px;
    }



/*.button	{font-family: Arial, Helvetica, sans-serif;height:18px;  color: #fff; font-size:12px; background: url(images/button.png) repeat-x top; border:0; width:70px; }
*/

/*a.alikebutton {
display: block;
width: 150px;
height: 20px;
padding: 10px 10px 10px 10px;
text-decoration: none;
background:#9FB9E9;
border-bottom-style:solid;
border-right-style:solid;
text-align:center;
border-left-style:solid;
border-left-color:Silver;
border-top-color:Silver;
border-top-style:solid;
font-size:12px;
}*/

.image {
    width: 100px;
    padding-right: 2px;
    height: 100px;
}

.labelData {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    background-color: White;
    color: #000000;
    text-decoration: none;
    width: 100px;
    padding-right: 2px;
    padding-left: 2px;
    border: 1px solid #664713;
}

.textboxBig {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    text-decoration: none;
    width: 375px;
    padding-right: 2px;
    padding-left: 2px;
    border: 1px solid #664713;
}

.textboxbiglen {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    height: 200px;
    color: #000000;
    text-decoration: none;
    width: 200px;
    padding-right: 2px;
    padding-left: 2px;
    border: 1px solid #664713;
}

.textbox {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    text-decoration: none;
    width: 200px;
    padding-right: 2px;
    padding-left: 2px;
    border: 1px solid #664713;
}

.textboxCaption {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-decoration: none;
    width: 200px;
    padding-right: 2px;
    padding-left: 2px;
    border: none;
    background-color: #F2F2F2;
}

.textbox100per {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    text-decoration: none;
    width: 100%;
    padding-right: 2px;
    padding-left: 2px;
    border: 1px solid #664713;
}

.textboxwidthbig3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    text-decoration: none;
    width: 600px;
    padding-right: 2px;
    padding-left: 2px;
    border: 1px solid #664713;
}

.textboxsmall {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    text-decoration: none;
    width: 100px;
    padding-right: 2px;
    padding-left: 2px;
    border: 1px solid #664713;
}

.textboxsmaller {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    text-decoration: none;
    width: 50px;
    padding-right: 2px;
    padding-left: 2px;
    border: 1px solid #664713;
}

.textboxLabNo {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    text-decoration: none;
    width: 75px;
    padding-right: 2px;
    padding-left: 2px;
    border: 1px solid #664713;
}

.textboxverysmall {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    text-decoration: none;
    width: 25px;
    padding-right: 2px;
    padding-left: 2px;
    border: 1px solid #664713;
}

.textboxdate {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    text-decoration: none;
    width: 100px;
    padding-right: 2px;
    padding-left: 2px;
    border: 1px solid #664713;
}

.checkbox {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    text-decoration: none;
    padding-right: 2px;
    padding-left: 2px;
}

.chkselect {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    text-decoration: none;
    padding-right: 2px;
    padding-left: 2px;
}

.checkboxlist INPUT {
    COLOR: black;
    border-style: none;
    font-size: 11px;
    margin-right: 5px;
    font-family: Arial, Helvetica, sans-serif;
}

.checkboxlist label {
    margin-right: 20px;
    vertical-align: middle;
    float: right;
}

.checkboxlist ul { 
  margin: 0; 
  list-style: none; 
  float: left; 
} 


/*.menu{font-family: Arial, Helvetica, sans-serif;height:18px;  color: WHITE; font-size:12px; background: url(images/button.png) repeat-x top; border:0; width:60px; text-align:center;}
.menu a{color: WHITE;}
.menu A:hover {
color: #ff0000;
background-color:#ffff00;
}*/

.menu {
    font-family: Arial, Helvetica, sans-serif;
    height: 18px;
    color: White;
    font-size: 12px;
    background: url(images/shade.gif) repeat-x top;
    border: 0;
    width: 70px;
    text-align: center;
}

    .menu A {
        padding-left: 10px;
        padding-right: 20px;
        color: Black;
        background-image: url(images/link_icon2.gif);
        background-repeat: no-repeat;
        background-position: right;
    }

.menu A:hover {
color: #ff0000;
            background-color: #ffff00;
        }

.textboxarea {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    text-decoration: none;
    height: 40px;
    width: 200px;
    padding-right: 2px;
    padding-left: 2px;
    border: 1px solid #664713;
}

.textboxareabig {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    text-decoration: none;
    height: 80px;
    width: 400px;
    padding-right: 2px;
    padding-left: 2px;
    border: 1px solid #664713;
}

.textboxareaNotepadSmall {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    text-decoration: none;
    height: 300px;
    width: 800px;
    padding-right: 2px;
    padding-left: 2px;
    border: 1px solid #664713;
}

.textboxareaNotepad {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    text-decoration: none;
    height: 500px;
    width: 800px;
    padding-right: 2px;
    padding-left: 2px;
    border: 1px solid #664713;
}

.textboxareabiginvoice {
    width: 600px;
    border: 0px;
}

.textboxareasmallinvoice {
    width: 200px;
    border: 0px;
}
.textboxsmallquot {
    width: 20px;
    border: 0px;
}
.textboxareavsmallinvoice {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    text-decoration: none;
    width: 50px;
    padding-right: 1px;
    padding-left: 1px;
    border: 0px;
}
textboxareamediaminvoice {
    width: 400px;
    border: 0px;
}

.dropdownBigquot {
    width: 600px;
    border: 0px;
}
.dropdownBig {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    text-decoration: none;
    width: 375px;
}

.dropdown {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    text-decoration: none;
    width: 200px;
}

.dropdownsmall {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    text-decoration: none;
    width: 100px;
}

.dropdownsmaller {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    text-decoration: none;
    width: 50px;
}


.caption {
    padding-right: 2px;
    vertical-align: top;
}

.data {
    padding-right: 2px;
    vertical-align: top;
}

.captionmandatory {
    padding-right: 2px;
    vertical-align: top;
    color: Red;
}

.datamandatory {
    padding-right: 2px;
    vertical-align: top;
}

.captionshowdetails {
    font-weight: bold;
    vertical-align: top;
    width: 100px;
}

.captionshowdetailsdata {
    font-weight: bold;
    vertical-align: top;
    width: 500px;
}

.captionshowdetailsbold {
    font-weight: bold;
    vertical-align: top;
    width: 100px;
    font-size: large;
}

/*

.caption{padding-right: 2px;  vertical-align:top;background-color:#E2F7FE;border-bottom-style:solid;border-bottom-color:#D2E4FF;border-right-style:solid;border-right-color:#D2E4FF;border-left-style:solid;border-left-color:#D2E4FF;border-right-width:1px;border-bottom-width:1px;border-left-width:1px }
.data{padding-right: 2px; vertical-align:top;color:#000;background-color:#FFF;font:small tahoma;margin:2px;padding:2px;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#D2E4FF;border-right-width:1px;border-right-style:solid;border-right-color:#D2E4FF}

.captionmandatory{padding-right: 2px;  vertical-align:top; color:Red;background-color:#E2F7FE;border-bottom-style:solid;border-bottom-color:#D2E4FF;border-right-style:solid;border-right-color:#D2E4FF;border-left-style:solid;border-left-color:#D2E4FF;border-right-width:1px;border-bottom-width:1px;border-left-width:1px }
.datamandatory{padding-right: 2px; vertical-align:top;background-color:#FFF;font:small tahoma;margin:2px;padding:2px;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#D2E4FF;border-right-width:1px;border-right-style:solid;border-right-color:#D2E4FF}

.caption{padding-right: 2px;  vertical-align:top;}
.data{padding-right: 2px; vertical-align:top;color:#000;background-color:#FFF;}

.captionmandatory{padding-right: 2px;  vertical-align:top; color:Red;}
.datamandatory{padding-right: 2px; vertical-align:top;background-color:#FFF;}
*/



.captionsearch {
    padding-right: 2px;
    vertical-align: top;
    background-color: #E7F4FF;
    color: Red;
    font-weight: bolder;
    font-size: 12px;
}

.captionreport {
    padding-right: 2px;
    vertical-align: top;
    width: 150px;
}

.datareport {
    padding-right: 2px;
    vertical-align: top;
    width: 250px;
    /*height:150px;
    overflow-y:auto;*/
}

.datareportalignm {
    padding-right: 2px;
    vertical-align: middle;
    width: 250px;
}

.datareportcheckbox {
    padding-right: 2px;
    vertical-align: middle;
    width: 10px;
			   }

.mandatory {
    padding-right: 2px;
    color: Red;
}

.dataheading {
    padding-right: 2px;
    background: url(images/Border.gif);
    font-size: 11px;
    font-weight: bold;
}

.dataheadingLine {
    padding-right: 2px;
    background: url(images/DataHeadLineS.gif);
    font-size: 11px;
    font-weight: bold;
}

.datatable {
    padding-right: 2px;
    padding-left: 2px;
}

    .datatable td {
        padding-right: 2px;
        padding-left: 2px;
        padding-bottom: 2px;
        padding-top: 2px;
    }

    .datatable th {
        padding-right: 2px;
        padding-left: 2px;
        padding-bottom: 2px;
        font-weight: bold;
        background-color: #3db9dc;
    }

.datatable td table, .dataTable td table tbody, .dataTable td table td {
        padding-right: 0px;
        padding-left: 0px;
        padding-bottom: 0px;
        padding-top: 0px;
}

.datatableN {
    padding-right: 2px;
    padding-left: 2px;
}

    .datatableN td {
        padding-right: 2px;
        padding-left: 2px;
        padding-bottom: 2px;
        padding-top: 2px;
        background-color: #fff;
    }

    .datatableN th {
        padding-right: 2px;
        padding-left: 2px;
        padding-bottom: 2px;
        font-weight: bold;
        background-color: #F2F2F2;
    }

.nopadding {
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    border: none;
}

    .nopadding td {
        padding-right: 0px;
        padding-left: 0px;
        padding-bottom: 0px;
        padding-top: 0px;
        border: none;
    }

    .nopadding th {
        padding-right: 0px;
        padding-left: 0px;
        padding-bottom: 0px;
        padding-top: 0px;
    }

    .nopadding .alt {
        padding-right: 0px;
        padding-left: 0px;
        padding-bottom: 0px;
        padding-top: 0px;
    }

    .nopadding .row {
        padding-right: 0px;
        padding-left: 0px;
        padding-bottom: 0px;
        padding-top: 0px;
    }

    .nopadding .pgr {
        padding-right: 0px;
        padding-left: 0px;
        padding-bottom: 0px;
        padding-top: 0px;
    }

        .nopadding .pgr table {
            padding-right: 0px;
            padding-left: 0px;
            padding-bottom: 0px;
            padding-top: 0px;
        }

        .nopadding .pgr td {
            padding-right: 0px;
            padding-left: 0px;
            padding-bottom: 0px;
            padding-top: 0px;
        }

.slabBold {
    padding-right: 4px;
    padding-left: 4px;
    font-weight: bold;
}

.slabGeneral {
    padding-right: 2px;
    padding-left: 2px;
    padding-top: 3px;
    padding-bottom: 3px;
}

    .slabGeneral td {
        padding-right: 5px;
        padding-left: 5px;
    }

.error {
    color: Red;
}

.msg {
    color: Green;
}

.navigatemenu {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    background: url(images/gb.png);
    padding-right: 2px;
    padding-left: 2px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.usercaptionmandatory {
    padding-right: 2px;
    vertical-align: top;
    width: 250px;
}

.FilterControl {
    padding-right: 2px;
    padding-left: 2px;
}

.tdfiltercontrol {
    height: 10px;
}

.td_bg_selected_search {
    background-color: #23A4AB;
    font-family: Tahoma, Verdana, Arial, trebuchet MS;
    font-size: 11px;
    color: #ffffff;
    line-height: 18px;
    padding-left: 0px;
    font-weight: lighter;
}

.adminRowHeading {
    height: 20px;
    padding-left: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    font-weight: bold;
}

.TV {
    background-color: #fcfcfc;
    font-family: Tahoma, Verdana, Arial, trebuchet MS;
    font-size: 11px;
    color: #ffffff;
    padding-left: 20px;
}

.TVSelected {
    background-color: #23A4AB;
    font-family: Tahoma, Verdana, Arial, trebuchet MS;
    font-size: 11px;
    color: #ffffff;
    padding-left: 20px;
}

/* Select Popup*/
.pickup {
    background-color: #23A4AB;
    border: solid 1px #525252;
    border-collapse: collapse;
}

.sGrid {
    width: 100%;
    background-color: #fff;
    border: solid 1px #525252;
    border-collapse: collapse;
}

    .sGrid td {
        border: solid 1px #c1c1c1;
        color: #717171;
    }

    .sGrid th {
        padding: 4px 2px;
        color: #fff;
        background: #424242 url(images/grd_head.png) repeat-x top;
        border-left: solid 1px #525252;
        font-size: 0.9em;
        font-weight: bold;
    }

    .sGrid .alt {
        background: #fcfcfc url(images/grd_alt.png) repeat-x top;
    }

    .sGrid .pgr {
        background: #424242 url(images/grd_pgr.png) repeat-x top;
    }

        .sGrid .pgr table {
            margin: 5px 0;
        }

        .sGrid .pgr td {
            border-width: 0;
            padding: 0 6px;
            border-left: solid 1px #666;
            font-weight: bold;
            color: #fff;
            line-height: 12px;
        }

        .sGrid .pgr a {
            color: #666;
            text-decoration: none;
        }

            .sGrid .pgr a:hover {
                color: #000;
                text-decoration: none;
            }

    .sGrid th a {
        color: #fff;
    }

        .sGrid th A:hover {
color: #ff0000;
            background-color: #ffff00;
}

/* End Select Popup*/

.chkboxlist INPUT {
 COLOR: black;
 border-style: none;
 font-family: Tahoma;
 font-size: 11px;
 margin-right: 5px;
    vertical-align: top;
} 


.transDiv {        
    background-color: Gray;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 2000px;
    height: 1768px;
    opacity: 0.5;
    filter: alpha(opacity=50);
    z-index: 10000;
}
	

.showDiv {
    background-color: White;
    position: fixed;
    z-index: 10001;
    left: 450px;
    top: 300px;
} 


.showDivList {
    background-color: #F2F2F2;
    position: fixed;
    z-index: 10001;
    width: 880px;
    height: 450px;
    top: 170px;
}


.hiddenModeDivDtl {
    background-color: #F2F2F2;
    width: 0px;
    height: 0px;
    /*position:fixed;
	z-index:10001;
	width:880px;
	height:450px;
	top:170px;*/
} 	

.visibleModeDivDtl {
    background-color: #F2F2F2;
	/*position:fixed;
	z-index:10001;
	width:880px;
	height:450px;
	top:170px;*/
} 	


.showDivListWidth {
    width: 2px;
}

.showDivWidth {
    width: 10px;
}


.LoginTextHeader {
    margin: 30px 0 10px 0;
    padding: 2px 0 2px 8px;
    background: #eee url(images/shade2.jpg) repeat-x;
    font: bold 14px font-size:12px;
    font-family: Verdana;
    height: 10px;
}

.FilterControl {
}

.rGrid {
    width: 100%;
    background-color: #fff;
    margin: 5px 0 10px 0;
    border: solid 1px #525252;
    border-collapse: collapse;
} 	

    .rGrid td {
        padding: 2px;
        border: solid 1px #c1c1c1;
        color: #717171;
    }
    /*.rGrid .alt { padding: 4px 2px; color: #fff; background: #424242 url(images/grd_head.png) repeat-x top; border-left: solid 1px #525252; font-size: 0.9em; font-weight:bold; }*/
    .rGrid th {
        padding: 4px 2px;
        background: #fcfcfc url(images/grd_alt.png) repeat-x top;
        border-left: solid 1px #525252;
        font-size: 0.9em;
        font-weight: bold;
    }

    .rGrid .gh {
        padding: 4px 2px;
        color: #000;
        /*background: #424242 url(images/grd_head.png) repeat-x top;*/
        border-left: solid 1px #525252;
        font-size: 1.0em;
        font-weight: bold;
}

    .rGrid .footerCaption {
        padding: 4px 2px;
        color: Black;
        /*background: #424242 url(images/grd_alt.png) repeat-x top;*/
        border-left: solid 1px #525252;
        font-size: 1.0em;
        font-weight: bold;
        text-align: right;
}

    .rGrid .footer {
        padding: 4px 2px;
        /*color: Black;
        background: #424242 url(images/grd_alt.png) repeat-x top;*/
        border-left: solid 1px #525252;
        font-size: 1.0em;
        font-weight: bold;
        position: inherit ;
    }

.reportheading {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: #000000;
    text-decoration: none;
}

.add {
    font-family: Arial, Helvetica, sans-serif;
    height: 18px;
    color: #fff;
    font-size: 12px;
    background: url(images/add.png) repeat-x top;
    border: 0;
    width: 70px;
}

.minus {
    font-family: Arial, Helvetica, sans-serif;
    height: 18px;
    color: #fff;
    font-size: 12px;
    background: url(images/minus.png) repeat-x top;
    border: 0;
    width: 70px;
} 

.labelBold {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 13px;
    text-decoration: none;
    vertical-align: top;
}

.login {
    font-family: Arial, Helvetica, sans-serif;
    height: 28px;
    color: #fff;
    font-size: 12px;
    background: url(images/login-button01.png) repeat-x top;
    border: 0;
    width: 100px;
}

.next {
    font-family: Arial, Helvetica, sans-serif;
    height: 27px;
    color: #fff;
    font-size: 12px;
    background: url(images/next-button01.png) repeat-x top;
    border: 0;
    width: 95px;
}

.upload {
    font-family: Arial, Helvetica, sans-serif;
    height: 26px;
    color: #fff;
    font-size: 12px;
    background: url(images/upload-button01.png) repeat-x top;
    border: 0;
    width: 90px;
}
.withoutletterhead {
    font-family: Arial, Helvetica, sans-serif;
    height: 26px;
    color: #fff;
    font-size: 12px;
    background: url(images/withoutletterhead.png) repeat-x top;
    border: 0;
    width: 90px;
}
 
.search {
    font-family: Arial, Helvetica, sans-serif;
    height: 26px;
    color: #fff;
    font-size: 12px;
    background: url(images/search-button01.png) repeat-x top;
    border: 0;
    width: 89px;
}



.button {
}

.button {
    display: inline-block;
    font-weight: 200;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.175rem 0.50rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

    .button:hover, .button:focus {
        text-decoration: none;
    }

    .button:focus, .button.focus {
        /*outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);*/
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
    }

    .button.disabled, .button:disabled {
        /*opacity: 0.65;*/
        color: #fff;
        background-color: #656565;
        border-color: #656565;
    }

    .button:not(:disabled):not(.disabled) {
        cursor: pointer;
    }

        .button:not(:disabled):not(.disabled):active, .button:not(:disabled):not(.disabled).active {
            background-image: none;
        }

a.button.disabled,
fieldset:disabled a.button {
    pointer-events: none;
}

.button-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

    .button-primary:hover {
        color: #fff;
        background-color: #0069d9;
        border-color: #0062cc;
    }
/*.button {
    background-color: #0f9df7;
    border-color: #0f9df7;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}*/
	
.button:not(:disabled):not(.disabled) {
    cursor: pointer;
}
	
/*
.button {
    font-family: Arial;
    font-size: 12px;
    color: #000;
    font-style: normal;
    height: 18px;
    line-height: 18px;
    text-align: center;
    width: 100px;
    border: 1px solid #337fed;
    background-color: #3d94f6;
	}

.button:hover {
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6) );
        background: -moz-linear-gradient( center top, #1e62d0 5%, #3d94f6 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6');
        background-color: #1e62d0;
}
	
    .button:active {
        position: relative;
        top: 1px;
}

.button:disabled {
        position: relative;
        top: 1px;
        background-color: Gray;
}
    */
.buttondisabled {
    position: relative;
    top: 1px;
    background-color: Gray;
}

.buttonlarge button {
    width: 130px;
}

.buttonbig button {
    height: 60px;
    width: 150px;
}

.buttonlarge200 {
    font-family: Arial;
    font-size: 12px;
    color: #000;
    font-style: normal;
    height: 18px;
    line-height: 18px;
    text-align: center;
    width: 200px;
    border: 1px solid #337fed;
    background-color: #3d94f6;
}

.nobutton {
    background: transparent;
    border: none !important;
    font-size: 0px;
    visibility: hidden;
}

.resultm {
	}
	
.hiddenButton {
    visibility: hidden;
	}

.labno {
    font-size: 14px;
    font-weight: bold;
    color: #1bb99a;
}	

.clientTopHeader {
    height: 30px;
    text-align: left;
    background-color: rgb(5,57,71);
    color: #ffffff;
}

.clientTopHeaderLIMS {
    font-size: 30px;
}

        /* Login button */
.buttonclient {
            float: right;
            padding: 11px 25px;
    font-family: 'Bree Serif', serif;
            font-weight: 300;
            font-size: 18px;
            color: #fff;
            text-shadow: 0px 1px 0 rgba(0,0,0,0.25);
            background: #56c2e1;
            border: 1px solid #46b3d3;
            border-radius: 5px;
            cursor: pointer;
            box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
            -moz-box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
            -webkit-box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
        }
        
    .buttonclient:hover {
            background: #3f9db8;
            border: 1px solid rgba(256,256,256,0.75);
            box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);
            -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);
            -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);
        }
        
    .buttonclient:focus {
            position: relative;
            bottom: -1px;
            background: #56c2e1;
            box-shadow: inset 0 1px 6px rgba(256,256,256,0.75);
            -moz-box-shadow: inset 0 1px 6px rgba(256,256,256,0.75);
            -webkit-box-shadow: inset 0 1px 6px rgba(256,256,256,0.75);
        }
        
.gridPrintLab {
    width: 100%;
    background-color: #fff;
    margin: 5px 0 10px 0;
    border: solid 0px #525252;
    border-collapse: collapse;
}

    .gridPrintLab td {
        padding: 2px;
        border: solid 1px #c1c1c1;
        color: #717171;
    }

    .gridPrintLab th {
        padding: 4px 2px;
        color: #fff;
        background: #424242 url(images/grd_head.png) repeat-x top;
        border-left: solid 1px #525252;
        font-size: 0.9em;
        font-weight: bold;
    }


.st_toptable {
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #63b8ee), color-stop(1, #468ccf) );
    background: -moz-linear-gradient( center top, #63b8ee 5%, #468ccf 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b8ee', endColorstr='#468ccf');
    background-color: #63b8ee;
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-bottom-left-radius: 0px;
    text-indent: 0;
    border: 1px solid #3866a3;
    display: inline-block;
    color: #ffffff;
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-align: left;
    text-shadow: 1px 1px 0px #7cacde;
}

.st_Drafttable {
    -moz-box-shadow: inset 1px 1px 0px 0px #bbdaf7;
    -webkit-box-shadow: inset 1px 1px 0px 0px #bbdaf7;
    box-shadow: inset 1px 1px 0px 0px #bbdaf7;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) );
    background: -moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
    background-color: #79bbff;
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-bottom-left-radius: 0px;
    text-indent: 0px;
    border: 1px solid #84bbf3;
    display: inline-block;
    color: #ffffff;
    font-family: Arial;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 0px #7cacde;
}

.ui-accordion .ui-accordion-content {
    padding: 0px;
}

	    
.divRPT {
	   box-sizing: border-box;
    float: left;
    width: 32%;
    padding: 10px;
    margin-left: 2%;
}

.divRPT:first-child {
    margin-left: 0;
}

.tablerpt {
    padding-right: 2px;
    padding-left: 2px;
}

    .tablerpt td {
        padding-right: 2px;
        padding-left: 2px;
        padding-bottom: 2px;
        padding-top: 2px;
        font-size: 15px;
    }

    .tablerpt a {
        padding-right: 2px;
        padding-left: 2px;
        padding-bottom: 2px;
        padding-top: 2px;
        font-size: 15px;
    }

    .tablerpt th {
        padding-right: 2px;
        padding-left: 2px;
        padding-bottom: 2px;
        font-weight: bold;
        background-color: #3d94f6;
        font-size: 20px;
    }

.reportSepratorMIS {
    padding-right: 5px;
    padding-left: 5px;
}

.gridTestTypetd {
    padding-right: 2px;
    padding-left: 2px;
    padding-top: 2px;
    width: 180px;
}


/*.btn {
  background: #3491d9;
  background-image: -webkit-linear-gradient(top, #3491d9, #8de6e6);
  background-image: -moz-linear-gradient(top, #3491d9, #8de6e6);
  background-image: -ms-linear-gradient(top, #3491d9, #8de6e6);
  background-image: -o-linear-gradient(top, #3491d9, #8de6e6);
  background-image: linear-gradient(to bottom, #3491d9, #8de6e6);
  -webkit-border-radius: 60;
  -moz-border-radius: 60;
  border-radius: 60px;
  font-family: Courier New;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}*/


.dataQuotheading {
    padding-right: 2px;
    background-color: #529FF6;
    font-size: 11px;
    font-weight: bold;
    height: auto;
}

.express {
    background-color: #FFFF00 !important; 
}
.expresselm {
    background-color: #02B26E !important; /*green*/
}
.expresscomplt {
    background-color: #66ff99 !important;
}
.expresscompltreview {
    background-color: #FFB3FF !important;
}
.expresslite {
    background-color: #F4FA58 !important;
}
.holdcolor {
    background-color: #FF8C00 !important;
}
.holdcolorelm {
    background-color: #9C5803 !important; /*brown*/
}
.testcount {
    background-color: #56f5ed !important;
    background-color: #FFC300 !important;
    /* #e8237c*/
}
.onlychemcolor {
    background-color: #fca247 !important; 
}
.onlychemcolorelm {
    background-color: #fc47a1 !important;/*pink*/
}
.witnesscolorelm {
    background-color: #fcf647 !important; /*yellow*/
}
.nonwitnesscolorelm {
    background-color: #48B1FF !important; /*blue*/
}

.notuploadcolor {
    background-color: #F7CB73 !important;
}
.notcompltholdcolor {
    background-color: #F7CB73 !important;
}
.machingcolor {
    background-color: #9CCC65 !important;
}
.expresslabel {
    text-align: center;
    font-weight: bolder;
    background-color: #FFFF00 !important;
}
.equipdue {
    background-color: #FF0000 !important;
}
.pending {
    background-color: red;
}

.blink {
  animation: blink-animation 1s steps(5, start) infinite;
  -webkit-animation: blink-animation 1s steps(5, start) infinite;
}

@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}

@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}

.internalGrid {
    width: 100%;
    background-color: #fff;
    margin: 5px 0 10px 0;
    border: solid 0px #525252;
    border-collapse: collapse;
}

    .internalGrid td {
        padding: 2px;
        border: solid 0px #ffe6ff;
        color: #717171;
        vertical-align: top;
    }

    .internalGrid th {
        padding: 4px 2px;
        color: #fff;
        background: #424242 url(images/grd_head.png) repeat-x top;
        border-left: solid 1px #525252;
        font-size: 0.9em;
        font-weight: bold;
        vertical-align: top;
    }

    .internalGrid .alt {
        background: #fcfcfc url(images/grd_alt.png) repeat-x top;
    }

    .internalGrid .row {
        background: #D6D6D6 repeat-x top;
    }

    .internalGrid .rows {
        background: #1e62d0 repeat-x top;
    }

    .internalGrid .pgr {
        background: #424242 url(images/grd_pgr.png) repeat-x top;
    }

        .internalGrid .pgr table {
            margin: 5px 0;
        }

        .internalGrid .pgr td {
            border-width: 0;
            padding: 0 6px;
            border-left: solid 1px #666;
            font-weight: bold;
            color: #fff;
            line-height: 12px;
        }

        .internalGrid .pgr a {
            color: #999999;
            text-decoration: none;
        }

            .internalGrid .pgr a:hover {
                color: #000;
                text-decoration: none;
            }

    .internalGrid th a {
        color: #fff;
}

        .internalGrid th A:hover {
color: #ff0000;
            background-color: #ffff00;
        }

    .internalGrid td a {
        color: #000;
        text-decoration: underline;
        width: 500px;
}

.hpw_print {
    width: 24px;
    height: 24px;
    background: #ffffff url(images/hpw_print.png);
    background-repeat: no-repeat;
    border: 0px;
}

.hpw_print:hover { 
    background-color: yellow;
}

.hpw_download {
    width: 24px;
    height: 24px;
    background: #ffffff url(images/hpw_download.png);
    background-repeat: no-repeat;
    border: 0px;
}

.hpw_download:hover { 
    background-color: yellow;
}

.hpw_finalize {
    width: 24px;
    height: 24px;
    background: #ffffff url(images/locked.png);
    background-repeat: no-repeat;
    border: 0px;
}

.hpw_finalize:hover { 
    background-color: yellow;
}
.hpw_reject_authorise {
    width: 24px;
    height: 24px;
    background: #ffffff url(images/hpw_reject_authorise.png);
    background-repeat: no-repeat;
    border: 0px;
}
.hpw_authorise {
    width: 24px;
    height: 24px;
    background: #ffffff url(images/hpw_authorise.png);
    background-repeat: no-repeat;
    border: 0px;
}

.hpw_update {
    width: 24px;
    height: 24px;
    background: #ffffff url(images/hpw_update.png);
    background-repeat: no-repeat;
    border: 0px;
}

.refreshimg {
    width: 24px;
    height: 24px;
    background: #ffffff url(images/View-refresh.png);
    background-repeat: no-repeat;
    border: 0px;
    border-radius: 4px;
}

.DateCal {
    width: 24px;
    height: 24px;
    background: #ffffff url(images/Calend.jpg);
    background-repeat: no-repeat;
    border: 0px;
}
.StorageLoc {
    width: 40px;
    height: 40px;
    background: #ffffff url(images/storageicon.png);
    background-repeat: no-repeat;
    border: 0px;
}
.AuthoMerge {
    width: 40px;
    height: 40px;
    background: #ffffff url(images/autho.png);
    background-repeat: no-repeat;
    border: 0px;
}
.RejectMerge {
    width: 40px;
    height: 40px;
    background: #ffffff url(images/Reject.png);
    background-repeat: no-repeat;
    border: 0px;
}
.hpw_update:hover { 
    background-color: yellow;
}

.hpw_updateulr{
    width: 24px;
    height: 24px;
    background: #ffffff url(images/ULR.png);
    background-repeat: no-repeat;
    border:0px;
}
.hpw_updateulr:hover { 
    background-color: yellow;
}

.hpw_download_msg{ color:#ff33ff;}

.hpw_app_remark{ color:#51e2e2;}

.hpw_printrecord {
    width: 24px;
    height: 24px;
    background: #ffffff url(images/hpw-printpdf.png);
    background-repeat: no-repeat;
    border: 0px;
}

.hpw_printrecord:hover { 
    background-color: yellow;
}

.hpw_exportrecord {
    width: 24px;
    height: 24px;
    background: #ffffff url(images/hpw-exportrecord.png);
    background-repeat: no-repeat;
    border: 0px;
}

.hpw_exportrecord:hover { 
    background-color: yellow;
}


/*.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #999999;
  border-radius: 10px;
}
.badge-primary
{
    color: #ffffff;
  background-color: #428bca;
  border-color: #357ebd;
}
.badge:empty {
  display: none;
}

a.badge:hover,
a.badge:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}

.btn .badge {
  position: relative;
  top: -1px;
}

a.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #428bca;
  background-color: #ffffff;
}

.nav-pills > li > a > .badge {
  margin-left: 3px;
}*/
    .modal {
            display: none; /* Hidden by default */
            position: fixed; /* Stay in place */
            z-index: 1000; /* Sit on top */
            padding-top: 20px; /* Location of the box */
            left: 0;
            top: 0;
            width: 100%; /* Full width */
            height: 100%; /* Full height */
            overflow: auto; /* Enable scroll if needed */
            background-color: rgb(0,0,0); /* Fallback color */
            background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
        }

        /* Modal Content */
        .modal-content {
            background-color: #fefefe;
            margin: auto;
            padding: 10px;
            border: 1px solid #888;
            /*width: 450px;*/
        }

        /* The Close Button */
        .close {
            color: #aaaaaa;
            float: right;
            font-size: 18px;
            /*font-size: 28px;*/
            font-weight: bold;
    border: 2px solid red;
    background-color: red;
    margin: 2px;
    border-radius: 20px;
        }

            .close:hover,
            .close:focus {
                color: #000;
                text-decoration: none;
                cursor: pointer;
            }


.outstandGrid {
    background-color: #fff;
    margin: 5px 0 10px 0;
    border: solid 1px #525252;
    border-collapse: collapse;
}

    .outstandGrid td {
        padding: 2px;
        border: solid 1px #c1c1c1;
        color: #717171;
    }

    .outstandGrid th {
        padding: 4px 2px;
        background: #fcfcfc url(images/grd_alt.png) repeat-x top;
        border-left: solid 1px #525252;
        font-size: 0.9em;
        font-weight: bold;
    }

    .outstandGrid .gh {
        position: fixed;
        padding: 4px 2px;
        color: #fff;
        background: #424242 url(images/grd_head.png) repeat-x top;
        border-left: solid 1px #525252;
        font-size: 1.0em;
        font-weight: bold;
    }

*/ .outstandGrid .ofooterCaption {
    padding: 4px 2px;
    color: Black;
    background: #424242 url(images/grd_alt.png) repeat-x top;
    border-left: solid 1px #525252;
    font-size: 1.0em;
    font-weight: bold;
    text-align: right;
}

.outstandGrid .ofooter {
    padding: 4px 2px;
    color: Black;
    background: #424242 url(images/grd_alt.png) repeat-x top;
    border-left: solid 1px #525252;
    font-size: 1.0em;
    font-weight: bold;
}

.footerT {
    position: fixed;
    width:inherit;
    left: 0;
    bottom: 0;
    background-color: #212529;
    color: white;
    text-align: center;
}