/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 @import url("otc-catalog-custom.css");


 .otc-catalog-program-content
 {
	padding-left:15px;
	padding-right:15px;
 }
 

 .otc-catalog-program-core-name ~ *
 {
	 display:none;
	 /*margin-left:15px;
	 margin-right:15px;*/
	 padding: 5px 15px;
 }
 
 .otc-catalog-program-core ul
 {
	 list-style-type:none;
 }
 
 .otc-catalog-program-core-name:before
 {
	 content:"\002B";
	 padding-right:15px;
	 font-size:20px;
 }
 .otc-catalog-program-core-name.active:before
 {
	 content:"\002D";
	 padding-right:15px;
	 font-size:20px;
 }
 
 
 

 .otc-catalog-program-core.child-core .otc-catalog-program-core-name
 {
	 font-size:14px;
 }

 div.otc-catalog-program-core ul
 {
	 padding-bottom:15px;
 }

 a.otc-catalog-program-core-course-link
 {
	font-weight: 700;
 }

 .otc-catalog-course-content hr
{
	/*border-bottom:1px solid #333333;*/
	/*padding-bottom:15px;*/
	margin-bottom:25px !important;
}

div.otc-catalog-program-core.child-core
{
	margin-left:25px;
}

ul.otc-catalog-program-core-courses:not(.otc-course-options), otc-catalog-program-core-courses
{
	margin-left:15px
}

ul.otc-catalog-program-core-courses.otc-course-options
{
	margin-left:0px;
	padding-top:5px;
}

/*INNER DROPDOWN HEADINGS*/
.otc-catalog-program-core-name
{
	padding:10px;
	padding-left:15px;
	font-size:16px;
}

*[class^="otc-catalog"]:focus, *[class^="otc-catalog"] *:focus
{
	outline:2px solid black !important;
}

h2.otc-clickable, h3.otc-clickable, h4.otc-clickable
{
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}


h2.otc-clickable.active, h3.otc-clickable.active, h4.otc-clickable.active
{
	text-overflow: initial;
    overflow: initial;
    white-space: wrap;
}

/* Base styling for li.courseGroup */
li.courseGroup {
	margin-top: 25px;
	margin-bottom: 25px;
  }
  
  
  /* Setting line-height for p and span within li.courseGroup */
  li.courseGroup > ul >li > p,
  li.courseGroup > ul >li > span {
	line-height: 1;
	  padding:0;
	  margin:0;
  }

  div.misc-course-content
  {
	display:block;
  }

  .otc-catalog-program-core-course-link.otc-clickable ~ ul
{
	list-style-type:initial;
}

/* START CALCULATOR TABLE STYLES */
#progOrSem {
    display: none;
}

#courseList {
    max-width: 100vw;
}

#calcContainer {
    background-color: #f2f2f2;
    border-radius: 5px;
    padding: 1rem;
}

.tablecontainer {
    width: 100%;
}

#programCalcTable table {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

#programCalcTable table.addedCourses {
    border-collapse: separate;
    border-spacing: 0px;
    border: none;
    border-radius: 5px;
    padding: 1rem;
    background-color: #f2f2f2;
    min-height: 100%;
    max-width: 100%;
}

/*.otc-catalog-program-core {
    width: 370px;
    margin: 0 auto;
    box-sizing: border-box;
}*/

#programCalcTable tr:nth-of-type(even) {
    background-color: #cccccc;
}

#programCalcTable tr {
    padding: 1rem;
    display: table-row;
}

#programCalcTable table.addedCourses tr,
#programCalcTable table.addedCourses td,
#programCalcTable table.addedCourses th {
    border: none;
    border-collapse: collapse;
}

#programCalcTable tr:last-child {
    right: 5px;
}

.removeButton {
    color: #595959;
}

#programCalcTable td,
#programCalcTable th {
    padding: 10px;
}

#programCalcTable tr.totalRow {
    background-color: #a5a5a5;
    font-weight: 700;
}

#viewList {
    position: fixed;
    right: 10px;
    bottom: 10px;
    z-index: 10;
    width: 150px;
    padding: 0.5rem;
    font-size: 1.25rem;
    text-decoration: none;
    text-align: center;
    display: block;
    color: #f2f2f2;
    background-color: #00000060;
}

#programCalcTable tr.totalCostRow,
#programCalcTable tr.totalRow {
    background-color: #154ae1;
    color: #ffffff !important;
    font-weight: bold;
}

#programCalcTable td {
	color: rgb(46, 46, 46);
    padding: 10px 5px 5px 10px;
}

#programCalcTable .totalCostRow td {
    color: white !important;
}
/* END CALCULATOR TABLE STYLES */