﻿/*
    Name: Lietuvos kredito unijų žemės sklypų vertinimo el. paslauga
    Description: Main style css of web application
    Author: Andrius Balciunas, SE GIS-Centras
*/


/* 
	Basic style 
*/

html {
	height: 100%;
}

body {     
	font-family: 'Lato', sans-serif;
	height: 100%;
	background-image: url(../img/elements/bg-main.png);
}

header .row, footer .row {
	background-color: #cae08e;
	margin: 2em 0;
	padding: 1em 0;
	color: #565655;
	font-weight: 300;
}

	header a,  footer a {
		color: #565655 !important;
	}

	header a:hover, footer a:hover {
		color: #C02942 !important;
		text-decoration: none;
	}

.header-functions {
    padding-top: 7px;
}

.page-title {
    padding-top: 5px;
    padding-left: 10px;
}
	

/*
	App sections
*/

.app-section {
	margin-bottom: 2em;
	color: #263238;;
}

	.app-section a {
		color: #263238;;
	}

	.app-section a:hover {
		text-decoration: none;
		color: #fff;
	}

	.app-section-content {
		background-color: #ffffff;
	}

		.app-section-content:hover {
			background-color: #263238;
			cursor: pointer;
		}

	.app-section-content-graphic {
		padding: 1em;
		height: 15em;
	    background-color: green;
	    position: relative;
	}

		.app-section-content-graphic h3 {
			position: absolute;
			bottom: 0.5em;
			color: #fff;
		}

		.graphic-1 {
			background-color: #53777A;
		}

		.graphic-2 {
			background-color: #542437;	
		}

		.graphic-3 {
			background-color: #C02942;
		}

		.graphic-4 {
			background-color: #D95B43;
		}

		.graphic-5 {
			background-color: #ECD078;
		}

		.graphic-6 {
			background-color: #C44D58;
		}

		.graphic-7 {
        	background-color: #927a50;
        }

        .graphic-8 {
            background-color: #72DB67;
        }

		.graphic-ico {
			float: right;
		    padding-top: 1em;
		    padding-right: 1em;
		}

	.app-section-content-desc {
		padding: 1em;
		min-height: 5em;
		font-weight: 300;
	}

.content-text {
	padding: 1em;
	background-color: #ffffff;
	font-weight: 300;
	color: #263238;
}

	.content-text-sml {
		margin-bottom: 2em;
	}

#content-help a {
    color: #263238;
}

#content-about a, #content-help .panel-body a {
    color: #337ab7;
    text-decoration: none;
}

    #content-about a:hover, #content-help a:hover {
        text-decoration: underline;
    }


/*

	Assess wizzard

*/

#assess-wizzard-nav-analyze, #assess-wizzard-nav-clear {
	background-color: #F5F5F5;
	padding: 1em;
	color: #263238;
	font-weight: 300;
	text-align: center;
}

#assess-wizzard-nav-analyze:hover, #assess-wizzard-nav-clear:hover {
	background-color: #263238;
	cursor: pointer;
	color: #fff;
}

	#assess-wizzard-nav .text-left {
		padding-right: 0px;
	}

	#assess-wizzard-nav .text-right {
		padding-left: 0px;
	}

.assess-form, #assess-wizzard-nav {
	display: none;
}

	.assess-form a:hover {
		color: #C02942;
	}

.analysis-input, .coefficient-input {
	padding: 0.5em;
	margin-bottom: 0.5em;
    width: 40%;
    display: inline;
}

.report-param {
    margin-bottom: 5px;
}

.parcel-number {
	width: 50%;
}

.assess-types-element {
	margin-bottom: 2em;
}

	.assess-types-element .text-strong {
		font-size: 16px;
	}

#assess-parcel-btn, #assess-parcel-table, #assess-report-param {
	display: none;
}

#assess-parcel-table, #assess-parcel-btn, #assess-reports-table {
	margin-top: 1em;
}

.report-manage {
	margin-right: 5px;
	cursor: pointer;
}
	
	.report-manage:hover {
		color: red;
	}

