button.secondary, 
.button.secondary {
  background-color: #7FBBFB;
  border-color: #59A6F9;
  color: #FFFFFF;
}
.titlebar .button.secondary {
  margin: 2px;
}

/************************************** 2- Elements *********************************/
.progress {
  background: #F2F2F2;
  border: none;
  border-radius: 0;
  height: 0.2em;
  padding: 0;
}
.progress .meter {
  background: #1580FA;
}
.progress_title {
  opacity: 0.89;
  padding-bottom: 5px;
  padding-left: 2px;
  padding-top: 7px;
}
.progress_percent {
  color: #0579FE;
  display: inline-block;
  float: right;
  font-size: 1.4em;
  line-height: 28px;
  margin-top: -7px;
  padding-right: 3px;
}
.progress_title:hover .progress_percent {
  opacity: 1;
}

.tooltip {
  margin-left: 50px;
  opacity: 0.7;
  padding: 0.5em 1.2em;
  font-weight: normal;
  line-height: 0.9;
}  
.tooltip > .nub {
  left: 45%
}  



.section-container.auto, 
.section-container.vertical-tabs, 
.section-container.vertical-nav, 
.section-container.horizontal-nav, 
.section-container.accordion {
  border: none;
}
.section-container.auto > section > .title, 
.section-container.auto > .section > .title, 
.section-container.vertical-tabs > section > .title,
.section-container.vertical-tabs > .section > .title, 
.section-container.vertical-nav > section > .title, 
.section-container.vertical-nav > .section > .title, 
.section-container.horizontal-nav > section > .title, 
.section-container.horizontal-nav > .section > .title, 
.section-container.accordion > section > .title, 
.section-container.accordion > .section > .title {
  border: none;
  background: none;
}

.section-container.auto > section > .content, 
.section-container.auto > .section > .content, 
.section-container.vertical-tabs > section > .content, 
.section-container.vertical-tabs > .section > .content, 
.section-container.vertical-nav > section > .content, 
.section-container.vertical-nav > .section > .content, 
.section-container.horizontal-nav > section > .content, 
.section-container.horizontal-nav > .section > .content, 
.section-container.accordion > section > .content, 
.section-container.accordion > .section > .content {
  border: none;
  padding: 0.9375em 0.3em;
}
.section-container.vertical-tabs > section > .content, 
.section-container.vertical-tabs > .section > .content, 
.section-container.vertical-nav > section > .content, 
.section-container.vertical-nav > .section > .content {
  border: none;
  padding: 0.3em 0.9375em;
}
.section-container.auto > section > .content, 
.section-container.auto > .section > .content, 
.section-container.vertical-nav > section > .content, 
.section-container.vertical-nav > .section > .content, 
.section-container.horizontal-nav > section > .content, 
.section-container.horizontal-nav > .section > .content, 
.section-container.accordion > section > .content, 
.section-container.accordion > .section > .content {
  background: none;
}
.section-container.auto > section > .title, 
.section-container.auto > .section > .title, 
.section-container.vertical-nav > section > .title, 
.section-container.vertical-nav > .section > .title, 
.section-container.horizontal-nav > section > .title, 
.section-container.horizontal-nav > .section > .title, 
.section-container.accordion > section > .title, 
.section-container.accordion > .section > .title,

.section-container.auto > section.active > .title, 
.section-container.auto > .section.active > .title, 
.section-container.vertical-nav > section.active > .title, 
.section-container.vertical-nav > .section.active > .title, 
.section-container.horizontal-nav > section.active > .title, 
.section-container.horizontal-nav > .section.active > .title, 
.section-container.accordion > section.active > .title, 
.section-container.accordion > .section.active > .title {
  background: transparent url("../images/sprite.png") no-repeat;
  background-position: -45px 7px;
  padding-left: 25px;
  border-bottom: 1px solid #E0E0E0;
}
.section-container.auto > section.active > .title, 
.section-container.auto > .section.active > .title, 
.section-container.vertical-nav > section.active > .title, 
.section-container.vertical-nav > .section.active > .title, 
.section-container.horizontal-nav > section.active > .title, 
.section-container.horizontal-nav > .section.active > .title, 
.section-container.accordion > section.active > .title, 
.section-container.accordion > .section.active > .title {
  background-position: -45px -37px;
}

