/*!
 * Author: Brett Snyder
 * Version: 1.0
 * Table Grid vs Div Grid - Tables better for Essential/Optional Fluid Responsive Grids
 */


/*------------------------------------*\
    $RESPONSIVE - Desktop First
\*------------------------------------*/

/* HD Desktop */


/* Global */

body {
	background-color: #e5e5e5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	min-width: 480px;
}
#wrapper {
	padding: 0;
	width: 100%;
	max-width: 1265px;
	min-width: 320px;
	margin: 0 auto;
}
#headerWrapper {
	margin: 0 auto;
	max-width: 1265px;
}
.boxHeaderBar {
	height: 41px;
	width: 100%;
	background-color: #496092;
	margin: 0;
}
.boxHeaderText {
	font-size: 20px;
	line-height: 41px;
	padding: 1px 17px 0 20px;
	color: #FFFFFF;
	display: inline-block;
	white-space: nowrap;
}
.headerBtn {
	position: relative;
	display: inline-block;
	width: 230px;
	height: 28px;
	margin-right: 30px;
	background: #418BCA;
	color: #FFFFFF;
	text-align: left;
	padding: 4px 0 0 20px;
}
.headerBtn:hover {
	background: #A7AFAE;
}
.callBtn {
	position: relative;
	display: block;
	width: 80px;
	height: 28px;
	background: #418BCA;
	color: #FFFFFF;
	text-align: center;
	padding-top: 4px;
}
.callBtn:hover {
	background: #A7AFAE;
}
span#btnRt img {
	position: absolute;
	float: right;
	top: 10px;
	right: 20px;
}
.shadow {
	-moz-box-shadow: 1px 1px 2px 2px #ccc;
	-webkit-box-shadow: 1px 1px 2px 2px #ccc;
	box-shadow: 1px 1px 2px 2px #ccc;
	border-collapse: separate;
}
.transition, a {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.caretDown {
	border-left: 4px solid rgba(0,0,0,0);
	border-right: 4px solid rgba(0,0,0,0);
	border-top: 4px solid white;
	display: inline-block;
	height: 0;
	margin: -5px 0 0 5px;
	vertical-align: middle;
	width: 0;
}
.caretUp {
	border-left: 4px solid rgba(0,0,0,0);
	border-right: 4px solid rgba(0,0,0,0);
	border-bottom: 4px solid white;
	display: inline-block;
	height: 0;
	margin: -5px 0 0 5px;
	vertical-align: middle;
	width: 0;
}
input#chkBox {
	margin: 0 20px;
}

/* General Dash */

.rowContainer {
	position: relative;
	display: block;
	width: 100%;
	max-width: 1246px;
	height: 321px;
	margin: 0 5px 24px 5px;
}
.rowContainer-sm {
	position: relative;
	display: block;
	width: 100%;
	max-width: 1246px;
	height: 198px;
	margin: 0 5px 24px 5px;
}
/* Manual Col Not Used - Prefer Fluid Responsive */
#row { /* Use ID as Class has bootstrap conflict */
	display: table; /* table related - change to display block to stack */
	border-collapse: separate; /* table related */
	border-spacing: 5px 0; /* table related */
	position: relative;
	width: 100%;
	max-width: 1246px;
	height: 321px;
	margin: 20px 0;
	clear: none;
	background-color: #e5e5e5;
}
#rowDivider {
	display: table-cell;
	width: 10px;
	height: 321px;
	background-color: #e5e5e5;
}
.colFull {
	display: table-cell; /* table related */
	width: 100%;
	height: 321px;
	background-color: #FFFFFF;
}
.colTwoThird {
	display: table-cell; /* table related */
	height: 321px;
	background-color: #FFFFFF;
}
.colOneThird {
	display: table-cell; /* table related */
	width: 402px; /* fixed width */
	height: 321px;
	background-color: #FFFFFF;
}
/* End Not Used */

/* Header */

