body {
    background-color: #ffffff;
}

#wrapper {
    width: 100%;
}

#page-wrapper {
/*    padding: 0 15px; */
    margin-left: 15px;
    min-height: 568px;
    background-color: #fff;
}

@media(min-width:768px) {
    #page-wrapper {
        position: inherit;
        margin: 0 0 0 230px;
        padding: 0 30px;
        border-left: 1px solid #e7e7e7;
    }
}

.navbar-brand {
  margin-left: 10px;
}

.navbar-top-links {
    margin-right: 0;
}

.navbar-top-links li {
    display: inline-block;
}

.navbar-top-links li:last-child {
    margin-right: 1px;
}

#toggle-sidebar {
  border: 2px #406090 solid;
}

.navbar-top-links li a {
    padding: 10px;
    min-height: 40px;
}

.navbar-top-links .dropdown-menu li {
    display: block;
}

.navbar-top-links .dropdown-menu li:last-child {
    margin-right: 0;
}

.navbar-top-links .dropdown-menu li a {
    padding: 3px 3px;
    min-height: 0;
}

.dropdown {
  margin-right: -30px;
  margin-left: -20px;
}

.navbar-top-links .dropdown-user {
    right: 0;
    left: auto;
}

.sidebar .sidebar-nav.navbar-collapse {
    background-color: #ffffff;
    padding-right: 0;
    padding-left: 0;
    z-index: 999;
}

.sidebar .sidebar-search {
    padding: 2px;
    margin-right: 15px;
}

.sidebar ul li {
    font-weight: 600;
    margin-left: 15px;
    padding: 4px;
    text-align: left;
}

.sidebar ul li a.active {
    color: #209020;
    background-color: #ffffff;
    font-weight: bold;
}

.sidebar .arrow {
    float: right;
}

.sidebar .fa.arrow:before {
    content: "\f104";
}

.sidebar .active>a>.fa.arrow:before {
    content: "\f107";
}

.sidebar a:visited,a:link {
 color: #205090;
}

.sidebar a:hover {
 font-weight: bold;
 color: #209010;
 text-decoration: none;
}

a:hover {
 background-color: transparent;
}

.sidebar .nav-second-level li,
.sidebar .nav-third-level li {
    border-bottom: 0!important;
}

.sidebar .nav-second-level li a {
    padding-left: 35px;
}

.sidebar .nav-third-level li a {
    padding-left: 52px;
}

@media(min-width:768px) {
    .sidebar {
        z-index: 1;
        position: absolute;
        width: 225px;
        margin-top: 1px;
	background-color: #ffffff;
    }
}

@media(max-width:767px) {

.sidebar {
        z-index: 99;
        position: absolute;
	top: 1px;
        width: 100%;
        margin-top: 1px;
	margin-left: 10px;
	margin-right: 10px;
    }
    
.navbar-top ul {
        padding: 0px;
    }
    #page-wrapper {
       margin-top: 65px;
    } 
    .navbar-brand {
       margin-left: 3px;
    }
    
}

.btn-outline {
    color: inherit;
    background-color: transparent;
    transition: all .5s;
}

.btn-primary.btn-outline {
    color: #428bca;
}

.btn-success.btn-outline {
    color: #5cb85c;
}

.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
    color: #fff;
}

.panel .slidedown .glyphicon,
.chat .glyphicon {
    margin-right: 5px;
}

.chat-panel .panel-body {
    height: 350px;
    overflow-y: scroll;
}

#loginlogout {
 margin-left: 15px;
}

.login-panel {
    margin-top: 15%;
}

/* automatic.sral.fi */

h2 {
       color: #205090;
       font-size: 16pt;
       font-weight: bold;
     margin-bottom: 20px;
}

h3 {
     font-size: 11pt;
     font-weight: bold;
     color: #205080;
     margin-bottom: 20px;
} 

/* labels on map: */
.labels {
 color: #050505;
 font-weight: bold;
 font-size: 8pt; 
 background-color: #d0d0d0;
 border-radius: 5px;
 -moz-border-radius: 5px;
 padding: 1px;}
 
/* highlighted label: */
.labels-hl {
 font-weight: bold; 
 font-size: 8pt; 
 background-color: #ffee10;
 padding: 1px;}

input {
 border: 1px #303030 solid;
}

#menu li.selected a:visited {
  font-weight: bold;
}
#menu li.selected a:link {
  font-weight: bold;
}

form.view textarea, select, input[type=submit], input[type=reset], input[type=text], input[type=password] {
     -moz-border-radius: 5px;
     border-radius: 5px;
     font-weight: bold;
     color: #205090;
     font-size: 11pt;
     padding: 3px;
     box-shadow: 2px 2px 3px #e0e0e0;
     border-width: 2px;
     border-color: #a0b0c0;
     background-color: #fefefe;
}
form.view input[type=submit]:hover {
     background-color: #c0d0e0;
}
form.view input[type=reset]:hover {
     background-color: #c0d0e0;
}

