html {
   min-height: 100%;
}

body {
   margin-right: 0 !important;
}     

.hakosalojulkisivulogo { 
   border: 0;
}

.PAAVALIKKO {
   padding:13px 10px 10px 10px;
   border-bottom:1px dotted #d8d8d8;
}

.PAAVALIKKO a {
   color:#000;
   text-transform:uppercase;
   text-decoration:none;
}

.sidebar-title {
   padding:10px 10px 7px 10px;
}

.bb {
   border-bottom:1px dotted #d8d8d8;
}

.sidebar-area {
   padding:4px 0px 2px 0px;
   border-bottom:1px dotted #d8d8d8;  
}

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

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

.control-link {
   font-family:'Arial';
   text-transform:none;
   color:#000 !important;
   text-shadow:none !important;
   font-size:12pt;
}


.new-element {
   float:left;
   height:30px; 
   padding:10px 10px 0 0;
   font-size: 0.6em!important;
   color: #000 !important;
   font-weight: bold; 
}

.ul-pad {
   padding-right:10px !important;  
}

.pad-top-3 {
   padding-top:3px;
}

.marg-b-5 {
   margin-bottom:5px !important;
}

.pad-control-list-head {
   padding:12px 5px 10px 20px;
   font-weight:bold;
   color:#000;
   font-size:0.9em !important;
   text-transform:uppercase;
   border-top:1px dotted #787878;
}

.bg-black {
   background-color:#000 !important;
   width:100%;
}

.bg-white {
   background-color:#fff !important;
   width:100%;
}

.bg-grey {
   background-color:#333 !important;
   width:100%;
   padding:20px 0 20px 0;
}

.bg-l-grey {
   background-color:#f0f0f0 !important;
   width:100%;
   padding:20px 0 20px 0;
}

.bg-purple {
   background-color:#801750 !important;
   width:100%;
   padding:20px 0 20px 0;
}

.divbody {
   margin-top: 0 !important;
   padding-top: 0 !important;   
   padding-right: 0 !important; 
   margin-right: 0 !important;
   margin-left: 8px !important;
}

.ylakuva {
  z-index:-1;
  width:100%;
}

.portalbar {
   background: transparent;    
}

#headerNavBar {
   z-index: 1;
   padding-right:0;
   position:relative;
   padding-bottom:0;
}

.navbar-brand-a { 
   cursor: pointer; 
}

.ul-applicationNavBar {
   padding-right:0;      
}       

.logoPageNameHeader {

}

#logo {
   top:1em;
   left: 1em;
   position:absolute;
}

.PageNameHeader {
   position:absolute;
   top:0;
   left:6em;
   font-size:1.8em;
   color:#fff;
   text-shadow: 2px 2px #000;
}

/* Samsung Galaxy S5 - Portrait and Landscape */
@media screen and (max-width: 768px) { 
   .PageNameHeader { left:1em; font-size:1.2em; } 
}

.SearchDiv {
  position:absolute; 
  top:1em; 
  right:1em;
}

.navbar-header {
   color: black;           /* blue */
   font-size: 1.5em;
}

.navbaractive {
   color: #fff;
   background-color: #080808;
}

#applicationNavBar {
   background-color: #404040 !important;  /* #135b8d */
   /*margin-right: 12px;*/
}

.rounded10 {
   border-radius: 10px; 
}

.rounded5 {
   border-radius: 5px; 
}

#applicationNavBar a {
   color:#fff !important;
}

#applicationNavBar a:hover {
   color:#000 !important;
}



/* toimintovalikko ylhäällä */
.settings {
   background-color: #f0f0f0;  
}
.settingsbackground {    
  /* background-color: #e0e0e0; */
}
.settingsbackground a {
   font-size:10pt;
}
.settings-div a {
   font-size:10pt;
   color:#000; 
}
.settings-div span {
   font-size:10pt;
   font-weight:bold;
}
.settings-div-sivukartta {
}
.settings-div-kayttaja {
   font-family: 'Arial';
   font-size:1em !important;
   padding-right:10px;
}
.log-out span {
   padding-left:0.5em;
   white-space:nowrap !important; 
}
.log-out a {
   font-size:10pt;
   padding-left:0.5em;
   color:#000;
   font-weight:bold;  
}
/* toimintovalikko ylhäällä */

.control-buttons {
   padding:10px 0px 0px 0px !important;
}

.nobr	{ 
   white-space:nowrap; 
}

.containersisalto {
   margin:0;
   padding:0;
   padding-top:20px !important;
   /* margin-top:15em; */
}          