#topBar {
	height: 33px;
	width: 100%;
	background-color: #28364C;
}
#matrix-icon {
	height: 16px;
	width: 16px;
}
#matrix-nav {
	float: left;
	clear: both;
	margin: -14px 0 0 20px;
}
#userTopNav {
	float: right;
	margin-top: -19px;
}
nav#matrix-nav ul.nav li.dropdown a.dropdown-toggle, nav#userTopNav ul.nav li.dropdown div.open a.dropdown-toggle {
	background-color: #28364C;
	text-decoration: none;
}
span#userTopNavText {
	color: #FFF;
}
#topBarRight {
	float: right;
	clear: none;
	height: 31px;
	text-align: right;
	line-height: 31px;
	margin-right: 20px;
	width: 400px;
	color: #FFFFFF;
}
nav#userTopNav ul.nav li.dropdown div.open ul.dropdown-menu li a {
	text-align: left;
}
#headerBar {
	height: 100px;
	width: 100%;
	background-color: #e5e5e5;
}
#headerLeft {
	height: 100px;
	width: 400px;
	float: left;
	clear: both;
}
span#logoType {
	position: relative;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 30px;
	font-weight: normal;
	letter-spacing: -1px;
	line-height: 30px;
	text-align: left;
	top: 15px;
}
img#headerLogo {
	margin: 20px 20px 0 20px;
	border-right: #999999 thin solid;
}
#headerRight {
	height: 100px;
	width: 100px;
	float: right;
	clear: none;
}
.mainNav {
	position: relative;
	z-index: 1000;
	height: 42px;
	width: 100%;
	background-color: #496092;
	margin: 0;
	opacity: 1;
}
.mainNavFixed {
	position: fixed;
	top: 0;
	height: 42px;
	z-index: 1001;
	opacity: .9;
}
#alertBar {
	display: block;
	height: 1px;
	width: 100%;
	background-color: #FFBE00;
	margin: 0;
	opacity: 0;
}

/* Nav Bar */

.navbar {
	border-radius: 0;
	min-height: 42px;
	margin-bottom: 0;
	border: none;
	background-color: #496092;
}
.navbar-nav>li>a {
	padding-top: 11px;
	padding-bottom: 11px;
	font-size: 14px;
	font-weight: 700;
}
.navbar-form {
	display: none;
	visibilty: hidden;
}
.navbar-toggle {
	padding: 9px;
	margin-top: 4px;
	margin-bottom: 4px;
	border-radius: 0;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {
	color: #fff;
	background-color: #418BCA;
}
.navbar-inverse .navbar-nav>li>a {
	color: #E5E5E5;
}

/* Main Tabs (New page targets) */

#mainTabs {
	min-width: 700px;
	width: 100%;
	height: 48px;
	float: left;
	clear: none;
	margin-left: 20px;
}
#mainTabs a {
	color: #28364C;
	font-size: 16px;
	line-height: 48px;
	text-align: center;
	white-space: nowrap;
}
div.tab1 {
	display: inline;
	max-width: 175px;
	width:18%;
	height: 48px;
	margin-right: 20px;
	background-color: #496092;
	float: left;
}
div.tab2, div.tab3 {
	display: inline;
	max-width: 175px;
	width:18%;
	height: 48px;
	margin-right: 20px;
	background-color: #A7AFAE;
	float: left;
}
.activeTab {
	background-color: #496092 !important;
	color: #FFFFFF !important;
}
div.tab2:hover, div.tab3:hover {
	background-color: #496092 !important;
	color: #FFFFFF !important;
}

/* Student Info Box */

