/*Main logo image*/
.header-branding .logo a {
    /*background-size: 93% auto;*/
    background-size: 95% auto;
    /*background-image: url(/assets/logo-gray.png);*/
   /* background-image: url(https://www.usf.edu/_resources/images/v2/global/bull-usf-full.png);*/
}

/*Carousel buttons on homepage*/
.carousel-indicators li {
  /*background-color: rgb(207,196,147);
  border: 1px solid rgb(207,196,147); Pending switch to USF green*/
display: none;
}
.carousel-indicators .active {
  /*background-color: rgb(0,103,71);  Pending switch to USF gold*/
display: none;
}
.left.carousel-control{
display: none;
}
.right.carousel-control{
display: none;
}
/*Carousel image centering*/
img {
  margin: 0 auto;
}



.carousel-inner img {max-width: 550px;
margin-left: 10px;}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {

.carousel-inner img {max-width: 100%;
margin-left: 10px;}

}

/* Small devices (portrait tablets and large phones) */
@media only screen and (max-width: 768px)  {

.carousel-inner img {max-width: 100%;
margin-left: 10px;}

}











/* Loading spinner animation*/
.spinner ,.spinner-center, .icon-spinner{
  color: #006747;
}

/*Book for Course icon*/
.ProductIcon__LargeCircle--course, .icon-course{
  background: #006747;
}
/*Bookstack for Program icon*/
.ProductIcon__LargeCircle--program{
  background: #a23891;
  /*background: #006747;  Pending switch to USF green*/
}

/* Book for student Dashborad 'no results' pages*/
.Icon__CircleWrap--info{
  background: #006747;
}
/* Link for student Dashborad 'no results' pages*/
.Icon__NotificationContainer a {
  color: #006747;
}

/*Big button during checkout [i.e. $500 Enroll]*/
.btn-info, .btn-info:focus{
  /*background-color: #0073ac;
  border-color: #006598;*/
  background-color: #006747;
  border-color: #006747;
}
.btn-info:hover{
  background-color: #CFC493;
  border-color: #CFC493;
  color: #006747;
}


/* Remove Drop Button - still shows gear icon
button[id^="drop-course"] {
 display:none;
}
*/
/* Remove Gear Icon in Student Dashboard - may hide more functions than Drop */
div[id^="actions-course"] {
  display: none;
}



/* For categories dropdown*/
#search-form .search-categories ul {
  width: 350px;
}
/* moved to jQuery
#search-form .search-label, #search-form .search-box-wrapper {
  width: 0px;
  visibility: hidden;
}*/

/* For hiding category IDs in Listing descriptions for custom searches*/
.category-meta-id
{
  display: none;
}

/* Removes outline after clicking on content div in listing detail*/
#content
{
  outline: none;
}


/*Login link for homepage*/
.btn-link {
    /*color: #0073ac;*/
    color: #006747;
}
.btn-link:hover {
  color: #006747;
}

/*Hiding the 'Free' search button*/
#search-form .search-refine .search-refine__switches .btn-lg:first-child{
  display: none;
}

/*Header link dividing | symbols*/
.piped-list>li:before{
  color: #006747;
  }
  /*Header links for subpages, not within scope of piped-list*/
#user-nav a {
  color: #006747;
}

/* Open in Canvas link during Listing edit
.nav-tabs a{
  color: #006747;
}
(links not noticeable enough)
*/

/*Aligning user-nav accountDropwdown after custom links misaligns left
.btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link{*/
#accountDropdown{
  float: right;
}