/* #sidebarLeft */
#sidebarLeftFrontPage {
   background-color:white !important;  /* orange */
   padding: 10px;
   margin-right:15px;
}

#sidebarLeft {
   background-color:white !important;  /* orange */
   padding: 10px;
}

.sidebarleftheader, .sidebarleftheader a {
   font-size:12pt !important;
   font-weight: bold;
   font-family: 'Arial', Helvetica, sans-serif;
   color:#333 !important;
}    

.sidebarleftheader-link{
   width:100%;
}
/* #sidebarLeft */




/* #content */
#contentFrontPage {
   padding-right:0;
   padding-bottom:10px;
}

#content {
   padding-right:0;
   padding-left:0px;
}
/* #content */



/* #sidebarRight */
#sidebarRight {
   padding-right:0;
   /*padding-left: 32px; */
}          

#sidebarRightBottom {
   padding-right:0;
   /*padding-left: 19px;*/
}

#sidebarRightBottomFB {
   padding-right:0;   
}

/* Fabebook */
.fb-page {
}     

.sidebarrightheader {
   padding-top:20px;
   text-transform:uppercase;
   padding-bottom:2px;
} 

.sidebarrightheader a {
   padding-top:0px;
   font-family: 'Arial', Helvetica, sans-serif;
   color:#000;
   border-bottom:4px solid #4d4d4d;
}

.sidebarrightbottom {
   padding-top:1em;
}

.sidebarrightheadermiddle {
   padding-top:1.5em !important;
}

.sidebarrightbottom a {
   font-size:1em;
   padding-top:1em;
}

.sidebarrightrow {
   padding-top:0.5em;
   border-bottom:1px dotted #A0A0A0;
   width:100%;
   font-size:10pt;
}

.sidebarrightrow a {
   padding-top:0.5em;
   width:100%;
   font-size:1.2em;
}

.sidebarrightinfo {
   color:#808080;
   margin-bottom:0.5em;
   font-size:10pt;
}

.sidebarrightdate {
   color:#404040;
   font-size:10pt;
}

.sidebarrightspan {
   color:#a0a0a0;
   font-size:10pt;
}

/* #sidebarRight */



/* Uudet */


.list-group-item-heading a {
   color:#fafafa;
   font-size:12pt !important;
}
 

.linavigointi a {
   color:#333;
   font-size:10pt !important;
}

.breadcrumb {
   margin-left:1em;
   position:absolute;
}

.showpreviousnext, .showpreviousnext a {
   color:#000;
   text-decoration:none !important;  
   text-align:right;
   padding-left:0.25em;
   /*margin-top:-1em;*/
}

span.inactive {
   color:#a0a0a0;
   font-size:0.8em !important;
}

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

/* PageDownInfo */
.PageDownInfo {
   color:#fff;
   padding:1em 1em 0 1em;
   font-weight: normal;
}

.PageDownInfo a {
   font-size:9pt;
   color:#c8c8c8 !important;
   font-weight:bold;
}
.PageDownInfo a:hover {
   font-size:9pt;
   color:#fff !important;
   text-decoration:none;
}

.PageDownInfo h1 {
   font-size:12pt !important;
   font-family: 'Roboto Condensed', sans-serif;
   color:#fff !important;
   font-weight:normal;
   margin-bottom:-10px;
   padding:0;
}

.pagedownteksti{
   font-size:10pt !Important; 
}
/* #PageDownInfo */


/* hakukonekuvaus */
div.hakukonekuvaus {
   font-size:9pt;
   color:#a0a0a0;
   font-family:Arial;
   font-style:italic;
   padding-bottom:1em;
   padding-right:1em;
   line-height: 1.3em;
}


/* footer */
#footer {
   background-color:#404040 !important;
   margin-bottom:0;
   padding-bottom:0;
}

#footer > .scroll-top {
}

#footer > .container {
}
/* footer */




/* jumbotron */
.jumbotron {
  padding: 10px;
  margin-bottom: 0px;
  font-size: 21px;
  font-weight: 200;
  line-height: 1.5;
  color: inherit;
}

.jumbotron h1 {
  line-height: 1;
  color: inherit;
}

.jumbotron p {
  line-height: 1.4; 
  font-size:12pt;
}

.container .jumbotron {
  border-radius: 6px;
}             

[class*="col-"] {
  padding-top: 0px;
  padding-left: 0px;
}  

.well {          
   /*margin-bottom:0;*/
}

.navbar-default {
    margin-bottom:10px; 
}

/* */
.lomakeotsikko {
   margin-top:1em;
}

.help-block-oma {
   display:inline !important;
   color: #737373;
   font-weight:normal;
}

