/*--- Dashboard ---*/
.dashboard-hero {
    background:#5fd080 !important;   
}

/*-----------------------------------------------------------------------
------ BLOG -------------------------------------------------------------
------------------------------------------------------------------------*/
/*-- Page Hero --*/
.blog-hero {
    background:#5fd080 !important;    
}
/*-- Navigation Link --*/
.blog-item.active i {
    color:#5fd080 !important;   
}
.blog-item.active i {
    color:#5fd080 !important;   
}
.blog-app a {
    color:#5fd080 !important;    
}
.blog-item:hover .nav_icon i,
.blog-item:focus .nav_icon i {
    color:#5fd080 !important;    
}
/*-- Page Settings --*/
.blog-page .btn-create {
    background: #5fd080 !important;
    color:#fff !important;
    border: 2px solid #5fd080 !important;   
}
.blog-item .btn-create:hover,
.blog-item .btn-create:focus {
    background: #67d888 !important;
    border: 2px solid #67d888 !important;
}
.blog-page .pagination > .active > a,
.blog-page .pagination > .active > a:focus,
.blog-page .pagination > .active > a:hover,
.blog-page .pagination > .active > span,
.blog-page .pagination > .active > span:focus,
.blog-page .pagination > .active > span:hover {
    background-color: #5FD080 !important;
    border-color: #5FD080 !important;
    color:#fff !important;
}
/*-- App Page Tile --*/
.blog-app .app-hidden .btn-app-link, 
.blog-app .app-hidden .btn-app-link:hover, 
.blog-app .app-hidden .btn-app-link:focus {
    color:#5FD080 !important;
}
.blog-app .app-details {
    color:#5FD080 !important;
}
.blog-page .nav-pills > li.active > a,
.blog-page .nav-pills > li.active > a:focus,
.blog-page .nav-pills > li.active > a:hover {
    border-bottom: 2px solid #5FD080 !important;
    color:#5FD080 !important;
}

/*-- Delete Page --*/
.blog-page .delete-page-content .btn-delete {
  background: #5fd080 !important;
}
.blog-page .delete-page-content .btn-delete:focus,
.blog-page .delete-page-content .btn-delete:hover {
  background: #67d888 !important;
}
.blog-page .delete-page-content .delete-icon {
  color: #5fd080 !important;
}

/*-- General Button --*/
.blog-page .btn-general {
    background: #5fd080 !important;
    color: #fff !important;
}
.blog-page .btn-general:hover,
.blog-page .btn-general:focus {
    background: #67d888 !important;
    color: #fff !important;
}



/*-----------------------------------------------------------------------
------ TWITCH STREAMS ---------------------------------------------------
------------------------------------------------------------------------*/
/*-- Page Hero --*/
.streams-hero {
    background:#8274e0 !important;    
}
/*-- Navigation Link --*/
.streams-item:hover .nav_icon i,
.streams-item:focus .nav_icon i {
    color:#8274e0 !important;    
}
.streams-item.active i {
    color:#8274e0 !important;    
}
/*-- Page Settings --*/
.streams-page a {
    color:#8274e0 !important;    
}
.streams-page .btn-create {
    background: #8274e0 !important;
    color:#fff !important;
    border: 2px solid #8274e0 !important;
}
.streams-page .btn-create:hover,
.streams-page .btn-create:focus {
    background: #9487ed !important;
    border: 2px solid #9487ed !important;
}
.streams-page .pagination > .active > a,
.streams-page .pagination > .active > a:focus,
.streams-page .pagination > .active > a:hover,
.streams-page .pagination > .active > span,
.streams-page .pagination > .active > span:focus,
.streams-page .pagination > .active > span:hover {
    background-color: #8274e0 !important;
    border-color: #8274e0 !important;
    color:#fff !important;
}
/*-- App Page Tile --*/
.streams-app .app-hidden .btn-app-link, 
.streams-app .app-hidden .btn-app-link:hover, 
.streams-app .app-hidden .btn-app-link:focus {
    color:#8274e0 !important;
}
.streams-app .app-details {
    color:#8274e0 !important;
}
.streams-page .nav-pills > li.active > a,
.streams-page .nav-pills > li.active > a:focus,
.streams-page .nav-pills > li.active > a:hover {
    border-bottom: 2px solid #8274e0 !important;
    color:#8274e0 !important;
}

