/**
 * Author: Mattias Edin
 * Date: 2015-08-10
 * Version: 1.0
 */

/**
 * CONTENTS
 *
 * SETTINGS
 * Global...............Body, content, footer.
 * Error................Input error style.
 * Logo.................Logo placement.
 *
 * COMPONENTS
 * Paper element........Material paper element
 * 
 * Input default........Standard input appearence.
 * Input condenced......Slimmed input appearence.
 * Input select.........Special for selectboxes.
 * Table................Table style.
 * Divided Table........Table for dividing content
 * Buttons..............Button elements.
 * Paper-tabs...........Folder type tabs.
 *
 * GENERIC
 * Clickable............Changes pointer
 * Disalbed.............
 *
 * OTHER
 * Navbar user..........Display user in navbar.
 * 
 * PAGE SPECIFIC
 * Login................Login.html
 * Kund.................kund.html
 * Ägande...............aegande.html
 * Kalkyler.............kalkyler.html
 * Prognos..............prognos.html
 *
 * BOOTSTRAP OVERIDE
 *
 * DEPRICATED
 * Buttons..............Remove for next release.
 */


/*------------------------------------*\
    #SETTINGS
\*------------------------------------*/

/*------------------------------------*\
    #A-Global
\*------------------------------------*/
header {
	overflow:auto;
}


body {
	font-family: "RobotoDraft","Roboto",sans-serif;
	text-rendering: optimizelegibility;
	margin-bottom: 0;
	padding:0;
	height:100vh;
	display: block;
	background-color: #FAFAFA;
}

table {
	width: 100%;
}


#wrapper {
	min-height:100%;
	position:relative;
	overflow:hidden;
}

#content-container {
	padding-bottom: 70px;
	margin-left: 0;
	border-bottom: 80px solid transparent;
	margin-right: -40px;
    padding-right: 40px;
    position: relative;
	
}

footer {
	width:100%;
	padding-top: 20px;
	padding-bottom: 20px;
	height:auto;
	position:absolute;
	bottom:0;
	left:0;
	text-align: center;
	background-color: #ffffff;
	-webkit-appearance: none;
	-webkit-box-shadow: inset 0 -1px 0 #ddd;
	box-shadow: inset 0 1px 0 #ddd;
	border-top: solid 1px #ddd;
}




.footer-text {
	text-align:left;
	font-size:10px;
	margin: 0px 20px;
}

.btn-float-right {
	float: right;
}

.btn-back {
	margin: 0px 10px;
}

.row-condensed {
    margin-left: -5px;
    margin-right: -5px;}
	.row-condensed > div{
		padding-left: 5px;
		padding-right: 5px;}
.centering {
	display: flex;
    /* Vertical align: */
    align-items: center;
    /* Horizontal align: */
    justify-content: center;}
.text-center {
	text-align:center;}

/*------------------------------------*\
    #A-Error
\*------------------------------------*/

.input-error {
	-webkit-box-shadow: inset 0 -2px 0 #e51c23 !important;
    box-shadow: inset 0 -2px 0 #e51c23 !important;
}

.input-error ~ p {
	color:#e51c23;
	text-align: start;
}

/*------------------------------------*\
    #A-Logo

    Warning - ID:s
\*------------------------------------*/

#navbar-logo-left{
	float:left;
	
}

#navbar-logo-left #header-logo {
	height:40px;
	margin-top: -10px;
	margin-bottom: -10px;
}

#navbar-logo-right{
	padding-left: 10px;
	overflow: visible;
	display: inline-block;
}

/*------------------------------------*\
    #COMPONENTS
\*------------------------------------*/

/*------------------------------------*\
    #A-Paper element
\*------------------------------------*/

.paper-container {
	/*padding: 0 10px;*/ }
	.paper-head{

	}
	.paper-element:not(.no-margin) {
		margin-bottom:15px;}
	.paper-element{
		border: 1px solid #ddd;
		background-color: #fff;
	    border-radius: 2px;
	    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.3);
	    box-shadow: 0 1px 4px rgba(0,0,0,0.3);
	    padding:10px 15px;
		position: relative;}
	    .paper-container > * + .paper-element{
	    	margin-top: 10px;}
	    .paper-container .paper-element + *{
	    	margin-top: 10px;}
	    	.paper-element .paper-remove-container {
	    		position:absolute;
	    		top:-10px;
	    		right:-10px;
	    		width:20px;
		    	height:20px; 
		    	-webkit-transition: all 0.2s;
				-o-transition: all 0.2s;
				transition: all 0.2s;}
		    	.paper-element .paper-remove-container:hover {
		    		top:-11px;
	    			right:-11px;
		    		width:22px;
		    		height:22px;
		    	}
	    		.paper-remove-container .paper-remove-btn {
	    			width:100%;
	    			height:100%;
	    			display:block;
	    			border-radius: 50%;
		    		border:2px solid #bbb;
		    		background-color:#fff;
		    		color:#bbb;
		    		text-align:center;

		    		-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
	    			box-shadow: 0 1px 2px rgba(0,0,0,0.3);}
		    		.paper-remove-container .paper-remove-btn:hover {
		    			border-color:#D3342F;
		    			color:#D3342F;
			    		-webkit-box-shadow:0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
		    			box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);}
		    		.paper-remove-container .paper-remove-btn:before {
		    			content: "\2716";
		    			display:inline-block;
		    			font-size: 1em;
		    			line-height: 1em;
		    			vertical-align: text-top;
		    		}
	.paper-element .paper-head{
		font-size: 16px;
		}
		.paper-head .collapsing-panel{
			color: #666;
			display:block;
			position:relative;
			text-decoration:none;
			padding: 0 15px; }
			.collapsing-panel:after {
				font-family:'Glyphicons Halflings';
			    content:"\e114";
			    font-size: 16px;
			    line-height:1;
			    position:absolute;
			    color: #666;
			    right:0;
			    top:50%;
			    margin-top: -8px;}
			.collapsing-panel.collapsed:after {
			    content:"\e080";}
			.collapsing-panel:not(.collapsed) {
				margin-bottom:15px;
			}

.paper-floating {
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
	box-shadow: 0 1px 2px rgba(0,0,0,0.3);}
.paper-floating:hover {
	-webkit-box-shadow:0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);}