.help-block-middle {
   display: inline;    
   vertical-align:middle !important;
   padding-top: 5px;
   bottom: 5px;
}

.omacontrols {
   white-space:nowrap !important;
}

.omacontrols .multiselect-container>li.multiselect-group label {
    white-space:nowrap !important;
}

.omacontrols .multiselect-container>li>a>label {
    padding-top:0;
    padding-bottom:1; 
}

/* modal ei toimi firefoxilla */
div.omamodal .modal-content {
   width:700px;
}
.modal {
   z-index: 1500;
}
.modal-dialog {
   z-index: 1500;
}
#divModal {
}
/*
.modal-backdrop {
}
  .modal-backdrop.in {
    opacity: .35;
    filter: alpha(opacity=35); 
}
 modal ei toimi firefoxilla */

h4.otsikkoh4 {
   margin-top:0;
   font-size: 18px !important; /*1.384em;*/
   font-weight:normal;
}


/* http://getbootstrap.com/css/#grid-intro */


/* Samsung Galaxy S5 - Portrait and Landscape */
@media screen and (max-device-width: 992px) {
  .jumbotron {
      /*background-color:blue !important;*/
   }
   #sidebarRight {
      padding-left:0;
      /*background-color:yellow !important;*/
   }
}

/* Samsung Galaxy S5 - Portrait and Landscape */
@media screen and (max-device-width: 768px) {
   span.PageNameHeader {
      font-size:0.5em;
   }
}

/* Nämä siksi, että jumbotron ja tiedotteet eivät ole kiinni toisissaan. */
/* @media 768px */
@media screen and (min-width: 1024px) {
  .sidebarRightoma {
    padding-left: 15px; 
  }
  #sidebarRightBottomFB {
   padding-left: 15px;
  }
  .fb-page {
      float:right; 
   }
}

/* Landscape */
@media 
  (max-device-width: 1024px) 
  and (orientation: landscape) { 
  #sidebarRightoma {
      padding-left:0;
   }
   #sidebarRightBottomFB {     
      padding-left:0;
   }
}
/* Landscape */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:landscape) {
   #sidebarRightoma {
      padding-left:0;
   }
   #sidebarRightBottomFB {     
      padding-left:0;
   }
}
/* Nämä siksi, että jumbotron ja tiedotteet eivät ole kiinni toisissaan. */


/* @media 768px */
@media screen and (min-width: 768px) {
  .jumbotron {
      min-height:400px !important; 
  }
  .container .jumbotron {
      padding-right: 0.8em; 
      padding-left: 1em;   
  } 
        
  .container .jumboLeft {
      margin-left: 1em;  
  }   
  
  .jumbotron h1 {
    font-size: 2em;
  }
}

.jumbotronotsikko {
   float:left;
}    

.jumbotron-sisalto {
   min-height:400px !important; 
}



.virhediv {
   display:none;
   margin:1em 0;
   color:red;
}


div.valintadiv {
   background:#ffffff;
}

div.valintadivabsolute {
   background:#ffffff;
   border:1px solid #a0a0a0;
   padding:5px;
   z-index:10;
   position:absolute;
}

.container-fluid-oma {
   padding-left:0;
}

.buttonwidth {
   width: 112px !important;
}

.elementtijako {
   border-bottom: 1px dotted #c8c8c8;
   border-top: 1px dotted #c8c8c8;
   padding-left: 0 !important;
   /*margin-bottom:1em;*/
   padding-bottom:3px;
   text-align:right;
   margin-top:10px !important;
}

.elementtipainikkeet {
   padding-top:0.5em;
   padding-bottom:3px;
   margin-bottom:1em;
}

.pieniteksti {
   font-size:8pt;
}

.rivivali133 {
   line-height:1.33em;
}

.harmaateksti {
   color:#606060;
}




.elementtiohjeet {
   padding-right:5px;
}

div.elementtiohjesuper {
   margin:1.5em 1em 1em 0;
   padding:0.5em;
   padding-left:2em !important;
   font-size:8pt;
   margin-bottom:10px;
   line-height:12pt;
   font-family:verdana;
}

div.elementtiohje {
   margin-top:2em;
   margin-bottom:1em;
   border:#F4B93B 1px solid;
   padding:0.5em;
   padding-left:32px;
   background-color:#ffeed1;
   font-size:8pt;
   line-height:12pt;
   font-family:verdana;
   background-image:url('../images/kysymysmerkki.png');
   background-repeat:no-repeat;
   background-position:8px 4px;
}

 /*Sisäänkirjautuminen alkaa*/