.studentInfoBox {
	display: block;
	max-width: 1246px;
	min-width: 320px;
	height: 470px;
	width:99%;
	margin: 20px 5px;
	background-color: #FFFFFF;
}
div.studentInfoBox div.boxHeaderBar div.boxHeaderText:before {
	content: url('../assets/person-icon.png');
}
div.boxHeaderToggle {
	position: relative;
	border-left: 1px solid white;
	display: inline-block;
	top: -2px;
}
a div.boxHeaderToggle, div.boxHeaderToggle {
	color: #FFFFFF;
	line-height: 15px;
	font-size: 15px;
	padding-left: 20px;
	white-space: nowrap;
}
#studentTopContainer {
	position: relative;
	width: 85%;
	height: 100px;
	margin: 30px auto;
	min-width: 800px;
	z-index: 1;
}
#studentBotContainer {
	position: relative;
	width: 85%;
	height: 250px;
	margin: 0 auto;
	min-width: 800px;
	z-index: 1;
}
#studentBotContainer {
	display: none;
}
#studentTopSummaryCol1, #studentTopSummaryCol2, #studentTopSummaryCol3 {
	height: 100px;
	margin: 0px;
	padding: 0;
	display: inline-block;
}
#studentBotSummaryCol1, #studentBotSummaryCol2, #studentBotSummaryCol3 {
	height: 250px;
	margin: 0px;
	padding: 0;
	display: inline-block;
}
#studentTopSummaryCol1, #studentBotSummaryCol1 {
	float: left;
	min-width: 200px;
	width: 40%;
	clear: both;
}
#studentTopSummaryCol2, #studentBotSummaryCol2 {
	float: left;
	min-width: 200px;
	width: 27%;
}
#studentTopSummaryCol3, #studentBotSummaryCol3 {
	float: left;
	min-width: 200px;
	width: 27%;
	clear: none;
}
#studentTopSummaryCol1 img {
	float: left;
	margin: 0 10px 0 0;
}
#studentBotBtn {
	float:left; 
	height:250px; 
	position:relative;
}
#studentInfoTopText1, #studentInfoBotText1 {
	white-space: nowrap;
	color: #486192;
}
#studentInfoTopText1 h3 {
	display: inline;
	font-weight: 500;
	color: #486192;
	line-height: 30px;
}
#studentInfoTopText1 h5, #studentInfoTopText2 h5, #studentInfoTopText3 h5, #studentInfoBotText1 h5, #studentInfoBotText2 h5, #studentInfoBotText3 h5 {
	display: inline;
	font-weight: 700;
	color: #7E7E7E;
	line-height: 25px;
}

/* Task List Box */

