/* CSS Document */

/* Tyylejä, joilla ajetaan yli Bootsrap ym. css */



body { 
   overflow-x: hidden; /*overflow-x: visible|hidden|scroll|auto|initial|inherit;;*/
   margin: 0px;
   font-size:12pt;
   zoom:1;
   -moz-transform: scale(1);
   -moz-transform-origin: 0 0;
    /*max-width:500px !important;*/
   /*max-height:100%;
   max-width:100%;
    max-device-width:1024px !important;*/    
}  

.navbar {
  margin-bottom:0px;  
}
         
.navbar-header {
  margin-left:0em;
}

.navbar-brand {
  padding: 15px 5px 0px 10px;
}

.navbar-brand-esikatselu {
   position: relative;
   display: block !important;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a { 
   font-weight: bold;
   color: #fff;    
   background-color:#3C85C4; 
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
   color: #555;        
   background-color: #e7e7e7;   
}

.woll {
    margin-bottom: -21px;
}

.ssilka a{
	color:#0080C0;
}

.ssilka a:hover{
	color:#0080C0;
}

.list-group-item:last-child {
    border-radius: 0;
}

.list-group-item:first-child{
    border-radius: 0;
}


/* Perussivun tyylit */
/*http://stackoverflow.com/questions/18392477/how-to-make-bootstrap-3-fluid-layout-without-horizontal-scrollbar */
.container {
   max-width: 100%;
   /*max-width: 1170px; */
   /* This will remove the outer padding, and push content edge to edge */
   /*padding-right: 0;
   padding-left: 0; */ 
 }

 /* NaytaDokumentti-sivussa */
.containeroma {
   /*padding-right: 0;
   padding-left: 0; */
   padding-left: 15px;
   padding-right: 15px; 
}
/* NaytaDokumentti-sivussa */
.coloma {
   padding-top: 0px;
   padding-right: 0px;
   margin-right: 0px;
   padding-left: 0px;
}
 
.row {
  margin-left: 0px;
  margin-right: 0px;
}

.row .row {
  background-color: transparent;
}
[class*="col-"] {
  border: 0px solid #ddd; 
  background-color: transparent; 
  border: 0px solid rgba(86,61,124,.2); 
}
/* Perussivun tyylit */


/* Otsikot */
h4.otsikkoh4 {
   margin-top:0;
   font-size: 1.384em;
   /* font-size: 18px; font-size: 1.125em; */
   /* http://v1.jontangerine.com/silo/css/pixels-to-ems/
      1 ÷ parent font size (px) × required pixels = em equivalent   (parent font-size:10pt;)
      http://pxtoem.com/ 
      (parent) 10pt -> 13px
      1 / 13 * 18 ->  1.384
      */
}

h3.otsikkoh3 {
   margin-top:0;
   font-size: 1em!important;
   color:#000 !important;
   font-weight:bold;
}

h3.rivityyppiotsikko {
   font-family:'Arial' !important;
   margin-top:0;
   font-size: 0.6em!important;
   color:#000 !important;
   font-weight:bold;
   padding-left:1em;
}

/* Otsikot */

/* Muutoshistoria ja dokumentit */
.table-striped tr td {
   padding-left:1em !important;
}

.table-striped tr th {
   padding-left:1em !important;
}

p.tyhja {
   padding-left:1em !important;
}

td.oikea {
   text-align:right;
}

th.th-oikea {
   text-align:right;
}

/* Muutoshistoria ja dokumentit */



form .line {
   margin-bottom: 15px;
}

.listgroup {
   position:absolute;
   width: auto;
   border-radius: 0px;
  -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.075);
          box-shadow: 0 0px 0px rgba(0, 0, 0, 0.075);
}


.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}

.list-group-item {   
  padding: 0px 0px;
  margin-bottom: -1px;
  border: 0;
}

.list-group-item li {   
  padding: 0px 0px;
  margin-bottom: -1px;
}

.list-group-item li a {   
  padding: 6px 0px;
  margin-bottom: -1px;
}

.list-group-item.active {
   padding: 4px 4px;       
   /*text-wrap: suppress !important; */   
}


div.tekstikapea {
   /*width:50em;*/
   max-width:50em;
   line-height:1.33em;
}

div.teksti {
   padding-bottom:3px;
   padding-top:3px;
} 

/* Haku-sivussa */
div.oikeudet {
   font-size:8pt !important;
   display:run-in;
   white-space:nowrap;
   margin-top:1em !important;
}