/*-- Delete Page --*/
.streams-page .delete-page-content .btn-delete {
  background: #8274e0 !important;
}
.streams-page .delete-page-content .btn-delete:focus,
.streams-page .delete-page-content .btn-delete:hover {
  background: #9487ed !important;
}
.streams-page .delete-page-content .delete-icon {
  color: #8274e0 !important;
}

/*-- General Button --*/
.streams-page .btn-general {
    background: #5fd080 !important;
    color: #fff !important;
}
.streams-page .btn-general:hover,
.streams-page .btn-general:focus {
    background: #67d888 !important;
    color: #fff !important;
}


/*-----------------------------------------------------------------------
------ TEAMS ------------------------------------------------------------
------------------------------------------------------------------------*/
/*-- Page Hero --*/
.teams-hero {
    background:#5d78dc !important;    
}
/*-- Navigation Link --*/
.teams-item:hover .nav_icon i,
.teams-item:focus .nav_icon i {
    color:#5d78dc !important;    
}
.teams-item.active i {
    color:#5d78dc !important;    
}
/*-- Page Settings --*/
.teams-page a {
    color:#5d78dc !important;    
}
.teams-page .btn-create {
    background: #5d78dc !important;
    color:#fff !important;
    border: 2px solid #5d78dc !important;   
}
.teams-page .btn-create:hover,
.teams-page .btn-create:focus {
    background: #80abe6 !important;
    border: 2px solid #80abe6 !important;
}
.teams-page .pagination > .active > a,
.teams-page .pagination > .active > a:focus,
.teams-page .pagination > .active > a:hover,
.teams-page .pagination > .active > span,
.teams-page .pagination > .active > span:focus,
.teams-page .pagination > .active > span:hover {
    background-color: #5d78dc !important;
    border-color: #5d78dc !important;
    color:#fff !important;
}
/*-- App Page Tile --*/
.teams-app .app-hidden .btn-app-link, 
.teams-app .app-hidden .btn-app-link:hover, 
.teams-app .app-hidden .btn-app-link:focus {
    color:#5d78dc !important;
}
.teams-app .app-details {
    color:#5d78dc !important;
}
.teams-page .nav-pills > li.active > a,
.teams-page .nav-pills > li.active > a:focus,
.teams-page .nav-pills > li.active > a:hover {
    border-bottom: 2px solid #5d78dc !important;
    color:#5d78dc !important;
}

/*-- Delete Page --*/
.teams-page .delete-page-content .btn-delete {
  background: #5d78dc !important;
}
.teams-page .delete-page-content .btn-delete:focus,
.teams-page .delete-page-content .btn-delete:hover {
  background: #80abe6 !important;
}
.teams-page .delete-page-content .delete-icon {
  color: #5d78dc !important;
}

/*-- General Button --*/
.teams-page .btn-general {
    background: #5fd080 !important;
    color: #fff !important;
}
.teams-page .btn-general:hover,
.teams-page .btn-general:focus {
    background: #67d888 !important;
    color: #fff !important;
}



/*-----------------------------------------------------------------------
------ STATISTICS -------------------------------------------------------
------------------------------------------------------------------------*/
/*-- Page Hero --*/
.statistics-hero {
    background:#9b111e !important;    
}
/*-- Navigation Link --*/
.statistics-item:hover .nav_icon i,
.statistics-item:focus .nav_icon i {
    color:#9b111e !important;    
}
.statistics-item.active i {
    color:#9b111e !important;    
}
/*-- Page Settings --*/
.statistics-page a {
    color:#9b111e !important;    
}
.statistics-page .btn-create {
    background: #9b111e !important;
    color:#fff !important;
    border: 2px solid #9b111e !important;   
}
.statistics-page .btn-create:hover,
.statistics-page .btn-create:focus {
    background: #ae2633 !important;
    border: 2px solid #ae2633 !important;
}
.statistics-page .pagination > .active > a,
.statistics-page .pagination > .active > a:focus,
.statistics-page .pagination > .active > a:hover,
.statistics-page .pagination > .active > span,
.statistics-page .pagination > .active > span:focus,
.statistics-page .pagination > .active > span:hover {
    background-color: #9b111e !important;
    border-color: #9b111e !important;
    color:#fff !important;
}
/*-- App Page Tile --*/
.statistics-app .app-hidden .btn-app-link, 
.statistics-app .app-hidden .btn-app-link:hover, 
.statistics-app .app-hidden .btn-app-link:focus {
    color:#9b111e !important;
}
.statistics-app .app-details {
    color:#9b111e !important;
}
.statistics-page .nav-pills > li.active > a,
.statistics-page .nav-pills > li.active > a:focus,
.statistics-page .nav-pills > li.active > a:hover {
    border-bottom: 2px solid #9b111e !important;
    color:#9b111e !important;
}

