@charset "UTF-8";
/* CSS Document */


/* Login portal */
#loginscreen{
	width:400px;
	margin-top:20px;
}
#loginscreen #logo{
	text-align:center;
}

#loginform{
	margin-top:3px;
	border-radius:5px;
	border:2px solid #ccc;
	padding:20px 0;
	background-color:#efefef;
}



/* Backend */
#mainbackend #logo{
	padding-left:0;
}
#mainbackend .nav{
	margin-top:10px;
}

#mainbackend{
	margin:10px;
}
#mainbackend #user{
	text-align:right;
	vertical-align:bottom;
}

#mainbackend #content{
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	padding-top:20px;
	padding-bottom:20px;
}

#network-select{
	width:100%;
}

table.datatable td{
	white-space: nowrap;
}
tr.userrow td{
	line-height:50px!important;
}

tr.userrow:hover{
	cursor:pointer;
	cursor:hand;
}


@media (max-width: 767px) {
	#logo{
		text-align:center;
	}
    #network-select-container{
		margin:10px 0;
		text-align:center;
	}
}

@-webkit-keyframes greenPulse {
  from { background-color: #91bd09; -webkit-box-shadow: 0 0 0 #91bd09; }
  50% { background-color: #9ac90a; -webkit-box-shadow: 0 0 9px #9ac90a; }
  to { background-color: #91bd09; -webkit-box-shadow: 0 0 0 #91bd09; }
}
.online-icon {
	margin-right:5px;
	height:10px;
	width:10px;
	border-radius:50%;
	background-color:#91bd09;
	display:inline-block;
  -webkit-animation-name: greenPulse;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
}


.offline-icon {
	margin-right:5px;
	height:10px;
	width:10px;
	border-radius:50%;
	border: 1px solid #91bd09;
	display:inline-block;
}