html,
body {
    height: 100%;
    font-family: "Open Sans", Helvetica, Arial;
    font-size: 14px;
    background-color: #f0f0f0;
    line-height:160%;
	
}

a:visited,
.btn:focus, 
.btn:active:focus, 
a:hover,
a:focus {
	outline: none !important;
	text-decoration: none !important;
}

a:visited {
	background:auto !important;
}

a {
	-webkit-transition: all 50ms ease-in-out !important;
	-moz-transition: all 50ms ease-in-out  !important;
	-o-transition: all 50ms ease-in-out !important;
	transition: all 50ms ease-in-out !important;
}


.btn-primary {
    background-image: none !important;
    background-color: #003299 !important;
}

#sellersignupform-acceptance { height:auto !important; }


button.navbar-toggle {
    background-color:#003299;
}
button.navbar-toggle span {
    color: white;

}

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.wrap > .container {
    padding: 10px 20px 20px;
}

.footer {
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    padding-top: 0px;
}
#wrapper > div {
    background-color: transparent;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

#page-text-wrapper h2 {
    margin-bottom:10px;
    font-size: 18px;
    }

#page-text-wrapper  li {
    margin-bottom:10px;
    }
#page-text-wrapper ol, 
#page-text-wrapper ul {
    margin-bottom:15px;
    }
h3 {
    color: #003299;
    font-size:17px;
    }

ul.nav-tabs li a span.badge {
    margin-left:6px;
    padding: 4px;
}
ul.nav-tabs li a span:before { content: '' !important; }
ul.nav-tabs li a span:after { content: '' !important; }


/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: "\e151";
}

a.desc:after {
    content: "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view td {
}

.grid-view .filters input,
.grid-view .filters select {
    min-width: 50px;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.nav > li > form {
    padding: 8px;
}

.nav > li > form > button:hover {
    text-decoration: none;
}

/* Menu basic styling */
#header-menu  { padding-bottom:0px; }
#header-menu div.container-fluid { padding-left:0px; }
#header-menu > nav.navbar { 
    background-color: #fff; 
    border-bottom:1px solid #ddd;
    }
#header-menu div.navbar-header { 
    }

#header-menu a.navbar-brand {
    padding:0px;
    padding-left:15px;
    height:95px;
    }

#slogan h1 {
    padding-left:15px;
    font-size:22px;
    font-weight:700;
    }
#slogan h1 span.list {
    display:block;
    padding-top:5px;
    }
#slogan h1 span.list span {
    font-size:16px;
    font-weight:normal;
    margin-right:15px;
    }
#slogan h1 span.list i {
    color: green;
    }



/* TEMP STYLES */

.row-main h2 {
    background-color: #f8f8f8;
	border:solid 1px #ddd;
	margin-left:-4px !important;
	margin-right:-1px !important;
	border-radius: 0 0 0px 4px !important;
    padding:16px 15px 15px 15px;
    color: #003299;
	font-weight:700;
	text-transform:uppercase;
    margin:0px;
    font-size: 15px;
	box-shadow: 0 1px 9px rgba(0,0,0,0.1);
}

div.col-main-sidebar {
    }

#target-listing div.target-box {
    }
#target-listing div.target-box > div.inner {
    margin:2px;
    border:0px solid #ddd;
    overflow:hidden;
    height:260px;
    position:relative;
    }
#target-listing div.target-box div.bottom {
    position:absolute;
    bottom:0px;
    left:0px;
    right:0px;
    background-color: white;
    }

#target-summary {
    text-align:center;
    }

div.times.row {
    background-color: #eee;
    margin-top:20px;
    padding:10px 0px;
}

#header-menu .top-menu .navbar-nav li a {
    padding:6px 10px;
    background-color: #003299;
    color: white;
    margin-top:5px;
    margin-right:5px;
    margin-left:5px;
    }
#header-menu .top-menu .navbar-nav li.colored a,
#header-menu .top-menu .navbar-nav li a:hover {
    background-image: none !important;
    background-color: #003299 !important;
    }
#header-menu nav.navbar { margin-bottom:0px; }
#header-menu nav.navbar+nav.navbar, .footer div.sub-menu {
    background-color: #003299;
    }
#header-menu nav+nav li a, .footer div.sub-menu a {
    color: white;
    border:1px solid transparent;
    padding:10px 10px;
    margin-top:5px;
    margin-bottom:5px;
    margin-left:15px;
    margin-right:15px;
    font-size:15px;
    }
/* #header-menu nav+nav li a:hover, .footer div.sub-menu a:hover {
    background-image: none !important;
    background-color: #003299 !important;
    border-radius:5px;
    border:1px solid #fff;
    } */
