@charset "utf-8";
/* t24 - Cost of College CSS */

/*===============================
  BEGIN MODULE 3
  ===============================*/	
.compare-module3-main-container {min-height: 552px; height:auto;margin-top: 0px; }
.compare-module3-inner-container {padding: 0px;}
.compare-module3-inner-container h2 {font-size:36px; font-weight:300; line-height: 50px;}
.compare-module3-inner-container p {font-size:16px; font-weight:300; line-height:27px;}
.compare-module3-cost-container {max-width:700px;margin:0 auto;margin-top: 60px;margin-bottom: 130px;padding: 0px 20px 0px 20px;}
.compare-module3-dropdown-container {max-width:285px;margin:0 auto;}
.form-select {
	font-weight: 500;
	box-shadow: 0 3px 10px rgba(0,0,0,.15)!important;
    border-radius: 1.25rem;
	 background-image: url("../images/icon-down-arrow-blue.svg") !important;

}

/* Standard table styling, change as desired */
.table-container {
	width: 100%;
	margin-top: 40px;
}
table {border-collapse: collapse;border-spacing: 0;table-layout: fixed;}

.trlrborder {border-left: 1px solid #7f7f7f;border-right: 1px solid #7f7f7f;}	
.trtborder {border-top: 1px solid #7f7f7f;}
.trbborder {border-bottom: 1px solid #7f7f7f;}	
.trbborderblack {border-bottom: 1px solid #7f7f7f;}
.trlborder {border-left: 1px solid #7f7f7f;}	
.trrborder {border-right: 1px solid #7f7f7f;}	
.tdbold {font-weight: bold;}
.tdmobilefontbigger {font-size: 14px;}
.bgray {background-color: #F2F2F2;}
.bgraydark {background-color: #bfbfbf;}
.bgwhite {background-color: #fff;}
.red {color:#C70000;}
.green {color:#005C06}
		
tr:nth-child(4n+1) {}
tr:nth-child(4n+2) {}
tr:nth-child(4n+3) {}
tr:nth-child(4n+4) {}
	
caption { font-size: 16px;font-weight: 700;text-align: left;margin: 0px;padding:0px;}
	
th {word-wrap: break-word;white-space: pre-wrap;white-space: -o-pre-wrap;white-space: -moz-pre-wrap;white-space: -pre-wrap;font-size: 12px;font-weight:500;padding: 2px;text-align: center;}
	
th:first-child {text-align: center; }	

td {font-size: 12px;padding: 2px;text-align: center}
td:nth-child(1), td:nth-child(4) { }
th:nth-child(1), th:nth-child(4)[scope=col] {}
		
/* Responsive table styling */
.colgroupdesktoponly {display:none;}
.tdmobileonly {display:none;}
.responsive-table { margin-bottom: 0;width: 100%;}

thead {
border: 0;
clip: rect(0 0 0 0);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: 0;
overflow: hidden;
padding: 0;
position: absolute;
white-space: nowrap;
width: 1px;
}
tbody tr {display: block;padding: 10px;}
th {display: flex;justify-content: space-between;min-width: 1px;text-align: right;font-size: 12px;}
tbody tr td {display: flex;justify-content: space-between;min-width: 1px;text-align: right;font-size: 12px;}



/*===============================
  END MODULE 3
  ===============================*/	




@media (min-width: 320px) {

	

	
}

@media (min-width: 360px) {

}

@media (min-width: 375px) {

}
	
@media (min-width: 450px) {



}

@media (min-width: 576px) {
/*===============================
  BEGIN MODULE 3
  ===============================*/	
.compare-module3-inner-container {max-width: 100%;}

/*===============================
  END MODULE 3
  ===============================*/	
}		

@media (min-width: 768px) {
			
}
	
@media (min-width: 992px) {

/*===============================
  BEGIN MODULE 3
  ===============================*/	
.compare-module3-inner-container {max-width: 960px;margin: 0 auto;}
.table-container {width:100%;min-width:700px;margin-top:40px;}
	.responsive-table {width: auto;width:700px;}
	.colgroupdesktoponly {display:block;}
	table {
		border-radius: 20px;
	-moz-box-shadow: 0 3px 16px rgba(0, 0, 0, 0.20);
    -webkit-box-shadow: 0 3px 16px rgba(0, 0, 0, 0.20);
    box-shadow: 0 3px 16px rgba(0, 0, 0, 0.20);
	}
	thead {
	clip: auto;
	-webkit-clip-path: none;
	clip-path: none;
	display: table-header-group;
	height: auto;
	overflow: auto;
	position: relative;
	width: auto;
	}
	
	tbody tr {display: table-row;}
	th {display: table-cell;text-align: center;padding:5px 5px;height:70px;}
	td {height:70px;}
	tbody tr td {display: table-cell;text-align: center;padding:0px;}
	
	.tdmobileonly {display: table-cell;}
	.responsive-table__heading {display: none;}
	.tdmobilefontbigger {font-size: 12px;}
	
	
	
.trlrborder {border:none;}	
.trtborder {border:none;}
.trbborder {border:none;}	
.trbborderblack {border:none;}
.trlborder {border:none;}	
.trrborder {border:none;}
.tdrborder {border-right: none;}
th:nth-child(1), td:nth-child(4) { }
	
.blr {border-top-left-radius: 20px;}
.brr {border-top-right-radius: 20px;}
.bgraydark {
    background-color: #003865;
	color:#ffffff;
	font-size:16px;
	font-weight:400;
	padding:20px 0px 20px 0px;
}
.bgray {
    background-color: #F2F2F2;
	padding:40px 0px 40px 0px;
}
th:nth-child(1) {border-right: 1px solid #003865;}
.right-border {border-right: 1px solid #003865;}
.right-border-grey {border-right: 1px solid #BFBFBF;}
td:nth-child(2) {border-right: 1px solid #003865;}
td:nth-child(6) {border-right: 1px solid #003865;}
	

/*===============================
  END MODULE 3
  ===============================*/	
	
}

@media (min-width: 1200px) {

/*===============================
  BEGIN MODULE 3
  ===============================*/	
.compare-module3-inner-container {max-width: 100%;}
/*===============================
  END MODULE 3
  ===============================*/	

}

@media (min-width: 1440px) {
/*===============================
  BEGIN MODULE 3
  ===============================*/	
.compare-module3-inner-container {max-width: 100%;}
.compare-module3-content-container {padding: 0px 0px 0px 130px;}
/*===============================
  END MODULE 3
  ===============================*/	
}

@media (min-width: 1441px) {

}

@media (min-width: 1500px) {

	
}

@media (min-width: 1650px) {
	
}
	
		

