/* Personal Page */ 
  #about-me-header {color:red;}
  #hobbie-interest-header{color:blue;}
  #education-header{color:green;} 
  
  #education-degree{  font-weight: bold;}
  #education-hs{    font-style: italic; }
  #education-cert{text-decoration : underline;}

  a:hover {
   font-size: 150%;
   transition: font-size 0.3s ease; 
}
   /* Class Schedule Page */ 
#class-schedule a:hover {font-size: inherit;}   
#class-schedule-table td{ text-align: center;} 
#class-header-row{color: blue ;}
tr:nth-child(even) {background-color: lightskyblue;}
#holiday-list { list-style-type: decimal; }
#holiday-list ul li { list-style-type: upper-alpha; }

 /* Create Account Page*/ 
 #account a:hover {font-size: inherit;}   
  /* Checkboxes*/ 
  /* Custom label */
 .languages {
   display: block;
   position: relative;
   padding-left: 35px;
   margin-bottom: 12px;
   cursor: pointer;
   font-size: 22px;
 }

   /* Hides default checkbox */
 .languages input {
   position: absolute;
   opacity: 0;
   cursor: pointer;
   height: 0;
   width: 0;
 }

 /* Custom checkbox */
 .checkmark {
   position: absolute;
   top: 0;
   left: 0;
   height: 25px;
   width: 25px;
   background-color: #4f5350;
 }

 /*Selected checkbox turns blue */
 .languages input:checked ~ .checkmark {
   background-color: #0d49d3;
 }

 
 

  

/* Payment Page  */ 
 #shipping {color:red;}
  #bill {color:blue;}
  #payment {color:green;}

/* Custom Label */
  .shippingCheck {
   display: block;
   position: relative;
   padding-left: 35px;
   margin-bottom: 12px;
   cursor: pointer;
   font-size: 22px;
 }

   /* Hides default checkbox */
 .shippingCheck input {
   position: absolute;
   opacity: 0;
   cursor: pointer;
   height: 0;
   width: 0;
 }
  /* Custom checkbox */
 .shippingMark {
   position: absolute;
   top: 0;
   left: 0;
   height: 25px;
   width: 25px;
   background-color: #4f5350;
 }
 /*Selected checkbox turns blue */
 .shippingCheck input:checked ~ .shippingmark {
   background-color: #0d49d3;
 }

 .tooltip {
  position: relative;
  display: inline-block;
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: blue;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
 
  /* Position the tooltip text*/
  position: absolute;
  z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}