.oikeudet-linkki {
   padding: 15px 5px 5px 5px;   
}

.eisisaltoa {
   font-style:italic;
}



/*
.applicationNavBar {
   margin-top:0;
   color:red;
} 
.portaali1 {
   padding-bottom:0px;
   margin-bottom:0px;
}
.portaali2 {
   padding-left:10px;
   padding-top:20px;
}
.portaali3 {
   padding-bottom:0px;
   margin-bottom:0px;
   z-index:-1;
}

.container {
   margin-top:15px;
}
*/



/*
.breadcrumboma2 {
   padding:10px 0px 0px 10px;
   vertical-align:middle !important;
}*/

.navbar-brandoma {
   padding:0.8em;
}

.valikko {
   padding-top:0.5em;   
}

.valikkoli {
   font-size:10pt !important;
   color:red !important; 
}

.emptynavbar {
   z-index:-100;
}


/*
.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: rgb(0,155,200);  background-color: #f5f5f5; background-color: #000;
  border-radius: 4px;
}

.breadcrumb > li {
  display: inline-block; 
}
     
.breadcrumb > li + li:before {
  padding: 0 5px;
  content: "/\00a0"; color: #fff;
}

.breadcrumb > .active {
  color: #000; color: #999999;
}

.breadcrumb a {
  color: #fff;
  text-decoration: none;
}

.breadcrumb a:hover,
.breadcrumb a:focus {
  color: #fff;
  text-decoration: underline;
}

.breadcrumb a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
*/
                                  








/* Näillä ajetaan yli bootsrap.css tyylit */
.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #707070; /*#595959; #999998;#595959;*/
  border-radius: 4px;
}

.breadcrumboma {
   border: 1px solid #606060; /*#DDDDDD; #000; #595959; #DDDDDD;*/
   /*padding:0px;*/
   position:relative;
   min-height:35px;
   padding: 5px 0px 5px 5px;
   /*padding:0px 0px 5px 5px;  */
   vertical-align:middle !important;
}

.breadcrumb > li {
  display: inline-block;
  /*padding-top: 5px;  */
}
     
.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #cccccc;
  content: "/\00a0";
}

.breadcrumb > .active {
  color: #cccccc;
}

.breadcrumb a {
  color: #fff;
  text-decoration: none;
}

.breadcrumb a:hover,
.breadcrumb a:focus {
  color: #fff;
  text-decoration: underline;
}

.breadcrumb a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

/* piirra tyylit*/
.piirraliite {
   color:#bc8815 !important;
}

.linkkiluettelo {
   width:100%;
}

td.viiva-vasen {
   border:1px solid #fafafa;
}

.disabledoma {
   cursor: default;
}


.v-top {
   vertical-align:top;   
}

.nowrap {
   white-space: nowrap;
}



.pad-all-0 {
   padding:0;
}

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

.pad-all-1 {
   padding:1em;
}

.pad-top-025 {
   padding-top:0.25em !important;
}

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

.pad-top-1 {
   padding-top:1em !important;
}

.pad-top-12 {
   padding-top:1.2em !important;
}

.pad-left-025 {
   padding-left:0.25em !important;
}

.pad-left-1 {
   padding-left:1em !important;
}

.pad-right-05 {
   padding-right:0.5em !important;
}

.pad-bottom-025 {
   padding-bottom:0.25em !important;
}

.pad-bottom-05 {
   padding-bottom:0.5em !important;
}

.pad-bottom-1 {
    padding-bottom:1em !important;
}

.marg-all-05 {
   margin:0.5 !important;
}

.marg-all-0 {
   margin:0;
}

.marg-all-1 {
   margin:1em;
}

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

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

.marg-bottom-03 {
   margin-bottom:0.3em !important;
}

.marg-bottom-1 {
   margin-bottom:1em !important;
}

.marg-bottom-2 {
   margin-bottom:2em !important;
}      

.marg-top-05 {
   margin-top:0.5em !important;
}

.marg-top-1 {
   margin-top:1em !important;
}

.marg-top-2 {
   margin-top:2em !important;
}

.marg-left-1 {
   margin-left:1em !important;
}

.marg-left-12 {
   margin-left:1.2em !important;
}

.marg-left-13 {
   margin-left:1.3em !important;
}

.marg-left-15 {
   margin-left:1.5em !important;
}