/*-- Delete Page --*/
.statistics-page .delete-page-content .btn-delete {
  background: #9b111e !important;
}
.statistics-page .delete-page-content .btn-delete:focus,
.statistics-page .delete-page-content .btn-delete:hover {
  background: #ae2633 !important;
}
.statistics-page .delete-page-content .delete-icon {
  color: #9b111e !important;
}

/*-- General Button --*/
.statistics-page .btn-general {
    background: #9b111e !important;
    color: #fff !important;
}
.statistics-page .btn-general:hover,
.statistics-page .btn-general:focus {
    background: #ae2633 !important;
    color: #fff !important;
}




/*-----------------------------------------------------------------------
------ PORTFOLIO --------------------------------------------------------
------------------------------------------------------------------------*/
/*-- Page Hero --*/
.portfolio-hero {
    background:#5fd0cc !important;    
}
/*-- Navigation Link --*/
.portfolio-item:hover .nav_icon i,
.portfolio-item:focus .nav_icon i {
    color:#5fd0cc !important;    
}
.portfolio-item.active i {
    color:#5fd0cc !important;    
}
/*-- Page Settings --*/
.portfolio-page a {
    color:#5fd0cc !important;    
}
.portfolio-page .btn-create {
    background: #5fd0cc !important;
    color:#fff !important;
    border: 2px solid #5fd0cc !important;   
}
.portfolio-page .btn-create:hover,
.portfolio-page .btn-create:focus {
    background: #73deda !important;
    border: 2px solid #73deda !important;
}
.portfolio-page .pagination > .active > a,
.portfolio-page .pagination > .active > a:focus,
.portfolio-page .pagination > .active > a:hover,
.portfolio-page .pagination > .active > span,
.portfolio-page .pagination > .active > span:focus,
.portfolio-page .pagination > .active > span:hover {
    background-color: #5fd0cc !important;
    border-color: #5fd0cc !important;
    color:#fff !important;
}
/*-- App Page Tile --*/
.portfolio-app .app-hidden .btn-app-link, 
.portfolio-app .app-hidden .btn-app-link:hover, 
.portfolio-app .app-hidden .btn-app-link:focus {
    color:#5fd0cc !important;
}
.portfolio-app .app-details {
    color:#5fd0cc !important;
}
.portfolio-page .nav-pills > li.active > a,
.portfolio-page .nav-pills > li.active > a:focus,
.portfolio-page .nav-pills > li.active > a:hover {
    border-bottom: 2px solid #5fd0cc !important;
    color: #5fd0cc !important;
}

/*-- Delete Page --*/
.portfolio-page .delete-page-content .btn-delete {
  background: #5fd0cc !important;
}
.portfolio-page .delete-page-content .btn-delete:focus,
.portfolio-page .delete-page-content .btn-delete:hover {
  background: #73deda !important;
}
.portfolio-page .delete-page-content .delete-icon {
  color: #5fd0cc !important;
}

/*-- General Button --*/
.portfolio-page .btn-general {
    background: #5fd080 !important;
    color: #fff !important;
}
.portfolio-page .btn-general:hover,
.portfolio-page .btn-general:focus {
    background: #67d888 !important;
    color: #fff !important;
}


/*-----------------------------------------------------------------------
------ TESTIMONIALS -----------------------------------------------------
------------------------------------------------------------------------*/
/*-- Page Hero --*/
.testimonials-hero {
    background:#ff6962 !important;    
}
/*-- Navigation Link --*/
.testimonials-item:hover .nav_icon i,
.testimonials-item:focus .nav_icon i {
    color:#ff6962 !important;    
}
.testimonials-item.active i {
    color:#ff6962 !important;    
}
/*-- Page Settings --*/
.testimonials-page a {
    color:#ff6962 !important;    
}
.testimonials-page .btn-create {
    background: #ff6962 !important;
    color:#fff !important;
    border: 2px solid #ff6962 !important;   
}
.testimonials-page .btn-create:hover,
.testimonials-page .btn-create:focus {
    background: #fd7872 !important;
    border: 2px solid #fd7872 !important;
}
.testimonials-page .pagination > .active > a,
.testimonials-page .pagination > .active > a:focus,
.testimonials-page .pagination > .active > a:hover,
.testimonials-page .pagination > .active > span,
.testimonials-page .pagination > .active > span:focus,
.testimonials-page .pagination > .active > span:hover {
    background-color: #ff6962 !important;
    border-color: #ff6962 !important;
    color:#fff !important;
}
/*-- App Page Tile --*/
.testimonials-app .app-hidden .btn-app-link, 
.testimonials-app .app-hidden .btn-app-link:hover, 
.testimonials-app .app-hidden .btn-app-link:focus {
    color:#ff6962 !important;
}
.testimonials-app .app-details {
    color:#ff6962 !important;
}

