/* Siirretty page.css */
@media (max-width: 1200px) {
  .divbody {
    margin-top: 50px !important;
  }   
}


.breadcrumb > .active {
  color: #666;
  font-size:1em !important;
}

/*rivinpiirto.css:n yliajo */
.sislinkki a {
   font-size:1em;
}

.linkki {
   font-size:12pt;
}


/* yliajo.css */
body {
   padding-top:45px;
   margin-right: 0 !important;
   margin-left: -8px!important;
   background-color: #e8e8e8;
   font-family:Arial;
   font-size:11pt;
}   


/* yliajo.css */
.body-kirjautunut {
   padding-top:95px;
   margin-right: 0 !important; 
   margin-left: -8px!important;
   background: #f3f3ef;
}


.jumboLeft {
     margin-left: 0em!important; 
}

.sidebar-page {
   color:#555 !important;
   padding:3px 0px 3px 10px !important;
}

/* yliajo.css */
.murupolku {
   background-color:#fff;
   color:#000;
   font-size:0.8em !important;
}

.murupolku a, murupolku a:visited {
   color:#23527c;
}

.murupolku a:hover {
   color:#000;
}
/* yliajo.css */
.brand {
   font-size:1.0em !important;
   color:#fff !important;
   padding-right:20px;
}
/* yliajo.css */
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: 400px;
}

#contentFrontPage {
   padding-top:0px;
}

#content {
   padding-top:10px;
   padding:1em;
   background:#fff !important;
   border-radius:8px;
   -moz-border-radius:8px;
   -webkit-border-radius:8px;   
   -moz-box-shadow: 0 0 81px #888;
   -webkit-box-shadow: 0 0 18px #888;
   box-shadow: 0 0 18px #888;
   max-width:700px;
   text-align:left;

}

.sidebarrightheader {
   font-size:1.3em;
   border-bottom:1px dotted #000;
} 

.sidebarrightinfo {
   margin-top:5px;
}

.PageDownInfo {
   background-color:#333;
}

.jumbotron {
   background-color: #fff;
}

.jumbotron .control-group {
   font-size:12pt;
}

.mar-top_30{
   margin-top:30px;
}

/* yliajo.css kirjautumiskentta */
.fs {font-size:1em;}

.pageeditlogprint-link {
   font-size:0.8em!important;
   color:#337ab7!important;
   text-decoration:none;

} 

.tekniset-tiedot-td {
   font-size:1em !important;
}

.pageeditlogprint {
   margin-bottom:10px !important;
} 

.jumbotron-sisalto {
   font-size:0.8em!important;
}

/* Isolla näytöllä tarvitaan vähemmän marginia carousellin yläpuolelle */

/* Näyttö > 1024px */
@media (min-width: 1024px) {
   #myCarousel {
      margin-top:0.4em;
   }
} 

/* Näyttö > 1024px and landscape */
@media 
  (min-device-width: 1024px) 
  and (orientation: landscape) { 
   #myCarousel {
      margin-top:0.4em;
   }
   .row {
      margin-left:-8px;
   }
}

/* 786 px < Näyttö < 1000px */
@media (min-width: 768px) and (max-width:1000px) {
   #hakudiv {
      margin-bottom:3em;
      width:100%;
      padding-right:0;
      margin-right:0;
   }
   #haku {
      padding-right:0;
      margin-right:0;    
   }
} 

/* Näyttö < 1000px */
@media (max-width: 1000px) {
   .row {
      margin-left:-8px;
      margin-right:0px;
   }
} 

.checkbox-label-oma {
   font-weight: bold !important;
   font-size:10pt !important;
}


