/**                 SET MAIN COLOUR                 **/
/*  ---------------------------------------------    */

/*  1. Set product-specific background colour of left column (unit hover, active unit. lesson contents column)  */

/*  coloured overlay during page/activity load  */
	.modal-backdrop,
/*  content lozenge background colours  */
	#book-index #indice .units ul li.active a,
	html body:not(.isTablet) #indice .units ul li:hover,
	body:not(.isTablet) #book-index #indice .units ul li:not(.disabled) a:hover,
	#book-index #indice .units ul li.active a:focus,
	#book-index .col-indice.col-main, 
	/* buttons */
	.btn-primary,
	.btn-primary.disabled,
	.btn-primary.disabled:focus,
	#indice .units ul li:focus,
	#indice .units ul li.active {
	    background-color: #01a5ca !important; 
	}

 /*                  SET LINK COLOUR                 **/
/*   ---------------------------------------------   */

/*  2. Set colour of links on white background  */
.actividades a:hover,
.actividades a:active,
.actividades a:focus {
  color: #01a5ca;
}




/* 
.libro.content-wrapper #indice {
  display: none; }
  */

body.is_app {
  padding-top: 0px; }

.content {
    padding: 15px 0 0 10px !important;
}
 
.hierarchy .branch-node {
    height: 316px !important;
    margin: 0 20px 25px 0 !important;
}
 
.hierarchy .branch-node .information-mask .information .bottom-half {
    height: 46px !important;
    line-height: 21px !important;
}
.navigation .button .category-icon {
    stroke: #008FCB !important;
    fill: #008FCB !important;
}
.navigation .button.selected .button-text{color:#008FCB!important}
/*.navigation .button:hover .category-icon{stroke:#008FCB!important;fill:#008FCB!important}*/
.navigation .button:hover .button-text{color:#008FCB!important}
.navigation .button-scores{padding-top:10px!important}
.navigation.welcome-navigation .button-scores{padding-top:0!important}
.navigation .button-4 {background-size: 95%!important}
.navigation .button-scores {background-position: 0 34px!important}
.welcome-navigation.navigation .categories-4 .button-4 {background-position: 140% 7px;}
.header-navigation.navigation .button-4 {background-position: 140% 0px;}