.footer div.sub-menu nav { margin: 0px;}

.footer div.copyright {
    margin-top:15px;
    font-size:12px;
    color: #787878;
    }

div.bg {
    background-color: #fff;
    padding:10px 15px;
	box-shadow: 0 1px 9px rgba(0,0,0,0.15);
 }
div.bg ul {
    list-style:none;
    padding:0px;
    margin:0px;
    }
div.bg ul li {
    list-style:none;
    margin:4px 0px;
    border-bottom:1px solid #ddd;
    padding:4px 0px;
    }
div.bg ul li.active {
    font-weight:600;
    }
div.bg ul li a {
    color: #5d5f5f;
    }

div.bg ul li a span:before { content: '('; }
div.bg ul li a span:after { content: ')'; }

div.bg.search {
    margin-bottom:0px;
    padding:20px;
    }
div.targets-holder {
    padding:10px;
    padding-top:0px;
    }
div.targets-heading {
    margin-top:7px;
    }
div.targets-heading > div {
    padding-left:0px;
    padding-right:0px;
    }

div.target-box {
    padding:0px;
    margin:0px 0px 0px 0px;
   }
div.target-box img {
    max-height:200px;
    margin:0px auto;
    }

div.target-box:hover * {
    text-decoration:none !important;
    }
div.target-box h3 {
    font-size: 15px;
    font-weight:normal;
    margin:8px 0px;
    width:100%;
    color: #444;
    padding:0px 5px;
    }
div.target-box h3 a {
    color: #444;
    }
div.target-box div.numbers.row {
    background-color: #fff;
    box-sizing: content-box;
    width:100%;
    color: #FFF;
	font-weight:700;
    margin:0px;
    }
div.target-box div.numbers.row > div {
    padding:6px 7px;
    }
div.target-box div.numbers.row > div.darker {
    background-color: #fff;
    }

div.row-target-title {
    margin-bottom:15px;
    }

h1.target {
    margin-top:0px;
    margin-bottom:15px;
    }

ul.pagination {
    margin:0px;
    }
div.summary {
    text-align:right;
    font-size:12px;
    color: #777;
    }

#swipebox-overlay {
    background-color: rgba(0,0,0, 0.5);
    }

div.col-target-sidebar {
    padding:0px;
    }

div.col-target-main {
    padding-right:15px;
    }

div.bg2 {
    background-color: #fff;
    padding:15px;
    }

div.col-target-main div.info {
    padding:20px 0px;
    }
div.target-images {
    }
div.target-images img {
    float:left;
    border:0px solid #ddd !important;
    margin:2px;
    }
div.col-target-main div.times {
    margin:0px;
    padding:0px;
    margin-bottom:10px;
    }
div.col-target-main div.times > div {
    font-size: 13px;
    color: #666;
    padding:10px 15px;
    }

#target-summary #target-number{
    font-size:17px;
    margin-bottom:15px;
    }
#target-summary #target-number span {
    font-weight:700;
    }
#target-summary #highest-bid {
    padding:15px;
    background-color: #044599;
    }
#target-summary #highest-bid p {
    margin:0px;
    color: white;
    }
#target-summary #highest-bid p.price {
    font-size:19px;
    font-weight:700;
    padding:5px 0px;
    }
#target-summary #highest-bid p.small {
    font-size:12px;
    }
#target-summary #time-left {
    background-color: #eee;
    padding:15px;
    }
#target-summary #time-left span.number {
    font-size:18px;
    font-weight:700;
    display:inline-block;
    padding:0px 2px;
    }
#target-summary #time-left p.small {
    font-size:14px;
    color: #787878;
    }

#target-offers table td {
    font-size: 13px;
    background-color: #fff;
    }
#target-offers table td.sum {
    color: #064ca1;
    font-weight:700;
    }

div.border, fieldset {
    border:1px solid #ddd;
    padding:15px;
    margin-bottom:10px;
    }

div.border h3 {
    margin:0px;
    margin-bottom:15px;
    color: #0066ae;
    }

div.invoice-show {
    border:1px solid #ddd;
    padding:15px;
    }

div.invoice-footer {
    margin-top:30px;
    padding-top:20px;
    border-top:1px solid #ddd !important;
    font-size:13px;
    }

table.price-summary {
    width:100%;
    }
table.price-summary td+td  { text-align:right; }
table.price-summary tr.last-row td  { font-weight:700; }

div.nav-tabs a span.count {  }

.bold { font-weight: 700; }

div.sorter-row {
    border:1px solid #ddd;
    padding:6px 10px;
    margin-left:-9px;
    margin-right:-9px;
    }
