a:hover, a:focus, a:link {text-decoration: underline; }

/*ICON HEADINGS/TITLES */
h2.IconHeaderSBMI {font-size: 1.35em; font-weight: bold; }
.IconHeadingsSBMI {margin: 0 0 20px 0;padding: 0 0 5px 0; border-bottom: 1px solid #007ea3;font-family: sans-serif;
                   color: #333; text-align:center !important; }

.subHeadings-ICON { margin: 0 0 0 0; font-family: sans-serif; color: #333; text-align:center !important; }
.subHeadings-Icon2{ margin: 0 0 20px 0;padding: 0 0 5px 0; border-bottom: 1px solid #007ea3; 
                    font-family: sans-serif; color: #333;}
p.IconAlumniName { font-size: 2.0em; }


/* Centering Text and Headlines */
.textcenter { text-align: center !important; }


/* PURPLE HORIZONTAL MENU NAV BAR */
    /* Menu Nav Bar */
#head-bar { background-color: #2b225d; color: #fff; }

/* ICON DIVIDOR/HORIZONTAL LINES */
.icondividerline {
    clear: both; max-width: 75rem; height: 0;margin: 1rem auto; border-top: 0;border-right: 0; border-bottom: 1px solid #007ea3;
    border-left: 0; font-size: 20px !important; }
    


/* Admission Deadline Table Program */
td.adminTbleICON { background-color: #4d4f53; color: #fff; }
td.adminTbleICON-orange { background-color: #bd4f19; color: #fff; }
td.adminTbleICON-blue { background-color: #007ea3;   color: #fff; }
td.adminTbleICON-green { background-color: #b6bf00;  color: #fff; }
td.adminTbleICON-purple { background-color: #412d5d; color: #fff; }

/* CSS FOR SBMI ICON CAREER DROPDWON TABS START HERE */
/* Style the buttons that are used to open and close the orange ICON Accordian Tabs */
.sbmiIconDropDownTab { background-color: #c8c8c8; color: #000; cursor: pointer; padding: 18px; text-align: left; width:100%;
                       border: none; outline: none; transition: 0.4s; }
.sbmiIconActive, .sbmiIconDropDownTab:hover { background-color: #bd4f19; color: #fff; }

/* Style the sbmiIconDropDownTab panel. Note: hidden by default */
.sbmiIconPanel { padding: 0 18px;background-color:#fff;max-height: 0;overflow: hidden;transition: max-height 0.2s ease-out;}
.sbmiIconDropDownTab:after { content: '\02795'; /* Unicode character for "plus" sign (+) */font-size: 13px;color: #777;
                             float: right; margin-left: 5px;}
.sbmiIconActive:after { content: "\2796"; /* Unicode character for "minus" sign (-) */ }

/* Horizontal Rule Divider/Border Line */
.sbmiIconHRLine { margin:0 25%; color: #000; }

/* Alumni Headshot section*/
        /* Media query to stack content on small screens */
        @media (max-width: 768px) {
            .profile-table {
                width: 100%;
                display: block;
            }

            .profile-table td {
                width: 100%;
                display: block;
                text-align: left;
                margin-bottom: 20px;
            }

            .profile-table img {
                width: 100%;
                height: auto;
            }
        }
        

/* Alumni Salary Range for SBMI Graduates */
.IconAlumniSalaryRange { min-height:500px; height: 100%; width: 100%; margin:auto; background:#fff; text-align:center; }

/** Initialiazing a `footnotes` counter on the wrapper */
#article06 { counter-reset: footnotes; }

/**
 * Inline footnotes references
 * 1. Increment the counter at each new reference
 * 2. Reset link styles to make it appear like regular text
 */
a[aria-describedby="footnote-label06"] {
  counter-increment: footnotes; /* 1 */
  text-decoration: none; /* 2 */
  color: inherit; /* 2 */
  cursor: default; /* 2 */
  outline: none; /* 2 */
}

/**
 * Actual numbered references
 * 1. Display the current state of the counter (e.g. `[1]`)
 * 2. Align text as superscript
 * 3. Make the number smaller (since it's superscript)
 * 4. Slightly offset the number from the text
 * 5. Reset link styles on the number to show it's usable
 */
a[aria-describedby="footnote-label06"]::after {
  content: '[' counter(footnotes) ']'; /* 1 */
  vertical-align: super; /* 2 */
  font-size: 0.5em; /* 3 */
  margin-left: 2px; /* 4 */
  color: blue; /* 5 */
  text-decoration: underline; /* 5 */
  cursor: pointer; /* 5 */
}

/**
 * Resetting the default focused styles on the number
 */
a[aria-describedby="footnote-label06"]:focus::after {
  outline: thin dotted;
  outline-offset: 2px;
}
/* END CSS FOR CAREER OUTCOME Slide 6 */



/* ICON - How Much Do UT Masters Graduates Earn? How Much Do They Owe For Student Loans 
- Career Outcome Slide 9 */
/*  HALF COLUMNS  */

* { margin: 0; padding: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;  box-sizing: border-box; }
.containerC09:after { clear: both;}
.containerC09 > div { min-height: 450px;float: left;width: 50%; }
.leftC09 {  background: #fff; }
.rightC09 { background: #fff; }

.IconChart09 { width: 600px; height: 400px; margin: 0 auto; }

@media all and (max-width: 500px) {
.containerC09 > div { float: none; width: 100%;  } }
/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) { .containerC09 { margin: 1% 0 1% 0%; }}
@media only screen and (max-width: 480px) {	.leftC09, .rightC09 { width: 100%; }}

/* END CSS FOR CAREER OUTCOME Slide 09 */

/* ICON - How Much Do UT PhD Graduates Earn? How Much Do They Owe For Student Loans? - Career Outcome Slide 10 */
/*  HALF COLUMNS  */
* {
   margin: 0;
   padding: 0;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
}

.containerC10:after {
    clear: both;
}

.containerC10 > div {
    min-height: 300px;
    float: left;
    width: 50%;
    padding-left:85px;
}

.leftC10 {
    background: #fff;
}

.rightC10 {
    background: #fff;
}

@media all and (max-width: 500px) {
    .containerC10 > div {
        float: none;
        width: 100%;
    }
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.containerC10 { 
		margin: 1% 0 1% 0%;
	}
}

@media only screen and (max-width: 480px) {
	.leftC10, .rightC10 { width: 100%; }
}



/* Vertical Bar Chart */
	
.bar-graphC10 {
  padding: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  height: 425px;
  margin: 0;
}

.bar-graphC10 li {
  display: block;
  position: relative;
  text-align: center;
  height: 100%;
  margin: 0 .8% 0 0;
  -webkit-flex: 1 1 15%;
      -ms-flex: 1 1 15%;
          flex: 1 1 15%;
}

.bar-graphC10 .bar-graph-axisC10 {
  -webkit-flex: 1 1 8%;
      -ms-flex: 1 1 8%;
          flex: 1 1 8%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.bar-graphC10 .bar-graph-labelC10 {
  margin: 0;
  background-color: none;
  color: #8a8a8a;
  position: relative;
}

@media print, screen and (min-width: 40em) {
  .bar-graphC10 .bar-graph-labelC10:before, .bar-graphC10 .bar-graph-labelC10:after {
    content: "";
    position: absolute;
    border-bottom: 1px dashed #8a8a8a;
    top: 0;
    left: 0;
    height: 50%;
    width: 20%;
  }
}

@media print, screen and (min-width: 40em) and (min-width: 64em) {
  .bar-graphC10 .bar-graph-labelC10:before, .bar-graphC10 .bar-graph-labelC10:after {
    width: 30%;
  }
}

@media print, screen and (min-width: 40em) {
  .bar-graphC10 .bar-graph-labelC10:after {
    left: auto;
    right: 0;
  }
}

.bar-graphC10 .percentC10 {
    width: 100%;
    font-size: 1.25rem;
    position: absolute;

}

@media print, screen and (min-width: 40em) {
  .bar-graphC10 .percentC10 {
    }
}

.bar-graphC10 .percentC10 {
  letter-spacing: -3px;
  opacity: 1.4;
  width: 100%;
  font-size: 1.475rem;
  position: absolute;
}

.bar-graphC10 .descriptionC10 {
  font-weight: 800;
  opacity: 1.5;
  text-transform: uppercase;
  width: 100%;
  bottom: 20px;
  position: absolute;
  font-size: 0.75rem;
  overflow: hidden;
}

.bar-graphC10 .bar.primaryC10 {
  border: 1px solid #1779ba;
  background: linear-gradient(#2196e3, #1779ba 70%);
}

.bar-graphC10 .bar.secondaryC10 {
  border: 1px solid #1779ba;
  background: linear-gradient(#b6bf00, #b6bf00 70%);
}

.bar-graphC10 .bar.successC10 {
  border: 1px solid #bd4f19;
  background: linear-gradient(#bd4f19, #bd4f19 70%);
}

.bar-graphC10 .bar.warningC10 {
  border: 1px solid #767676;
  background: linear-gradient(#767676, #767676 70%);
}
/* END CSS FOR CAREER OUTCOME Slide 10 */


/* ICON - SBMI Alumni Placements After Graduation - Career Outcome Slide 7 */
.IconChart07 { width: 800px; height: 500px; margin: 0 auto; }

#article07 { counter-reset: footnotes; }

/**
 * Inline footnotes references
 * 1. Increment the counter at each new reference
 * 2. Reset link styles to make it appear like regular text
 */
 
.footnote-label107 { padding-left: 100px; }

@media print, screen and (min-width: 40em) {
.footnote-label107 { font-size: 1.25rem;  padding-left: 100px; }}
 
a[aria-describedby="footnote-label07"] {
  counter-increment: footnotes; /* 1 */
  text-decoration: none; /* 2 */
  color: inherit; /* 2 */
  cursor: default; /* 2 */
  outline: none; /* 2 */
}

/**
 * Actual numbered references
 * 1. Display the current state of the counter (e.g. `[1]`)
 * 2. Align text as superscript
 * 3. Make the number smaller (since it's superscript)
 * 4. Slightly offset the number from the text
 * 5. Reset link styles on the number to show it's usable
 */
a[aria-describedby="footnote-label07"]::after {
  content: '[' counter(footnotes) ']'; /* 1 */
  vertical-align: super; /* 2 */
  font-size: 0.5em; /* 3 */
  margin-left: 2px; /* 4 */
  color: blue; /* 5 */
  text-decoration: underline; /* 5 */
  cursor: pointer; /* 5 */
}

/**
 * Resetting the default focused styles on the number
 */
a[aria-describedby="footnote-label07"]:focus::after {
  outline: thin dotted;
  outline-offset: 2px;
}
/* END CSS FOR CAREER OUTCOME Slide 7 */

/* ICON - Average Job Earnings Comparison for Different - UT Graduate Degree Types 
- Master's Graduate Degree - Career Outcome Slide 11 */

#squareC011-green {
	background-color: #b6bf00;
	padding-top: 0;
	padding-right: 15px;
	padding-left: 6px;
	padding-bottom: 0;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	}
		
#squareC011-blue{
	background-color: #007ea3;
	padding-top: 0;
	padding-right: 15px;
	padding-left: 5px;
	padding-bottom: 0;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	}
/* END CSS FOR CAREER OUTCOME Slide 11 */	
	

/* ICON - Average Salary for Informatics - Career Outcome Slide 12 */

.responsive-card-tableC012 {
  border-collapse: collapse;
  margin: 0 auto;
}

.responsive-card-tableC012.unstriped tbody {
  background-color: transparent;
}

.responsive-card-tableC012 th {
  background-color: #007ea3;
}

.responsive-card-tableC012 tr,
.responsive-card-tableC012 th,
.responsive-card-tableC012 td {
  border: 0 solid #fff;
}


.textC012a-blackHeader {
    color: #000;
    font-weight: 400;
    font-weight: bold;
}

.textC012b-whiteHeader {
    color: #fff;
    font-weight: 400;
    font-weight: bold;
}

.textC012c-blackText {
    color: #000;
}   

@media screen and (max-width: 640px) {
  .responsive-card-tableC012 { 
    
  }
  .responsive-card-tableC012 thead tr {
    position: absolute;
    top: -9999em;
    left: -9999em;
  }
  .responsive-card-tableC012 tr {
    border: 1px solid #0a0a0a;
    display: block;
  }
  .responsive-card-tableC012 tr + tr {
    margin-top: 1.5rem;
  }
  .responsive-card-tableC012 td {
    border: none;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    border-bottom: 1px solid #0a0a0a;
    padding-left: 52%;
    position: relative;
  }
  .responsive-card-tableC012 td:before {
    content: attr(data-labelC012);
    display: inline-block;
    font-weight: bold;
    line-height: 1.5;
    margin-left: -100%;
    width: 100%;
    position: relative;
    z-index: 1;
  }
  .responsive-card-tableC012 td:after {
    content: '';
    position: absolute;
    background: #007ea3;
    width: 48%;
    height: 95%;
    left: 1px;
    top: 1px;
    z-index: 0;
  }
  

  
}


tr.trC012 {
    background-color:#d7d7d7;
}
/* END CSS FOR CAREER OUTCOME Slide 12 */



/* BEGIN CSS FOR SBMI CAREER OUTCOME DROPDWON LIST - career outcome slide 16 */  
/* Style the buttons that are used to open and close the careeroutcomeaccordian  panel */

.mainBoxC016 {
      
    box-sizing: content-box;
    width: 700px;
    height: auto;
    padding: 30px 30px 30px 30px;
}

.sbmicareeroutcomedropdownlist16 {
    background-color: #c8c8c8;
    color: #000;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
}

/* Add a background color to the button if it is clicked on (add the .careeroutcomeactive class with JS), for (hover) */
.careeroutcomeactive16, .sbmicareeroutcomedropdownlist16:hover {
    background-color: #bd4f19;
    color: #fff;
}

/* Style the sbmicareeroutcomedropdownlist panel. Note: hidden by default */
.careeroutcomespanel16 {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}
.sbmicareeroutcomedropdownlist16:after {
    content: '\02795'; /* Unicode character for "plus" sign (+) */
    font-size: 13px;
    color: #777;
    float: right;
    margin-left: 5px;
}
.careeroutcomeactive16:after {
    content: "\2796"; /* Unicode character for "minus" sign (-) */
}
/* END CSS FOR CAREER OUTCOME Slide 16 */



/* ICON - Career Outcome Slide 18 - Top 5 Career Sources in the USA for Health Informatics
Mid-Level Experience and Above */
.IconChart18 { width: 100%; height: 400px; margin: 0 auto; }
/* END CSS FOR CAREER OUTCOME Slide 18 */


/*    STYLING ADMISSION DEADLINES Table   */
    .sub-title{font-size: 1.2em;}
    .tbl-row{background-color: #4d4f53; color: #fff!important;}
    .col-dets{text-align: center; color: #000;}
    .cert-row{background-color: #af6041; color: #fff!important;}
    .mast-row{background-color: #50748a; color: #fff!important;}
    .phd-row{background-color: #597c69; color: #fff!important;}
    .dhi-row{background-color: #7D708F; color: #fff!important;}
    .additional-notes-list {padding-left: 35px;}
/*    END STYLING ADMISSION DEADLINES Table   */