/*-------------------------------------

Author:		Hugo M.
Date:		2014/06/17
Web Site:	Gantry Department Template for Rutgers SAS
File: 		site_structure.css

----

Table of Contents

. 	Emergency Alert Ticker CSS
. 	HTML Elements
. 	Top-Menu
. 	Search
. 	Search Results
. 	RT-Header
. 	RT - Menu / Maintop
. 	Breadcrumbs
. 	Showcase
. 	RT-Feature
. 	RT-Utility
. 	RT-Main
. 	RT-Sidebar A, B, C
. 	RT-Mainbody
. 	rt-content-bottom
. 	RT-Transition
. 	RT-Extension
. 	RT-Bottom
. 	RT-Footer
. 	RT-Copyright
. 	To Top Button
. 	JEvents
. 	News & Announcements, and Research Blog Pages
. 	ReadMore Button
. 	Video
. 	XMap
. 	tbl_people
. 	Logotype
. 	Titles and Headings
. 	Q
-------------------------------------*/

/* EMERGENCY ALERT "TICKER" CSS */
@import url("http://www.sas.rutgers.edu/cms/_assets/_ticker/ticker.css");




/* =HTML Elements
-----------------------------*/
body {}
body [class*="rt-grid"] {}

.rt-container {
	border: none ;
}
.font-size-is-default {
    line-height: 1.6em;
}
p {
    margin: 0 0 10px;
}
h1, h2, h3, h4, h5, h6 {

}
h1 {
    margin-bottom: 10px;
    padding-left: 0px;
}
h2, .title h2, .component-content h2{
    font-size: 185%;
}
h2, .title h2, .component-content h2{
    padding-left: 0px;
}
h3{
    font-size: 155%;
}
h3, h4{
    margin: 10px 0 3px;
}


img.image-left {
	margin: 0 8px 0 0;
}


.img_caption {
	margin-bottom: 5px;
}
p.img_caption {
	padding: 8px;
    text-align: right;
	margin: 0;
}
.img_caption.right {
	margin-left: 15px;
}
.img_caption.left {
	margin-right: 15px;
}

.img_caption.left p.img_caption {
	text-align: left;
}
.img_caption.right p.img_caption {
	text-align: right;
}
.img_caption img {
	padding: 0px;
	margin-top: 0;
}



/* =Top-Menu
-----------------------------*/
#rt-top-surround {
    height: 45px !important;
}
#rt-top {
	padding-top: 0px;
	z-index: 4;
	position: relative;
	display: inline;
}
#rt-top .menu_secondary {
	font-size: 10px;
}
ul.menu li a:before, ul.menu li .item:before, ul.menu li .separator:before {
	content: none;
}
#rt-top ul.menu li a {
	padding: 12px 7px;
	border-radius: 0px;
}
#rt-top a:hover {
	padding: 5px 0px 5px 0px;
}
#rt-top ul.menu li {
    margin-bottom: 0px;
}


/* =Search
----------------------------- */
#rt-searchpos .rt-block, #rt-top .rt-block {
	z-index: 1;
	position: relative;
}
#rt-top .top_search form.form-inline input.search-query,
#rt-searchpos .top_search form.form-inline input.search-query {
	border-radius: 0;	
	text-shadow: none;
} 

/* =Search med-large Desktop
----------------------------- */	
@media screen and (min-width: 960px) {
	#rt-top .top_search input.search-query {
		float: right;
		width: 300px;
	}
	#rt-top div.top_search form.form-inline {
    	margin: 0 0 8px 0;
	}
}

/* =Search Mobile and Tablet   
----------------------------- */
@media screen and (max-width: 959px) {
	@media screen and (min-width: 768px) {
		#rt-searchpos {
    		position: relative;
    		top: 8px;
    		float: right;
		}
		#rt-searchpos .top_search input.search-query {
			width: 230px;
		}
		#rt-searchpos div.top_search form.form-inline {
			position: fixed;
    		right: 10px;
    		top: 6px;
			z-index: 5;
		}
	}
}

/* =Search Mobile and Tablet   
----------------------------- */
@media screen and (max-width: 767px) {
	#rt-searchpos .top_search form.form-inline {
    	position: relative;
    	top: 10px;
    	float: none;
    	left: 55px;
    	width: 230px;
	}	
	#rt-searchpos .top_search input.search-query {
	}
}
/* =Search Mobile and Tablet   
----------------------------- */
@media screen and (max-width: 320px) {	
	#rt-searchpos .top_search input.search-query {
		width: 210px;
	}
}