/*------------------------------------*\
    #A-Input default
\*------------------------------------*/
.input {
    width: 100%;
    height: 39px;

    padding-top:8px;
    padding-left:12px;
    padding-bottom:8px;
    padding-right:12px;
    
    line-height: 1.4;
    color: #6f6f6f;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 0;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s, padding-top ease-in-out .1s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s, padding-top ease-in-out .1s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s, padding-top ease-in-out .1s;}
	.input:focus {
		-webkit-box-shadow: inset 0 -2px 0 #34A096;
    	box-shadow: inset 0 -2px 0 #34A096;}



input[type="checkbox"].disabled{
	cursor: not-allowed;
	pointer-events: none;}
	input[type="checkbox"].disabled:after{
		border-color: #bbbbbb;}

select[disabled], option[disabled] {
	background-color:#eeeeee !important;
}

/*------------------------------------*\
    #A-Input condensed
\*------------------------------------*/
.input-condensed {
	border: 0;
	border-bottom:1px solid #cccccc;
	-webkit-box-shadow: none;
	box-shadow: none;} 
	.input-condensed:focus {
		outline: none;
		-webkit-box-shadow: inset 0 -2px 0 #34A096;
    	box-shadow: inset 0 -2px 0 #34A096;
	}


/*------------------------------------*\
    #A-Extended placeholder
    Usage:
    <div class="input-placeholder-controller">
		<input class="input"/>
		<div class="placeholder">Your placeholder text here.</div
    </div
\*------------------------------------*/
.input-placeholder-controller {
	position: relative;}

	.input-placeholder-controller .input {
		padding-top:15px;
		padding-bottom:3px;
	}

	    .input-placeholder-controller .input:placeholder-shown {
	    	padding-top:8px !important;
	    }
	    .input-placeholder-controller .input:placeholder-shown + .placeholder {
	    	display:none
	    	}

	.input-placeholder-controller .placeholder {
		position:absolute;
		top:3px;
		left:0;
		margin-left:12px;
		color: #AEAEAE;
		font-size: 12px;
		line-height:1;

		-webkit-transition: top ease-in-out 1s;
	    -o-transition: top ease-in-out 1s;
	    transition: top ease-in-out 1s;}
	.input-placeholder-controller-colfix .placeholder {
		margin-left:27px;}
		
		.input-placeholder-controller .input:not(:focus) {
			padding-top:8px;}
			.input-placeholder-controller .input:not(:focus) + .placeholder {
				display:none;
				}

.input[readonly] {
	color: #666666 !important;
	background-color: #eeeeee !important;
	cursor: default !important;
	pointer-events: none !important;}


/*------------------------------------*\
    #A-Loading spinner
    Usage input:
	<div class="loading-controller loading">
		<input class="input"/>
		<div class="loading-spinner"></div>
	</div>

    Usage button:
	<button class="btn loading-controller loading">
		Your text
		<div class="loading-spinner"></div>
	</button>

	Note:
	Compatible with glyphicon in button:
	<button class="btn loading-controller loading">
		<span class="glyphicon glyphicon-add" aria-hidden="true"></span>
		Your text
		<div class="loading-spinner"></div>
	</button>
\*------------------------------------*/


.loading-controller {
	position:relative;}

	.loading-controller .input ~ .loading-spinner, .loading-controller.btn > .loading-spinner {
		display:none;
		position:absolute;
		top:50%;
		-ms-transform: translateY(-50%);
	    -webkit-transform: translateY(-50%);
	    transform: translateY(-50%);
		right:5px;}
		.loading-controller > .input.loading ~ .loading-spinner, 
		.loading-controller.btn.loading > .loading-spinner,
		.loading-controller > .loading-overlay.loading ~ .loading-spinner {
			display:block;}

			.loading-controller > .input.loading ~ .loading-spinner:before, 
			.loading-controller.btn.loading > .loading-spinner:before, 
			.loading-controller > .loading-overlay.loading ~ .loading-spinner:before {
				-webkit-animation: loadingSpiner 1s infinite ease-in-out;
		  		animation: loadingSpiner 1s infinite ease-in-out;}
		  		
		  	.loading-controller > .input.loading ~ .loading-spinner:after, 
		  	.loading-controller.btn.loading > .loading-spinner:after,
		  	.loading-controller > .loading-overlay.loading ~ .loading-spinner:after {
				-webkit-animation: loadingSpinerDelayed 1s infinite ease-in-out;
		  		animation: loadingSpinerDelayed 1s infinite ease-in-out;}

	.loading-controller.btn.loading > .glyphicon {
		visibility:hidden;}
	.loading-controller.btn > .glyphicon ~ .loading-spinner {
		right:static;
		left:11px;}

	/* controller for overlay spinner */
	.loading-controller > .loading-overlay:not(.loading) {
		-webkit-animation: fadeIn 0.3s ease-in-out;
  		animation: fadeIn 0.3s ease-in-out;}
	.loading-controller > .loading-overlay.loading {
		opacity:0;}

	.loading-controller > .loading-overlay ~ .loading-spinner {
		display: none;
		position:absolute;
		top:50%;
		-ms-transform: translateY(-50%);
	    -webkit-transform: translateY(-50%);
	    transform: translateY(-50%);
		left:0;
		right:0;
		margin-left:auto;
		margin-right:auto;
		width:10%;
		padding-top:10%;}

	.loading-overlay ~ .loading-spinner:before, .loading-overlay ~ .loading-spinner:after {
		top:0;
		border-width:5px;
	}

	/* spinner size for input */
	.loading-controller .input ~ .loading-spinner {
		width:22px;
		height:22px;}		
	
	/* spinner size for button */
	.loading-controller.btn {
		padding-right:30px;}
		.loading-controller.btn > .loading-spinner {
			width:17px;
			height:17px;}

	/* spinner style */
	.loading-spinner {
		border-radius:50%;}
		.loading-spinner:before, .loading-spinner:after {
			content:"";
			float:right;
			display:block;
			position:absolute;
			width:100%;
			height:100%;
			border-left: 3px solid #34A096;
			border-top: 3px solid rgba(0,0,0,0.1);
			border-right: 3px solid rgba(0,0,0,0.1);
			border-bottom: 3px solid rgba(0,0,0,0.1);
			border-radius:50%;}

@-webkit-keyframes loadingSpinerDelayed {
	0%, 25% {
		webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	75% , 100%{
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes loadingSpinerDelayed {
	0%, 25% {
		webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	75%, 100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-webkit-keyframes loadingSpiner {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes loadingSpinner {
	0% {
	-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
	z-indexwebkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}


/*------------------------------------*\
    #A-Input default
\*------------------------------------*/

.input-special-fraction {
	height: 39px;
	width:auto;
	position: relative;
	-webkit-box-shadow: inset 0 -1px 0 #ddd;
    box-shadow: inset 0 -1px 0 #ddd;}
	.input-special-fraction:after {
		content:"/";
		cursor:text;
		display:inline-block;
		width:10px; 
		line-height: 39px;
    	font-size: 26px;
		font-weight: lighter;
		color: #bbb;
        text-align: center;

    	position: absolute;
    	top: 0px;
    	left: 50%;
    	-ms-transform: translate(-50%,0); /* IE 9 */
	    -webkit-transform: translate(-50%,0); /* Chrome, Safari, Opera */
	    transform: translate(-50%,0);}
	.input-special-fraction input {
		background-color: transparent !important;
		width: 40%%;
	    width: -webkit-calc(50% - 6px);
	    width: -moz-calc(50% - 6px);
	    width: calc(50% - 6px);
		border: none; 
		height:100%;
		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
		-webkit-box-shadow: inset 0 -1px 0 transparent;
    	box-shadow: inset 0 -1px 0 transparent;}
		.input-special-fraction input:focus {
			border: none;
			outline: none;}
	.input-special-fraction input.numerator {
		padding-right: 5px;
		text-align: right; 
		float: left;}
	.input-special-fraction input.denominator {
		padding-left: 5px;
		float:right; }
		


.login-form-control {
	height: 39px;
	width:100%;}
	input.login-form-control:focus {
		-webkit-box-shadow: inset 0 -2px 0 #34A096;
    	box-shadow: inset 0 -2px 0 #34A096;
	}
div.login-form-control {
    display: table-cell;
    vertical-align: middle;
    position:relative;
    width:100%;}

input.login-form-control, select.login-form-control {
  	display: block;
	width: 100%;
	padding: 8px 12px;
	font-size: 15px;
	line-height: 1.4;
	color: #6f6f6f;
	background-color: #ffffff;
	background-image: none;
	border: 1px solid #cccccc;
	border-radius: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	}
	input.login-form-control:disabled, select.login-form-control:disabled {
		color: #666666;
		background-color: #eeeeee;
		cursor: default !important;
		pointer-events: none;
	}

	input[type="checkbox"].login-form-control{
			width: auto;
			height: auto;
			border: none;
			padding: 0;
			margin: 0;
			display:inline-block;
			vertical-align: middle;
    		margin-top: -1px;}
		input[type="checkbox"].login-form-control:after{
			margin: 0;
			vertical-align:middle;}

	select.login-form-control {
		padding: 8px 12px 8px 12px;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none; 
		background: url("select-pointer4.png") no-repeat;
		background-position: center right;
		background-origin: padding-box;
		background-size: auto 8px;}


		select.login-form-control:active, select.login-form-control:focus {
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;
			-webkit-box-shadow: inset 0 -2px 0 #34A096;
			box-shadow: inset 0 -2px 0 #34A096;
		}



.input-control, .chosen-single {
  	display: block;
	width: 100%;
	height: 39px;
	padding: 8px 12px;
	font-size: 15px;
	line-height: 1.4;
	color: #6f6f6f;
	background-color: #ffffff;
	background-image: none;
	border: 1px solid #cccccc;
	border-radius: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}


input.login-form-control-small {
	width:auto;
	display:static;
	display: inline-block;
}

/*------------------------------------*\
    #A-Input select
\*------------------------------------*/

.kommun-select {
	-webkit-appearance: none;
}

/*------------------------------------*\
    #A-Android checkbox
    Usage default:
	<label class="android-checkbox android-checkbox-triple centering"><input type="checkbox"><span></span></label>
    Usage triple (manual, auto, max):
    <label class="android-checkbox android-checkbox-triple centering"><input type="checkbox"><span></span><div class="labels"><div class="manual"></div><div class="auto"></div><div class="max"></div></div></label>
\*------------------------------------*/

.android-checkbox {
	margin-bottom:0;
	cursor: pointer; cursor: hand;
	height:39px; }

	.android-checkbox span{
		display:block;
		width:35px;
		height:15px;
		margin: 0px 5px;
		background-color:#B0AFAF;
		border-radius:7.5px;
		position:relative;}
		.android-checkbox input[type=checkbox]{display:none;}
		.android-checkbox span:before {
			content:"";
			position:absolute;
			top:-2.5px;
			right:95%;
			-ms-transform: translate(50%,0); /* IE 9 */
		    -webkit-transform: translate(50%,0); /* Chrome, Safari, Opera */
		    transform: translate(50%,0);
			display:block;
			-webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.3);
		    box-shadow: 0 1px 4px rgba(0,0,0,0.3);
			width:20px;
			height:20px;
			background-color:#FAFAFA;
			border-radius:50%;
			-webkit-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;}
			.android-checkbox input[type=checkbox]:checked + span, .android-checkbox input[type=checkbox]:indeterminate + span {
				background-color:#A7CEC4;}
			.android-checkbox input[type=checkbox]:checked + span:before, .android-checkbox input[type=checkbox]:indeterminate + span:before{
				right:5%;
				background-color:#34A096;}
	.android-checkbox.android-checkbox-triple {
		position: relative;}
		.android-checkbox.android-checkbox-triple span{
			margin-top:10px;
			height: 10px;
			width: 100px;}
			.android-checkbox.android-checkbox-triple span:before{
				top:-5px;}
				.android-checkbox.android-checkbox-triple input[type=checkbox]:indeterminate + span:before{
					right:50%;}
				.android-checkbox.android-checkbox-triple input[type=checkbox]:checked + span:before{
					right:5%;}
			.android-checkbox.android-checkbox-triple .labels {
				display:block;
				position:absolute;
				height: 10px;
				width:100%;
				top: 0;
				left:0;}
				.android-checkbox.android-checkbox-triple .labels div{
					display:inline-block;
					height:100%;
					width:33%;
					vertical-align: top;}
					.android-checkbox.android-checkbox-triple .labels div:before{
						font-size:10px;
						line-height:10px;
						vertical-align: top;}
						.android-checkbox.android-checkbox-triple .labels div.manual {
							text-align:left;
							width:35%;}
							.android-checkbox.android-checkbox-triple .labels div.manual:before{
								content:"manuell";}
						.android-checkbox.android-checkbox-triple .labels div.auto {
							text-align:center;
							width:30%;}
							.android-checkbox.android-checkbox-triple .labels div.auto:before{
								content:"auto";}
						.android-checkbox.android-checkbox-triple .labels div.max {
							text-align:right;
							float:right;
							width:35%;}
							.android-checkbox.android-checkbox-triple .labels div.max:before{
								content:"max";}
			

/*------------------------------------*\
    #A-Table
\*------------------------------------*/

.table{
	margin-bottom: 0;
}

.table.table.table-condensed.table-fixed {
	background-color: transparent;
}

table.table thead tr th:not(.allow-overflow) {
	overflow: hidden;
	text-overflow: ellipsis;
}

.table-input {
	text-align:center;
} 
.table-input-positiv {
	color:#009999 !important;

}
.table-input-negativ {
	color:#A05734 !important;
}

.table-input tbody {
	border-top: 1px solid #dddddd;
}

.table-input tbody tr td, .table-input tbody tr th,.table-input thead tr td, .table-input thead tr th {
	padding:2px;
	/*overflow: hidden;*/
	text-overflow: ellipsis;
}

.table-input tbody tr td {
	font-size: 15px;
    line-height: 1.4;
}

.table-input tbody tr td, .table-input thead tr th {
	text-align:center;
}

.table-input tbody tr th:not(.allow-overflow) {
	overflow:hidden;
	text-overflow: ellipsis;
}

.table-input tbody tr td, .table-input tbody tr th {
	border:none; 
	vertical-align:middle;
	font-weight:normal;
}

.table-input tbody tr td .login-form-control:not(select), .table-input tbody tr th .login-form-control:not(select) {
	border: 0;
	border-bottom:1px solid #cccccc;
	-webkit-box-shadow: none;
	box-shadow: none;
	width:100%;
	padding:2px;
	text-align:center;} 
	.table-input tbody tr td .login-form-control:not(select):focus, .table-input tbody tr th .login-form-control:not(select):focus {
		-webkit-box-shadow: inset 0 -2px 0 #34A096;
    	box-shadow: inset 0 -2px 0 #34A096;
	}

.table-fixed {
	table-layout:fixed;
}

.table-fixed td { 
	overflow: hidden; 
}

.table-condensed>tbody>tr>.table-cell-nopad {
	padding: 0px;
}

.table-slimmed {
	margin-bottom: 0px;
}

.table-input .table-col-date {
	text-align: left;
}
.table-input .table-col-counter {
	width: 100px;
}


.clickable {
	cursor:pointer !important;
	cursor:hand !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}


.table>thead>tr>th.cell-small, .table>tbody>tr>th.cell-small, .table>tfoot>tr>th.cell-small, .table>thead>tr>td.cell-small, .table>tbody>tr>td.cell-small, .table>tfoot>tr>td.cell-small {
	width: 50px;
}

.table>thead>tr>th.cell-big, .table>tbody>tr>th.cell-big, .table>tfoot>tr>th.cell-big, .table>thead>tr>td.cell-big, .table>tbody>tr>td.cell-big, .table>tfoot>tr>td.cell-big {
	width: 100px;
}

.table>thead>tr>th.th-align-center {
	text-align: center;
}


/*------------------------------------*\
    #A-Divided Table
\*------------------------------------*/

.panel-body-divided {
	/*margin: 0px 15px 15px 15px;*/
}

#table-content{
	display:table;
	border-collapse: separate;
	border-spacing: 0px;
	margin:0;
	width:100%;
}

	.table-cell-divided {
		float: none;
		display: table-cell; 
		background-color: #fff;
		border-color: #ddd;
		border-width: 1px;
		-webkit-box-shadow: none;
		box-shadow: none;
		position: relative;
		border-style: solid;
		vertical-align: top;
		border-bottom:0 ;
		padding-top: 30px;
		padding-bottom: 30px;
	}

		.table-cell-divided-left {
			border-left: 0;
		}

		.table-cell-divided-right {
			border-right: 0;
		}

/*------------------------------------*\
    #A-Buttons
\*------------------------------------*/
.btn.btn-round {
	border-radius: 50%;}

.btn.btn-center {
	display:block;
	margin-left:auto;
	margin-right:auto;}

.btn.btn-add {
	position:relative;
	width:40px;
	height:40px;
	padding:0;
	display: block;
    text-align: center;
    line-height: 40px;}
	.btn.btn-add input {
		display:none;}
	.btn.btn-add:before {
		position:absolute;
		content: "\271A";
		font-size:14px;
		width: 100%;
    	left: 0;}

/*------------------------------------*\
    #A-Glyph buttons
\*------------------------------------*/

.btn-glyph {
	font-size: 15px;
    line-height: 1;
    height:39px;
    cursor: pointer; cursor: hand;
    display: flex;
    /* Vertical align: */
    align-items: center;
    /* Horizontal align: */
    justify-content: center;
	}

	.btn-glyph:after {
		font-family: 'Glyphicons Halflings';
	    color: #666666;
	    font-size: 20px;
	    display: inline-block;
	    display: block;
    	max-height: 39px;
	    vertical-align: middle;
	    -webkit-transition: all 0.2s;
	    -o-transition: all 0.2s;
	    transition: all 0.2s;}

		.btn-glyph:hover:after {
		    color: #34A096;
		    font-size: 23px;}
		.btn-glyph:active:after {
		    color: #34A096;}

			.btn-remove:after {
				content:"\e014";}
				.btn-remove:hover:after {
					color: #D3342F}
			.btn-edit:after {
				content:"\270f"}
.glyphicon-auto {
	display:inline-block;
	height: 14px;
	width: 14px;
	position:relative;}
	.glyphicon-auto:before, .glyphicon-auto:after{
		position: absolute;
		top:0;
		left:0;
		display: block;
		height: 100%;
		width: 100%;}
	.glyphicon-auto:before {
		content: "";
		border-radius: 50%;
		border: 2px solid #666666;}
	.glyphicon-auto:after {
		content: "A";
		line-height:14px;
		font-size:10px;
		font-weight: bold;}

.glyphicon-max:before {
    content: "\e070";
    display:inline-block;
	-ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);}

/*------------------------------------*\
    #A-Search field 
\*------------------------------------*/

.search-divider {
	text-align: center;
	display: inline-block;
}

	.search-divider .first-child {
		width: 40%;
		display: inherit;
	}
	.search-divider .middle-colon {
		width: 20%;
		font-size: 20px;
		margin: 0px;
		display: inherit;
	}
	.search-divider .last-child {
		width: 40%;
		display: inherit;
	}


/*------------------------------------*\
    #A-left-n-right aligned buttons

    with fixed uniformed size
\*------------------------------------*/

.btn-row-container {
	display: table; 
	width: 100%;}

	.btn-row-container .btn-row {
		display: table-cell;
		float: none;
		margin-left:0;
		margin-right:0;}

	.btn-row {
		margin-left: 0px;
		margin-right: 0px; }

		.btn-row > .btn + .btn {
			margin-left:10px; }

		.btn-row-right{
			float: right; }

		.btn-row-left {
			float:left;
		}

		.btn-row-container .btn-row-right .btn {
			float: right;
			margin-left: 10px;
			margin-right: 0px;}

		.btn-row-container .btn-row-left .btn {
			float: left;
			margin-left: 0px;
			margin-right: 10px;}

		.btn-row-right .btn + .btn{
			margin-left: 10px;
			margin-right: 0px;
		}
		.btn-row-left .btn + .btn{
			margin-left: 0px;
			margin-right: 10px;
		}

		.btn-row-fixed .btn {
			width: 110px;
		}


/*------------------------------------*\
    #A-Collapsing panel
\*------------------------------------*/

.panel-default .panel-heading-collapse {
	background-color:transparent;}
.panel-heading-collapse {
	padding:0;}
	.panel-heading-collapse * {
		margin: 0;}
		.panel-heading-collapse .panel-title {
			display:block;
			padding:15px;
			position:relative;
			border-bottom: solid #dddddd;
			border-bottom-width:0px;
			-moz-transition: border-bottom-width .2s linear;
			-webkit-transition: border-bottom-width .2s linear;
			-o-transition: border-bottom-width .2s linear;
			transition: border-bottom-width .2s linear;}
			.panel-heading-collapse .panel-title:not(.collapsed) {
				border-bottom-width:2px;}
		.panel-heading-collapse .panel-title:after {
			font-family: 'Glyphicons Halflings';
			content: "\e114";
		    display:inline-block;
		    line-height: 1;
		    color: #666;
		    margin-top: -8px;
		    position:absolute;
		    top: 50%;
		    right:15px;
			-moz-transition: transform .1s linear;
			-webkit-transition: transform .1s linear;
			-o-transition: transform .1s linear;
			transition: transform .1s linear;
			-moz-transform: rotate(0deg);
	    	-webkit-transform: rotate(0deg);
	    	-o-transform: rotate(0deg);
	    	transform: rotate(0deg);}
		    .panel-heading-collapse .panel-title.collapsed:after {
		    	-moz-transform: rotate(90deg);
		    	-webkit-transform: rotate(90deg);
		    	-o-transform: rotate(90deg);
		    	transform: rotate(90deg); }


.panel-collapse {
	padding:15px;
}


/*------------------------------------*\
    #A-paper-tabs
\*------------------------------------*/

.tabs-container {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	color:#34A096;
	margin-top: 15px;}
	.tabs-container .tabs-wrapper {
		flex: 1;
		position:relative;
		max-width: 40%;
		text-align:center;
		display:block;
		position:relative;
		padding: 10px;}
		
	   	 	.tabs-container .tabs-wrapper:not(.active) {
	   	 		color:#666666;}
				.tabs-container .tabs-wrapper:not(.active):hover {
					color:inherit;
					-webkit-box-shadow: inset 0 -2px 0 #34A096 !important;
				    -moz-box-shadow: inset 0 -2px 0 #34A096 !important;
				    box-shadow: inset 0 -2px 0 #34A096 !important;}
		.tabs-container .tabs-wrapper .tabs-element {
			display:block;
			height:100%;
			color:inherit;
			overflow: hidden;
    		word-wrap: break-word;}
			.tabs-container .tabs-wrapper .tabs-element .tabs-element-head{
				font-size:16px;}
			.tabs-container .tabs-wrapper .tabs-element:after {
				content:"";
				position:absolute;
				top:0;
				left:0;
				width:100%;
				height:100%;}

/* themes */

/* default theme */
.tabs-container.tabs-container-default {
	margin-top:0;
	margin-bottom:15px;}
	.tabs-container.tabs-container-default .tabs-wrapper.active {
		color:inherit;
		-webkit-box-shadow: inset 0 -2px 0 #34A096;
	    -moz-box-shadow: inset 0 -2px 0 #34A096;
	    box-shadow: inset 0 -2px 0 #34A096;}
	    .tabs-container.tabs-container-default .tabs-wrapper:not(.active) {
	 		-webkit-box-shadow: inset 0 -1px 0 #ddd;
	 		-moz-box-shadow: inset 0 -1px 0 #ddd;
			box-shadow: inset 0 -1px 0 #ddd;}

/* paper theme */

.tabs-container.tabs-container-paper .tabs-wrapper {
	background-color:#f9f9f9;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: none;
	border-radius: 2px 2px 0px 0px;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
	box-shadow: 0 1px 1px rgba(0,0,0,0.2); 
	margin: 0px 10px 0px 10px;}
	.tabs-container.tabs-container-paper .tabs-wrapper.active {
 		background-color:#fff;
 		-webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.3);
 		box-shadow: 0 1px 4px rgba(0,0,0,0.3);}
 		.tabs-container.tabs-container-paper .tabs-wrapper.active:after{
   	 		content:"";
   	 		background-color:#fff;
   	 		display:block;
   	 		position:absolute;
   	 		top:100%;
   	 		left:0;
   	 		margin-top:-5px;
   	 		height:10px;
   	 		width:100%;}
 		.tabs-container.tabs-container-paper .tabs-wrapper:not(.active) {	 			
 			-webkit-box-shadow:
				inset 0px -20px 2px -20px rgba(0,0,0,0.3),
				inset 0px 0px 0px 0px rgba(0,0,0,0.3),
				inset 0 0px 0px 0px rgba(0,0,0,0.3),
				inset 0px 0px 0px 0px rgba(0,0,0,0.3);
		    -moz-box-shadow:
		    	inset 0px -20px 2px -20px rgba(0,0,0,0.3),
				inset 0px 0px 0px 0px rgba(0,0,0,0.3),
				inset 0 0px 0px 0px rgba(0,0,0,0.3),
				inset 0px 0px 0px 0px rgba(0,0,0,0.3);
		    box-shadow: 
				inset 0px -20px 2px -20px rgba(0,0,0,0.3),
				inset 0px 0px 0px 0px rgba(0,0,0,0.3),
				inset 0 0px 0px 0px rgba(0,0,0,0.3),
				inset 0px 0px 0px 0px rgba(0,0,0,0.3);}

/*------------------------------------*\
    #A-Resultat
\*------------------------------------*/

.table-row-divided td + th, .table-row-divided .table-input + .table-input {
	border-left: 1px solid #ddd}

.table-multi-head th {
	text-align:right;
}

.list-group-head {
	margin: 10px 15px;
}

.data-section {
	padding-bottom:39px;
	page-break-inside: avoid;
}

/*------------------------------------*\
    #A-navigation tabs
\*------------------------------------*/

.nav-tabs {
	margin-bottom: 20px;
	display: -webkit-flex; /* Safari */
    display: flex;
	word-wrap: break-word;
    word-break: break-word;
}

.nav-tabs li {
	width: 33%;
	text-align: center;
	flex: 1 1 100%;
}

.nav-tabs-aegande li {
	width: 50%;
}


/*------------------------------------*\
    #A-Sidebar navigation
\*------------------------------------*/


.navigation-row:first-child .navigation-element {
    border-radius: 0 3px 0 0;
    -moz-border-radius: 0 3px 0 0;
}

.navigation-row:last-child .navigation-element {
    border-radius: 0 0 3px 0;
    -moz-border-radius: 0 0 3px 0;
    border-bottom-width: 1px;
}

.navigation-row:only-child .navigation-element {
    border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
}



ul.side-menu {
	list-style: none;
	margin: 0;
	padding: 0;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
	margin-left: -15px;
}

ul.side-menu li {

}

ul.side-menu li a{
	display: block;
	padding: 15px;
	line-height: 1.3;
	border-bottom: 1px solid #eeeeee;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	color: #666666;
}

ul.side-menu li a.done {
	background-color: white;
	position:relative;
	padding-right: 30px;
}

ul.side-menu li a.done::before{
	font-family:'Glyphicons Halflings';
	content:"\e013";
	position:absolute;
	color: grey;
	right:15px;
	top:50%;
	margin-top: -8px;
	pointer-events: none
}

ul.side-menu li a:hover,
ul.side-menu li a.done:hover{
	background-color: #d8e9e5;
}

ul.side-menu li a.active {
	background-color: #A7CEC4;
	border-width: 0;
}

ul.side-menu li a.active:hover {
	background-color: #B2DBD1;
	border-width: 0;
}

ul.side-menu li a.disabled {
	color: #666666 !important;
	background-color: #eeeeee !important;
	cursor: default !important;
	pointer-events: none !important;
}

ul.side-menu li a.disabled span {
	color: #666666;
}

.navigation-element.disabled {
	color: #666666 !important;
	background-color: #eeeeee !important;
	cursor: default !important;
	pointer-events: none !important;}


ul.side-menu li a .navigation-header{
	display: block;
	margin-bottom: 5px;
	font-weight: 400;
	font-size: 20px;
	color: #444444;
}






.form-tooltip-wrapper {
	position:relative;}

	.form-tooltip-wrapper input{
		-webkit-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;}

		.form-tooltip-wrapper input.login-form-control:focus {
			padding-top:10px;
			-webkit-box-shadow: inset 0 -2px 0 #34A096;
		    box-shadow: inset 0 -2px 0 #34A096;}

.form-tooltip {
	display: block;
	visibility: hidden;
	overflow: hidden;
	box-sizing: border-box;
	position: absolute;
	top: 25%;
	left: 0;
	width: 100%;
	height:0;
	font-size: 10px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;

	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.form-tooltip:before {
	content: "Max: ";
}

.login-form-control:focus + .form-tooltip {
	visibility: visible;
	height:50%;
	top: 8px;
}

.panel-default .panel-heading-primary {
	background-color: #A7CEC4;
}

.panel-heading-slimmed {
	padding: 0px 15px;
	display:inline-block;
	width: 100%;
}

.panel-heading-slimmed h6 {
	margin-top: 8px;
	margin-bottom: 8px;
}

.text-fix {
	text-overflow: ellipsis;
	overflow: hidden;
	display:block;
	width:100%;
	text-align:left;
}







/*------------------------------------*\
    #A-Tooltip popup click-version
    - Deprecated -
\*------------------------------------*/
.tooltip-container {
	display: inline-block;
	position: relative;
	max-width: 100%;}
	.tooltip-right {
		float: right;}

	.tooltip-container input[type="checkbox"]{ 
		position: relative;
		margin: 0;}

		.tooltip-container input[type="checkbox"] ~ div{
			display:none;}

		.tooltip-container input[type="checkbox"]:after{
			border:none; 
			margin: 0;
			/*height: 100%;*/
			width: 100%; }

		.tooltip-container input[type="checkbox"].question-mark:after{
			position: absolute;
			-webkit-transition: all 0.2s;
			-o-transition: all 0.2s;
			transition: all 0.2s;
			border-radius:50%}

		.tooltip-container input[type="checkbox"]:checked + div{
		    display:block;
		    -webkit-animation: fadeIn 0.3s ease-in-out;
		    animation: fadeIn 0.3s ease-in-out;}

			.tooltip-container input[type="checkbox"].question-mark:checked:after {
				background-color:#A7CEC4;
				content:"+" !important;
				-ms-transform: rotate(45deg); /* IE 9 */
			    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
			    transform: rotate(45deg);
			    font-size: 20px;
			    line-height: 1 !important;
				pointer-events:none;
			    width: 100%;
    			height: 100%;}

			.tooltip-container input[type="checkbox"]:checked:before {
				content: none;}
		

	.tooltip-container div{	/* The tooltip */
		display:none;
	    text-align: left;
	    background-color: #1E2021;
	    padding: 20px;
	    position: absolute;
	    border-radius: 3px;
	    width:300px;
	    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
	    color: #FFF;
	    font-size: 13px;
	    line-height: 1.4;
	    z-index: 20;
	    overflow: visible;
		text-overflow: clip; 
		transform-origin: 100% 0%;
	    -webkit-animation: fadeIn 0.3s ease-in-out;
	    animation: fadeIn 0.3s ease-in-out;
        left: 5px;
        -ms-transform: translate(-50%,0); /* IE 9 */
	    -webkit-transform: translate(-50%,0); /* Chrome, Safari, Opera */
	    transform: translate(-50%,0);
		margin: 0;
		margin-top: 5px;
		top: 100%;
		left:50%;}

		.tooltip-container.tooltip-hover div:after{ /* Prevents the tooltip from being hidden */
		    width:100%;
		    height:40px;
		    content:'';
		    position: absolute;
		    top:-40px;
		    left:0;}

		.tooltip-container div:before{ /* The pointer of the tooltip */
		    position: absolute;
		    content: '';
		    width:0;
		    height: 0;
		    border:6px solid transparent;
		    border-bottom-color:#1E2021;
		    left:50%;
		    top:-10px;
			-ms-transform: translate(-50%,0); /* IE 9 */
		    -webkit-transform: translate(-50%,0); /* Chrome, Safari, Opera */
		    transform: translate(-50%,0);}

		 .tooltip-container.tooltip-hover:hover div{
    		display:block; }

		.tooltip-container.tooltip-top div {
			top: static;
		    bottom: 100%;
    		margin-bottom: 5px;}

		.tooltip-container.tooltip-top div:after{
			width:0px;
			height: 0px; }


		.tooltip-container.tooltip-top div:before{
			bottom:-10px;
			top: auto;
			border-top-color:#1E2021;
			border-bottom-color: transparent; }


/*------------------------------------*\
    #A-Context popup window
\*------------------------------------*/


.context-popup {
	position: relative;
	margin-bottom:0;
	}

/* Tillagd av Daniel Nilede Dianthus för att få rätt marginaler mot knappar från Bootstrap */
	.context-popup.context-popup-btn {
		margin-left: 10px;
		margin-right: 10px;
	}

	.context-popup input[type=checkbox] {
		display:none;
	}

	.context-popup div {
		display:none;
		text-align: left;
	    background-color: #1E2021;
	    padding: 20px;
	    position: absolute;
	    border-radius: 3px;
	    width:300px;
	    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
	    color: #FFF;
	    font-size: 13px;
	    line-height: 1.4;
	    z-index: 20;
	    overflow: visible;
		text-overflow: clip; 
		transform-origin: 100% 0%;
	    -webkit-animation: fadeIn 0.3s ease-in-out;
	    animation: fadeIn 0.3s ease-in-out;
		margin: 0;
		
	}

	/* The pointer of the tooltip */
	.context-popup div:before{ 
	    position: absolute;
	    content: '';
	    width:0;
	    height: 0;
	    border:6px solid transparent;}

	
	.context-popup.context-popup-top div, .context-popup.context-popup-bottom div{
		-ms-transform: translate(-50%,0);
	    -webkit-transform: translate(-50%,0);
	    transform: translate(-50%,0);
	    left:50%;}

	/* The pointers position */
	.context-popup.context-popup-top div:before, .context-popup.context-popup-bottom div:before{
		-ms-transform: translate(-50%,0);
	    -webkit-transform: translate(-50%,0);
	    transform: translate(-50%,0);
	    left:50%;}

	.context-popup.context-popup-top div, .context-popup.context-popup-top-left div, .context-popup.context-popup-top-right div {
		bottom: 100%;
		margin-bottom: 5px; }
		.context-popup.context-popup-top div:before, .context-popup.context-popup-top-left div:before, .context-popup.context-popup-top-right div:before {
			bottom:-10px;
			border-top-color:#1E2021;}

	.context-popup.context-popup-bottom div, .context-popup.context-popup-bottom-left div, .context-popup.context-popup-bottom-right div {
		top: 100%;
		margin-top: 5px; }
		.context-popup.context-popup-bottom div:before, .context-popup.context-popup-bottom-left div:before, .context-popup.context-popup-bottom-right div:before {
			top:-10px;
	   		border-bottom-color:#1E2021; }

	/* The popup position */	
	.context-popup.context-popup-top-left div, .context-popup.context-popup-bottom-left div {
		right:-30px;}
		.context-popup.context-popup-top-left div:before, .context-popup.context-popup-bottom-left div:before {
	   		right:35px;}

	.context-popup.context-popup-top-right div, .context-popup.context-popup-bottom-right div {
		left:-30px;}
		.context-popup.context-popup-top-right div:before, .context-popup.context-popup-bottom-right div:before {
	   		left:35px;}

	.context-popup.context-popup-hover:hover div {
		display:block; }

	.context-popup.context-popup-hover div:after {
		content:'';
	    width:100%;
	    height:40px;
	    position: relative;
		z-index: 1010;
	    left:0;}

	.context-popup.context-popup-hover[class*="context-popup-top"] div:after{ /* Prevents the tooltip from being hidden */
	    bottom:-40px;}

	.context-popup.context-popup-hover[class*="context-popup-bottom"] div:after{ /* Prevents the tooltip from being hidden */
	    top:-40px;}

	.context-popup.context-popup-info span, .context-popup.context-popup-exclamation span {
		display:inline-block;
		border-radius:50%;
		width: 20px;
    	height: 20px;
    	text-align:center;
		color:#fff;
		font-weight: bold ;
		font-size: 17px;
		line-height: 20px;
		pointer-events:none;

		-webkit-transition: all 0.2s;
		-o-transition: all 0.2s;
		transition: all 0.2s;}
	.context-popup.context-popup-info span {
		background-color:#34A096; }
	.context-popup.context-popup-exclamation span {
		background-color:#D3342F; }
			.context-popup.context-popup-info span:before, .context-popup.context-popup-exclamation span:before {
				text-anchor:middle;
				display:inline-block;
				width:100%;
				-webkit-transition: all 0.2s;
				-o-transition: all 0.2s;
				transition: all 0.2s;}
			.context-popup.context-popup-info span:before {
				content:"?";}
			.context-popup.context-popup-exclamation span:before {
				content:"!";}

	.context-popup-float-right {
			float:right;
		}

	.context-popup:not(.context-popup-glyph) input[type="checkbox"]:checked + span, .context-popup-hover:hover > span {
		background-color:#A7CEC4;}
	.context-popup.context-popup-exclamation:not(.context-popup-glyph) input[type="checkbox"]:checked + span, .context-popup-hover.context-popup-exclamation:hover > span {
		background-color:#DA7572;}
		.context-popup.context-popup-info input[type="checkbox"]:checked + span:before, .context-popup.context-popup-exclamation input[type="checkbox"]:checked + span:before {
			content:"+";
			-ms-transform: rotate(45deg); /* IE 9 */
		    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
		    transform: rotate(45deg);}

	.context-popup input[type="checkbox"]:checked:not(:disabled) ~ div {
		display:block;
	}



		
	.context-popup input[type="checkbox"]:disabled + span.btn-primary {
		background-color: #34A0AA;
	}
	.context-popup input[type="checkbox"]:disabled + span.btn {
	    cursor: not-allowed;
	    pointer-events: none;
	    opacity: 0.65;
	    filter: alpha(opacity=65);
	    -webkit-box-shadow: none;
	    box-shadow: none;
	}





















.help-tip-single-word div {
	width: auto;
}

.btn-table {
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
}
.btn-table td:not(:last-child) { padding: 0 10px 0 0; }
.btn-table .btn{
	width:100%;
}


/* CSS animation */

@-webkit-keyframes fadeIn {
    0% { 
        opacity:0; 
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
    }

    100% {
        opacity:100%;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes fadeIn {
    0% { opacity:0; }
    100% { opacity:100%; }
}

/*------------------------------------*\
    #A-Question mark
\*------------------------------------*/
.table>thead>tr>th.tooltip-cell, .table>tbody>tr>th.tooltip-cell, .table>tfoot>tr>th.tooltip-cell, .table>thead>tr>td.tooltip-cell, .table>tbody>tr>td.tooltip-cell, .table>tfoot>tr>td.tooltip-cell {
	width: 20px;
	padding: 0;
	overflow: visible;
	border-bottom: 2px solid transparent;;
}

.info-mark{
	border-radius: 50%;
	width: 20px;
    height: 20px;
    font-size: 14px;
    line-height: 22px;
    cursor: default;
    -webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	display: inline-block;
	text-align: center;

}

.info-mark:after{
    font-weight: bold !important;
    color:#fff !important;
    line-height: 1.5 !important;
}



input[type="checkbox"].btn-toggle {
	margin:0;
	padding:6px 16px;
	border-top: 1px solid transparent;
	vertical-align: middle; }

	input[type="checkbox"].btn-toggle:after{
		content:"publicera";
		width:100%;
		height:100%;
		border: none;
		margin:0;
		line-height: 1.846;}

		input[type="checkbox"].btn-toggle:checked:before{
			content:none;}

		input[type="checkbox"].btn-toggle:checked:after{ 
			background-color: transparent;
	    	border-color: transparent;}

input[type="checkbox"].btn-edit {
	margin:0;
	height:39px;
	border:0;
	border-top: 1px solid transparent;
	vertical-align: middle; 
}

	input[type="checkbox"].btn-edit:after{
		content:"\270f";
		width:100%;
		border: none;
		margin:0;
		line-height: 1.821;
    	display: inline;}
    	input[type="checkbox"].btn-edit:hover:after{
			line-height: 1.5;}

		input[type="checkbox"].btn-edit:checked:before{
			content:none;}

		input[type="checkbox"].btn-edit:checked:after{ 
			background-color: transparent;
	    	border-color: transparent;}

.question-mark {
	background-color: #34A096; }

	.question-mark:hover{
		background-color:#A7CEC4; }
		
	.question-mark:after{
	    content:'?' !important}

.exclamation-mark {
	background-color: #D3342F;
	width: 15px;
    height: 15px;
    position: absolute;
    top:50%;
    right: 0;
    -ms-transform: translate(-50%,-50%); /* IE 9 */
    -webkit-transform: translate(-50%,-50%); /* Chrome, Safari, Opera */
    transform: translate(-50%,-50%);
    z-index: 9999;
}
	.exclamation-mark:hover {
		background-color: #DA7572; }
	.exclamation-mark:after {
		content: "!";
		font-size:12px;
		line-height:15px !important;
		display: block;
	    width: 100%;
	    height: 100%;
	}

/*------------------------------------*\
    #A-Advanced input popup
\*------------------------------------*/
.advanced-input {
	display:block;
	position: relative;
	width:100%;
	height: 100%;
	min-height: 39px;}
	.advanced-input .advanced-input-hidden-toShow {
		position: absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;}
	.advanced-input .advanced-input-hidden-top, .advanced-input .advanced-input-hidden-bottom{
		display: none;

		position: absolute;
		width: 250%;
		left:-75%;
		z-index:40;

		padding: 5px;
		font-size:10px;

		border: 1px solid #ddd;
		background-color: #fff;
	    border-radius: 2px;
	    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.3);
	    box-shadow: 0 1px 4px rgba(0,0,0,0.3);}
	.advanced-input .advanced-input-hidden-top {
		bottom: 100%;
		margin-bottom:10px;}
	.advanced-input .advanced-input-hidden-bottom {
		top: 100%;
		margin-top:10px;
		padding-bottom:1px;}
		.advanced-input .advanced-input-hidden-top:after, .advanced-input .advanced-input-hidden-top:before, .advanced-input .advanced-input-hidden-bottom:after, .advanced-input .advanced-input-hidden-bottom:before {
			content:"";
			display:block;
			position:absolute;
			z-index: 41;
			background-color: transparent;
			width:0;
			height:0;}
		.advanced-input .advanced-input-hidden-bottom:after, .advanced-input .advanced-input-hidden-bottom:before {
			bottom: 100%;
			margin-bottom: 1px;
			border-bottom: 10px solid #c9c9c9;}
		.advanced-input .advanced-input-hidden-top:after, .advanced-input .advanced-input-hidden-top:before {
			top: 100%;
			margin-top: 1px;
			border-top: 10px solid #c9c9c9;}
		.advanced-input .advanced-input-hidden-top:after, .advanced-input .advanced-input-hidden-bottom:after{
			left: 0;
			border-left: 30px solid transparent;
			border-right: 0px solid transparent;}
		.advanced-input .advanced-input-hidden-top:before, .advanced-input .advanced-input-hidden-bottom:before {
			right:0;
			border-left: 0px solid transparent;
			border-right: 30px solid transparent;}
	.advanced-input-hidden-container {
		position: absolute;
		display: none;
		width: calc(250% - 60px);
		height: calc(100% + 20px);
		top:-10px;
		left:50%;
		-ms-transform: translate(-50%,0); /* IE 9 */
	    -webkit-transform: translate(-50%,0); /* Chrome, Safari, Opera */
	    transform: translate(-50%,0);
		margin-left:auto;
		margin-right:auto;
		background-color: #c9c9c9;}
.advanced-input.open {
	z-index:50;}
	.advanced-input.open .advanced-input-hidden-toShow{
		z-index:52;}
		.advanced-input.open .advanced-input-hidden-container{
			z-index:51;}

.slider-width-text {}
	.slider-width-text .first, .slider-width-text .last, .slider-width-text .middle{
		display:inline-block;}
	.slider-width-text .first, .slider-width-text .last{
		width:20%;}
	.slider-width-text .middle{
		width:60%;}





[type=text].input-invisible[disabled], [type=password].input-invisible[disabled], [type=email].input-invisible[disabled], [type=tel].input-invisible[disabled], [contenteditable].input-invisible[disabled] {
	width: 100%;
	font-size: 13px;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 0;
	padding: 0;
	margin: 0;
	text-align: center;
	background-color: transparent;
	line-height: 1;
}






.foresta-logo-big {
	height: 30px;
}

	.foresta-logo-big div {
		font-size:30px;
	}


.foresta-logo-small {
	height: 20px;
}

	.foresta-logo-small div {
		font-size:20px;
	}


.foresta-logo {
	display: inline-block;
}

.foresta-logo img {
	height: 100%;
	vertical-align: top;
}

.foresta-logo div {
	display: inline-block;
	line-height: 1;
	vertical-align: baseline;
	color: #666666;
	margin-left: 10px;
}


.page {
	display: inline-block;
	width: 100%;
	padding: 5% 9.5%;
	margin: 0;
}

.page-break {
	page-break-before: always;
}

.no-border-top td, .no-border-top th {
	border-top:none !important;
}

.btn-full {
	width: 100%;
	padding: 20px;
}

.btn-main {
	text-transform: none;
	word-wrap: break-word;
	white-space: normal;
}

.btn-main span{
	font-family: inherit;
	font-weight: 400;
	line-height: 1.1;
	color: #444444;
	font-size: 20px;
	margin-bottom: 10px;
	display: block;
}

.wrapword{
	white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	white-space: pre-wrap;       /* css-3 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
	word-break: break-all;
	white-space: normal;
}

@media print {
	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
		position: static;
	}
	/* SUPER IMPORTANT ELSE BRAKES PRINT */
	*{transition:none 			!important}

	.page {
		display:block !important;
		page-break-after: always;
		position: relative;
		/*padding: 10mm 20mm 10mm 20mm !important;*/
	}

	.page-logo-container {
		position: absolute;
		top:0;
		right:0;
	}

	h1, h2, h3, h4, h5, h6 {
		font-family: "RobotoDraft","Roboto",sans-serif;
	}
	body, table {
		font-family:"Times New Roman", Times, serif;
		font-size:8pt !important;
	}

	.table td, .table th {
		background-color: transparent !important;
	}

	.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
		padding: 0;
	}

	.data-section {
		padding-bottom: 0.5cm;
		page-break-inside: avoid;
	}
}


.cell-col-3 {
	display: inline-block;
	width: 25%;
	text-align: center; }


.cell-fixed {
	width: 100px; 
	min-height: 1px;}
	.cell-fixed.cell-fixed-big {
		width:200px; }

	.cell-fixed.cell-fixed-left {
		float:left; }

	.cell-fixed.cell-fixed-right {
		float:right; 
		text-align: right;}

	.cell-fixed.cell-first {
		padding-left: 10px; }

	.cell-fixed.cell-last {
		padding-right: 10px; }

.cell-span {
	width: auto;
	overflow: hidden; 
	}
	.cell-span.cell-span-divided {
		display: flex;
	}
	.cell-span.cell-span-divided .cell-span {
			width: 50%;
			display: inline-block;
			flex: 1;
		}

.list-group-scroll {
	overflow: scroll;
    height: 400px;
    overflow-x: hidden;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc; }

    .list-group-scroll .list-group-item.list-group-scroll-item {
    	margin-right: 2px;
    	cursor: pointer; cursor: hand;
    }

.list-group-scroll-head {
	overflow-y:scroll;
}
.list-group-head::-webkit-scrollbar{
	opacity: 0;
} 

/*------------------------------------*\
    #A-Offset button

    Left or right offsetted button
\*------------------------------------*/

.offset-button-container {
	position: relative;}

	.offset-button-container.offset-button-solid {
		width: calc(100% - 40px);}

	.offset-button{
		position: absolute;
		width:30px;
		top:50%;
		font-family:'Glyphicons Halflings';
		color: grey;
		font-size:30px;
		-webkit-transition: all 0.2s;
		-o-transition: all 0.2s;
		transition: all 0.2s;
		text-shadow: 0 2px 4px rgba(0,0,0,0.3);}

		.offset-button:hover {
			width: 35px;
			font-size:35px;

			color: #34A096;
			text-decoration: none;}

		.offset-button:active {
			width: 30px;
			font-size:30px;}

	

	.offset-button-left-align {
		-ms-transform: translate(-30px,-50%); /* IE 9 */
	    -webkit-transform: translate(-30px,-50%); /* Chrome, Safari, Opera */
		transform: translate(-30px,-50%);}

		.offset-button-left-align:hover {
			-ms-transform: translate(-33px,-50%); /* IE 9 */
	    	-webkit-transform: translate(-33px,-50%); /* Chrome, Safari, Opera */
			transform: translate(-33px,-50%);
		}

		.offset-button-left-align:active {
			-ms-transform: translate(-30px,-50%); /* IE 9 */
	    	-webkit-transform: translate(-30px,-50%); /* Chrome, Safari, Opera */
			transform: translate(-30px,-50%);
		}

	.offset-button-right-align{ 
		right: 0;
		-ms-transform: translate(30px,-50%); /* IE 9 */
    	-webkit-transform: translate(30px,-50%); /* Chrome, Safari, Opera */
		transform: translate(30px,-50%);
	}
		.offset-button-right-align:hover {
			-ms-transform: translate(33px,-50%); /* IE 9 */
    		-webkit-transform: translate(33px,-50%); /* Chrome, Safari, Opera */
			transform: translate(33px,-50%);
		}

		.offset-button-right-align:active {
			-ms-transform: translate(30px,-50%); /* IE 9 */
    		-webkit-transform: translate(30px,-50%); /* Chrome, Safari, Opera */
			transform: translate(30px,-50%);
		}

	.offset-button-right-align-extended{ 
		right: 0;
		-ms-transform: translate(45px,-50%); /* IE 9 */
    	-webkit-transform: translate(45px,-50%); /* Chrome, Safari, Opera */
		transform: translate(45px,-50%);
	}
		.offset-button-right-align-extended:hover {
			-ms-transform: translate(47px,-50%); /* IE 9 */
    		-webkit-transform: translate(47px,-50%); /* Chrome, Safari, Opera */
			transform: translate(47px,-50%);
		}

		.offset-button-right-align-extended:active {
			-ms-transform: translate(45px,-50%); /* IE 9 */
    		-webkit-transform: translate(45px,-50%); /* Chrome, Safari, Opera */
			transform: translate(45px,-50%);
		}

	.offset-button-left:after {
		content:"\e257";
	}
	.offset-button-right:after {
		content:"\e258";
	}
	.offset-button-remove {
		width: 20px;
		font-size:20px;
	}

		.offset-button-remove:hover, .offset-button-remove:active, .offset-button-remove:focus {
			color: #D3342F;
		}

			.offset-button-remove:hover {
				width: 25px;
				font-size:25px;
				color: #D3342F;
			}

			.offset-button-remove:active {
				width: 20px;
				font-size:20px;
			}
		.offset-button-remove:after {
			content:"\e014";
		}

/*------------------------------------*\
    #A- deletable button
	depricated
\*------------------------------------*/

.deletable{
	position: relative; }

	.deletable:after {
		position: absolute;
		display: inline-block;
		content: "+";
		background-color: #fff;
		top: -10px;
		right: -10px;
		border: 3px solid #666;
		border-radius: 50%;

		font-size:20px;
		line-height: 0.9;
		text-align: center;
		vertical-align: baseline;

		width:20px;
		height: 20px;

		-ms-transform: rotate(45deg); /* IE 9 */
	    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
	    transform: rotate(45deg);

		cursor:pointer;
		cursor:hand}


/*------------------------------------*\
    #A-OTHER
\*------------------------------------*/

/*------------------------------------*\
    #A-Navbar user
\*------------------------------------*/

.nav-button-logout-info {
	color: #666666; 
	pointer-events: none;
	display: none;}
	.logout-username, .logout-divider {
		display: inline;}
	.logout-divider {
		display:inline-block;
		font-size:20px;
		height:23px;
		font-weight: 300;}

@media (min-width: 768px) {
	.nav-button-logout-info {
		margin-left:20px;
		display:inline;	
	}
}


/*------------------------------------*\
    #A-PAGE SPECIFIC
\*------------------------------------*/

/*------------------------------------*\
    #A-Login
\*------------------------------------*/

.login-panel {
	margin-top: 20px;
	width: 100%;
    display: inline-block;
    padding: 5px 40px 20px 40px;
    -webkit-box-shadow: 0 3px 15px rgba(0,0,0,0.7);
    box-shadow: 0 3px 15px rgba(0,0,0,0.7);
    margin-bottom: 0px;
}

.background-image {
	left:0;
    overflow: hidden;
    background-size: cover;
    background-position: center center;
}

.background-start {
	background-size: auto 70%;
    background-repeat: no-repeat;
    background-position: right bottom;
    background-origin: padding-box;
    
    
}

.background-start:before {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: -moz-linear-gradient( top, rgba( 255, 255, 255, 0.2 ) 0%, rgba( 255, 255, 255, 0.65 ) 50%, rgba( 255, 255, 255, 0.90) 100% );
	background: -webkit-gradient(linear,  top, rgba( 255, 255, 255, 0.2 ) 0%, rgba( 255, 255, 255, 0.65 ) 50%, rgba( 255, 255, 255, 0.90) 100% );
	background: -webkit-linear-gradient( top, rgba( 255, 255, 255, 0.2 ) 0%, rgba( 255, 255, 255, 0.65 ) 50%, rgba( 255, 255, 255, 0.90) 100% );
	background: -o-linear-gradient( top, rgba( 255, 255, 255, 0.2 ) 0%, rgba( 255, 255, 255, 0.65 ) 50%, rgba( 255, 255, 255, 0.90) 100% );
	background: -ms-linear-gradient( top, rgba( 255, 255, 255, 0.2 ) 0%, rgba( 255, 255, 255, 0.65 ) 50%, rgba( 255, 255, 255, 0.90) 100% );
	background: linear-gradient(to top, rgba( 255, 255, 255, 0.2 ) 0%, rgba( 255, 255, 255, 0.65 ) 50%, rgba( 255, 255, 255, 0.90) 100% );
	display: block;
}


/*------------------------------------*\
    #A-Kund
\*------------------------------------*/

.organisation-container {
	min-height: 39px; }
	.organisation-container .organisation-text{
		margin-right:10px;}


/*------------------------------------*\
    #A-Ägande
\*------------------------------------*/
.andel-grupp {
	display:inline-block;
}
.haendelse-table-row + .haendelse-table-row td .andel-grupp {
	position:relative;
}
.haendelse-table-row + .haendelse-table-row td .andel-grupp:before {
	content:"";
	display:block;
	position:absolute;
	height:100%;
	width:3px;
	background-color:#BBBBBB;
	top:0;
	left:50%;
	-ms-transform: translate(-100%,-100%);
    -webkit-transform: translate(-100%,-100%);
    transform: translate(-100%,-100%);
}

.aegande-group-header span {
	position:relative; }
	.aegande-group-header span span {
		position:absolute;
		top:0;
		left:0;
		width:100%;}

/*------------------------------------*\
    #A-Kalkyler
\*------------------------------------*/

.graph-img {
	width: 100%;
}


/*------------------------------------*\
    #A-Fastighetsdatan
\*------------------------------------*/

.list-group-item.finished:after {
	font-family:'Glyphicons Halflings';
    content:"\e013";
    position:absolute;
    color: grey;
    right:15px;
    top:50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

/*------------------------------------*\
    #A-Prognos
\*------------------------------------*/

.prognos-container {
	position: relative;
	margin-bottom: 15px;}
	.prognos-container .prognos-swap-btn{
		display:inline-flex;
		position:absolute;
		top:0;
		width:50px;
		height: 100%;}
		.prognos-container .prognos-swap-btn-left{
			left:0px;}
		.prognos-container .prognos-swap-btn-right{
			right:0px;}
		.prognos-container .prognos-swap-btn:before{
			font-family:'Glyphicons Halflings';
			text-align: center;
			font-size:22px;
			content:"";
			display:inline-block;
			border-radius: 50%;
			background-color: #34A096;
			color:#ddd;
			width:40px;
			height:40px;
			line-height:40px;
			margin-left:5px;
			margin-right:5px;
			margin-top:auto;
			margin-bottom:auto;
			-webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.3);
	    	box-shadow: 0 1px 4px rgba(0,0,0,0.3);

	    	z-index:9999;

	    	-webkit-transition: all 0.2s;
			-o-transition: all 0.2s;
			transition: all 0.2s;
			}
				.prognos-container .prognos-swap-btn:hover:before{
					-webkit-box-shadow:0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
	    			box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
				}
			.prognos-swap-btn.prognos-swap-btn-left:before{
				content:"\e257";

				}
			.prognos-swap-btn.prognos-swap-btn-right:before{
				content:"\e258";
				}

	.prognos-container .prognos-swap-content{
		margin-left:50px;
		width: calc(100% - 100px);
		display:inline-block;
		position: relative;
		}

.chart{
	min-height:400px;
}



/*------------------------------------*\
    #A-misc style
\*------------------------------------*/
.heading-addition {
	display:inline-block;
	float:right;
	font-size:13px;
	line-height: 22px; }

.figure-text {
	border-right: 20px solid transparent;
	border-left: 20px solid transparent;
	max-width: 800px;}

	.figure-text tbody tr {
		vertical-align:top;
	}


svg.element-ref {
	width:25px;
	height:13px; 
	margin-right: 5px;}
	svg.element-ref-divided {
		width:12.5px;
		height:13px; 
		margin-right: 0px;}
		svg.element-ref-divided + svg.element-ref-divided {
			margin-right: 5px;}

	svg.element-ref rect {
		width: inherit; 
		height: inherit;
		stroke: none;
		stroke-width: 0; }

		svg.element-ref.lan-ref rect {
			fill: #34a096; }

		svg.element-ref.egen-insats-ref rect {
			fill: #919191; }

		svg.element-ref.arligt-resulat-ref-1 rect {
			fill: #34A096; }
		svg.element-ref.arligt-resulat-ref-2 rect {
			fill: #a05734; }

	svg.element-ref path {
		stroke-width:2.5; 
		fill-opacity:1; 
		fill:none;}

		svg.element-ref.varde-ref path {
			stroke:#2a333a; }

		svg.element-ref.belaning-ref path {
			stroke:#a05734; 
			stroke-dasharray:5px, 5px;}

		svg.element-ref.aggregerat-resultat-ref path {
			stroke:#2a333a; }

		svg.element-ref.skog-total-ref path {
			stroke:#34a096; }

		svg.element-ref.skog-LSA-ref path {
			stroke:#a05734; 
			stroke-dasharray:10px, 10px;}

		svg.element-ref.skog-avverkningsbar-ref path {
			stroke:#2a333a; 
			stroke-dasharray:5px, 5px;}



.btn-fill {
	width:100%;
}


/*------------------------------------*\
    #A-Bootstrap overwrites
\*------------------------------------*/

a {
	color:#34A096;
}

a:hover, a:focus {
	color: grey;
	text-decoration: none;
}

/* Bootstrap overwrites  */
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
	cursor:pointer !important;
	cursor:hand !important;
}

.btn-primary {
	background-color: #34A096;
}

.btn-primary:hover, .btn-primary:focus{
	background-color: #2A8078;
}
.btn-primary:hover, .btn-primary:active:hover, .btn-primary:focus {
	background-color: #2A8078;
}



.btn-primary:active {
	background-color: #2A8078;
	background-image: -webkit-radial-gradient(circle, #2A8078 10%, #A7CEC4 11%);
	background-image: -o-radial-gradient(circle, #2A8078 10%, #A7CEC4 11%);
	background-image: radial-gradient(circle, #2A8078 10%, #A7CEC4 11%);
	background-repeat: no-repeat;
	-webkit-background-size: 1000% 1000%;
	background-size: 1000%;
	-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
	box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
}

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
	color: #ffffff;
	background-color: #34A096;
	border-color: #34A096;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus {
	-webkit-box-shadow: inset 0 -2px 0 #34A096;
	box-shadow: inset 0 -2px 0 #34A096;
	color: #34A096;
}

.nav-tabs>li>a, .nav-tabs>li>a:focus {
	font-size: 18px;
	display: block;
	height: 100%;
}
.nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus:hover {
	border: none;
	color: #34A096;
}

.nav-tabs>li>a:hover, .nav-tabs>li>a:focus:hover {
	background-color: transparent;
	-webkit-box-shadow: inset 0 -2px 0 #34A096;
	box-shadow: inset 0 -2px 0 #34A096;
	color: #34A096;
}

.list-group-item-success, .list-group-item-success:hover {
	background-color: #A7CEC4 !important;
	color: #555555 !important;
}



input[type="checkbox"]:checked:after, .checkbox input[type="checkbox"]:checked:after, .checkbox-inline input[type="checkbox"]:checked:after {
	background-color: #34A096;
	border-color: #34A096;
}

input[type="radio"]:checked:after, .radio input[type="radio"]:checked:after, .radio-inline input[type="radio"]:checked:after {
	border-color: #34A096;
}
input[type="radio"]:before, .radio input[type="radio"]:before, .radio-inline input[type="radio"]:before {
	background-color: #34A096;
}

textarea:focus, textarea.form-control:focus, input.form-control:focus, input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=number]:focus, [type=text].form-control:focus, [type=password].form-control:focus, [type=email].form-control:focus, [type=tel].form-control:focus, [contenteditable].form-control:focus{
	-webkit-box-shadow: inset 0 -2px 0 #34A096;
	box-shadow: inset 0 -2px 0 #34A096
}



.form-control:focus {
	border-color: #34A096;
}

.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
	background-color: #34A096;
}


.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
	display:table-cell;
	width:auto;
	vertical-align:middle;
}

.panel-default {
	border-width: 1px;
    border-style: solid;
    border-color: #ddd;
    margin-bottom:15px;
}

.no-transitions {
	-webkit-transition: none;
	transition: none;
}




/*------------------------------------*\
    #A-DEPRICATED
\*------------------------------------*/

/*------------------------------------*\
    #A-Buttons
\*------------------------------------*/

#form-btn-row {
	overflow: overlay;
	padding-top: 10px;
	padding-bottom: 10px;
}