div.sorter-row span.title {
    display:inline-block;

    }
div.sorter-row ul {
    list-style:none;
    padding:0px;
    display:inline-block;
    margin:0px;
    }
div.sorter-row ul li {
    list-style:none;
    display:inline-block;
    }
div.sorter-row span.title, div.sorter-row ul li {
    font-size:13px;
    line-height:16px;
    margin:0px 7px;
    }

div.sellers-other-targets ul {
    list-style:none;
    padding:10px;
    margin:8px 0px;
    }

div.alert ul li {
    margin: 3px 0px;
    }

span.not-set {
    font-size:12px;
    color: #bbb;
    }

div.file-preview-frame {
    display:block;
    height:350px !important;
    width:95% !important;
    overflow:hidden;
    }

ul.file-list {
    list-style:none;
    padding:0px;
    }
ul.file-list li {
    list-style:none;
    margin-bottom:3px;
    }

.row {
    margin-left:-1px;
    margin-right:-1px;
    }

div.pdfs div.preview {
    width:100%;
    margin-right:0px;
    border:1px solid #ddd;
    }
div.pdfs div.preview div.ops {
    right:5px;
    left:auto;
    width:15px;
    top:7px;
    background-color:transparent;
    color: #337ab7;
    }
div.pdfs div.preview div.file-preview-other {
    padding:5px 10px;
    }

#fin-map {
    width:238px;
    height: 416px;
    background:url(../images/map.png) center top no-repeat transparent;
    position:relative;
    }
#fin-map a {
    position:absolute;
    background:rgba(0, 49, 153, 0.6);
    padding:3px 5px;
    border-radius:3px;
    top: auto;
    bottom:auto;
    right:auto;
    left:auto;
    font-size:12px;
    color: white;
    }
#fin-map #area-1 {  bottom:10px;        left:5px; }
#fin-map #area-2 {  bottom:35px;        right:35px; }
#fin-map #area-3 {  bottom:110px;        left:75px; }
#fin-map #area-4 {  bottom:73px;        right:65px; }
#fin-map #area-5 {  bottom:175px;        left:165px; }
#fin-map #area-6 {  bottom:35px;        left:90px; }
#fin-map #area-7 {  bottom:145px;        left:85px; }
#fin-map #area-8 {  bottom:100px;        left:110px; }
#fin-map #area-9 {  bottom:30px;        left:140px; }
#fin-map #area-10 {  bottom:280px;        left:125px; }
#fin-map #area-11 {  bottom:70px;        left:80px; }
#fin-map #area-12 {  bottom:130px;        left:45px; }
#fin-map #area-13 {  bottom:110px;        left:195px; }
#fin-map #area-14 {  bottom:185px;        left:120px; }
#fin-map #area-15 {  bottom:125px;        left:145px; }
#fin-map #area-16 {  bottom:50px;        left:120px; }
#fin-map #area-17 {  bottom:60px;        left:45px; }
#fin-map #area-18 {  bottom:5px;        left:100px; }
#fin-map #area-19 {  bottom:20px;        left:50px; }
    
#fin-map a:hover,
#fin-map a.selected {
    text-decoration:none;
    background-color: rgba(0, 49, 153, 1);
    }

.container { width: 100%; max-width:1150px;  }

.navbar-toggle .icon-bar {
    background-color: white;
    }
#header-menu .navbar-toggle .icon-bar {
    background-color: #fff;
    }
#target-listing div.empty { margin-top:15px; }

div.top-menu {
    background: url(../images/euroksi.jpg) center top no-repeat;
    background-size: contain;
    height: 0px;
    padding-bottom:12.3%;
}

ul.nav-loggedin {
    z-index:10000;
    margin-right:0px;
}
ul.nav-loggedin li {
    z-index:10000;
}

#header-menu .top-menu .navbar-nav.nav-loggedin a:hover,
#header-menu .top-menu .navbar-nav.nav-loggedin li.active a {
    background-color: #faa82b !important;
}

@media (max-width:900px) {

    #map-holder { display:none; }

}

@media (max-width:768px) {

    #cat-ul li { 
        width: 50%;
        display:inline-block;
        font-size:12px;
        line-height: 15px;
        margin:1px 0px;
        }
    #slogan { display:none; }

}

@media (max-width:420px) {

    #cat-ul li { 
        width: 100%;
        }

}

/* NEW */

#page-content-wrapper > .row.row-main {
	margin-left:-15px;
	margin-right:-15px;
}