/* =Search position for IE 10
----------------------------- */
	@media screen and (max-width: 959px) {
		#rt-searchpos .top_search div.search {
  			top: 112px;
  			margin-right: 4px;
  		}
	}

/* =Search Results
--------------------------*/
.component-content .search-results .result-text, .component-content .search-results .result-title , .component-content .search-results .result-category  {
	padding: 0;
}
.component-content  .search-results .result-created{
	padding:  0 0 15px 0;
}

/* = END  Search
----------------------------- */



/* =RT-Header (Site Name and Links - Desktop)
-----------------------------*/
#rt-header .rt-container .banner-sitename.visible-desktop {
	width: 1200px;
	float: right;
}
#rt-header .banner-sitename.visible-desktop .name-primary, 
#rt-header .banner-sitename.visible-desktop .name-secondary {
	position: absolute;
	right: 0;
}
#rt-header .banner-sitename.visible-desktop .name-primary  {
	 top: 80px;
}
#rt-header .banner-sitename.visible-desktop .name-secondary {
	 top: 50px;
}
#rt-header .banner-sitename.visible-desktop .name-secondary h4 a {
	/* margin: 5px 0 8px 4px;
	 font-size: 100%; */
}

@media only screen and (max-width: 1199px) {
		#rt-header .rt-container .banner-sitename.visible-desktop {
			font-size: 90%;
		}
		#rt-header .banner-sitename.visible-desktop .name-primary  {
	 		top: 40px;
		}
		#rt-header .banner-sitename.visible-desktop .name-secondary {
	 		top: 15px;
		}
}

/* end desktop */

/* =RT-Header (Site Name and Links - Mobile)
-----------------------------*/
#rt-header .logotype.hidden-desktop {
	border-top: 1px solid #B00E2D;
}
#rt-header .rt-container .logotype.visible-phone img {
    margin: 0 auto;
}
#rt-header .banner-sitename-mobile .name-secondary {
	font-size: 100%;
	max-width: 90%;
}
#rt-header .banner-sitename-mobile .name-primary {
	font-size: 85%;
	max-width: 90%;
}

@media only screen and (max-width: 780px) {
	@media only screen and (min-width: 560px) {
		#rt-header .banner-sitename-mobile .name-primary,
		#rt-header .banner-sitename-mobile .name-secondary  {
	 		left: 0px;
		}
	}
}
#rt-header .banner-sitename-mobile .name-primary h2 {
    line-height: 115%;
    margin: 10px 0 5px 4px;
}
#rt-header .banner-sitename-mobile .name-secondary h4 {
	 margin: 10px 0 5px 4px;
	 font-size: 100%;
}
/* end mobile */

/* =END  RT-Header
-----------------------------*/



/* =RT - Banner
-----------------------------*/
#rt-banner .rt-container {
/*  
    margin-left: auto;
    margin-right: auto;
    width: 100%;*/
}


/* =RT - Menu / Maintop (Menu Links)
-----------------------------*/
#rt-maintop { /* Added to give space at the bottom of the menu */
	margin-bottom: 0 !important;
	padding-top: 0 !important;
}
#rt-maintop .rt-container .rt-alpha, #rt-maintop .rt-container .rt-omega{
}
#rt-maintop .rt-container .gf-menu {
	margin: 0 !important;
}
#rt-maintop .rt-container .gf-menu .item {
    padding: 10px 20px;
}

#rt-maintop .rt-container .gf-menu.l1 > li.active > .item {
    margin-top: 0px !important;
    padding: 10px 20px !important;
}
#rt-maintop .rt-container .gf-menu li:parent > .item:after {
}
#rt-maintop .rt-container .gf-menu li:hover, #rt-maintop .rt-container .gf-menu li.active:hover {
	padding-top: 0px !important;
}

#rt-maintop .rt-container .gf-menu .dropdown ul li {
	float: none;
	margin-right: 0;
}
#rt-maintop .rt-container .gf-menu li {
	margin-right: 0px !important;
}
#rt-maintop .rt-container .gf-menu li a{
}
#rt-maintop .rt-container .gf-menu.l1 > li:hover > .item .border-fixer {
	height: 1px !important; /* draws the bottom border */
	left: 0;
	position: absolute;
	width: 100%;
	z-index: 1001;
}
#rt-maintop .rt-container .gf-menu .dropdown ul li:hover > .item {
	margin-top: 1px;
}
#rt-maintop .rt-container ul.gf-menu {
	width: 100%;
}