.testimonials-page .nav > li > a {
    padding: 15px 25px;
}

.testimonials-page .nav-pills > li.active > a,
.testimonials-page .nav-pills > li.active > a:focus,
.testimonials-page .nav-pills > li.active > a:hover {
    color: #FF6962 !important;
    border-bottom: 2px solid #FF6962 !important;
}

/*-- Delete Page --*/
.testimonials-page .delete-page-content .btn-delete {
  background: #ff6962 !important;
}
.testimonials-page .delete-page-content .btn-delete:focus,
.testimonials-page .delete-page-content .btn-delete:hover {
  background: #fd7872 !important;
}
.testimonials-page .delete-page-content .delete-icon {
  color: #ff6962 !important;
}

/*-- General Button --*/
.testimonials-page .btn-general {
    background: #5fd080 !important;
    color: #fff !important;
}
.testimonials-page .btn-general:hover,
.testimonials-page .btn-general:focus {
    background: #67d888 !important;
    color: #fff !important;
}


/*-----------------------------------------------------------------------
------ CONTACT ----------------------------------------------------------
------------------------------------------------------------------------*/
/*-- Page Hero --*/
.contact-hero {
    background:#65658e !important;    
}
/*-- Navigation Link --*/
.contact-item:hover .nav_icon i,
.contact-item:focus .nav_icon i {
    color:#65658e !important;    
}
.contact-item.active i {
    color:#65658e !important;    
}
/*-- Page Settings --*/
.contact-page a {
    color:#65658e !important;    
}
.contact-page .btn-create {
    background: #65658e !important;
    color:#fff !important;
    border: 2px solid #65658e !important;   
}
.contact-page .btn-create:hover,
.contact-page .btn-create:focus {
    background: #65658e !important;
    border: 2px solid #65658e !important;
}
.contact-page .pagination > .active > a,
.contact-page .pagination > .active > a:focus,
.contact-page .pagination > .active > a:hover,
.contact-page .pagination > .active > span,
.contact-page .pagination > .active > span:focus,
.contact-page .pagination > .active > span:hover {
    background-color: #65658e !important;
    border-color: #65658e !important;
    color:#fff !important;
}

/*-- App Page Tile --*/
.contact-app .app-hidden .btn-app-link, 
.contact-app .app-hidden .btn-app-link:hover, 
.contact-app .app-hidden .btn-app-link:focus {
    color:#545482 !important;
}
.contact-app .app-details {
    color:#65658e !important;
}

.contact-page .nav > li > a {
    padding: 15px 25px;
}

.contact-page .nav-pills > li.active > a,
.contact-page .nav-pills > li.active > a:focus,
.contact-page .nav-pills > li.active > a:hover {
    border-bottom: 2px solid #65658e !important;
    color: #65658e !important;
}

/*-- Delete Page --*/
.contact-page .delete-page-content .btn-delete {
  background: #65658e !important;  
}
.contact-page .delete-page-content .btn-delete:focus,
.contact-page .delete-page-content .btn-delete:hover {
  background: #7b7ba5 !important;  
}
.contact-page .delete-page-content .delete-icon {
  color: #65658e !important;  
}

/*-- General Button --*/
.contact-page .btn-general {
    background: #65658e !important;
    color: #fff !important;
}
.contact-page .btn-general:hover,
.contact-page .btn-general:focus {
    background: #7b7ba5 !important;
    color: #fff !important;
}