#topTaskList {
	max-width: 1200px;
	width: 97%;
	height: 238px;
	background-color: #FFFFFF;
	overflow: hidden;
	z-index: 100;
	margin: 20px auto;
}
.tableHeaderBarGray {
	height: 41px;
	width: 100%;
	background-color: #A7AFAE;
	margin: 0;
}
.tableHeaderBarBlue {
	height: 41px;
	width: 100%;
	background-color: #496092;
	margin: 0;
}
.tableHeadLt {
	float: left;
	margin: 2px 0 0 0;
	font-size: 20px;
	font-weight: 500;
	line-height: 41px;
	padding: 1px 17px 0 20px;
	color: #28364C;
	white-space: nowrap;
	text-align: left;
}
.tableHeadLtWhite {
	float: left;
	margin: 2px 0 0 0;
	font-size: 20px;
	font-weight: 500;
	line-height: 41px;
	padding: 0 17px 0 20px;
	color: #FFFFFF;
	white-space: nowrap;
	text-align: left;
}
.tableHeadRt {
	float: right;
	margin: 8px 15px 0 0;
}
table#topTaskList.taskTable thead tr th.tableHeaderBarGray div.tableHeadLt:before {
	content: url('../assets/task-icon.png');
}
.taskTable tbody tr:nth-child(even), .taskTable tfoot tr, .interTable tbody tr:nth-child(even), .interTable tfoot tr, .classSchTable tbody tr:nth-child(even), .classSchTable tfoot tr, .contactNotesTable tbody tr:nth-child(even), .contactNotesTable tfoot tr, .hdTicketsTable tbody tr:nth-child(even), .hdTicketsTable tfoot tr, .testScoresTable tbody tr:nth-child(even), .testScoresTable tfoot tr, .crmComTable tbody tr:nth-child(even), .crmComTable tfoot tr, .tutorTrackTable tbody tr:nth-child(even), .tutorTrackTable tfoot tr, .compLabTable tbody tr:nth-child(even), .compLabTable tfoot tr, .semBlockTable tbody tr:nth-child(even), .semBlockTable tfoot tr {
	background-color: #EDEDF7;
	height: 41px;
	width: 100%;
	vertical-align: middle;
}
#tableFootLt {
	float: left;
	margin: 2px 0 0 0;
}
#tableFootRt {
	float: right;
	margin: 13px 15px 0 0;
	color: #7E7E7E;
}
.taskTable tbody tr:nth-child(odd), .interTable tbody tr:nth-child(odd), .classSchTable tbody tr:nth-child(odd), .contactNotesTable tbody tr:nth-child(odd), .hdTicketsTable tbody tr:nth-child(odd), .testScoresTable tbody tr:nth-child(odd), .crmComTable tbody tr:nth-child(odd), .tutorTrackTable tbody tr:nth-child(odd), .compLabTable tbody tr:nth-child(odd), .semBlockTable tbody tr:nth-child(odd) {
	background-color: #FFFFFF;
	height: 41px;
	width: 100%;
	vertical-align: middle;
}
.taskTable thead tr {
	background-color: #EDEDF7;
	height: 33px;
	width: 100%;
	color: #486192;
	font-weight: bold;
	white-space: nowrap;
}
div#pagination {
	background-color: #EDEDF7;
	height: 41px;
	width: 100%;
}
ul.pagination {
	margin: 4px 0 0 0;
	padding: 0;
}
.taskTable th, .taskTable td, .interTable th, .interTable td, .classSchTable th, .classSchTable td, .contactNotesTable th, .contactNotesTable td, .hdTicketsTable th, .hdTicketsTable td, .testScoresTable th, .testScoresTable td, .crmComTable th, .crmComTable td, .tutorTrackTable th, .tutorTrackTable td, .compLabTable th, .compLabTable td, .semBlockTable th, .semBlockTable td {
	text-align: center;
	vertical-align: middle;
	padding: 0 10px 0 10px;
	overflow: hidden;
}
table.taskTable tbody tr td:first-child {
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	max-width: 250px;
}
.taskTable tbody tr td, .taskTable thead tr th {
	border-right: 1px solid #A7AFAE;
}
.taskTable tbody tr td:last-child, .taskTable thead tr th:last-child {
	border-right: none;
}

/* Intervention Tracking */

#interventionBox, #classSchBox {
	max-width: 1246px;
	width:99%;
	height: 321px;
	margin: 20px 5px;
	background-color: #FFFFFF;
	overflow: hidden;
}
/* Only affects Col 4-5 */
table.interTable tbody tr td:nth-child(n+4):nth-child(-n+5) {
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	max-width: 175px;
}
table.interTable tbody tr td:first-child {
	background-color: #A7AFAE;
}
.interTable thead tr, .classSchTable thead tr {
	background-color: #A7AFAE;
	height: 33px;
	width: 100%;
	color: #28364C;
	font-weight: bold;
	white-space: nowrap;
}
.interTable tbody tr td, .interTable thead tr th, .classSchTable tbody tr td, .classSchTable thead tr th {
	border-right: 1px solid #28364C;
}
.interTable tbody tr td:last-child, .interTable thead tr th:last-child, .classSchTable tbody tr td:last-child, .classSchTable thead tr th:last-child {
	border-right: none;
}
table#interventionBox.interTable thead tr th.tableHeaderBarBlue div.tableHeadLtWhite:before {
	content: url('../assets/interv-icon.png');
}

/* Class Schedule */

table.classSchTable tbody tr td:nth-child(3) {
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	max-width: 170px;
}
table#classSchBox.classSchTable thead tr th.tableHeaderBarBlue div.tableHeadLtWhite:before {
	content: url('../assets/schedule-icon.png');
}

/* Contact Notes */