/* =Hide 3rd level dropdown, remove arrow for lowest level
--------------------------*/
#rt-maintop .dropdown.flyout.columns-1 {
	display: none !important;
}
#rt-maintop .gf-menu .dropdown ul li.parent > .item::after {
    content: "";
}

/* =Mobile Menu - gf-menu-toggle
-----------------------------*/
.gf-menu-toggle {
	/*margin-bottom: 100px !important;*/
	margin-left: 3px;
}


/* =Breadcrumbs
-----------------------------*/
#rt-breadcrumbs .rt-container .rt-block {
	margin-top: 25px;
	padding: 0 15px;
}
#rt-breadcrumbs li:after {
    margin: 0 5px 0 10px;
}
#rt-breadcrumbs ul li {
    margin: 0 0 0 8px;
}


/* =Showcase
-----------------------------*/
/* Changes the height of the showcase */
#rt-showcase .rt-showcase-pattern .rt-container{
	height: auto;
	margin-top: 0px;
}
#rt-showcase .homepage-slideshow .smart-slider-canvas-inner,#rt-showcase .homepage-slideshow .smart-slider-layer {
	line-height: 1.55em;
}

#rt-showcase .homepage-slideshow h1 {
	padding: 20px 20px 10px 15px;
	font-size: 180%;
}
#rt-showcase .homepage-slideshow p {
	padding: 5px 20px 20px 22px;
}



/* =RT-Feature
-----------------------------*/
#rt-feature {
	margin-top: 5px;
}
#rt-feature .rt-container {
    font-size: 90%;
    line-height: 1.5em;
    margin-bottom: 20px;
    margin-top: 60px;
}
#rt-feature .rt-block {
    padding-bottom: 30px !important;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0;
}
#rt-feature .rt-container .title, #rt-feature .component-content h2 {
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 10px;
}

#rt-feature .rt-container .rt-block img {
    padding: 0 10px 0px 0px;
    width: 100%;
    height: auto;
}
@media only screen and (max-width: 768px) {
	#rt-feature .rt-container .rt-block img {
		width: 100%;
		height: auto;
	}
}

/* =RT-Utility
-----------------------------*/
#rt-utility .rt-container {
	margin-top: 0px;
	margin-bottom: 5px;
}


/* =RT-Transition
-----------------------------*/
#rt-transition {}

#rt-transition img.image_left {
	margin-left: 5px;
}

#rt-transition img.image_left_intro {
	width: 220px;
	float: left;
	margin-bottom: 5px;
}
#rt-transition  img.lightbox {

}


/* =RT-Main
-----------------------------*/
#rt-main .rt-container {
    margin-top: 30px !important;
    margin-bottom: 20px;
    padding-bottom: 30px;
    position: relative;
}


/* =RT-Sidebar A, B, C
-----------------------------*/
#rt-sidebar-a {
	float: left !important;
}
#rt-sidebar-a .title {
	color: #848484;
}
#rt-sidebar-a .module-content .newsflash img {
	float: left;
	margin: 0 5px 10px 0;
}
#rt-sidebar-b ul li {
	margin-bottom: 3px;
	line-height: 1.4;
}
#rt-sidebar-b ul.menu li a {
    font-size: 14px;
}
#rt-sidebar-b input.search-query {
    margin-left: 5px;
}

#rt-sidebar-a .rt-block .title, 
#rt-sidebar-b .rt-block .title {
	padding: 5px 0;
    margin-top: 10px;
    margin-bottom: 10px;

}
#rt-sidebar-b .rt-block.nopadding .module-content ul.menu li a, 
#rt-sidebar-b .rt-block .module-content ul.menu li a {
	padding: 0;
}
#rt-sidebar-a .module-surround,
#rt-sidebar-b .module-surround,
#rt-sidebar-c .module-surround {
	margin: 0 0 5px 0;
	padding: 5px 8px;
}
#rt-sidebar-a .module-surround p,
#rt-sidebar-b .module-surround p,
#rt-sidebar-c .module-surround p {
	margin: 0 0 10px 0;
	line-height: 1.5em;
}