#page-content-wrapper > .site-signup,
#page-text-wrapper,
#page-content-wrapper > .container, 
#page-content-wrapper > section {
	padding:15px 30px 40px 30px;
	background:#FFF;
	margin-left:-10px;
	margin-right:-10px;
	box-shadow: 0 1px 9px rgba(0,0,0,0.1);
}

.target-box > div {
	background:#FFF;
	margin:10px 7px !important;
	box-shadow: 0 1px 9px rgba(0,0,0,0.1);
	-webkit-transition: all 50ms ease-in-out !important;
	-moz-transition: all 50ms ease-in-out  !important;
	-o-transition: all 50ms ease-in-out !important;
	transition: all 50ms ease-in-out !important;
} 

@media (min-width: 768px) {
	div.target-box:hover > .inner {
		box-shadow: 0 1px 20px rgba(0,0,0,0.15);
		transform: scale(1.05);
		z-index:999999 !important;
	}
	div.bg ul li a span {
		font-size:11px;
		float:right;
    }
	.col-main  {
		padding-left:20px;
	}
}

.col-main-sidebar > h2 {
	margin-top:15px;
}

.col-main-sidebar > h2:first-child {
	margin-top:0;
}

#map-holder > div {
	padding-bottom:15px;
}

#cat-ul > li:last-child {
	border-bottom:none !important;
}

#header-menu {
	/* max-width:100%; */
	padding:0;
}
 
#header-menu {
	max-width:1130px !important;
} 

.navbar-collapse,
#header-menu .container {
	padding-left:0;
	padding-right:0;
}

.navbar {
	border:none !important;
	border-radius:0px 0px 0px 0px !important;
	margin-top:-1px;
}

.btn,input,button,textarea,select {
	border-radius:0px 0px 0px 0px !important;
}

.navbar-nav li.active a {
	background:#FAA82B;
	color:#000 !important;
}

.navbar-nav li.active a:hover {
	background:#FAA82B !important;
}

.navbar-nav li {
	padding:0 !important;
	margin-right:0 !important;
	background:transparent !important;
	border:none !important;
}

.navbar-nav a {
	padding:18px 20px !important;
	margin:0 !important;
	border:none !important;
	font-size:14px !important;
	font-weight:600 !important;
}

.navbar-nav li a:hover {
	background:#231F24 !important;
	border:none !important;
	opacity:1 !important;
}

.navbar-nav li {
	border:none !important;
}

.nav > li > a:focus {
	background:#FAA82B !important;
	color:#000 !important;
}

.navbar-nav {
	width:100% !important;
}

.navbar-nav .colored {
	float:right !important;
}

.navbar-nav .colored a:before {
	content:'\f2f6';
	font-family: "Font Awesome 5 Free"; font-weight: 900;
	padding-right:8px;
	color:#FAA82B;
}

.nav > li.colored > a:focus,
.navbar-nav .colored.active a:before {
	color:#000 !important;
}

h2 i {
	display:inline-block;
	float:right;
	font-size:17px;
	color:#003299;
	opacity:0.5;
	font-weight:600 !important;
}

span.huomio {
	display:block;
	margin-top:12px;
	font-size:11px;
	line-height:1.3;
}

.news-date {
	font-size:11px;
	margin-top:13px;
	line-height:1.3;
}

.news-hl {
	font-weight:700;
}

.news-excerpt {
	font-size:13px;
	line-height:1.3;
}

.news-readmore a {
	font-size:10px;
	font-weight:700;
	text-transform:uppercase;
	color:#FAA82B;
}

.news-readmore a:hover {
	color:#000;
}

.news-readmore {
	display:block;
	text-align:right;
}

.news-item-wrapper {
	border-bottom:solid 1px #ddd;
	padding-bottom:10px;
}

#tiedotteet > .bg > .news-item-wrapper:last-child {
	border-bottom:none;
}

#myymala {
	font-size:14px;
	font-weight:600;
}

#myymala .bg {
	background:#fff;
	line-height:1.4;
	padding-bottom:15px;
}

h2.nosto {
	background:#fff;
}

/* h2.nosto i {
	color:#003299;
} */

div.sorter-row {
	border:none !important;
	padding-top:15px !important;
}

div.sorter-row span,
div.sorter-row li,
div.sorter-row select {
	font-size:12px !important;
}
	

.targets-holder {
	padding-left:0 !important;
	padding-right:0 !important;
	margin-left:-5px;
	margin-right:-5px;
}

div.target-box div.numbers.row > div {
	background: #f9f9f9 !important;
	font-size:20px;
	color:#003299;
	padding: 9px 15px !important;
}

div.target-box div.numbers.row > div.darker {
	background:#f9f9f9 !important;
	
	font-size:14px;
	color:#000;
}