#contactNotesBox {
	position: absolute;
	max-width: 614px;
	width: 49.2%;
	height: 321px;
	left: 0;
	top: 0;
	background-color: #FFFFFF;
	overflow: hidden;
}
table.contactNotesTable tbody tr td:nth-child(3) {
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	max-width: 250px; /* 275px */
}
table.contactNotesTable tbody tr td:nth-child(n+4):nth-child(-n+5) {
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	max-width: 110px;
}
table.contactNotesTable tbody tr td:nth-child(2) {
	max-width: 75px;
}
table.contactNotesTable tbody tr td:first-child {
	background-color: #A7AFAE;
}
.contactNotesTable thead tr, .hdTicketsTable thead tr, .testScoresTable thead tr, .crmComTable thead tr, .tutorTrackTable thead tr, .compLabTable thead tr, .semBlockTable thead tr {
	background-color: #A7AFAE;
	height: 33px;
	width: 100%;
	color: #28364C;
	font-weight: bold;
	white-space: nowrap;
}
.contactNotesTable tbody tr td, .contactNotesTable thead tr th, .hdTicketsTable tbody tr td, .hdTicketsTable thead tr th, .testScoresTable tbody tr td, .testScoresTable thead tr th, .crmComTable tbody tr td, .crmComTable thead tr th, .tutorTrackTable tbody tr td, .tutorTrackTable thead tr th, .compLabTable tbody tr td, .compLabTable thead tr th, .semBlockTable tbody tr td, .semBlockTable thead tr th {
	border-right: 1px solid #28364C;
}
.contactNotesTable tbody tr td:last-child, .contactNotesTable thead tr th:last-child, .hdTicketsTable tbody tr td:last-child, .hdTicketsTable thead tr th:last-child, .testScoresTable tbody tr td:last-child, .testScoresTable thead tr th:last-child, .crmComTable tbody tr td:last-child, .crmComTable thead tr th:last-child, .tutorTrackTable tbody tr td:last-child, .tutorTrackTable thead tr th:last-child, .compLabTable tbody tr td:last-child, .compLabTable thead tr th:last-child, .semBlockTable tbody tr td:last-child, .semBlockTable thead tr th:last-child {
	border-right: none;
}
table#contactNotesBox.contactNotesTable thead tr th.tableHeaderBarBlue div.tableHeadLtWhite:before {
	content: url('../assets/contact-notes-icon.png');
}

/* Helpdesk Tickets */

#hdTicketsBox {
	position: absolute;
	left: 50.8%;
	top: 0;
	max-width: 614px;
	width: 49.2%;
	height: 321px;
	background-color: #FFFFFF;
	overflow: hidden;
}
table.hdTicketsTable tbody tr td:nth-child(4) {
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	max-width: 250px;
}
table#hdTicketsBox.hdTicketsTable thead tr th.tableHeaderBarBlue div.tableHeadLtWhite:before {
	content: url('../assets/hd-tickets-icon.png');
}

/* Test Scores */

#testScoresBox {
	position: absolute;
	left: 0;
	top: 0;
	max-width: 614px;
	width: 49.2%;
	height: 321px;
	background-color: #FFFFFF;
	overflow: hidden;
}
table.testScoresTable tbody tr td:nth-child(2) {
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	max-width: 235px;
}
table#testScoresBox.testScoresTable thead tr th.tableHeaderBarBlue div.tableHeadLtWhite:before {
	content: url('../assets/test-scores-icon.png');
}

/* CRM Communications */

#crmComBox {
	position: absolute;
	left: 50.8%;
	top: 0;
	max-width: 614px;
	width: 49.2%;
	height: 321px;
	background-color: #FFFFFF;
	overflow: hidden;
}
table.crmComTable tbody tr td:nth-child(n+3):nth-child(-n+4) {
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	max-width: 180px;
}
table#crmComBox.crmComTable thead tr th.tableHeaderBarBlue div.tableHeadLtWhite:before {
	content: url('../assets/crm-com-icon.png');
}

/* Tutor Track */