/* =RT-Mainbody
-----------------------------*/
#rt-mainbody .component-content h2 {
    padding: 10px 0px ;
    margin-bottom: 5px;
    line-height: 1.2;
}
#rt-mainbody .component-content {
	padding: 20px;
}

#rt-mainbody ul li {
    /* margin-bottom: 15px; */
    line-height: 1.45em;
}


@media only screen and (max-width: 320px) {
	#rt-mainbody .component-content {
		padding: 10px;
		margin: 0;
	}

	#rt-sidebar-b .module-surround {
    	margin: 0;
		padding: 10px;
	}
}

/* =rt-content-bottom
--------------------------*/
#rt-content-bottom h2.title {
    margin-bottom: 5px;
    margin-top: 10px;
    border-bottom:  0px solid #d1d1d1;
}

#rt-mainbody-surround #rt-content-bottom {
	overflow: visible;
}


/* =News & Announcements and Blog Pages
-------------------------- */
#rt-mainbody .component-content .column-1,
.component-content .column-2,
.component-content .column-3,
.component-content .column-4,
.component-content .page-header {
	margin-bottom: 10px;
}

#rt-mainbody .component-content .blog article {
    margin-bottom: 0;
    margin-top: 0;
    padding: 10px 5px 0;
}
#rt-mainbody .component-content .items-row {
	padding-bottom: 10px;
}
#rt-mainbody .blog img, img.studentphoto,
.blog-people-table img {
	height: auto;
	margin: 0 8px 0px 0;
}
img.studentphoto,  
#rt-mainbody .blog-people-table img {
	width: 210px;
	float: left;
	margin: 0 15px 10px 0 !important;
}
@media only screen and (max-width: 768px) {
	#rt-mainbody .component-content .item-page img, #rt-mainbody .blog-people-table img {
		/*width: 100%;*/
		height: auto;
	}
	#rt-mainbody .component-content .blog article {
		padding: 0px;
	}
}
@media only screen and (max-width: 360px) {
	#rt-mainbody .blog-people-table img {
		width: 100%;
	}
}

#rt-transition .component-content .blog-people-table h2 {
	font-size: 165%;
	margin-bottom: 0px;
	padding: 10px 0 3px 0;
}

#rt-transition .component-content .blog-people-table h3 {
    line-height: 120%;
    margin: 3px 0 2px;
    font-size: 120%;
}

.blog-people-table [class*="span"] {
    margin-left: 15px;
}
.blog-people-table .span3 {
    margin-left: 0px;
}

#rt-mainbody .blog .img_caption img.caption.center {
	margin-left: auto;
	margin-right: auto;
}

#rt-mainbody .blog-featured img {
	float: left;
	margin: 0 10px 5px 0;
}


/* =RT-Mainbottom
-----------------------------*/
#rt-mainbottom {
	margin-top: 5px;
}
#rt-mainbottom .rt-container {
    font-size: 90%;
    line-height: 1.5em;
    /*margin-bottom: 20px;
    margin-top: 60px;*/
    margin-bottom: 20px;
    margin-top: 20px;   
}
#rt-mainbottom .rt-block {
    padding-bottom: 30px !important;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0;
}
#rt-mainbottom .rt-container .title, #rt-mainbottom .component-content h2 {
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 10px;
}
#rt-mainbottom .module-content h2 {
    line-height: 1.3em;
}

#rt-mainbottom .rt-container .rt-block img {
    padding: 0 10px 0px 0px;
    /*width: 100%;*/
    height: auto;
}
@media only screen and (max-width: 768px) {
	#rt-mainbottom .rt-container .rt-block img {
		width: 100%;
		height: auto;
	}
}


/* =RT-Extension
-----------------------------*/
#rt-extension img.image-left-intro {
	width: 190px;
	float: left;
	margin-bottom: 5px;
}

#rt-extension {
	margin-top: 0px;
	padding-top: 0px;
}
/* Space out the modules */
#rt-extension .rt-block {
	padding: 0 10px;
	padding-bottom: 30px !important;
}
#rt-extension .rt-container {
	font-size: 90%;
	line-height: 1.5em;
	/*margin-top: 40px;*/
	margin-top: 20px;
	margin-bottom: 20px;
}
#rt-extension .rt-container li {
    padding: 0 0 8px 0;
}
#rt-extension .rt-container .title, #rt-extension .component-content h2 {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 10px;
}
#rt-extension .rt-container .rt-block img {
    padding: 0 10px 0px 0px;
    width: 100%;
    height: auto;
}
@media only screen and (max-width: 768px) {
	#rt-extension .rt-container .rt-block img {
    	width: 100%;
	}
}

