﻿@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');
html {
  font-size: 100%;
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: transparent;
}
body {
  overflow-x: hidden;
}
body,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Roboto, -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, Arial, sans-serif;
  line-height: 1.5;
}
article,
aside,
dialog,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}
/*asetteluita*/
.peers {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  flex-wrap: wrap;
  height: auto;
  max-width: 100%;
  margin: 0;
  padding: 0;
}
.peer {
  display: block;
  height: auto;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.peer-greed,
.peers-greed > .peer,
.peers-greed > .peers {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.fxw-nw {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.ai-c {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.td-n {
  text-decoration: none !important;
}
/*asetteluita*/
.sidebar {
  background-color: #fff;
  bottom: 0;
  overflow: hidden;
  position: fixed;
  top: 0;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 205px;
  z-index: 1000;
}
.sidebar .sidebar-inner {
  position: relative;
  height: 100%;
}
.sidebar .sidebar-inner .sidebar-logo {
  border-bottom: 1px solid rgba(0, 0, 0, 0.0625);
  border-right: 1px solid rgba(0, 0, 0, 0.0625);
  line-height: 0;
  padding: 0 10px;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.sidebar .sidebar-inner .sidebar-logo a {
  display: inline-block;
  width: 100%;
}
.sidebar .sidebar-inner .sidebar-logo a .logo-text {
  color: #313435;
  font-size: 1.09375rem;
  line-height: 1;
}
.sidebar .sidebar-inner .sidebar-logo .logo {
  background-position: 0;
  background-repeat: no-repeat;
  display: inline-block;
  min-height: 64px;
  width: 100%;
  width: 70px;
  text-align: center;
  padding-top: 8px;
}
.sidebar .sidebar-inner .sidebar-logo .logo img {
  vertical-align: middle;
  border-style: none;
  width: 50px;
}
.sidebar .sidebar-inner .sidebar-menu {
  border-right: 1px solid rgba(0, 0, 0, 0.0625);
  height: calc(100vh - 65px);
  list-style: none;
  list-style-type: none;
  margin: 0;
  overflow: auto;
  padding: 0;
  position: relative;
}
.sidebar .sidebar-inner .sidebar-menu .nav-item.active,
.sidebar .sidebar-inner .sidebar-menu .nav-item:hover {
  background: #f0f0f0;
  color: #000 !important;
}
.sidebar .sidebar-inner .sidebar-menu li {
  list-style-type: none;
}
.sidebar .sidebar-inner .sidebar-menu li a {
  display: block;
  font-size: 15px;
  font-weight: 400;
  padding: 10px 28px;
  position: relative;
  white-space: nowrap;
  text-decoration: none;
  background-color: transparent;
  color: #666;
}
.sidebar .sidebar-inner .sidebar-menu li a .icon-holder {
  border-radius: 6px;
  display: inline-block;
  font-size: 17px;
  height: 24px;
  left: 0;
  line-height: 35px;
  margin-right: 14px;
  position: relative;
  text-align: center;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: 35px;
}
.sidebar .sidebar-inner .sidebar-menu li a:hover {
  color: #333;
}
.sidebar .sidebar-inner .sidebar-menu li.active a {
  color: #333;
}
.page-container {
  min-height: 100vh;
  padding-left: 205px;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.page-container .header {
  background-color: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.0625);
  display: block;
  height: 66px;
  margin-bottom: 0;
  padding: 0;
  position: fixed;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: calc(100% - 280px);
  z-index: 800;
}
.page-container .header .header-container {
  width: 100%;
}
.page-container .header .header-container::after {
  display: block;
  clear: both;
  content: "";
}
.page-container .header .nav-left {
  float: left;
  margin-left: 15px;
}
.page-container .header .nav-right {
  float: right;
}
.page-container .header .nav-right,
.page-container .header .nav-left {
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
  position: relative;
}
.page-container .header .nav-right .notifications,
.page-container .header .nav-left .notifications {
  position: relative;
}
.page-container .header .nav-right > li > a,
.page-container .header .nav-left > li > a {
  color: #72777a;
  display: block;
  line-height: 65px;
  min-height: 65px;
  padding: 0 15px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.page-container .navbar,
.page-container .navbar > .container,
.page-container .navbar > .container-fluid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.page-container .main-content {
  padding: 25px 20px 20px;
  min-height: calc(100vh);
}
.bgc-grey-100,
.bgcH-grey-100:hover {
  background-color: #f9fafb !important;
}
/*Bootstrap lisäyksiä*/
.row {
  margin-bottom: 25px;
}
.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.dropdown-item:hover {
  color: #16181b;
  text-decoration: none;
  background-color: #f8f9fa;
}
/*eTaika koodit*/
.eTaika-badge {
  top: -4px;
}
.table td,
.table th {
  border-color: #c3c3c3;
}
.eTaikaValiotsikko {
  margin-top: 10px;
  margin-bottom: 0px;
}
td {
  vertical-align: top;
}
.eTaikaDataGridHeaderTR td a {
  font-size: 14px;
}
.checkbox {
  background-color: #fff;
  display: inline-block;
  height: 18px;
  margin: 0 0.25em;
  width: 18px;
  border-radius: 4px;
  border: 1px solid #ccc;
  float: left;
  /*span:hover:after {
        border-color: #999
    }*/
}
.checkbox span {
  display: block;
  height: 18px;
  position: relative;
  width: 18px;
  padding: 0;
}
.checkbox span:after {
  -moz-transform: scaleX(-1) rotate(135deg);
  -ms-transform: scaleX(-1) rotate(135deg);
  -webkit-transform: scaleX(-1) rotate(135deg);
  transform: scaleX(-1) rotate(135deg);
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -webkit-transform-origin: left top;
  transform-origin: left top;
  border-right: 2px solid #fff;
  border-top: 2px solid #fff;
  content: '';
  display: block;
  height: 12px;
  left: 2px;
  position: absolute;
  top: 10px;
  width: 5px;
}
.checkbox input {
  display: none;
}
.checkbox input:checked + span:after {
  -webkit-animation: check 0.8s;
  -moz-animation: check 0.8s;
  -o-animation: check 0.8s;
  animation: check 0.8s;
  border-color: #555;
}
.checkbox input:checked + .default:after {
  border-color: #444;
}
.checkbox input:checked + .primary:after {
  border-color: #2196F3;
}
.checkbox input:checked + .success:after {
  border-color: #8bc34a;
}
.checkbox input:checked + .info:after {
  border-color: #3de0f5;
}
.checkbox input:checked + .warning:after {
  border-color: #FFC107;
}
.checkbox input:checked + .danger:after {
  border-color: #f44336;
}
.eTaika-checkbox--label {
  float: left;
  width: 90%;
}
.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.input-group-prepend:hover {
  text-decoration: none;
}
/**/
@media (max-width: 1240px) {
  .card {
    overflow: auto;
  }
}
/*Gradientit*/
.purple-gradient {
  background: -webkit-linear-gradient(50deg, #ff6ec4, #7873f5) !important;
  background: -o-linear-gradient(50deg, #ff6ec4, #7873f5) !important;
  background: linear-gradient(40deg, #ff6ec4, #7873f5) !important;
}
.peach-gradient {
  background: -webkit-linear-gradient(50deg, #ffd86f, #fc6262) !important;
  background: -o-linear-gradient(50deg, #ffd86f, #fc6262) !important;
  background: linear-gradient(40deg, #ffd86f, #fc6262) !important;
}
.aqua-gradient {
  background: -webkit-linear-gradient(50deg, #2096ff, #05ffa3) !important;
  background: -o-linear-gradient(50deg, #2096ff, #05ffa3) !important;
  background: linear-gradient(40deg, #2096ff, #05ffa3) !important;
}
.blue-gradient {
  background: -webkit-linear-gradient(50deg, #45cafc, #303f9f) !important;
  background: -o-linear-gradient(50deg, #45cafc, #303f9f) !important;
  background: linear-gradient(40deg, #45cafc, #303f9f) !important;
}
.purple-gradient-rgba {
  background: -webkit-linear-gradient(50deg, rgba(255, 110, 196, 0.9), rgba(120, 115, 245, 0.9)) !important;
  background: -o-linear-gradient(50deg, rgba(255, 110, 196, 0.9), rgba(120, 115, 245, 0.9)) !important;
  background: linear-gradient(40deg, rgba(255, 110, 196, 0.9), rgba(120, 115, 245, 0.9)) !important;
}
.peach-gradient-rgba {
  background: -webkit-linear-gradient(50deg, rgba(255, 216, 111, 0.9), rgba(252, 98, 98, 0.9)) !important;
  background: -o-linear-gradient(50deg, rgba(255, 216, 111, 0.9), rgba(252, 98, 98, 0.9)) !important;
  background: linear-gradient(40deg, rgba(255, 216, 111, 0.9), rgba(252, 98, 98, 0.9)) !important;
}
.aqua-gradient-rgba {
  background: -webkit-linear-gradient(50deg, rgba(32, 150, 255, 0.9), rgba(5, 255, 163, 0.9)) !important;
  background: -o-linear-gradient(50deg, rgba(32, 150, 255, 0.9), rgba(5, 255, 163, 0.9)) !important;
  background: linear-gradient(40deg, rgba(32, 150, 255, 0.9), rgba(5, 255, 163, 0.9)) !important;
}
.blue-gradient-rgba {
  background: -webkit-linear-gradient(50deg, rgba(69, 202, 252, 0.9), rgba(48, 63, 159, 0.9)) !important;
  background: -o-linear-gradient(50deg, rgba(69, 202, 252, 0.9), rgba(48, 63, 159, 0.9)) !important;
  background: linear-gradient(40deg, rgba(69, 202, 252, 0.9), rgba(48, 63, 159, 0.9)) !important;
}
.juicy-peach-gradient {
  background-image: -webkit-gradient(linear, left top, right top, from(#ffecd2), to(#fcb69f));
  background-image: -webkit-linear-gradient(left, #ffecd2 0, #fcb69f 100%);
  background-image: -o-linear-gradient(left, #ffecd2 0, #fcb69f 100%);
  background-image: linear-gradient(to right, #ffecd2 0, #fcb69f 100%);
}
.young-passion-gradient {
  background-image: -webkit-gradient(linear, left top, right top, from(#ff8177), color-stop(0, #ff867a), color-stop(21%, #ff8c7f), color-stop(52%, #f99185), color-stop(78%, #cf556c), to(#b12a5b));
  background-image: -webkit-linear-gradient(left, #ff8177 0, #ff867a 0, #ff8c7f 21%, #f99185 52%, #cf556c 78%, #b12a5b 100%);
  background-image: -o-linear-gradient(left, #ff8177 0, #ff867a 0, #ff8c7f 21%, #f99185 52%, #cf556c 78%, #b12a5b 100%);
  background-image: linear-gradient(to right, #ff8177 0, #ff867a 0, #ff8c7f 21%, #f99185 52%, #cf556c 78%, #b12a5b 100%);
}
.lady-lips-gradient {
  background-image: -webkit-gradient(linear, left bottom, left top, from(#ff9a9e), color-stop(99%, #fecfef), to(#fecfef));
  background-image: -webkit-linear-gradient(bottom, #ff9a9e 0, #fecfef 99%, #fecfef 100%);
  background-image: -o-linear-gradient(bottom, #ff9a9e 0, #fecfef 99%, #fecfef 100%);
  background-image: linear-gradient(to top, #ff9a9e 0, #fecfef 99%, #fecfef 100%);
}
.sunny-morning-gradient {
  background-image: -webkit-linear-gradient(330deg, #f6d365 0, #fda085 100%);
  background-image: -o-linear-gradient(330deg, #f6d365 0, #fda085 100%);
  background-image: linear-gradient(120deg, #f6d365 0, #fda085 100%);
}
.rainy-ashville-gradient {
  background-image: -webkit-gradient(linear, left bottom, left top, from(#fbc2eb), to(#a6c1ee));
  background-image: -webkit-linear-gradient(bottom, #fbc2eb 0, #a6c1ee 100%);
  background-image: -o-linear-gradient(bottom, #fbc2eb 0, #a6c1ee 100%);
  background-image: linear-gradient(to top, #fbc2eb 0, #a6c1ee 100%);
}
.frozen-dreams-gradient {
  background-image: -webkit-gradient(linear, left bottom, left top, from(#fdcbf1), color-stop(1%, #fdcbf1), to(#e6dee9));
  background-image: -webkit-linear-gradient(bottom, #fdcbf1 0, #fdcbf1 1%, #e6dee9 100%);
  background-image: -o-linear-gradient(bottom, #fdcbf1 0, #fdcbf1 1%, #e6dee9 100%);
  background-image: linear-gradient(to top, #fdcbf1 0, #fdcbf1 1%, #e6dee9 100%);
}
.warm-flame-gradient {
  background-image: -webkit-linear-gradient(45deg, #ff9a9e 0, #fad0c4 99%, #fad0c4 100%);
  background-image: -o-linear-gradient(45deg, #ff9a9e 0, #fad0c4 99%, #fad0c4 100%);
  background-image: linear-gradient(45deg, #ff9a9e 0, #fad0c4 99%, #fad0c4 100%);
}
.night-fade-gradient {
  background-image: -webkit-gradient(linear, left bottom, left top, from(#a18cd1), to(#fbc2eb));
  background-image: -webkit-linear-gradient(bottom, #a18cd1 0, #fbc2eb 100%);
  background-image: -o-linear-gradient(bottom, #a18cd1 0, #fbc2eb 100%);
  background-image: linear-gradient(to top, #a18cd1 0, #fbc2eb 100%);
}
.spring-warmth-gradient {
  background-image: -webkit-gradient(linear, left bottom, left top, from(#fad0c4), to(#ffd1ff));
  background-image: -webkit-linear-gradient(bottom, #fad0c4 0, #ffd1ff 100%);
  background-image: -o-linear-gradient(bottom, #fad0c4 0, #ffd1ff 100%);
  background-image: linear-gradient(to top, #fad0c4 0, #ffd1ff 100%);
}
.winter-neva-gradient {
  background-image: -webkit-linear-gradient(330deg, #a1c4fd 0, #c2e9fb 100%);
  background-image: -o-linear-gradient(330deg, #a1c4fd 0, #c2e9fb 100%);
  background-image: linear-gradient(120deg, #a1c4fd 0, #c2e9fb 100%);
}
.dusty-grass-gradient {
  background-image: -webkit-linear-gradient(330deg, #d4fc79 0, #96e6a1 100%);
  background-image: -o-linear-gradient(330deg, #d4fc79 0, #96e6a1 100%);
  background-image: linear-gradient(120deg, #d4fc79 0, #96e6a1 100%);
}
.tempting-azure-gradient {
  background-image: -webkit-linear-gradient(330deg, #84fab0 0, #8fd3f4 100%);
  background-image: -o-linear-gradient(330deg, #84fab0 0, #8fd3f4 100%);
  background-image: linear-gradient(120deg, #84fab0 0, #8fd3f4 100%);
}
.heavy-rain-gradient {
  background-image: -webkit-gradient(linear, left bottom, left top, from(#cfd9df), to(#e2ebf0));
  background-image: -webkit-linear-gradient(bottom, #cfd9df 0, #e2ebf0 100%);
  background-image: -o-linear-gradient(bottom, #cfd9df 0, #e2ebf0 100%);
  background-image: linear-gradient(to top, #cfd9df 0, #e2ebf0 100%);
}
.amy-crisp-gradient {
  background-image: -webkit-linear-gradient(330deg, #a6c0fe 0, #f68084 100%);
  background-image: -o-linear-gradient(330deg, #a6c0fe 0, #f68084 100%);
  background-image: linear-gradient(120deg, #a6c0fe 0, #f68084 100%);
}
.mean-fruit-gradient {
  background-image: -webkit-linear-gradient(330deg, #fccb90 0, #d57eeb 100%);
  background-image: -o-linear-gradient(330deg, #fccb90 0, #d57eeb 100%);
  background-image: linear-gradient(120deg, #fccb90 0, #d57eeb 100%);
}
.deep-blue-gradient {
  background-image: -webkit-linear-gradient(330deg, #e0c3fc 0, #8ec5fc 100%);
  background-image: -o-linear-gradient(330deg, #e0c3fc 0, #8ec5fc 100%);
  background-image: linear-gradient(120deg, #e0c3fc 0, #8ec5fc 100%);
}
.ripe-malinka-gradient {
  background-image: -webkit-linear-gradient(330deg, #f093fb 0, #f5576c 100%);
  background-image: -o-linear-gradient(330deg, #f093fb 0, #f5576c 100%);
  background-image: linear-gradient(120deg, #f093fb 0, #f5576c 100%);
}
.cloudy-knoxville-gradient {
  background-image: -webkit-linear-gradient(330deg, #fdfbfb 0, #ebedee 100%);
  background-image: -o-linear-gradient(330deg, #fdfbfb 0, #ebedee 100%);
  background-image: linear-gradient(120deg, #fdfbfb 0, #ebedee 100%);
}
.morpheus-den-gradient {
  background-image: -webkit-gradient(linear, left bottom, left top, from(#30cfd0), to(#330867));
  background-image: -webkit-linear-gradient(bottom, #30cfd0 0, #330867 100%);
  background-image: -o-linear-gradient(bottom, #30cfd0 0, #330867 100%);
  background-image: linear-gradient(to top, #30cfd0 0, #330867 100%);
}
.rare-wind-gradient {
  background-image: -webkit-gradient(linear, left bottom, left top, from(#a8edea), to(#fed6e3));
  background-image: -webkit-linear-gradient(bottom, #a8edea 0, #fed6e3 100%);
  background-image: -o-linear-gradient(bottom, #a8edea 0, #fed6e3 100%);
  background-image: linear-gradient(to top, #a8edea 0, #fed6e3 100%);
}
.near-moon-gradient {
  background-image: -webkit-gradient(linear, left bottom, left top, from(#5ee7df), to(#b490ca));
  background-image: -webkit-linear-gradient(bottom, #5ee7df 0, #b490ca 100%);
  background-image: -o-linear-gradient(bottom, #5ee7df 0, #b490ca 100%);
  background-image: linear-gradient(to top, #5ee7df 0, #b490ca 100%);
}
/*End Gradientit*/
.border-left-2 {
  border-width: 2px;
}
.eTaika-hover-opacity {
  opacity: 0.9;
  transition: 1s;
}
.eTaika-hover-opacity:hover {
  opacity: 1;
}
.eTaika-hover-shadow {
  transition: 0.5s;
}
.eTaika-hover-shadow:hover {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.2) !important;
}
.custom-file-label::after {
  content: "Selaa";
}
/*Mahdollisesti temp sääntö, kunnes tablesta luovutaan ja vaihdetaa se div row ja col*/
#tblTiedotMuokkaus tr td {
  padding-bottom: 5px;
}
/* /Mahdollisesti temp sääntö, kunnes tablesta luovutaan ja vaihdetaa se div row ja col*/
.RadMultiPage .rmpView {
  height: auto !important;
}
.eTaika-border-none {
  border: none;
}
.eTaika-borderRadius-0 {
  border-radius: 0px;
}
.eTaika-shadow-0dp {
  -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);
}
.eTaika-shadow-2dp {
  -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.1), 0 8px 10px 1px rgba(0, 0, 0, 0.04), 0 3px 14px 2px rgba(0, 0, 0, 0.02);
}
.eTaika-shadow-8dp {
  -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.eTaika-shadow-16dp {
  -webkit-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12);
  box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12);
}
.table-jatkettavat td {
  font-size: 0.8rem;
}
.RadTabStrip_Bootstrap .rtsLevel1 {
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.RadTabStrip_Bootstrap .rtsLevel1 .rtsLink {
  color: #007bff;
  /*Sama sininen kuin primary napeissa*/
}
.table th {
  font-size: 14px;
}
.card.eTaika-info {
  width: 18rem;
}
.card.eTaika-info .eTaika-info-header {
  height: 100px;
  width: 100%;
  text-align: center;
  display: flex;
  align-content: center;
}
.card.eTaika-info .eTaika-info-header i {
  font-size: 4rem;
  margin: auto;
}
.mw-230 {
  max-width: 230px;
}
.mw-260 {
  max-width: 260px;
}
.min-width-1200 {
  min-width: 1200px;
}
.min-width-1400 {
  min-width: 1400px;
}
.min-width-1600 {
  min-width: 1600px;
  overflow: auto;
}




.vasenSivupalkki {
    padding: 20px 15px;
}

.sininen {
    background: #0897da;
}

    .sininen.vasenSivupalkki * {
        color: #fff
    }

.vasenSivupalkki ul li {
    list-style-type: none;
}
.logo{width:240px;max-width:100%;}



/*13.5.2020, sivupalkin tiiveys, pallot ja napit*/
.sidebar-md-sticky ul,
.sidebar-md-sticky ul li{list-style-type:none;}

.sidebar-md-sticky .mt-4{margin-top: 0px !important;}
.sidebar-md-sticky .mt-xl-3{margin-top: 0px !important;}
@media(max-height:500px) and (min-width:768px){
	
	.sidebar .sidebar-md-sticky {
		margin-top:10px !important;
		height:430px !important
	}
	
}
@media(max-height:400px) and (min-width:768px){
	
	.sidebar .sidebar-md-sticky {
		margin-top:10px !important;
		height:330px !important
	}
	
}