.marg-left-2 {
   margin-left:2em !important;
}

.marg-right-2 {
   margin-right:2em !important;
}

.marg-right-01 {
   margin-right:0.1em !important;
}

.marg-right-02 {
   margin-right:0.2em !important;
}

.marg-right-03 {
   margin-right:0.3em !important;
}

.marg-right-04 {
   margin-right:0.4em !important;
}

.marg-right-05 {
   margin-right:0.5em !important;
}

.leveys-30 {
   width:30%;
}

.minlev30px {
   min-width:30px;
}

/* Ei käyttöoikeutta - virheilmoitus */
body.virheilmoitus {
   background-color:#dadee1;
   font-family:Arial;
}

div.virheilmoitus {
   width:400px;
   background-color:#fff;
   box-shadow: 0px 4px 5px #888888;
   margin:30px auto;
   padding:20px;
   line-height:1.5em;
}

h1.virheilmoitus {
   font-size:24pt;
}

a.virheilmoitus {
   color:#000;
   text-decoration:underline;
}  


.zoom {
    zoom: 2;
}

.zoom-moz {
    -moz-transform: scale(2);
    -moz-transform-origin: 0 0;
}

.fontti {
   font-family:Arial Narrow;
   padding-left:5px;
}

/* http://www.w3.org/TR/html-markup/h4.html */
/* http://www.w3.org/TR/CSS21/sample.html */
/* http://www.w3.org/TR/html-markup/h1.html */

/*
h1              { font-size: 2em; }
h2              { font-size: 1.5em; }
h3              { font-size: 1.17em; }
h4              { font-size: 1em; }
h5              { font-size: .83em; }
h6              { font-size: .75em; }

h1,h2,h3,h3,h4,h5,h6 { font-weight: bold; }
*/


/* 
   http://v1.jontangerine.com/silo/css/pixels-to-ems/
   1 ÷ parent font size (px) × required pixels = em equivalent
   http://pxtoem.com/ 
*/


/* glyphicon glyphicon-exclamation-flash */
/* span.luonnossivu:before {
   font-family: 'Glyphicons Halflings'; 
   content:'\e162';
}*/

/* glyphicon glyphicon-pencil */
span.luonnossivu:before { 
   font-family: 'Glyphicons Halflings'; 
   content:'\270f'; 
   color:rgb(240,173,78);
}

.orange {
   color:rgb(240,173,78);
}


/* Navigoinnin viilaukset */
ul.alanavigointi {
   /* Muutos 12.11.2014 */  
   padding-left:1em;
   font-size:95%;
   /* background-color:#DDDDDD; font-size: 90%;*/
}
ul.alanavigointi label {
   font-weight:normal !important;
}
.nav .nav-divider {
  height: 1px;
  margin: 0 0 3px 0 ;
  overflow: hidden;
  /*background-color: #e5e5e5;*/
}
label.linavigointi {
   /*padding-top:3px !important;*/
   margin-bottom: 0px !important;
   margin-top: 2px !important;
}  
/* Navigoinnin viilaukset */


.sidebar .nav > .active > a,
.sidebar .nav > .active:hover > a,
.sidebar .nav > .active:focus > a {
  font-weight: bold;
  color: #563d7c;
  background-color: transparent;
}   

/* style-määrittelyjen poistoa... */
.body-tuloste {
   background:#fff;
}

.table-sql {
   background:#fff;
}

.tr-sql {
   background:#eeeeee;
}

.td-sql {
   border-left: 1px solid #E9E9E9;
   padding-left:1em;
   padding-right:1em;
   padding-top:0.7em;
   background-color: #fff;
}

.td-sqllause {
   font-size:9pt;
}

.td-koodianal-label {
   background-color:#eaeaea;
}

.td-koodianal {
   background-color:#FFFFFF;
}

.sivujen-poisto {
   color:red;
   visibility:hidden;
   padding-bottom:1em;
}

.lomake-ei {
   padding:1em;
   text-align:center;
}

.lomake-info {
   color:#808080;
}

.lomake-vastaus {
   color:#505050;
}

.lomake-viiva {
   border-top:1px dotted #707070;
}
/* style-määrittelyjen poistoa... */

/* BUTTONIT BTN */

.btn-pad {
   padding:5px 5px 3px 5px !important;   
}
   
.btn-plus {
   padding:4px 4px 3px 4px !important;   
   width:28px !important;
   height:30px !important;
}