/* =rt-extension - modules
--------------------------*/
#rt-extension .module-content h2 {
	line-height: 1.1em;
	margin-top: 15px;
}


/* =RT-Bottom
-----------------------------*/
#rt-bottom {
	margin-top: 0px;
	padding-bottom: 10px;
}
.bottom-title h2, #rt-bottom .rt-container h2.title, #rt-bottom .rt-container h2.title  {
	margin-top: 20px;
	margin-bottom: 0px;
	padding-bottom: 10px;
}
.rt-container .rt-grid-2 {
}
#rt-bottom, #rt-bottom ul li {
 	line-height: 1.5em;
}
#rt-bottom ul li {
	margin-bottom: 5px;
}
#rt-bottom ul li a {
	font-size: inherit;
	font-weight: normal;
}
#rt-bottom .rt-container .module-content a {
	width: 90%;
	padding: 2px 5px;
}
#rt-bottom .rt-container .module-content table a {
	padding: 0px;
}
#rt-bottom .rt-container .module-content table tr td {
	padding: 2px 0;
}
#rt-bottom .rt-container .module-content a:hover {
	width: 90%;
}
@media only screen and (max-width: 768px) {
	#rt-bottom .rt-container .rt-block {
		padding: 20px;
	}
}

/* =RT-Bottom - contact module
-----------------------------*/
#rt-bottom .contact-us img, #rt-bottom .contact-us a img, #rt-bottom #contact img, #rt-bottom #contact a img {
	margin: 0 10px 10px 0;
	max-width: none;
}

#rt-bottom #contact {
	line-height: 1.5em;
}
#rt-bottom #contact a:hover {
	background-color: none;
	background: none;
}

/* =RT-Footer
-----------------------------*/
#rt-footer .rt-container {
	padding-top: 10px;
}
#rt-footer .nav-tabs > .active > a, #rt-footer .nav-tabs > .active > a:hover {
	margin-top: 1px;
}


/* =RT-Copyright
-----------------------------*/
#rt-copyright {
	padding: 8px;
}
#rt-copyright .rt-block {
	padding-top: 0px;
}
.sas-copyright {
	padding-top: 10px;
	float: right;
}
div.sas-copyright {
	margin-top: -38px;
	position: relative;
}
@media (max-width: 768px) {
	div.sas-copyright {
		margin: 0;
		position: relative;
		right: 0;
		float: none;
	}
}


/* =To Top Button
-----------------------------*/
#gantry-totop {
    border-radius: 0px;
    display: inline-block;
    padding: 10px auto 6px;
    margin: 0px;
    border: none;
    box-shadow: none;
}
#gantry-totop:hover {
	background-color: #cc0033;
	color: #FFFFFF;
}
a#gantry-totop{
	font-size: 90%;
}
@media (max-width: 768px) {
	#gantry-totop {
		max-width: none;
	}
}
@media (max-width: 414px) {
	#gantry-totop {
		max-width: 346px;
	}
}
@media (max-width: 375px) {
	#gantry-totop {
		max-width: 310px;
	}
}
@media (max-width: 320px) {
	#gantry-totop {
		max-width: 260px;
	}
}


/* =JEvents
--------------------------*/
#rt-transition td.mod_events_latest_first, #rt-transition td.mod_events_latest {
    padding: 5px 0 2px 8px;
}
a.ev_link_row:link {
    font-size: inherit;
}
#jevents_body .eventlist.table img{
	width: 150px;
}


/* =ReadMore Button
--------------------------*/
.button,
.readon,
.readmore,
button.validate,
#member-profile a,
#member-registration a,
.formelm-buttons button,
.btn-primary {
    margin-bottom: 15px;
}
#rt-mainbody p.readmore {
	margin-bottom: 3px;
}
#rt-mainbody .blog .readmore {
	margin: 5px 0 10px 0;
	padding: 2px 10px 0;
}


