// Tables Format Use Only

table{
	width: 100%;
	font-weight: normal;
	margin-bottom: 15px;
		thead{
			tr{
				th{
					background-color: $white;
					@include text-style($white, 15pt, 400, $oswald);
					padding: 0 10px;
					height: 35px;
					vertical-align: middle;
					color: $white;
					text-align: right;
					border-top: 2px solid #46484d;
						&:nth-of-type(1){
							background-color: $white !important;
							text-align: left;
							width: 37%;
								&.taupe{
									@include text-style($taupe, 17pt, 400, $oswald);
								}
								&.green{
									@include text-style($green, 17pt, 400, $oswald);
								}
								&.blue{
									@include text-style($blue, 17pt, 400, $oswald);
								}
						}
						&.taupe-bg{
							background-color: $taupe-bg;
						}
						&.green-bg{
							background-color: $green-bg;
						}
						&.blue-bg{
							background-color: $blue-bg;
						}
				}
			}
		}
		tbody{
			tr{
				&:nth-of-type(even){
					background-color: #eceded;
				}
				&:nth-of-type(odd){
					background-color: #e2e3e4;
				}
				td{
					@include text-style($black, 10pt, 400, $roboto);
					padding: 0 10px;
					height: 20px;
					text-align: right;
						&:first-child{
							text-align: left;							
						}
						span{
							width: 15px;
							display: inline-block;
								.fa{
									font-size: 15px;
									font-weight: bold;
										&.fa-angle-right{
											margin-left: 1px;
										}
										&.red{
											color: #d02724;
										}
										&.green{
											color: #3cb74a;
										}
										&.orange{
											color: #ff8e29;
										}
										&.yellow{
											font-size: 7px;
											color: #fda600;
											margin-right: 3px;
											position: relative;
											top: -2px;
										}
								}
						}						
				}
			}
		}
}