html{margin:0; padding:0; height:100%}
a:link {color:none;}
a:hover {color:none;}
a:active {color:none;}
a{text-decoration:none; color:#343434;}

.mainPage{margin:auto; width:885px;}
.mainPageContainer{width:100%; margin:auto}

.rightBtn{
	cursor:pointer;
	color:white;
	background:#5FA418;
	padding:10px;
	font-size:12px;
	position:absolute;
	right:5px;
	bottom:5px;
}

.rightBtn:active{background:#343434}
.infoDeviceBox{float:left; text-align:left; position:relative; width:100%; background:#343434; color:white; min-height:73px}
#showDevices{position:relative}
.deviceBox{position:absolute; left:0; z-index:100; background:gray; display:none; width:150px}
.deviceBox div{padding:5px; font-size:12px; }
.deviceBox div:hover{color:white;}


/*MAIN MENU*/
.nav-bar{
	width:100%;
	padding:12px 0 12px 0;
	text-align: left;
	color:#343434;
	border-radius:0.2em;
	font-size:12px;
	margin-top:20px;
}
.nav-bar ul{display:inline; padding:inherit}
.nav-bar ul li{display:inline; padding:15px 10px; cursor:pointer}
.nav-bar ul li:hover{
	background:#343434;
	box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.125) inset;
	color:white}
.active-menu{
	box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.125) inset;
	background:#343434;
	color:white
}



/*RESPONSIVE MENU*/
.resp-menu{display:none; width:100%; clear:both; padding:10px 0; text-align:left}
.resp-menu-current{font-size:22px; color:#343434; padding:5px}
.resp-menu-icon, .resp-menu-icon-open{float:right; padding:5px; width:25px; cursor:pointer; border-radius:0.2em;}
.resp-menu-icon div, .resp-menu-icon-open div{clear:both; width:90%; border:3px solid #5FA418; margin-top:5px;}
.resp-menu-icon-open div {border:3px solid #343434;}
.resp-menu-icon:active{opacity:0.7}
.resp-menu-itemsAll{clear:both; padding:15px; display:none; font-family:MovistarText-Bold; text-align:center}
.resp-menu-item, .resp-menu-item2{clear:both; padding:5px; border-top:1px solid #5FA418; font-size:18px}
.resp-menu-item:hover{color:#5FA418; background:#343434;}

.cl{ clear: both; }
.idb-row{ width:100%; padding: 8px 4px 4px 8px; }

#online_indicator{
	margin: 0 20px;
}

#online_indicator div{
	border-radius: 100%;
	width: 10px;
	height: 10px;
	margin-top: 6px;
}

#online_indicator span{
	margin-left: 5px;
	font-size: 14px;
}

.navbar .container-fluid > .navbar-header .navbar-brand {
	height: unset !important;
}