.tablecontainer
{
    /*padding:5px; background-color:#e2eff5;*//*#e2eff5*/
}


.sbgrid 
{
    width: 100%;
    empty-cells: show;
    border-collapse: separate;    
    border-spacing: 0px; 
    line-height: 22px;    
}


.sbgrid .tblheader,.sbgrid .tblheader th,.sbgrid .tblheadertitle th,.sbgrid .footer th,.sbgrid .subtotal1 th,.sbgrid .subtotal2 th {
    text-transform: uppercase;
    font-size: 9px;
    padding:5px 7px 4px 7px;
    color: #878787;
}


.sbgrid .sbgrow td,.sbgrid .sbgaltrow td,.sbgrid .sbgemptyrow td
{
    padding:4px 7px 3px 7px;
}

.sbgrid .userrow td,.pivot .userrow th,.pivot .userrow td {
	background-color: #FAF7D4 !important;
}

.sbgrid .sbgemptyrow a
{
    color: #FF0000;   
}

.sbgrid .expandcol
{
    width:41px;
    padding:4px 0px 3px 11px !important;
    text-align: center;
    border-left-width: 0;    
}

.sbgrid .sbgicons 
{
    width: 16px;
    height: 16px;
    border: 0;
    margin: 0;
    padding: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    vertical-align: middle;
    font-size: 1px;
    cursor: pointer;    
    background-image: url('../images/actionsprite.png');    
}

.sbgrid .sbgicongroup
{
    float:left;
    margin-right:3px;
}

.sbginnercontainer 
{
    padding:0px 7px 7px 7px !important;
    border-bottom: 1px solid #e3e3e3;
    background:#F2F2F2;
}
.sbgriddetail 
{
    border:1px solid #ccc;
}

/**************************************************** default table *************************************************************/
.sbggrey 
{
    border:1px solid #b4b4b4;
    color: #333;
}

.sbggrey .tblheader,.sbggrey .tblheader th ,.sbggrey .footer th,.sbggrey .subtotal1 th,.sbggrey .subtotal2 th 
{
    font-size:11px;
    font-weight:600;    
    background-color: #e6e6e6;
    border-bottom: 1px solid white;
    color: #878787;
}

.sbggrey .tblheadertitle th
{   font-size:11px;
    font-weight:600;    
    background-color: #d1d1d1;
    border-bottom: 1px solid white;
    color: #fff;
}
.sbggrey .tblfooter,.sbggrey .sbgriddetail .tblfooter{
    background-color: #e6e6e6;
    color: #878787;
}

.sbggrey .sbgrow td,.sbggrey .sbgemptyrow td,.sbggrey .sbgrow .sbginnercontainer,.sbggrey .sbginnercontainer .sbgrow td
{
    background-color: #fff;   
}

.sbggrey .sbgaltrow td,.sbggrey .sbgaltrow .sbginnercontainer,.sbggrey .sbginnercontainer .sbgaltrow td
{
    background-color: #f3f3f3;   
}

.sbggrey .sbgrow td,.sbggrey .sbgaltrow td
{
    border-bottom: 1px solid #D9D9D9;
}

.sbggrey .noborder td 
{
    border-bottom: 0px;
}

.sbggrey .subtotal1 th
{
    background-color: #DBDBDB;   
}

.sbggrey .subtotal2 th
{
    background-color: #E3E3E3;   
}

.sbggrey .footer th
{
    background-color: #C2C2C2;
    color:#fff;   
}

.sbggrey .expandcol 
{
    /*border-bottom-color: #e6e6e6 !important;
    background-color: #e6e6e6 !important;   */
}

.sbggrey .sbgexpandicon 
{
    background-position: -16px -168px;
}

.sbggrey .sbgcollapseicon 
{
    background-position: -66px -68px;
}

.sbggrey .plusicon{
    background-position: -66px -3018px;
}

.sbggrey .plusicondis{
    background-position: -16px -3018px;
}

.sbggrey .copyicon{
    background-position: -66px -4668px;
}

.sbggrey .copyicondis{
    background-position: -66px -4668px;
}

