/* ELEMENTS */

body {
	/* Font from WebApp*/
	font-family: 'Segoe UI', 'Lucida Grande', 'Open Sans Regular';
	/* Fontsize from Specification*/
	font-size: 15px;
	/* LineHeight from Specification*/
	line-height: 20px;
	/* Fontcolor from Specification*/
	color: #50646E;
	margin: 0;
}

h1 {
	margin-top: 0.5em;
	font-size: 34px;
	line-height: 34px;
	font-weight: normal;
}

h2 {
	/* smaller bottom margin*/
	margin-bottom: 0.5em;
	font-size: 15px;
	line-height: 20px;
	font-weight: bold;
}

h3{
	/* smaller bottom margin*/
	margin-top: 1.4em;
	margin-bottom: 0.2em;
	font-size: 15px;
	line-height: 20px;
	font-weight: bold;
	opacity: 0.6;
}

a{
	/* Fontcolor from Specification*/
	text-decoration: none;
	color: #50646E;
}

a:hover{
	/* Fontcolor from Specification*/
	color: #353C45;
}


p {
	margin-top: 0.3em;
	margin-bottom: 0.3em;
}

small{
	font-size: 14px;
	line-height: 20px;
	opacity: 0.6;
}

table{
	border-collapse: collapse;
	padding: 0;
	margin: 0;
	width: 100%;
}

th, td{
	overflow: hidden;
}

table#session-table {
	table-layout: fixed;
	width: 100%;
	margin: 0 auto;
	text-align: right;
}

table#session-table th {
	background-color: #50646E;
	color: #fff;
	font-weight: normal;
	text-align: right;
	padding: 1px 10px 1px 1px;
	border-bottom: 1px solid #DEE4E9;
}

table#session-table td {
	border-bottom: 1px solid #DEE4E9;
	padding: 1px 10px 1px 1px;
}

table#session-table tr:nth-child(1n+2) {
	background-color: #FFF;
	color: #000;
}

table#session-table tr:nth-child(2n+3) {
	background-color: #E7E7E7;
	color: #000;
}

table#version-table{
	width: 75%;
}

table#version-table tr {
	height: 34px;
	border-top: 1px solid;
	border-color: #DEE4E9;
}

table#version-table td {
	padding-top: 3px;
	padding-bottom: 3px;
}

#app-store-badge {
	margin: 13px 10px 13px 0;
	height: 50px;
}

#play-store-badge {
	height: 75px;
}

/* CLASSES */

img.btn-image{
	vertical-align: middle;
}

.kb-link{
	text-decoration: underline;
}

.news-link:hover{
	/* Fontcolor from Specification*/
	color: #353C45;
}

.section-container{
	margin-bottom: 45px;
}

.subsection-container{
	margin-bottom: 25px;
}

.form-control{
	-moz-border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
	border-radius: 0px !important;
}

.form-control:focus {
	outline: 0 none;
	border-color: #8CBE00;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(151, 197, 0, 0.6);
}


.background {
	overflow: hidden;
	float: left;
}

.full-width-inputbox{
	width: 100%;
}

.modal-content {
	-moz-border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
	border-radius: 0px !important;
}

.server-info-text {
	display: inline-block; width: 130px; 
}
.session-info-text {
	display: inline-block; width: 220px; 
}

.glyphicon{
	color: #8CBE00;
	padding: 1px 5px 1px 5px;
}
.glyphicon:hover{
	color: #87B000;
}

/* Button */
.btn {
	display: inline-block;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	background-color: #8CBE00;
	border: none;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	padding: 7px 20px;
}

	.btn:hover {
		color: #fff;
		background-color: #87B000;
	}
	
	.btn:focus {
		outline: none;
	}

.btn-cancel-modal{
	background-color: #7896AA;
}
	.btn-cancel-modal:hover{
		background-color: #87B000;
	}
	
	.btn-cancel-modal:active {
		background-color: #000;
	}

.overlay {
    background-color: rgba(1, 1, 1, 0.1);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
}


/* IDS */

#main-container {
    overflow: auto;
	margin-top: 30px;
	/* left and right: 70px in 1024*/
	margin-left: 7%;
	margin-right: 7%;
	/* bottom: 102px in 913px*/
	/* minimum: height of the footer + some margin*/
	margin-bottom: 23px;
}

#title-container{
	margin-bottom: 40px;
}

/* ensures the line in the middle */
#primary-content-container{
	float: left;
	/*width: 550px in 1024*/
	width: 50%;
}

/* ensures the line in the middle */
#secondary-content-container{
	float: right;
	width: 41%;
	padding-left: 25px;
	border-left: 1px solid;
	border-color: #DEE4E9;
}


/* Vertec Logo */
#bg-logo-container {
	width: 100%;
	margin-bottom: 20px;
}

#img-logo{
	float: left;
}

/* Lower border */
#bg-footer {
	position: fixed;
	background-color: #7896AA;
	width: 100%;
	/* 23px in 913px */
	height: 23px;
	bottom: 0;
}

#bg-footer-left-corner {
	/* Green from Specification*/
	background-color: #8CBE00;
	/* 152px in 1024px */
	width: 14.84375%;
	height: 100%;
}

#bg-footer-center {
	/* Fontcolor from Specification*/
	background-color: #50646E;
	/* 409px in 1024px */
	margin-left: 40%;
	/* 256px in 1024px */
	width: 25%;
	height: 100%;
}

#management-info-container{
	float: left;
	width: 100%;
	margin-bottom: 5%;
}

/* Media Queries*/

@media (max-width:550px){
	
	#img-logo{
		float: left;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	/* ensures the line in the middle */
	#primary-content-container{
		width: 100%;
		padding: 0;
		margin-bottom: 30px;
		border-bottom: 1px solid;
		border-color: #DEE4E9;
	}
	
		/* ensures the line in the middle */
	#secondary-content-container{
		float: left;
		width: 100%;
		padding-left: 0;
		border-left: none;
		/*width: 573px in 1024*/
	}
	
	#session-table-container{
		visibility: hidden;
	}
}