div#notif {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 20px;
  border: 2px solid #404040;
  background-color: #f0f0f0;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-weight: bold;
  width: 80%;
}

.lbl {
  font-size: 10pt;
  font-weight: bold;
  color: #205090;
  padding-right: 6px;
}

.repfield {
    font-weight: bold;
    font-size: 10pt;
    width: 170px;
}

.asftab {
 float: left;
 border-width: 1px 2px 0px 1px;
 border-style: solid;
 border-color: #a0a0a0;
 width: 120px;
 height: 22px;
 margin-right: 2px;
 margin-bottom: 0px;
 text-align: center;
 border-radius: 5px 5px 0px 0px;
 moz-border-radius: 5px 5px 0px 0px;
 background-color: #e0e9f0;
 font-size: 11pt;
 font-weight: bold;
 color: #304050;
}
.admintab {
 background-color: #e0d0d0;
}
.act {
 background-color: #fefefe;
 color: #2020ee;
}

#asftabs {
 float: left;
/* height: 22px; */
 width: 100%;
}

#tabcontents {
 float: left;
 border-radius: 0px 5px 5px 5px;
 border: 1px solid #a0a0a0;
 padding: 15px;
 width: 100%;
 margin-bottom: 10px;
}

.asftab a {
 text-decoration: none;
}

a:link, a:visited {
  color: #205090;
}

.asftab a:link {
  color: #202040;
}
.asftab a:visited {
 color: #202040;
}

.asftab act a:link {
  color: #202040;
}
.asftab act a:visited {
 color: #202040;
}

#tabcontents a:link, a:visited {
 color: #205090;
}

.adminst td {
 border: 0px solid;
}

th {
 border: 1px #909090 solid;
 padding: 2px;
 font-face: arial;
 font-size: 10.5pt;
 background-color: #a0c0e0;
}

.admin th {
 border: 1px #305070 solid;
 padding: 5px;
 font-face: arial;
 font-size: 10.5pt;
 background-color: #90b0e0;
}

.admin td {
 border-style: solid;
 border-width: 1px;
 border-color: #8090a0;
 padding-left: 8px;
 padding-top: 4px;
}

/* labels on map: */
.labels {
 color: #050505;
 font-weight: bold;
 font-size: 8pt; 
 background-color: #d0d0d0;
 border-radius: 5px;
 -moz-border-radius: 5px;
 padding: 1px;}
 
/* highlighted label: */
.labels-hl {
 font-weight: bold; 
 font-size: 8pt; 
 background-color: #ffee10;
 padding: 1px;}

table {
 border-collapse:collapse;
}

td {
 border: 0px solid #a0a0a0;
 border-collapse: collapse;
 padding: 2px;
 margin: 0px;
}

.smallfont {
 font-size: 9pt;
}

input {
 border: 1px #303030 solid;
}

#menu li.selected a:visited {
  font-weight: bold;
}
#menu li.selected a:link {
  font-weight: bold;
}

h2 {
       color: #205090;
       font-size: 15pt;
}

.replisttable {
  width: 100%;
}

.replisttable th {
  font-size: 11pt;
  background-color: #a0c0e0;
  border-color: #7090a0;
  border-style: solid;
  border-width: 1px 1px 2px 1px;
}

.replisttable td {
  font-size: 10.5pt;
  border: 1px solid #d0d0d0;
}

.hlrow {
  background-color: #f0f3f9;
}
.hl2row {
  background-color: #fefefe;
}

.ui-button-text {
  font-size: 9pt;
  color: #203060;
  font-weight: bold;
}

.btn {
padding: 7px;
border: 2px solid #90a0b0;
font-weight: 700;
margin-bottom: 3px;
}

.btn:focus, .btn:active:focus, .btn.active:focus {
outline: 0 none;
}

.btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default {
 background-color: #f9faff;
}

.btn-primary {
background-color: #fefefe;
color: #101010;
border: 2px solid #303030;
}

.btn-primary:hover {
  background-color: #fefefe;
  color: #101010;
/*  border: 2px #90a0b0 solid; */
}

.btn-primary.active {
  background-color: #b0d0f0;
  color: #101010;
  border: 2px #205090 solid;
}

.btn-primary.active:hover {
 background-color: #6090b0;
 border: 2px #205070 solid;

}
.adminst td {
 border: 0px solid;
}

/* center datatables text */
th.dt-center, td.dt-center { 
text-align: center; 
}

.leaflet-tooltip {
  padding: 0px 0px 0px 0px !important;
  outline: none;
  border: 0px solid;
  font-size: 7pt;
  font-weight: bold;
  background: none;
  background-color: #f0f0f0;
  box-shadow: none;
  text-shadow: none;
}

#geoloc-shortcut {
 position: absolute;
 top: 14px;
 right: 70px;
 z-index: 999;
}