#assess-reports .content-text, #statistic-reports .content-text {
	padding-bottom: 3em;
}

#assess-reports h4, #assess-types h4 {
	margin-bottom: 1.5em;
}

#calculator-report {
	display: none;
}

.noParcels {
    display: none;
}

.coord-type {
	margin-bottom: 15px !important;
}

.ico-info {
	margin-left: 15px;
}


/* 
	Application login box
*/

#app-login {
	background: url(../img/elements/bg-login.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 100%;
}

	#app-login .row {
		margin-left: 0;
		margin-right: 0;
	}

#app-login-header {
	text-align: right;
	padding-top: 2em;
}

	#app-login-header a, #app-login-header a:hover{
		color: #fff;
		text-decoration: none;
	}

#app-login-box {
	margin-top: 12%;
}

#app-login-box .content-text {
	padding: 2em;
}

#app-login-box h4 {
	text-align: left;
	margin-bottom: 1.5em;
}

#app-login-box input {
	margin-top: 1.5em;
}


/*
	Style for Dynatable plugin
*/

.dynatable-active-page {
    background: red;
}

.dynatable-pagination-links li a {
    padding: 4px 10px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #555;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 0px;
}

	.dynatable-pagination-links li a:hover, .dynatable-pagination-links .dynatable-active-page {
		background-color: #EEEEEE;
		color: #337ab7;
	}

.dynatable-per-page-select, .dynatable-search input {
    height: 30px;
    padding: 4px 10px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
}

#assess-reports-table thead tr th:last-child  {
    width: 20%;
}

#assess-reports-table th a:hover {
    color: #555;
    text-decoration: underline;
}


/*

	Overwrite bootstrap style

*/

.form-group {
	margin-bottom: 0px;
}

.pagination {
	margin: 0px;
}

.spanButtonSelected {
    background-color: #5cb85c;
}

.spanButtonNotSelected {
    background-color: FAFAFA;
}

.spanButtonVisible {
    background-color: #e6e6e6;
}

.spanButtonNotVisible {
    background-color: FAFAFA;
    opacity: 0.50;
}

.pagBtn {
    border-radius: 0;
}

#statusSearchDiv {
    float: right;
}

#searchInput {
     padding: 8px 20px;
     border: 1px solid #ccc;
     border-radius: 4px;
     box-sizing: border-box;
}

#parcelsSearchDiv {
    float: right;
}

#searchInputParcels {
     padding: 8px 20px;
     border: 1px solid #ccc;
     border-radius: 4px;
     box-sizing: border-box;
}

.spanTextUnderline {
    text-decoration: underline;
    color: #5cb85c;
}

.custom-btn {
    border:0px solid transparent;
    background-color: white;
    font-size: 16px;
}

.custom-btn-2 {
    border:0px solid transparent;
    background-color: white;
    font-size: 14px;
}

.color-green{
    color: #5CB85C;
}

.color-black{
    color: black;
}

.spanTextNone {
    color: black;
}

.spanTextNone:hover {
    text-decoration: underline;
    color: blue;
}

.spanTextNone:active {
    text-decoration: underline;
    color: red;
}

.statusShowAllRecords {
    text-decoration: underline;
    color: blue;
}

/* mouse over link */
.statusShowAllRecords:hover {
    color: #5cb85c;
}

/* selected link */
.statusShowAllRecords:active {
    color: red;
}

.highlightedText {
   background-color: #5cb85c;
   color: white;
}

/* Make placeholder gray in all browsers*/
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: gray;
}
::-moz-placeholder { /* Firefox 19+ */
  color: gray;
}
:-ms-input-placeholder { /* IE 10+ */
  color: gray;
}
:-moz-placeholder { /* Firefox 18- */
  color: gray;
}
/*When input has focus disable blue outline*/
/*When input is autofilled disable yellow background*/
/*input:-webkit-autofill { -webkit-box-shadow:0 0 0 500px white inset; }
textarea, input, *:focus { outline: none !important; }*/

