@CHARSET "ISO-8859-1";

@import url('overrides/admin.css');
@import url('overrides/article.css');
@import url('overrides/building.css');
@import url('overrides/calculation.css');
@import url('overrides/footer.css');
@import url('overrides/header.css');
@import url('overrides/home.css');
@import url('overrides/login.css');
@import url('overrides/preview.css');
@import url('overrides/product_info.css');
@import url('overrides/profile.css');
@import url('overrides/project.css');
@import url('overrides/settings.css');
@import url('overrides/tooltips.css');
@import url('overrides/uvalue.css');

.modal {
 overflow-y: auto;
}

.modal-open {
 overflow: auto;
}

.custom-tooltip-styling {
	font-size: 20px !important;
}

.mainlogo {
	margin-left: auto;
	margin-right: auto;
}

/* Product image thumbnails */
div[id^=image_] {
	float: left;
	margin: 5px;
}

/* Change language dropdown button/menu */
#change_language {
	float: right;	
	margin-top: 20px;
}

/* Profile tabs left and right sides */
.left-side{
	padding-top: 15px;
	padding-bottom: 15px;
}

.right-side{
	padding-top: 15px;
	padding-bottom: 15px;
}

.jumbowrapper{
	padding: 15px;
}

/*
	Container elements: header, navigation, body, footer
	----------------------------------------------------
 */
.header {
	position: relative;
	z-index: 40;
}

.navigation {
	position: relative;
	z-index: 30;
}

.body {
	position: relative;
	z-index: 20;}

.footer {
	position: relative;
	z-index: 10;
}

#body_panel_bottom_wrapper {
	clear: both;
}

/* Joonaksen lisäykset */

/* LOGIN SIVUN CSS */

html {
	min-height: 100%;
}

.login-page {
	background: url('../images/background-blurred.jpg') no-repeat;
	background-size: cover;
}

.login-page .header {
	margin: 4rem 0 2rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid white;
}

.cell-center {
	display: table;
	width: 100%;
}

.cell-center .the-cell {
	vertical-align: middle;
	text-align: center;
	display: table-cell;
	height: 240px;
}

.cell-center .the-cell img{
	width: 100%;
	max-width: 144px;
}

.login-page .header h1 {
	color: white;
	text-shadow: 0 1px 3px rgba(0,0,0,0.6);
}

.login-page .body {
	padding: 4rem;
	background: white;
	box-shadow: 0 4px 12px rgba(0,0,0,0.4);
	margin-bottom: 3rem;
}


/* NORMAALIN UI:N CSS */
.theTop {
	background: url('../images/background-blurred.jpg') center center no-repeat;
	background-size: cover;
}

.theTop .logo a {
	background: #FFFFFF;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
    display: inline-block;
    max-width: 100px;
    padding: 20px;

    transition: all 0.3s;
}


.theTop .logo a:hover {
	background: #375A7C;
}

.theTop .logo a img {
	width: 100%;
}

.theTop h1 {
	color: white;
	text-shadow: 0 1px 3px rgba(0,0,0,0.6);
}

.theTop .navbar {
	background: rgba(255,255,255,0.5);
	border: 0;
	margin-bottom: 30px;
	border-radius: 0;
}

.navbar-inverse .navbar-nav > li > a,
.navbar-inverse .navbar-brand {
	color: #555;
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
	color: #000;
	background: rgba(255,255,255,0.35);
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
	background: #FFF;
	color: #000;
}

.table-hover tbody tr {
	cursor: pointer;
}

li a {
	cursor: pointer;
}

/* Mobile styles */
.navbar-toggle {
	background: #333;
}

@media (max-width: 767px) {
	.navbar-inverse .navbar-collapse,
	.navbar-inverse .navbar-form {
		border-top: 0;
		background: #333;
	}

	.navbar-nav {
		margin: 0 -15px;
	}

	.navbar-inverse .navbar-nav > .active > a,
	.navbar-inverse .navbar-nav > .active > a:hover,
	.navbar-inverse .navbar-nav > .active > a:focus {
		color: #000;
	}

	.navbar-inverse .navbar-nav > li > a {
		color: #CCC;
	}
}