.sbggrey .deleteicondis2 
{
     background-position: -66px -3368px;
}


.sbggrey .deleteicon2 
{
     background-position: -66px -3368px;
}



/**************************************************** default table *************************************************************/

/**************************************************** blue table *************************************************************/
.sbgblue 
{
    border:1px solid #C8D3DB;
    color: #1D4A7D;
}

.sbgblue .tblheader,.sbgblue .tblheader th,.sbgblue .footer th,.sbgblue .subtotal1 th,.sbgblue .subtotal2 th 
{
    font-size:11px;
    font-weight:600;
    background-color: #dae2e8;
    border-bottom: 1px solid white;
    color: #1D4A7D;
}
.sbgblue .tblheadertitle th
{   font-size:11px;
    font-weight:600;    
    background-color: #6AA6C4;
    border-bottom: 1px solid white;
    color: #fff;
}
.sbgblue .tblfooter {
    background-color: #dae2e8;
    color: #878787;
}

.sbgblue .sbgrow td,.sbgblue .sbgemptyrow td,.sbgblue .sbgrow .sbginnercontainer
{
    background-color: #F0F5FA;   
}

.sbgblue .sbgaltrow td,.sbgblue .sbgaltrow .sbginnercontainer
{
    background-color: #EBF2F7;   
}


.sbgblue .sbgrow td,.sbgblue .sbgaltrow td
{
    border-bottom: 1px solid #CCD8E0;
}

.sbgblue tbody tr:last-child td
{
    border-bottom: 3px solid #CCD8E0;
}

.sbgblue .subtotal1 th
{
    background-color: #E7EFF7; /*D5E7F0*/  
}


.sbgblue .subtotal2 th
{
    background-color: #F0F5F7;/*E8F1FA*/   
}

.sbgblue .footer th
{
    background-color: #CCDBE3;
    color:#1D4A7D;   
}

/*
.sbgblue .expandcol 
{
    border-bottom-color: #C8D3DB !important;
    background-color: #C8D3DB !important;   
}
*/
.sbgblue .sbgexpandicon 
{
    background-position: -16px -168px;
}

.sbgblue .sbgcollapseicon 
{
    background-position: -66px -68px;
}

.sbgblue .plusicon{
    background-position: -66px -3018px;
}

.sbgblue .plusicondis{
    background-position: -16px -3018px;
}

.sbgblue .copyicon{
    background-position: -66px -4668px;
}

.sbgblue .copyicondis{
    background-position: -66px -4668px;
}

.sbgblue .deleteicondis2 
{
     background-position: -66px -3368px;
}


.sbgblue .deleteicon2 
{
     background-position: -66px -3368px;
}


/**************************************************** blue table *************************************************************/

/***************************************************** grid controls ***********************************************************/
.sbgrid .sbgtext 
{  
    width:100%;
}


/*************************************************** PIvot table **************************************************************/
.pivot {
    width: 100%;
    empty-cells: show;
    border-collapse: separate;    
    border-spacing: 0px; 
    line-height: 22px;    	
    border:1px solid #b4b4b4;
    color: #333;
}

.head th{
    text-transform: uppercase;
    font-size: 9px;
    padding:5px 7px 4px 7px;
    font-size:11px;
    font-weight:600;    
    background-color: #e6e6e6;
    border-bottom: 1px solid white;
    color: #878787;    
}

.level0 td{
    padding:4px 7px 3px 7px;
    background-color: #fff;
    border-bottom: 1px solid #CCD8E0;
} 

th.groupby, .coltotal, .total {
	padding:4px 7px 3px 7px;
	background-color: #EBF2F7 !important;
	border-bottom: 1px solid #CCD8E0;
}

.tbl-one {
    border-collapse: collapse;
    border-spacing: 0;
    width:100%;
    margin:0px;padding:0px;
    border:1px solid #000000;
}