/* =Video
--------------------------*/
#rt-sidebar-a .avVideo .avPlayerContainer .avPlayerBlock iframe,
#rt-sidebar-a .avVideo .avPlayerContainer .avPlayerBlock object,
#rt-sidebar-a .avVideo .avPlayerContainer .avPlayerBlock embed,
#rt-sidebar-a .avVideo .avPlayerContainer .avPlayerBlock > div {
    min-width: 100%;
    max-width: 100%;
}


/* =XMap
--------------------------*/
#xmap {
	margin-left: 0px !important;
	padding-left: 5px !important;
}


/* =tbl_people
--------------------------*/
.tbl_person {
	margin: 0 10px;
}
#tbl_people_imageDiv{
    display: inline;
    margin-left: auto;
	margin-right: auto;
}
#tbl_people_imageDiv img{
	height: 140px;
	width: auto;
	margin-left: auto;
	margin-right: auto;
	padding: 8px;
}
#leftDiv {
    width: 10%;
}
#middleDiv {
    width: 65%;
    padding-left: 20px;
}
#rightDiv {
    width: 15%;
    padding-right: 20px;
}
#leftDiv, #rightDiv, #middleDiv {
    height: auto;
    min-height: 175px;
    padding: 15px 8px;
    vertical-align: top;
}
#rightDiv {
    text-align: right;
}


/* =tbl_padded
--------------------------*/
table.tbl_padded td {
    padding: 5px;
}

/* =Titles and Headings
--------------------------*/
.title, .component-content h2 {
    padding-bottom: 5px;
}


/* =Q
--------------------------*/
q {
display: inline;
}

q:before {
content: open-quote;
}

q:after {
content: close-quote;
}


/* =Contacts list
--------------------------*/
.contact-category .list-title {
	font-weight: bold;
}

/* Bootstrap span
--------------------*/
.span3 {
	list-style-position: inside;
}
.span5 {
	list-style-position: inside;
}

/* Pagination
--------------------*/
.component-content .pagination ul li a, .component-content .pagination ul li span {
    line-height: inherit;
}

/* =ariahide - hide navigation label
--------------------------*/
.ariahide {
    display: block;
    position: absolute;
    top: -9999em;
}

/* Large red button 
--------------------------*/
/* For use with need for large buttons, uses the bootstrap button styling */
a.button-lg.button {
    min-width: 150px;
    text-align: center;
    padding: 15px;
    font-size: 18px;
}

/*Custom CSS to make tables responsive 
---------------------------*/ 
/* Max width before this PARTICULAR table gets nasty This query will take effect for any screen smaller than 760px and also iPads specifically.*/ 

/* Generic Styling, for Desktops/Laptops */
table.sas-responsive-tbl  { 
	width: 100% !important; 
	border-collapse: collapse !important; 
} 

.sas-responsive-tbl td, .sas-responsive-tbl th { 
	padding: 6px; 
	border: 1px solid #ccc; 
	text-align: left; 
} 

.sas-responsive-tbl.table-striped tbody tr:nth-child(2n+1) th { 
	background: #888; 	
	color: white; 
	font-weight: bold; 
} 

/* Force table to not be like tables anymore */ 
@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {

	table.sas-responsive-tbl, .sas-responsive-tbl thead, .sas-responsive-tbl tbody, .sas-responsive-tbl th, .sas-responsive-tbl td, .sas-responsive-tbl tr { 
		display: block; 
	} 

	/* Hide table headers (but not display: none;, for accessibility) */ 
	.sas-responsive-tbl thead tr { 
		position: absolute; 
		top: -9999px; 
		left: -9999px; 
	} 

	.sas-responsive-tbl tr { 
		border: 1px solid #ccc; 
	}

	/* Behave like a "row" */ 
	.sas-responsive-tbl  td { 
		border: none; 
		border-bottom: 1px solid #eee; 
		position: relative; 
		padding-left: 5%; 
		width: 90% !important;
	} 
	
	/* Now like a table header / position: absolute; / Top/left values mimic padding */ 
	.sas-responsive-tbl td:before { 
		top: 6px; 
		left: 6px; 
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap; 
	}
}
/*END - Custom CSS to make tables responsive 
---------------------------*/

/* Define no border for responsive table 
---------------------------*/
/* added 2/14/2017 */

td.no-border {
    border: 0px;
}

.sas-responsive-tbl.no-border {
  border:0px;
}