/*-----------------------------------------------------------------------
------ SPONSORS ---------------------------------------------------------
------------------------------------------------------------------------*/
/*-- Page Hero --*/
.sponsors-hero {
    background:#87be9b !important;    
}
/*-- Navigation Link --*/
.sponsors-item:hover .nav_icon i,
.sponsors-item:focus .nav_icon i {
    color:#87be9b !important;    
}
.sponsors-item.active i {
    color:#87be9b !important;    
}
/*-- Page Settings --*/
.sponsors-page a {
    color:#87be9b !important;    
}
.sponsors-page .btn-create {
    background: #87be9b !important;
    color:#fff !important;
    border: 2px solid #87be9b !important;   
}
.sponsors-page .btn-create:hover,
.sponsors-page .btn-create:focus {
    background: #9487ed !important;
    border: 2px solid #9487ed !important;
}
.sponsors-page .pagination > .active > a,
.sponsors-page .pagination > .active > a:focus,
.sponsors-page .pagination > .active > a:hover,
.sponsors-page .pagination > .active > span,
.sponsors-page .pagination > .active > span:focus,
.sponsors-page .pagination > .active > span:hover {
    background-color: #87be9b !important;
    border-color: #87be9b !important;
    color:#fff !important;
}
/*-- App Page Tile --*/
.sponsors-app .app-hidden .btn-app-link, 
.sponsors-app .app-hidden .btn-app-link:hover, 
.sponsors-app .app-hidden .btn-app-link:focus {
    color:#87be9b !important;
}
.sponsors-app .app-details {
    color:#87be9b !important;
}
.sponsors-page .nav-pills > li.active > a,
.sponsors-page .nav-pills > li.active > a:focus,
.sponsors-page .nav-pills > li.active > a:hover {
    border-bottom: 2px solid #87be9b !important;
    color:#87be9b !important;
}

/*-- Delete Page --*/
.sponsors-page .delete-page-content .btn-delete {
  background: #87be9b !important;
}
.sponsors-page .delete-page-content .btn-delete:focus,
.sponsors-page .delete-page-content .btn-delete:hover {
  background: #9487ed !important;
}
.sponsors-page .delete-page-content .delete-icon {
  color: #87be9b !important;
}

/*-- General Button --*/
.sponsors-page .btn-general {
    background: #5fd080 !important;
    color: #fff !important;
}
.sponsors-page .btn-general:hover,
.sponsors-page .btn-general:focus {
    background: #67d888 !important;
    color: #fff !important;
}


/*-----------------------------------------------------------------------
------ COUNTERS ---------------------------------------------------------
------------------------------------------------------------------------*/
/*-- Page Hero --*/
.counters-hero {
    background:#FF6103 !important;    
}
/*-- Navigation Link --*/
.counters-item:hover .nav_icon i,
.counters-item:focus .nav_icon i {
    color:#FF6103 !important;    
}
.counters-item.active i {
    color:#FF6103 !important;    
}
/*-- Page Settings --*/
.counters-page a {
    color:#FF6103 !important;    
}
.counters-page .btn-create {
    background: #FF6103 !important;
    color:#fff !important;
    border: 2px solid #FF6103 !important;   
}
.counters-page .btn-create:hover,
.counters-page .btn-create:focus {
    background: #FF6103 !important;
    border: 2px solid #FF6103 !important;
}
.counters-page .pagination > .active > a,
.counters-page .pagination > .active > a:focus,
.counters-page .pagination > .active > a:hover,
.counters-page .pagination > .active > span,
.counters-page .pagination > .active > span:focus,
.counters-page .pagination > .active > span:hover {
    background-color: #FF6103 !important;
    border-color: #FF6103 !important;
    color:#fff !important;
}
/*-- App Page Tile --*/
.counters-app .app-hidden .btn-app-link, 
.counters-app .app-hidden .btn-app-link:hover, 
.counters-app .app-hidden .btn-app-link:focus {
    color:#FF6103 !important;
}
.counters-app .app-details {
    color:#FF6103 !important;
}
.counters-page .nav-pills > li.active > a,
.counters-page .nav-pills > li.active > a:focus,
.counters-page .nav-pills > li.active > a:hover {
    border-bottom: 2px solid #FF6103 !important;
    color:#FF6103 !important;
}

/*-- Delete Page --*/
.counters-page .delete-page-content .btn-delete {
  background: #FF6103 !important;
}
.counters-page .delete-page-content .btn-delete:focus,
.counters-page .delete-page-content .btn-delete:hover {
  background: #FF6103 !important;
}
.counters-page .delete-page-content .delete-icon {
  color: #FF6103 !important;
}

/*-- General Button --*/
.counters-page .btn-general {
    background: #FF6103 !important;
    color: #fff !important;
}
.counters-page .btn-general:hover,
.counters-page .btn-general:focus {
    background: #FF6103 !important;
    color: #fff !important;
}