.tbl-one tr:hover td{
    background-color:#f0f0f0;
}
.tbl-one tbody tr:nth-child(odd){ background-color:#fff;/*f9fafb*/ }
.tbl-one tbody tr:nth-child(even)    { background-color:#f4f6f8; }

.tbl-one td{
	vertical-align:middle;
	text-align:left;
	padding:7px;
	font-size:10px;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
        /*border-width: 0px 1px 0px 0px;border-style: solid;border-color: #F0F2F5;*/
}

.tbl-one thead tr th, .tbl-one tfoot tr td{
        padding:7px;
	background:-o-linear-gradient(bottom, #9db8db 5%, #7fa7d8 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9db8db), color-stop(1, #7fa7d8) );
	background:-moz-linear-gradient( center top, #9db8db 5%, #7fa7d8 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#9db8db", endColorstr="#7fa7d8");	background: -o-linear-gradient(top,#9db8db,7fa7d8);

        /*border-width: 0px 1px 0px 0px;border-style: solid;border-color: #F0F2F5;*/
	background-color:#9db8db;
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
}

.shadow-z-1 {
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
}

.tbl-two {
    border-collapse: collapse;
    width: 100%;
    max-width: 100%;
    margin-bottom: 2rem;
    background-color: #fff;
}

.tbl-two > thead > tr, .tbl-two > tbody > tr, .tbl-two > tfoot > tr {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.tbl-two thead tr th, .tbl-two tfoot tr td{
    font-weight: 400;
    color: #fff;
    vertical-align: bottom;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    /*border-width: 0px 1px 0px 0px;border-style: solid;border-color: #F0F2F5;*/
    text-align: left;
    padding: 1.6rem 0.6rem;
    vertical-align: top;
    border-top: 0;
    background-color: #367D8C;
}

.tbl-two tr:hover td{
    background-color:#f0f0f0;
}
.tbl-two tbody tr:nth-child(odd){ background-color:#fff;/*f9fafb*/ }
.tbl-two tbody tr:nth-child(even)    { background-color:#f4f6f8; }

.tbl-two td{
    text-align: left;
    padding: 1.6rem 0.6rem;
    vertical-align: top;
    border-top: 0;
    color:#000000;
}


.tbl-three {
    border-collapse: collapse;
    width: 100%;
    max-width: 100%;
    margin-bottom: 2rem;
    background-color: #fff;
}

.tbl-three > thead > tr, .tbl-three > tbody > tr, .tbl-three > tfoot > tr {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.tbl-three thead tr th, .tbl-three tfoot tr td{
    font-weight: 400;
    color: #fff;
    vertical-align: bottom;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    /*border-width: 0px 1px 0px 0px;border-style: solid;border-color: #F0F2F5;*/
    text-align: left;
    padding: 0.8rem 0.6rem;
    vertical-align: top;
    border-top: 0;
    background-color: #367D8C;
}

.tbl-three thead tr:not(last-child) th {
    border-bottom: 1px solid #DCEEF2;
}

.tbl-three tr:hover td{
    background-color:#f0f0f0;
}
.tbl-three tbody tr:nth-child(odd){ background-color:#fff;/*f9fafb*/ }
.tbl-three tbody tr:nth-child(even)    { background-color:#f4f6f8; }

.tbl-three td{
    text-align: left;
    padding: 0.7rem 0.6rem;
    vertical-align: top;
    border-top: 0;
    color:#000000;
}

.tbl-three tbody tr.footer { background-color:#C3C3C3; }
.tbl-three tbody tr.footer:hover td { background-color:#C6C6C6; }
/************ Paging *********************/
.pager-one ul {display: inline-block;padding: 0;margin: 0;}
.pager-one ul li{display: inline;}
.pager-one ul li:first-child a{border-left: 1px solid #ddd;}
.pager-one ul li a{color: black; 
    float: left;  
    padding: 8px 16px; 
    text-decoration: none;
    transition: background-color .3s;
    border-width: 1px 1px 1px 0px;  
    border-color: #ddd;
    border-style:solid;     
}

.pager-one ul li.active a{
    background-color: #367D8C;
    color: white;
    border-width: 1px 1px 1px 0px;  
    border-color: #367D8C;
    border-style:solid; 
}    

.pager-one ul li:not(.active) a:hover{background-color: #ddd; }