/*Carousel image bleed gradients*/
.feature-region {
    /* background-image: -webkit-linear-gradient(left, #1a7994, #4dc0e0 50%, #1a7994);
    background-image: linear-gradient(to right, #1a7994, #4dc0e0 50%, #1a7994); */
   /* Green & Gold gradient
   background-image: -webkit-linear-gradient(left, #006747, #CFC493 50%, #006747);
   background-image: linear-gradient(to right, #006747, #CFC493 50%, #006747);
   */
   background-image: -webkit-linear-gradient(left, #006747, #006747 50%, #006747);
   background-image: linear-gradient(to right, #006747, #006747 50%, #006747);
}

/*Required Courses link color*/
.Product__AssociatedProducts a{
  color: #006747 !important;
}

/*Tile Flag colors*/
.jqFlag{
    border-top: 79px solid rgb(0, 103, 71) !important;
}
/*Specific for free Tile Flags*/
.product-flag-free {
    background-color: #006747;
}

/*Tile footer & hover strip*/
.product-results .product-tile:hover {
    box-shadow: inset 0px -5px 0px #CFC493;
}
.product-tile .product-footer {
  color: #006747;
}

/* Course Description Hyperlink to Google Maps*/
.desc-map-link {
  color: #006747;
}
.desc-map-link:hover {
  color: #006747;
  text-decoration: underline;
}

/* Hide Filter Dropdown in Search Bar*/

.search-refine__filter {
  display: none;
}

/* User Defined Classes: */
/* Course Description Schedule Table */
.desc-table {
  margin-bottom: 1em;
}
.desc-table td {
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.coding-table {
  margin-bottom: 1em;
}
.coding-table th{

padding:5px; 
text-align:center;
}

.coding-table td{
text-align:center
}
.ctpe-bulletin-box, .ctpe-notice-box, .ctpe-bulletin-box-left {
font-size: 15px;
  padding: 1em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  border: 1px solid black;
  background-color: rgb(207, 196, 147);
  background-color: rgba(207, 196, 147, 0.5);
  text-align: center;
}
.ctpe-bulletin-box-left {
  text-align: left;
}

.ctpe-bulletin-link{
  cursor: pointer;
}
.ctpe-notice-box {
  background-color: #FCF4A3;
}

.ctpe-mooc-box {
  text-align: center;
width: 100%;
padding: 12px 16px;
border-radius: 4px;
border-style: solid;
border-width: 1px;
margin-bottom: 12px;
font-size: 16px;
background-color: rgba(227, 253, 235, 1);
border-color: rgba(38, 179, 3, 1);
color: rgba(60, 118, 61, 1);
}


.ctpe-mooc-box2 {
  text-align: center;
width: 100%;
padding: 12px 16px;
border-radius: 4px;
border-style: solid;
border-width: 1px;
margin-bottom: 12px;
font-size: 22px;
background-color: #9CCB3B;
border-color: rgba(38, 179, 3, 1);
color: white !important;
}

.ctpe-bulletin-btn{
display:inline-block;
padding:0.35em 1.2em;
background-color:#FFF;
border:0.1em solid #006747;
margin:0 0.3em 0.3em 0;
border-radius:0.12em;
box-sizing: border-box;
text-decoration:none;
font-family:'Roboto',sans-serif;
font-weight:300;
color:#000 !important;
text-align:center;
transition: all 0.2s;
}
.ctpe-bulletin-btn:hover{
color:#000;
background-color:#FAF9F6;
}
@media all and (max-width:30em){
.ctpe-bulletin-btn{
display:block;
margin:0.4em auto;
}
}

.ctpe-membership-container {
  padding: 1em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.ctpe-membership-box {
  padding: 1em;

  background-color: rgba(219, 228, 66, 0.5);
  max-width: 57em;
  text-align: center;
  margin: 0 auto;
  border: 1px solid black;
}

.ctpe-search-contact{
  text-align: center;
  font-size:16px;
  line-height: 1.43;
  padding-top: 1em;
}

hr {
border-top: 1px solid #006747;
margin-top: 3em;
}


/*Working as of 05/09/2016*/
/*Instructor Hide Button*/
.ctpe-mini-text{font-size: 11px; font-style:italic; padding-left: 3.2em}
.ctpe-ins-img {float: left; margin: 0.5em; height: 125px; width: 100px;}
.ctpe-ins-img2 {float: left; margin: 0.5em; height: 125px; width: 100px; height:145px; border: 1px dotted #006747;}
.ctpe-ins-img3 {float: left; margin: 0.5em; height:150px; border: 1px dotted #006747;}
.ctpe-ins-img4 {float: left; margin: 0.5em; height:120px; width:120px; border: 1px dotted #006747;}
.ctpe-ins-img-sq{float: left; margin: 0.75em; height: 125px; width: 125px;}
.ctpe-hlp-img {margin: 0.5em; max-height: 100px; max-width: 325px;}
.ctpe-ins-bio {padding-left: 1em; margin: 1em 0 0 9em;}
.ctpe-ins-bio-no-img {padding-left: 1em; margin: 1em;}
#ctpe-hidden-instructor{display: none; border: 1px dotted black; margin: 1em; padding:0.5em; min-height: 150px; border-radius: 1%;}
#ctpe-hidden-instructor2{display: none; border: 1px dotted black; margin: 1em; padding:0.5em; min-height: 60px; border-radius: 1%;}
#ctpe-listed-instructor{border: 1px dotted black; margin: 1em; padding:0.5em; min-height: 150px;}
.ctpe-hidden-instructor{border: 1px dotted black; margin: 1em; padding:0.5em; min-height: 150px; border-radius: 1%;}
.ctpe-hidden-instructor-small{border: 1px dotted black; margin: 1em; padding:0.5em; min-height: 10px;}
#ctpe-hidden-schedule{display:none; margin-left: 2.5em;}
#ctpe-show-ins-button{margin-bottom: 0em;}
#ctpe-show-sched-button{margin-bottom: 0em;}

.ctpe-btn-attr{
display: inline-block;
font-weight: 500;
text-align: center;
vertical-align: middle;
background-image: none;
border: 1px solid #006747;
white-space: nowrap;
padding: 5px 10px;
margin-right: 0.5em;
font-size: 14px;
line-height: 1.43;
border-radius: 4px;
width: 12em;
}
.ctpe-btn-show, .ctpe-btn-listed{
display: inline-block;
cursor: pointer;
font-weight: 500;
text-align: center;
vertical-align: middle;
background-image: none;
border: 1px solid #006747;
white-space: nowrap;
padding: 5px 10px;
margin-right: 0.5em;
font-size: 14px;
line-height: 1.43;
border-radius: 4px;
color: white;
background-color: #006747;
width: 12em;
}
.ctpe-btn-listed {
  cursor: auto;
}
.ctpe-btn-show:hover{
background-color: #CFC493;
color:#006747;
}
.ctpe-btn-membership, .ctpe-btn-membership-plain{
  display: inline-block;
  font-weight: 500;
  text-align: center;
  vertical-align: middle;
  background-image: none;
  border: 1px solid #006747;
  white-space: nowrap;
  padding: 5px 10px;
  margin-right: 0.5em;
  font-size: 14px;
  line-height: 1.43;
  border-radius: 4px;
  color: white;
  background-color: #006747;
  width: 15.75em;
}
.ctpe-btn-membership:hover{
border: 2px solid white;
  cursor: pointer;
}
/* New listing layout */
/* Courtesy: github.com/unsupported/catalog/blob/master/branding */

.new-layout p {
	line-height: 1.25;
}

.new-layout .jqFlag { display: none; }


.new-layout .main-column h3,
.new-layout .side-column h3 {
	font-size: 21px;
	text-transform: uppercase;
	color: rgb(70,70,70);
	border-bottom: 1px solid;
	padding-bottom: 10px;
	margin-bottom: 20px;
	margin-top: 21px;
}

.new-layout .detail-blocks {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin-top: 5px;
}

.new-layout .detail-blocks div {
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 25px 10px 0;
	height: 95px;
	width: 130px;
	text-align: center;
	background-color: rgb(230,231,232);
	background-image: url(http://pub-images.canvasnetwork.com/background_course-details.gif);
	background-repeat: no-repeat;
	background-position: -35px 0;
}

.new-layout .detail-blocks div.detail-duration { background-position: -235px 0; }
.new-layout .detail-blocks div.detail-commitment { background-position: -440px 0; }
.new-layout .detail-blocks div.detail-requirement { background-position: -35px -105px; }
.new-layout .detail-blocks div.detail-type { background-position: -235px -105px; }
.new-layout .detail-blocks div.detail-credential { background-position: -440px -105px; }

.new-layout .detail-blocks h5 {
	font-size: 13px;
	text-transform: uppercase;
	margin: 0;
	color: rgb(70,70,70);
}

.new-layout .detail-blocks p {
	font-size: 14px;
}

@media screen and (max-width: 991px) {
	.new-layout .product-bg {
		padding-top: 25px;
		padding-bottom: 40px;
	}

	.new-layout .detail-blocks {
		max-width: 420px;
		margin: auto;
	}
}

@media screen and (max-width: 990px) {
	.new-layout .instructor-info > div:first-child { justify-content: flex-start; }
	.new-layout .instructor { margin-right: 20px; }
}

@media screen and (max-width: 614px) {
	.new-layout .detail-blocks {
		width: 340px;
		margin: auto;
	}

	.new-layout .detail-blocks div {
		width: 140px;
		background-position: -30px 0;
	}

	.new-layout .detail-blocks div.detail-duration { background-position: -230px 0; }
	.new-layout .detail-blocks div.detail-commitment { background-position: -435px 0; }
	.new-layout .detail-blocks div.detail-requirement { background-position: -30px -105px; }
	.new-layout .detail-blocks div.detail-type { background-position: -230px -105px; }
	.new-layout .detail-blocks div.detail-credential { background-position: -435px -105px; }
}