#tutorTrackBox {
	position: absolute;
	left: 0;
	top: 0;
	max-width: 614px;
	width: 49.2%;
	height: 321px;
	background-color: #FFFFFF;
	overflow: hidden;
}
table.tutorTrackTable tbody tr td:nth-child(1), table.tutorTrackTable tbody tr td:nth-child(5) {
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	max-width: 180px;
}
table#tutorTrackBox.tutorTrackTable thead tr th.tableHeaderBarBlue div.tableHeadLtWhite:before {
	content: url('../assets/tutor-track-icon.png');
}

/* Computer Lab */

#compLabBox {
	position: absolute;
	left: 50.8%;
	top: 0;
	max-width: 614px;
	width: 49.2%;
	height: 321px;
	background-color: #FFFFFF;
	overflow: hidden;
}
table.compLabTable tbody tr td:first-child {
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	max-width: 150px;
}
table#compLabBox.compLabTable thead tr th.tableHeaderBarBlue div.tableHeadLtWhite:before {
	content: url('../assets/comp-lab-icon.png');
}

/* Student Semester Block */

#semBlockBox {
	position: absolute;
	left: 0;
	top: 0;
	max-width: 614px;
	width: 49.2%;
	height: 198px;
	background-color: #FFFFFF;
	overflow: hidden;
}
table.semBlockTable tbody tr td:first-child {
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	max-width: 200px;
}
table#semBlockBox.semBlockTable thead tr th.tableHeaderBarBlue div.tableHeadLtWhite:before {
	content: url('../assets/sem-block-icon.png');
}
table.semBlockTable tbody tr:nth-child(2) {
	background-color: #FFBF00 !important;
}




/* Large Desktop */

@media screen and (max-width: 1245px) {
	 
.taskTable tbody tr td:nth-child(n+7), .taskTable thead tr th:nth-child(n+7), .classSchTable tbody tr td:nth-child(n+8), .classSchTable thead tr th:nth-child(n+8) {
	display: none;
	visibility: hidden;
}
.taskTable tbody tr td:nth-child(n+6), .taskTable thead tr th:nth-child(n+6), .classSchTable tbody tr td:nth-child(n+7), .classSchTable thead tr th:nth-child(n+7) {
	border-right: none;
}
.contactNotesTable tbody tr td:nth-child(n+4), 
.contactNotesTable thead tr th:nth-child(n+4),
.hdTicketsTable tbody tr td:nth-child(n+2):nth-child(-n+3), 
.hdTicketsTable thead tr th:nth-child(n+2):nth-child(-n+3),
.hdTicketsTable > tbody > tr > td:nth-child(5), 
.hdTicketsTable > thead > tr > th:nth-child(5),
.testScoresTable tbody tr td:nth-child(n+4), 
.testScoresTable thead tr th:nth-child(n+4),
.crmComTable tbody tr td:nth-child(n+4), 
.crmComTable thead tr th:nth-child(n+4),
.tutorTrackTable tbody tr td:nth-child(n+4), 
.tutorTrackTable thead tr th:nth-child(n+4) {
	display: none;
	visibility: hidden;
}
.contactNotesTable tbody tr td:nth-child(3), 
.contactNotesTable thead tr th:nth-child(3), 
.hdTicketsTable tbody tr td:nth-child(n+2), 
.hdTicketsTable thead tr th:nth-child(n+2),
.testScoresTable tbody tr td:nth-child(3), 
.testScoresTable thead tr th:nth-child(3),
.crmComTable tbody tr td:nth-child(3), 
.crmComTable thead tr th:nth-child(3),
.tutorTrackTable tbody tr td:nth-child(3), 
.tutorTrackTable thead tr th:nth-child(3),
.compLabTable tbody tr td:nth-child(3), 
.compLabTable thead tr th:nth-child(3),
.semBTable tbody tr td:nth-child(3), 
.crmComTable thead tr th:nth-child(3) {
	border-right: none;
}

}




/* Tablet */