.numbers i {
	padding-right:4px;
	font-size:12px;
	color:#FAA82B;
}

.numbers i.fa-trophy {
/* 	padding-left:10px; */
	margin-top:7px;
	margin-left:-26px;
	position:absolute;
	display:none;
}

.numbers {
	border-top:solid 1px #DDD;
}

.row.sorter-row,
.row.targets-heading {
	padding-left:8px;
	padding-right:8px;
}

.target-box .inner h3 {
	font-weight:600;
	font-size:14px;
	margin:15px 0;
	padding-left:15px;
	padding-right:15px;
	line-height:1.3;
}

#page-content-wrapper {
	padding-top:10px;
}

.ilmoita-euroksissa {
	display:block;
	font-size:18px;
	text-transform:uppercase;
	color:#FFF;
	font-weight:700;
	margin-top:20px;
	padding:20px 20px;
	background:#FAA82B;
	
}

.osta-euroksissa {
	display:block;
	font-size:18px;
	text-transform:uppercase;
	color:#FFF;
	font-weight:700;
	margin-top:10px;
	padding:20px 20px;
	background:#003299;
	
}

.ilmoita-euroksissa span,
.osta-euroksissa span {
	text-transform:none;
	font-weight:400;
}

.ilmoita-euroksissa i,
.osta-euroksissa i {
	display:inline-block;
	float:right;
}

.ilmoita-euroksissa:hover,
.osta-euroksissa:hover {
	color:#000 !important;
}

div.bg ul li.active a {
	color:#222;
}

div.bg ul li a:hover {
    color: #222;
}

div.bg ul li a {
	display:block;
}

#page-text-wrapper h1 {
	font-weight:700;
	margin-bottom:20px;
	color:#003299;
}

#page-text-wrapper .text h2 {
	margin-top:30px;
	font-weight:600;
	margin-bottom:5px;
	color:#003299;
}

#page-text-wrapper .text p {
	margin-bottom:15px;
}

#page-text-wrapper .text h3 {
	margin-top:30px;
	font-weight:600;
	margin-bottom:5px;
}

.btn {
	text-transform:uppercase;
	font-weight:600;
	font-size:13px !important;
	padding-top:9.5px !important;
	padding-bottom:9.5px !important;
}

.form-group input {
	height:38px;
}

@media screen and (max-width: 415px) {
	.target-box {
		width:100% !important;
	}
}

.col-target-main {
	background-color: #fff;
    padding:0 15px 20px 15px;
	margin-top:49px;
	box-shadow: 0 1px 9px rgba(0,0,0,0.15);
}

@media (min-width: 992px) {
	.col-target-main {width:72.5%;margin-right:2.5%;}
}

#page-content-wrapper > .row.row-target {
	margin-left:-10px;
	margin-right:-10px;
}

.col-target-sidebar h2,
.row.row-target h1 {
	background-color: #f8f8f8;
	border:solid 1px #ddd;
	margin-left:-4px !important;
	margin-right:-1px !important;
	border-radius: 0 0 0px 4px !important;
    padding:16px 15px 15px 15px;
    color: #003299;
	font-weight:700;
	text-transform:uppercase;
    margin:0px;
    font-size: 15px;
	box-shadow: 0 1px 9px rgba(0,0,0,0.1);
}

.row.row-target h1 {
	margin-bottom:10px;
	margin-top:-49px;
	margin-left:-19px !important;
	margin-right:-16px !important;
}

.col-target-sidebar h2:first-child {
	margin-top:0;
}

.col-target-sidebar .bg {
	padding-top:15px;
	padding-bottom:15px;
}

.col-target-sidebar h2 {
	margin-top:15px;
}

.terms h2 {
	font-weight:600;
	margin-top:40px;
	font-size:15px;
	margin-bottom:0;
	text-transform:uppercase;
	color:#003299;
}

.terms p {
	margin-bottom:20px;
	font-size:12px;
	line-height:1.5;
}

@media screen and (max-width: 375px) {
	div.top-menu {
    background: url(../images/euroksi.jpg) center top no-repeat;
        background-position-x: center;
        background-position-y: top;
        background-size: auto;
    background-size: cover !important;
    height: 0px;
    padding-bottom: 20% !important;
    display: block;
    background-position: left !important;
	}
}

@media screen and (max-width: 250px) {
	div.top-menu {
    background: url(../images/euroksi.jpg) center top no-repeat;
        background-position-x: center;
        background-position-y: top;
        background-size: auto;
    background-size: cover !important;
    height: 0px;
    padding-bottom: 30% !important;
    display: block;
    background-position: left !important;
	}
}

p[data-f-id=pbf] { display:none !important; }