/* Foundation v2.1.4 http://foundation.zurb.com */
/* Artfully masterminded by ZURB  */

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/


/* -----------------------------------------
   Shared Styles
----------------------------------------- */

.responsive-table {
	width: 100%;
	display: block;
}
table.responsive {
	margin-bottom: 30px;
	width: 100%;
	border: 1px solid #fff;
}
table td.heading {
	font-weight: normal;
	background: #f0f0f0;
	text-align: center;
	border-right: 1px solid #fff;
}
table td.heading_1 {
	padding:15px 10px;
	font-family: 'Arial Regular', 'Arial';
	font-weight: 400;
	font-style: normal;
	font-size: 13px;
	color: #333333;
	text-align: left;
	line-height: normal;
	font-weight: normal;
	background: #f0f0f0;
	text-align: center;
	border-right: 1px solid #fff;
}

.headingBorder{
    border:1px solid #fff!important;
}
table td.heading_2 {
	font-family: 'Arial Regular', 'Arial';
	font-weight: 400;
	font-style: normal;
	font-size: 13px;
	color: #333333;
	text-align: left;
	line-height: normal;
	font-weight: normal;
	background: #f0f0f0;
	text-align: left;
	padding-left:10px;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
}
table td.title {
	font-family: 'Arial Regular', 'Arial';
	font-weight: 400;
	font-style: normal;
	font-size: 13px;
	color: #333333;
	text-align: left;
	line-height: normal;
	font-weight: normal;
	text-align: left;
	padding:10px;
    min-width:120px;
    word-break:keep-all;
}
table td.data {
	font-family: 'Arial Regular', 'Arial';
	font-weight: 400;
	font-style: normal;
	font-size: 13px;
	color: #333333;
	text-align: left;
	line-height: normal;
	font-weight: normal;
	text-align: left;
	padding: 10px;
}
table td, table th {
	font-family: 'Arial Regular', 'Arial';
	font-weight: 400;
	font-style: normal;
	font-size: 13px;
	color: #333333;
	text-align: left !important;
	line-height: normal;
	
}
table td{
    text-align: left!important;
    line-height:30px;
    border-right:1px solid #f0f0f0!important;
    /*padding-left:4px;*/
}
table td:first-child{
    
    border-left:1px solid #f0f0f0;
}

table th:last-child{
     border-right:1px solid #f0f0f0!important;
}
table th:first-child{
     border-left:1px solid #f0f0f0!important;
}

 table th{
     padding:15px 10px;
	font-family: 'Arial Regular', 'Arial';
	font-weight: 400;
	font-style: normal;
	font-size: 13px;
	color: #333333;
	/*text-align:center!important;*/
	line-height: normal;
	font-weight: normal;
	background: #f0f0f0;
	
	border-right: 1px solid #fff;
 }
table tr {
	border-bottom: 1px solid #f0f0f0;
    border-top: 1px solid #f0f0f0;
}
tfoot td {
    text-align: right!important;
}

/* Mobile */
@media only screen and (max-width: 767px) {
table.responsive {
	margin-bottom: 30px;
	width: 100%;
	border: 1px solid #fff;
}
.pinned {
	position: absolute;
	left: 0;
	top: 0;
	background: #fff;
	/*width: 35%;*/
	overflow: hidden;
	overflow-x: scroll;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
    height:100%;
    flex:1;
}
.pinned table {
	border-right: none;
	border-left: none;
	width: 100%;
}
.pinned table th, .pinned table td {
	white-space: nowrap;
}
.pinned td:last-child {
	border-bottom: 0;
}
div.table-wrapper {
	position: relative;
	margin-bottom: 20px;
	overflow: hidden;
	border-right: 1px solid #ccc;
    padding-right:0%;
}
div.table-wrapper div.scrollable {
	margin-left: 32%;
    padding-right:0%;
    /*padding-left:162px;*/
}
div.table-wrapper div.scrollable {
	overflow: scroll;
	overflow-y: hidden;
}


/*#grid-CanInfo .pinned{
    width:17%;
}*/
table.responsive td, table.responsive th {
	position: relative;
	white-space: nowrap;
	overflow: hidden;
}
table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td {
	display: none;
}
.divCell1 {
	width: 100% !important;
}
.divCell2 {
	width: 100% !important;
}
.divCell3 {
	width: 100% !important;
}
.divCellHead {
	width: 100% !important;
}
.divCellBorder {
	width: 100% !important;
}
.divCell1Head {
	border-top: #FFFFFF solid;
	width: 100% !important;
}
}
.divTable {
	display: table;
	width: 100%;
	border-spacing: 5px;
}
.divRow {
	display: table-row;
	width: 100%;
}
.divCell1 {
	float: left;
	display: table-column;
	padding: 10px;
	width: 25%;
}
.divCell2 {
	float: left;
	display: table-column;
	padding: 10px;
	width: 60%;
}
.divCell3 {
	float: left;
	display: table-column;
	padding: 10px;
	width: 15%;
}
.divCellHead {
	float: left;
	display: table-column;
	background-color: #f0f0f0;
	padding: 10px;
	width: 100%;
}
.divCellBorder {
	float: left;
	display: table-column;
	padding: 10px;
	text-align: left;
	border: #ffe600 solid 1px;
}
.divCell1Head {
	background: #999999;
	border-right: #FFFFFF solid 1px;
	height: 30px;
	width: 50%;
	float: left;
	padding-left: 30px;
}
 .textcenterforcolumn {
        text-align: center !important;
    }