.navbar-inverse {
    background-image: linear-gradient(to bottom, #4b6796 0%, #355282 100%);
}

.navbar-inverse a {
   color:#fff!important;
   font-family:'Poppins', sans-serif !important;
   font-weight:500;
   text-transform:uppercase;
}

.dropdown-menu a {
   color:#000!important;
}

.brand {
    font-size: 0.9em !important;
}

.nav > li > a {
    padding-left:8px;
    padding-right:8px;
    font-size:12pt;
}

h1 {
   font-size:1.5em !important;
   color:#000 !important;
   font-family:Arial;
}

h2 {
   font-size:1.2em !important;
   color:#202020;
   font-family:Arial;
   margin-top:40px !important;
   
}

h3  {
   font-size: 0.8em !important;
   color:#202020;
   font-family:Arial;
   line-height:1.3em;
   margin-top:1em;

}

h4  {
   color: rgb(187,133,81) !important;
}
 

.bg-black {
   background-color:#fff !important;
}

.sidebarrightheader {
   font-family:'Poppins', sans-serif !important;
}

.bg-l-grey {
   padding: 0px 0px 0px 0px;
}

.bg-d-grey {
   background-color:#404040;
}

.bg-l-blue {
   background-color:#c3cedb;
}

.bg-d-blue {
   background-color:#003369;
}

.bg-turquoise {
   background-color:#3e8a9a;
}


.jumbotron p {
   font-size:1.1em!important;
}

p {
   font-size:1.0em!important;
}

td {
   font-size:1.1em !important;   
}

.checkbox-label-oma {
   font-weight: bold !important;
}

/*HALLINTOPANEELIN MUOKKAUS*/

.control-panel {
   width:100%;
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,f0f0f0+0,e0e0e0+99,e0e0e0+100,2989d8+100 */
      background: #1e5799; /* Old browsers */
      background: -moz-linear-gradient(top,  #1e5799 0%, #f0f0f0 0%, #e0e0e0 99%, #e0e0e0 100%, #2989d8 100%); /* FF3.6-15 */
      background: -webkit-linear-gradient(top,  #1e5799 0%,#f0f0f0 0%,#e0e0e0 99%,#e0e0e0 100%,#2989d8 100%); /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom,  #1e5799 0%,#f0f0f0 0%,#e0e0e0 99%,#e0e0e0 100%,#2989d8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#2989d8',GradientType=0 ); /* IE6-9 */

}

.control-bar {
   width:550px;
   margin:0 auto;
}


.hakocmslogo {
   text-align:left;
   padding:5px 0px 0px 10px;
}

.shortcut {
   padding-top:10px;
   text-align:right;
}

.row {
  margin-left:0px!important;
}     

.logout {
   text-align:right;
   padding-top:15px;
}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .active > a { 
   background-image: linear-gradient(to bottom, #fff 0%, #fff 100%);
   box-shadow: inset 0 0px 0px rgba(0, 0, 0, .25);
}  

.pad-control-list-head {
   font-size:1.1em!important;
   font-family:'Arial', Helvetica, sans-serif!important;
}

.breadcrumb {
   margin-bottom: 0px!important;
}
  
.active {
    font-size: 0.6em!important;
}

span.inactive {
   font-size:0.6em!important;
}

ul.nav-tabs li.active a, ul.nav-tabs li.active {
   font-size:12pt;
}

control-label {
   font-size:12pt!important;
}

/*MOBIILIPUOLI*/

.navbar-new {
   background-color:#f0f0f0!important;
}

.navbar-new .navbar-brand, .navbar-new .navbar-brand:hover, .navbar-new .navbar-brand:focus {
   color:#fff!important;
   font-family:'Arial'!important;
   text-shadow:none !important;
}

#example-navbar-collapse > ul {
    background-color:#f0f0f0;
}

.navbar-inverse a {
   color:#fff!important;
}

.navbaractive a {
   font-family:'Arial' !important;
   color: #fff !important;
   font-size:0.95em !important;
   font-weight:normal !important;
   text-transform:none;
}

.navbarlink a {
   font-family:'Arial' !important;
   color: #fff !important;
   font-size: 0.95em !important;
   font-weight:normal !important;
   text-transform:none;
}

.ylakuva {
   	max-height: 400px;
}

.sidebar-nav {
   padding-bottom:20px;
}
.PAAVALIKKO a {
   font-family: 'Poppins', sans-serif !important;
   font-size:1.2em;
}

#ylakuva {
   text-align:center;
   width:980px;
   height:287px;
   
   display: block;
   height: auto;
   max-width: 100%;
}

.ylakuvaeditori_active {
   margin-bottom:10em;
}


/* HYPPIVÄN YLÄKUVAN KORJAUS */

@media (max-width: 1200px) {
  .divbody {
    margin-top: 50px !important;
  }   
}

.mobile-brand {
   color:#000 !important;
   font-weight:bold;    
}

.mobile-logout {
   display: inline-block;
   white-space: nowrap;
   margin-top:13px !important;
   margin-bottom:5px !important;
   font-size:12pt !important;
   padding-left:1em;
   margin-left:1em;
   color:#000 !important;
}

.mobile-logout a {
   color:#000 !important;
}

.dropdown-menu {
   margin-top:-1px !important;
}

.navbar-new .navbar-nav > li > a {
    background-color: #F0F0F0;
    margin-left:0.5em;
}

.mobile-logout {
   padding-left:0.5em;
}

.navbar-new .navbar-nav > li > a {
   padding-left:0.5em;
}

/* http://bootsnipp.com/snippets/featured/no-more-tables-respsonsive-table */
@media only screen and (max-width: 800px) {
    
    /* Force table to not be like tables anymore */
	#no-more-tables table, 
	#no-more-tables thead, 
	#no-more-tables tbody, 
	#no-more-tables th, 
	#no-more-tables td, 
	#no-more-tables tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	#no-more-tables tr { border: 1px solid #ccc; }
 
	#no-more-tables td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
		white-space: normal;
		text-align:left !important;
	}
 
	#no-more-tables td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
 
	/*
	Label the data
	*/
	#no-more-tables td:before { content: attr(data-title); }
}



.hidden{display:none}

.containersivu {
   width:100% !important;
} 
   
@media (min-width: 1450px) {
   .containersivu {
      width:70% !important;
   } 
}


#kohdehaku-table {
   font-size:75%;
}

