/*Global Variables*/
body{
	margin: 20px;
	font-family: Arial, sans-serif;
}
img{
	max-width: 100%;
	height: auto;
}
hr{
	margin: 20px 0;
}


		/*Personal Page*/
body.personal-page h2{
	color: #006699;
}

ul li.college-degree{
	font-weight: bold;
}
ul li.high-school{
	font-style: italic;
}
ul li.certificate{
	text-decoration: underline;
}

body.personal-page a.getBig {
  transition: font-size 0.2s ease;
  font-size: 100%;
}
body.personal-page a.getBig:hover {
  font-size: 150%;
}


		/*Schedule Page*/
body.schedule-page table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 20px;
}
body.schedule-page table th,
body.schedule-page table td {
  border: 1px solid #ccc;
  padding: 8px;
  text-align: center;
}
body.schedule-page table th {
  background-color: #ffcc00; 
}
body.schedule-page table tr:nth-child(even) td {
  background-color: #f2f2f2; 
}

body.schedule-page ol {
  margin-left: 20px;
}
body.schedule-page ol ol {
  list-style-type: upper-alpha;
  margin-left: 40px;
}


		/*Create Account Page*/
body.account-page input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  background-color: grey;
  border: 1px solid #999;
  border-radius: 50%;
  width: 1em;
  height: 1em;
  outline: none;
  cursor: pointer;
  vertical-align: middle;
  margin-right: 5px;
}
body.account-page input[type="radio"]:checked {
  background-color: green;
}

body.account-page input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  background-color: grey;
  border: 1px solid #999;
  width: 1em;
  height: 1em;
  outline: none;
  cursor: pointer;
  vertical-align: middle;
  margin-right: 5px;
}
body.account-page input[type="checkbox"]:checked {
  background-color: blue;
}
body.account-page .checkbox-columns {
  display: flex;
  gap: 20px;
}

/****************************************************
 * 	          SECURE PAYMENT PAGE     				*
 ****************************************************/
body.payment-page #shipping-header {
  color: #006699;
}

body.payment-page #billing-header {
  color: #990000;
}

body.payment-page #payment-header {
  color: #006600;
}


body.payment-page input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;

  width: 1em;
  height: 1em;
  border: 1px solid #999;
  background-color: grey;
  cursor: pointer;
  vertical-align: middle;
  margin-right: 5px;
}

body.payment-page input[type="checkbox"]:checked {
  background-color: blue;
}

body.payment-page .tooltip-icon {
  position: relative; 
  display: inline-block; 
  margin-left: 5px;
}

body.payment-page .tooltip-icon .tooltip-text {
  visibility: hidden;
  width: 180px;
  background-color: #333;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 999;
  bottom: 125%;
  left: 50%;
  margin-left: -90px;
  opacity: 0;
  transition: opacity 0.2s;
}

body.payment-page .tooltip-icon .tooltip-text::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #333 transparent transparent transparent;
}

body.payment-page .tooltip-icon:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
}

body.payment-page .tooltip-icon .material-icons {
  font-size: 18px;
  vertical-align: middle;
  color: #555;
  cursor: pointer;
}