.kirjautumisikkuna {
   margin:30px auto;
   width:450px;
   background:#fff;
   border-left:1px solid #ddd;
   border-top:1px solid #ddd;
   border-right:1px solid #999;
   border-bottom:1px solid #999;
   padding:30px 20px 30px 20px;
}
  
.kirjautumiskentta {width:400px;height:45px;margin-bottom:10px;padding:5px 15px 5px 15px;font-size:12pt;background-color:#fff;color:#333;border:1px solid #a9b0b4;}
.tar {text-align:right;}
.fs {}
.kirjaudupainike 	{font-size: 16pt;width:100%;}

.kirjaudupainike {
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	padding: 10px 20px;
   background: rgb(180,209,65);
   background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I0ZDE0MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2Y2FiMzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjN2RiOWU4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
   background: -moz-linear-gradient(top,  rgba(180,209,65,1) 0%, rgba(108,171,52,1) 100%, rgba(125,185,232,1) 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(180,209,65,1)), color-stop(100%,rgba(108,171,52,1)), color-stop(100%,rgba(125,185,232,1)));
   background: -webkit-linear-gradient(top,  rgba(180,209,65,1) 0%,rgba(108,171,52,1) 100%,rgba(125,185,232,1) 100%);
   background: -o-linear-gradient(top,  rgba(180,209,65,1) 0%,rgba(108,171,52,1) 100%,rgba(125,185,232,1) 100%);
   background: -ms-linear-gradient(top,  rgba(180,209,65,1) 0%,rgba(108,171,52,1) 100%,rgba(125,185,232,1) 100%);
   background: linear-gradient(to bottom,  rgba(180,209,65,1) 0%,rgba(108,171,52,1) 100%,rgba(125,185,232,1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4d141', endColorstr='#7db9e8',GradientType=0 );
	border: 1px solid #5e9029;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,1);
	text-shadow:
		1px 1px 5px rgba(000,000,000,1),
		1px 1px 5px rgba(255,255,255,0.3);
}

.copyright a{
    color:#337ab7;
    text-decoration:none;
}
/* Sisäänkirjautuminen päättyy */



.tyoversio, .ajastettu {
   height:50px;
}

.tyoversio {
   background-position:top right; 
   background-image:url('../images/tyoversio.png');
   background-repeat:no-repeat;
}

.ajastettu {
   background-position:top right;
   background-image:url('../images/Ajastettu.png');
   background-repeat:no-repeat;
}


div.paivitystiedot {
   padding-bottom:10px;
   padding-right:20px;
   color:#808080;
   text-align:right;
   font-size:9pt !important;
   /*background-color:#fff; */
   -webkit-border-bottom-right-radius: 10px;
   -webkit-border-bottom-left-radius: 10px;
   -moz-border-radius-bottomright: 10px;
   -moz-border-radius-bottomleft: 10px;
   border-bottom-right-radius: 10px;
   border-bottom-left-radius: 10px;
}

div.paivitystiedot * {
   font-size:9pt !important;
   font-family:Arial;
}


table.luettelobootSTR {
   padding:7px 5px 9px 9px;   
   margin-left:1em;
}

table.luettelobootSTR th {
	text-align: left;
   padding:0.2em;
   padding-left:0.3em;
   padding-right:0.3em;
}

table.luettelobootSTR tr td {
   padding-left:0.3em;
   padding-right:0.3em;
   padding-top:0.2em;
   padding-bottom:0.2em;
   font-size:10pt;  
}

table.luettelobootSTR tr td a {
   padding-top:0.2em;
   padding-bottom:0.2em;
   font-size:10pt;  
}

table.luettelobootSTR tr td input {
   font-size:10pt;  
}

.haku {
   width:300px;
   border:1px solid #999;
   font-size:12pt;
}

#hakusanaSivu {
   padding:3px;
   padding-left: 5px;
}

.hakulista {
   padding-right:1em;
}


/* http://presscustomizr.com/snippet/media-queries-responsiveness/ */


/* style-määrittelyjen poistoa... */
.tyoversio {
   color:#a0a0a0;
}

.tapahtuma-pvm {
   color:#404040;
}

.tapahtuma-mennyt {
   color:#F10E0E;
}

.kloonisivu-otsikko {
   padding-bottom:0;
   margin-bottom:0;
}

.kloonisivu-sisalto {
   margin-bottom:2em;
   color:#707070;
}

.kloonisivu-linkki {
   color:#707070;
   text-decoration:underline;
}

.pageeditlogprint {
   text-align:right;
}

.pageeditlogprint-link {
   text-decoration:none;
}            
.applicationVersion-link {
   color:#666;
}


.haku-kuva {
   border:1px solid #000;
}
.captcha-error {
   color:red;
   margin-top:1em;
}
.tiedoteluettelo-pvm {
   color:#505050;
   padding-right:5px;
   font-size:14px;
}
.tiedoteluettelo-otsikko {
   font-size:14px;
}
.tiedoteluettelo-alkuloppupvm {
   color:#a0a0a0;
   padding-bottom:0.5em;
   padding-top:0em;
}
.tapahtumaluettelo-kuukausi {
   font-weight:bold;
   color:#202020;
   padding-bottom:0.7em;
   padding-top:1em;
   padding-right:5px;
}
.tapahtumaluettelo-pvm {
   color:#505050;
   padding-bottom:0.5em;
   padding-right:5px;
}
.tekniset-tiedot {
   margin-top:1em;
   line-height:1.5em;
}
.tekniset-tiedot-td {
   padding-right:1em;
   padding-top:4px;
}
.tekniset-tiedot-linkki {
   padding-right:1em;
   font-size:9pt;
   padding-top:4px;
}
/* style-määrittelyjen poistoa... */


@media (min-width: 1200px) {
	.col-lg-10 {
		width: 100%;        
	} 
} 

@media (max-width: 900px) {
    .divbody {
      margin-top:0px !important;
    }
  
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
}

img {
   max-width: 100%;
   height: auto;
}


.td_red {
   color:red;
}

.td_green {
   color:green;
}

.td_valign_top {
   vertical-align:top !important;
}

.button-holder {
   display: inline-block;
   position: relative;
   white-space: nowrap;
   max-width:100%;
}

.new-page {
   font-family:Arial;
   font-size:0.8em !important;
   font-weight:bold;
   padding-left:0.5em;
}    



/* http://www.kodingmadesimple.com/2015/04/customize-twitter-bootstrap-navbar-tutorial.html */

/* SettingsMobile */

/* Koko valikon taustaväri */
.navbar-new {
   background-color: grey; /* #961051 #23BAB5; */
   border-color: #000; /* #0FA6A1; */
   margin-right:0;
}

/* Jotta valikko menee oikeaan reunaan kiinni */
#example-navbar-collapse {
   padding-right:0 !important;
}