.PAAVALIKKO {
   margin-top:1em;
   font-size:90%;
}

.banneri {
  font-family:Arial;
  display: inline-block;
  border-radius: 12px;
  background-color: #3C5988;
  border: none;
  color: #FFFFFF !important;
  text-align:center;
  width:320px;
  font-size: 1em;
  padding: 15px;
  letter-spacing:0.5px;
  cursor: pointer;
  text-shadow: 1px 1px 5px #000000;
}

.banneri span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.banneri span:after {
  content: '»';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.2s;
}

.banneri:hover span {
  padding-right: 25px;
}

.banneri:hover span:after {
  opacity: 1;
  right: 0;
}

.saalissisalto {

   line-height:1.3em;
}

.input-help {
   color: #737373;
   font-size:10pt;
   font-weight:normal;
}

.pad-left-05 {
   padding-left:0.5em;
}

div.minimalistic-upload {
    position: relative;
    height: 25px;
    background-color: #9DBD1C;
    border-bottom: 1px solid rgba(0,0,0, 0.2);
}

div.minimalistic-upload .dz-filename {
    position: absolute;
    left: 10px;
    top: 0;
    width: 100%;
    height: 100%;
    line-height: 25px;
    color: #000;
    z-index: 100;
}

div.minimalistic-upload .dz-progress {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background-color: #DFF77E;
    z-index: 99;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}

div.uploaded-file-container:first-of-type {
    margin-top: 0;
}

div.uploaded-file-container {
    margin: 15px 0 10px 0;
    padding-bottom: 5px;
    border-bottom: 1px solid rgba(0,0,0, 0.1);
}

div.uploaded-file-container button.delete-file-button {
   position: absolute;
   /*right: 5px;*/
   bottom: 5px;
   left: 555px;
}

div.uploaded-file-container img {
    border-radius: 3px;
    max-height: 200px;
    cursor: move;
}

div.ready-uploads-liite div.uploaded-file-container img {
    max-height: 256px;
}

.control-label, .radio-label {
   font-size:10pt;
}

.radio-label {
   padding-right:10px;
   vertical-align:top !important;
   font-weight: bold;
}

.radio-span {
   padding-left:5px;
}

.paataulu {
   font-size:12pt !important; 
}

div.infoteksti {
   font-size:12pt !important;    
}

.captcha-error {
   color:red;
   margin-top:1em;
}



.modal {
   top:20%;
   /*width: 624px;*/
}

#infoBoxDiv
{
   position:fixed;
   /* top:100px;
   right:30px; */
   text-align:left;
   
   background-color:#DFF0D8;
   border:1px solid #92BD81;
   border-radius:10px;
   
   padding:20px;
   z-index:1000;
   
   opacity:0;
   display:none;
}

#infoBoxDiv span
{
   color:#000;
   font-family: verdana;
   font-size:10pt;
}