.section-container.auto > section > .title:hover, 
.section-container.auto > .section > .title:hover, 
.section-container.vertical-tabs > section > .title:hover, 
.section-container.vertical-tabs > .section > .title:hover, 
.section-container.vertical-nav > section > .title:hover, 
.section-container.vertical-nav > .section > .title:hover, 
.section-container.horizontal-nav > section > .title:hover, 
.section-container.horizontal-nav > .section > .title:hover, 
.section-container.accordion > section > .title:hover, 
.section-container.accordion > .section > .title:hover {
  background-color: #fff;
}

.section-container.auto > section > .title a, 
.section-container.auto > .section > .title a, 
.section-container.vertical-tabs > section > .title a, 
.section-container.vertical-tabs > .section > .title a, 
.section-container.vertical-nav > section > .title a, 
.section-container.vertical-nav > .section > .title a, 
.section-container.horizontal-nav > section > .title a, 
.section-container.horizontal-nav > .section > .title a, 
.section-container.accordion > section > .title a, 
.section-container.accordion > .section > .title a {
  font-size: 18px;
  padding: 0.3em 0.9em 0.2em 0.7em;
}  
.section-container.auto > section.active > .title a, 
.section-container.auto > .section.active > .title a, 
.section-container.vertical-tabs > section.active > .title a, 
.section-container.vertical-tabs > .section.active > .title a, 
.section-container.vertical-nav > section.active > .title a, 
.section-container.vertical-nav > .section.active > .title a, 
.section-container.horizontal-nav > section.active > .title a, 
.section-container.horizontal-nav > .section.active > .title a, 
.section-container.accordion > section.active > .title a, 
.section-container.accordion > .section.active > .title a {
  color: #007AFF;
}

/*********** Accordion *********/
.section-container.accordion > section> .title, 
.section-container.accordion > .section > .title,
.section-container.accordion > section.active > .title, 
.section-container.accordion > .section.active > .title {
  background: transparent url("../images/sprite.png") no-repeat;
  background-position: -38px 5px;
  padding-left: 30px;
  border: 1px solid #E0E0E0;
  margin: 4px 0;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.container.accordion > section > .title a, .section-container.accordion > .section > .title a {
  padding: .2em .9em .1em .7em;
}


/*********** Tabs *********/
.section-container.auto > section > .title, 
.section-container.auto > .section > .title,
.section-container.auto > section:last-child .title, 
.section-container.auto > .section:last-child .title {
  background-color: #FFF;
  background-image: none;
  border: 1px solid #007AFF;
  border-radius: 0;
  margin-top: -1px;
  padding: 0;
} 
.section-container.auto > section:last-child .title, 
.section-container.auto > .section:last-child .title {
  border-radius: 0 4px 4px 0;
} 
.section-container.auto > section:first-child .title, 
.section-container.auto > .section:first-child .title {
  border-radius: 4px 0 0 4px;
} 
.section-container.auto > section > .title a, 
.section-container.auto > .section > .title a {
  color: #007AFF;
  padding: 5px 15px;
} 
.section-container.auto > section.active > .title, 
.section-container.auto > .section.active > .title,
.section-container.auto > section > .title:hover, 
.section-container.auto > .section > .title:hover {
  background: #007AFF;
  border-bottom: none;
  color: #FFF;
  padding: 0;
}
.section-container.auto > section.active > .title a, 
.section-container.auto > .section.active > .title a,
.section-container.auto > section > .title:hover a, 
.section-container.auto > .section > .title:hover a {
  color: #FFF;
}

.section-container.auto.center > section > .content {
  margin-top: 12px;
  overflow: hidden;
}

/*********** Accordion *********/
.section-container.accordion > section > .title:hover a, 
.section-container.accordion > .section > .title:hover a {
  text-decoration: underline;
}


/************************************** List  *********************************/
.list-icon li {
  list-style: none;
}
.list-icon li .fa {
  padding: 0 10px 0 5px;
  color: #007AFF;
}