/* Valikon taustaväri */
#example-navbar-collapse > ul {
   background-color:grey;   /* #961051; */
   padding-right:0 !important;
   margin-right:0 !important;
}

/* Ylläpitotoiminnot-otsikko */
.navbar-new .navbar-brand,
.navbar-new .navbar-brand:hover,
.navbar-new .navbar-brand:focus {
    color: #FFF;     
}

/* Kirjaudu ulos -linkki */
.log-out {
   padding-right:1em;
   color:#000;
}

/* Kirjaudu ulos -linkki, kun hiiri on päällä */
.log-out:hover {
   color:#FFF;
   text-decoration: none;
}

/* Kirjaudu ulos rivi fontin väri ja kaikkien valikon li-elementtien marginit */
.navbar-new .navbar-nav > li {
   color:#000;  
   margin-top:0 !important;
   margin-bottom:0 !important;
}

/* Valikon alasveto-otsikot */    
.applicationMenu {
   padding-right:0;
   font-size:1.5em;
}

/* Valikon alasveto-otsikoiden taustavärit */  
.navbar-new .navbar-nav > li > a {
    background-color: #FFF;
}

/* Valikon alasveto-otsikot taustaväri fokuksen jälkeen */    
.navbar-new .navbar-nav > li > a:hover,
.navbar-new .navbar-nav > li > a:focus {
    background-color: #F0F0F0; 
}

/* Valikon alasveto-otsikko irti vasemmasta reunasta */
.navbar-new .navbar-text {
    padding-left:1em;        
}

/* Kirjaudu ulos linkki joskus tottelee tätä.... */
.navbar-new .navbar-text a {
   color:#000;
}



/* Toggle-painikkeen reunuksen väri */
.navbar-new .navbar-toggle {
    border-color: #fff; /* #0FA6A1; */
}

/* Toggle-painikkeen väri, kun kursori päällä */
.navbar-new .navbar-toggle:hover,
.navbar-new .navbar-toggle:focus {
    background-color: grey; /* #0FA6A1; */
}

/* Toggle-painikkeen viivojen väri */
.navbar-new .navbar-toggle .icon-bar {
    background-color: #000;
}
    
/* HALLINTOPALKKI */

.product-logo {
   padding-top:7px;
   float:left;
   width:150px;
}

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

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

.log-out {
   float:right;
   position:absolute;
   top:15px;
   right:0px;

}

.username {
   color:#000;
}

.black {
   color:#000;
}

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

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