@media only screen and (max-width: 768px) {
	
.rowContainer {
	position: relative;
	display: block;
	width: 100%;
	max-width: 768px;
	height: 682px;
	margin: 0 5px;
}
.rowContainer-sm {
	position: relative;
	display: block;
	width: 100%;
	max-width: 768px;
	height: 436px;
	margin: 0 5px;
}
#testScoresBox,#tutorTrackBox, #semBlockBox {
	position:relative;
	max-width: 1246px;
	width: 99%;
	margin-top: 10px;
}
#contactNotesBox {
	position:relative;
	max-width: 1246px;
	width: 99%;
}
#hdTicketsBox, #crmComBox,#compLabBox  {
	position:relative;
	max-width: 1246px;
	width: 99%;
	top: 20px;
	left: 0;
}
div#studentTopSummaryCol1 > img, div#studentBotBtn {
	display:none;
	visibility:hidden;
}
#studentTopSummaryCol1, #studentBotSummaryCol1 {
	min-width: 190px;
	width: 33%;
	padding: 0 10px;
}
#studentTopSummaryCol2, #studentBotSummaryCol2 {
	min-width: 190px;
	width: 32%;
	padding: 0 10px;
}
#studentTopSummaryCol3, #studentBotSummaryCol3 {
	min-width: 220px;
	width: 34%;
	padding: 0 5px;
	float:right;
	top:0;
	position: absolute;
}
#studentTopContainer, #studentBotContainer {
	min-width: 650px;
	width: 90%;
}
.taskTable tbody tr td:nth-child(n+4), .taskTable thead tr th:nth-child(n+4), .classSchTable tbody tr td:nth-child(n+8), .classSchTable thead tr th:nth-child(n+8) {
	display: none;
	visibility: hidden;
}
.taskTable tbody tr td:nth-child(n+3), .taskTable thead tr th:nth-child(n+3), .classSchTable tbody tr td:last-child, .classSchTable thead tr th:last-child {
	border-right: none;
}
	
}




/* Smaller Device */

@media only screen and (max-width: 650px) {
	
.interTable tbody tr td:nth-child(n+5), .interTable thead tr th:nth-child(n+5),
.classSchTable tbody tr td:nth-child(n+6), .classSchTable thead tr th:nth-child(n+6),
div#studentInfoBtn1 {
	display: none;
	visibility: hidden;
}
.interTable tbody tr td:nth-child(n+4), .interTable thead tr th:nth-child(n+4),
.classSchTable tbody tr td:nth-child(n+5), .classSchTable thead tr th:nth-child(n+5) {
	border-right: none;
}
div#studentTopSummaryCol3, div#studentInfoTopText3, div#studentBotSummaryCol3, div#studentInfoBotText3 {
	display:none;
	visibility:hidden;
}
#studentTopContainer, #studentBotContainer {
	max-width: 500px;
	min-width: 500px;
	width: 80%;
}
#studentTopSummaryCol1, #studentBotSummaryCol1 {
	min-width: 200px;
	width: 50%;
	padding-left:10px;
}
#studentTopSummaryCol2, #studentBotSummaryCol2 {
	min-width: 200px;
	width: 50%;
}

}




/* Old Phones */

@media only screen and (max-width: 480px) {


}




@media screen and (min-width: 1920px) {
	
.taskTable th, .taskTable td, .interTable th, .interTable td, .classSchTable th, .classSchTable td {
	display: table-cell;
}

}




/*------------------------------------*\
    $PRINT
\*------------------------------------*/

@media print {
* {
	background: transparent !important;
	color: #000 !important;
	box-shadow: none !important;
	text-shadow: none !important;
}
a,  a:visited {
	text-decoration: underline;
}
a[href]:after {
	content: " (" attr(href) ")";
}
abbr[title]:after {
	content: " (" attr(title) ")";
}
.ir a:after,  a[href^="javascript:"]:after,  a[href^="#"]:after {
	content: "";
}
pre, blockquote {
	border: 1px solid #999;
	page-break-inside: avoid;
}
thead {
	display: table-header-group;
}
tr, img {
	page-break-inside: avoid;
}
img {
	max-width: 100% !important;
}
 @page {
 margin:0.5cm;
}
p,  h2,  h3 {
	orphans: 3;
	widows: 3;
}
h2,  h3 {
	page-break-after: avoid;
}
}


