@import url("../plugin/font-awesome/css/font-awesome.min.css");
@import url("taulu_muokkaa.css");
@import url("ekansio/html.css");
@import url("../src/eKansio/Ui/InputStar/css/inputStar.css");
@import url("../moduuli/mad/class/Nayttotapa/Viikkokalenteri/css/fullcalendar.css");
BODY {
  margin:0px;
  padding:0px;
  padding-top:56px;
  font-size:13px;
  color:rgba(0,0,0,0.87);
  font-family:'Noto Sans', sans-serif;
  background-color:#fff;
  border:red 10px solid;
}
CODE {
  font-size:10px;
  display:block;
  padding:10px;
  white-space:pre-wrap;
  border:#ffeb3b 1px solid;
  background-color:#fff6a9;
}
p {
  margin-top:2px;
  margin-bottom:6px;
}
TABLE {
  text-align:left;
  empty-cells:show;
  margin:0px;
  padding:0px;
  border-width:0px;
  border-spacing:0px;
}
TD {
  vertical-align:top;
  text-align:left;
  text-decoration:none;
}
FORM {
  display:block;
  margin:0px;
}
a:hover {
  text-decoration:none;
  color:rgba(26,26,26,0.87);
}
a:link, a:active, a:visited {
  text-decoration:none;
  color:rgba(0,0,0,0.87);
}
IMG.off {
  cursor:normal;
  -webkit-filter:grayscale(.5);
  opacity:0.2;
  filter:1;
}
.no-padding { padding:0 !important; }
.no-wrap { white-space:nowrap !important; }
*, *:before, *:after {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
p, h1, h2, h3, h4, h5, body, DIV, TD, ol, ul, li, img, FORM {
  padding:0px;
  margin:0px;
  border:0px;
}
UL { list-style-type:none; }
.is-visible-editmode { display:none !important; }
.clickable { cursor:pointer; }
.is-clickable { cursor:pointer; }
.is-delete { background-color:#e57373 !important; }
.is-delete.is-selected { background-color:#dd4848 !important; }
.is-inactive {
  opacity:0.40;
  filter:1;
}
.hidden {
  display:none;
  visibility:visible;
}
.is-hidden { display:none !important; }
@media print {
  .is-hidden-print { display:none !important; }
}
@media (max-width: 767px) {
  .is-hidden-xs, .is-hidden-phone { display:none !important; }
}
@media all and (min-width: 768px) {
  .is-visible-xs, .is-visible-phone { display:none !important; }
}
@media (min-width: 768px) {
  .is-hidden-sm, .is-hidden-tablet { display:none !important; }
  .is-visible-sm, .is-visible-tablet { display:block; }
}
@media (min-width: 992px) {
  .is-hidden-md, .is-hidden-laptop { display:none !important; }
  .is-visible-md, .is-visible-laptop { display:block; }
}
@media (min-width: 1200px) {
  .is-hidden-lg, .is-hidden-desktop { display:none !important; }
  .is-visible-lg, .is-visible-desktop { display:block; }
}
.u-layout__toolbar {
  padding:6px 10px 6px 10px;
  background-color:#ecf0f3;
  border-top:rgba(65,65,100,0.25) 0px solid;
  color:#555;
}
.u-layout__toolbar input[type=text] { border-color:#dae2e7; }
.u-layout__toolbar .button {
  border-color:#dae2e7;
  background-clip:padding-box;
  -webkit-border-radius:20px;
  -moz-border-radius:20px;
  border-radius:20px;
}
.u-layout__toolbar .button:not(.button--input) {
  background:none;
  background-color:#dae2e7;
  border:0px;
}
.u-layout__toolbar .button:not(.button--input):hover {
  background:none;
  background-color:#ced8df;
}
.u-layout__toolbar .button:not(.button--input).button--purple { background-color:#d94e89; }
.u-layout__toolbar .button:not(.button--input).button--violet { background-color:#ab8fed; }
.u-layout__toolbar .button:not(.button--input).button--indigo { background-color:#5c6bc0; }
.u-layout__toolbar .button:not(.button--input).button--blue { background-color:#6599ec; }
.u-layout__toolbar .button:not(.button--input).button--azure { background-color:#29b6f6; }
.u-layout__toolbar .button:not(.button--input).button--cyan { background-color:#26c6da; }
.u-layout__toolbar .button:not(.button--input).button--teal { background-color:#26a69a; }
.u-layout__toolbar .button:not(.button--input).button--darkgreen { background-color:#a9c630; }
.u-layout__toolbar .button:not(.button--input).button--green { background-color:#a4d667; }
.u-layout__toolbar .button:not(.button--input).button--lime { background-color:#d4e157; }
.u-layout__toolbar .button:not(.button--input).button--yellow { background-color:#fbcf55; }
.u-layout__toolbar .button:not(.button--input).button--amber { background-color:#ffca28; }
.u-layout__toolbar .button:not(.button--input).button--orange { background-color:#ec8a48; }
.u-layout__toolbar .button:not(.button--input).button--darkorange { background-color:#ff7043; }
.u-layout__toolbar .button:not(.button--input).button--red { background-color:#ef5350; }
.u-layout__toolbar .button:not(.button--input).button--pink { background-color:#e685c0; }
.u-layout__toolbar .button:not(.button--input).button--brown { background-color:#97740f; }
.u-layout__toolbar .button:not(.button--input).button--white { background-color:#fff; }
.u-layout__toolbar .button:not(.button--input).button--lightgray { background-color:#e8f1f5; }
.u-layout__toolbar .button:not(.button--input).button--gray { background-color:#ccd0d9; }
.u-layout__toolbar .button:not(.button--input).button--darkgray { background-color:#666d78; }
.u-layout__toolbar .button:not(.button--input).button--black { background-color:#484848; }
.u-layout__toolbar .button:not(.button--input).button--white { background-color:#fff; }
.u-layout__toolbar .button:not(.button--input).button--success { background-color:#a4d667; }
.u-layout__toolbar .button:not(.button--input).button--warning { background-color:#ec8a48; }
.u-layout__toolbar .button:not(.button--input).button--danger { background-color:#ef5350; }
.u-layout__toolbar .button:not(.button--input).button--error { background-color:#ef5350; }
.u-layout__toolbar .button:not(.button--input).button--info { background-color:#29b6f6; }
.u-layout__toolbar .button:not(.button--input).button--muted { background-color:#fafcfd; }
.u-layout__toolbar .button:not(.button--input).button--selected { background-color:#53a1ff; }
.u-layout__toolbar .button:not(.button--input).button--save { background-color:#a4d667; }
.u-layout__toolbar .button:not(.button--input).button--delete { background-color:#ef5350; }
.u-layout__toolbar .button:not(.button--input).button--load { background-color:#ec8a48; }
.u-layout__toolbar .button:not(.button--input).button--cancel { background-color:#ccd0d9; }
.u-layout__toolbar .button:not(.button--input).button--confirm { background-color:; }
.u-layout__toolbar .input-group .button:first-child {
  background-clip:padding-box;
  -webkit-border-top-left-radius:20px;
  -webkit-border-bottom-left-radius:20px;
  -moz-border-radius-topleft:20px;
  -moz-border-radius-bottomleft:20px;
  border-top-left-radius:20px;
  border-bottom-left-radius:20px;
  border-radius-topleft:20px;
  border-radius-bottomleft:20px;
}
.u-layout__toolbar .input-group .button:last-child {
  background-clip:padding-box;
  -webkit-border-top-right-radius:20px;
  -webkit-border-bottom-right-radius:20px;
  -moz-border-radius-topright:20px;
  -moz-border-radius-bottomright:20px;
  border-top-right-radius:20px;
  border-bottom-right-radius:20px;
  border-radius-topright:20px;
  border-radius-bottomright:20px;
}
.u-layout__toolbar .osanaytto {
  float:none;
  display:block;
}
.u-layout__toolbar .osanaytto A:link, .u-layout__toolbar .osanaytto A:hover, .u-layout__toolbar .osanaytto A:visited {
  color:#333;
  display:inline-block;
  background-color:#dae2e7;
  height:34px;
  min-width:34px;
  line-height:34px;
  border-width:0px;
  padding:0px 8.5px;
  text-align:center;
  background-clip:padding-box;
  -webkit-border-radius:17px;
  -moz-border-radius:17px;
  border-radius:17px;
}
.u-layout__toolbar .osanaytto A:hover { background-color:#ced8df; }
.inline, .u-inline {
  display:inline-block;
  white-space:nowrap;
}
.floatLeft, .float-left, .u-float-left, .u-float--left { float:left; }
.floatRight, .float-right, .u-float-right, .u-float--right { float:right; }
.u-floating {
  position:absolute;
  z-index:100;
}
.u-scrollable {
  overflow:auto;
  -webkit-overflow-scrolling:touch;
}
.u-scrollable-horizontal {
  overflow:auto;
  overflow-y:hidden;
  -ms-overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
}
.u-scrollable-vertical {
  overflow:auto;
  overflow-x:hidden;
  -ms-overflow-x:hidden;
  -webkit-overflow-scrolling:touch;
}
#content {
  margin:0px;
  padding:0px;
  width:100%;
  overflow:auto;
}
#footer {
  z-index:15;
  clear:both;
  padding:24px 6px 12px 6px;
  text-align:center;
  font-size:10px;
  color:rgba(0,0,0,0.45);
}
#logo {
  z-index:14;
  position:fixed;
  bottom:30px;
  right:4px;
  margin:0px;
  border:0px;
}
#footer-info {
  text-align:center;
  display:none;
}
#footer-info p {
  display:block;
  margin:0px;
  padding:2px;
}
#footer-info a {
  padding:2px 6px 2px 6px;
  margin:0px 4px 4px 0px;
  color:#555;
  background-clip:padding-box;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
}
#footer-info a:link, #footer-info a:visited { color:rgba(0,0,0,0.45); }
#footer-info a:hover {
  background-color:rgba(0,0,0,0.45);
  color:#fff;
}
#footer-info table { color:#000; }
#footer-info table td {
  padding:2px 4px 2px 4px;
  font-weight:normal;
}
#footer-info table th {
  padding:4px 8px 4px 8px;
  text-align:left;
  font-weight:bold;
  background-color:#999;
}
#footer-info table tr.content { background-color:#eee; }
#footer-info table tr.total {
  background-color:#ccc;
  font-weight:bold;
}
@media print {
  body, #wrapper-site, #wrapper-page, #content, #sivuteksti {
    margin:0px;
    padding:0px;
    border:0px;
    background-color:#fff;
    font-size:10px;
    color:#000 !important;
  }
  TABLE.table > THEAD > TR > TD { font-size:10px !important; }
  TABLE.table--form > THEAD > TR > TD { height:auto !important; }
  TABLE.table > TBODY > TR > TD { font-size:10px !important; }
  TABLE.table--form > TBODY > TR > TD { height:auto !important; }
  #content { overflow:visible; }
  .windowTabs, .mad_ikonirivi, .mad_ylapalkki_ikoni, .mad_ylapalkki, .pw_aputeksti, #sivunapit, #page-buttons, #page-buttons-float, #header, #footer, #bookshelf, #shortcuts, #wrapper-float, #footer-info, #logo {
    display:none;
    visibility:hidden;
    height:0px;
  }
  .noprint { display:none; }
  TR.luettelo_lomake_valiotsikko.is-closed { display:none !important; }
  .pw_asetukset, .pw_valikko, .pw_apuvalikko, .pw_apuvalikot, .pw_kayttajatiedot, .pw_pikalinkit, .pw_sijainti, .pw_palaute, .pw_loppuinfo, .taulu_nappirivi, .pw_lisatkit, .pw_pikalinkki, .pw_ohjetaulu, .pw_erotin, .pw_valikko_oikea, .pw_luettelo_check, .pvOn, .pvOff, .cms_sivuinfo, .tooltip, .pw_tooltip, .pw_popup, .inputImg, .inputImgWhite, .nappiImg, #taulu_napit, #taulu_info, .valilehtiLehdet, .fTBY, .fTBinfo {
    display:none;
    visibility:hidden;
  }
  .valilehtiLomake { border-width:0px !important; }
  BODY, TABLE.lomake TD, .panel--inline {
    color:#000 !important;
    border-color:#000 !important;
  }
  a:link, a:active, a:visited {
    text-decoration:none !important;
    color:#000 !important;
  }
  TABLE.lomake { width:100% !important; }
  TEXTAREA, INPUT {
    border-width:0px !important;
    padding-left:0px !important;
    color:#000 !important;
    display:inline;
    background-color:#fff !important;
    background-image:none !important;
    background-color:#fff;
    background-image:linear-gradient(to bottom,#fff,#fff);
    background-repeat:repeat-x;
    background-clip:padding-box;
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    border-radius:0px;
  }
  .valinta FONT.button { display:none; }
  .valinta FONT.button--checked {
    display:inline;
    border-width:0px !important;
    background-color:#fff !important;
    background-image:none !important;
    padding-left:0px !important;
    color:#000 !important;
    font-weight:normal !important;
    font-size:13px;
    background-color:#fff;
    background-image:linear-gradient(to bottom,#fff,#fff);
    background-repeat:repeat-x;
    background-clip:padding-box;
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    border-radius:0px;
  }
  .panel--inline .panel-heading .columns { color:#000 !important; }
  .panel--inline .panel-heading .columns .column--left { padding-left:0px !important; }
}
#header {
  z-index:15;
  position:fixed;
  top:0px;
  left:0px;
  width:100%;
  white-space:nowrap;
  background-color:#fff;
  padding:0px;
  border-bottom:rgba(65,65,100,0.25) 1px solid;
}
#header a { color:#818181; }
#header .header__button {
  display:inline-block;
  color:#818181;
  cursor:pointer;
  padding:0px;
  margin:0px 0px 0px 0px;
  background-clip:padding-box;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  border-radius:50%;
}
#header .header__button.is-selected { background-color:#53a1ff; }
#header .header__button.is-selected .fa { color:#f5f5f5; }
#header .header__button.is-selected:hover { background-color:#2085ff; }
#header .header__button.is-selected:hover .fa { color:#fff; }
#header .header__button .fa {
  font-weight:normal;
  padding:0px;
  padding-top:12px;
  font-size:30px;
  width:54px;
  height:54px;
  text-align:center;
  color:#818181;
}
#header .header__button a .fa { color:#818181; }
#header .header__button a .fa:hover { color:#9b9b9b; }
#header .header__button:hover { color:#818181; }
#header .header__button:hover .fa { color:#4e4e4e; }
#header .header__button img {
  z-index:1;
  border:0px;
  width:30px;
  padding:10px;
}
#header .header__button > span {
  z-index:200;
  position:absolute;
  display:block;
  margin:-6px 0px 0px 0px;
  text-align:middle;
  font-family:arial;
  width:42px;
}
#header .header__button > span > span {
  left:4px;
  position:absolute;
  z-index:200;
  cursor:pointer;
  background-color:#a22;
  color:#818181;
  font-weight:bold;
  padding:2px 5px;
  border:#933 1px solid;
  background-clip:padding-box;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
  -moz-box-shadow:1px 1px 6px #333 #000;
  -webkit-box-shadow:1px 1px 6px #333 #000;
  box-shadow:1px 1px 6px #333 #000;
}
#header .off img {
  opacity:0.25;
  filter:1;
}
#header .right {
  display:block;
  float:right;
}
#headerToolbar > DIV { vertical-align:middle; }
#headerToolbar {
  text-align:center;
  padding:8px 16px;
}
#headerToolbar IMG.logo {
  cursor:pointer;
  vertical-align:top;
  height:30px;
}
@media (max-width: 767px) {
  .header-help {
    right:0px;
    top:0px;
    left:0px;
    bottom:0px;
    width:100%;
    -moz-box-shadow:0px 0px 0px #545454;
    -webkit-box-shadow:0px 0px 0px #545454;
    box-shadow:0px 0px 0px #545454;
    background-clip:padding-box;
    -webkit-border-bottom-left-radius:0px;
    -webkit-border-bottom-right-radius:0px;
    -moz-border-radius-bottomleft:0px;
    -moz-border-radius-bottomright:0px;
    border-bottom-left-radius:0px;
    border-bottom-right-radius:0px;
    border-radius-bottomleft:0px;
    border-radius-bottomright:0px;
  }
  #headerToolbar { padding:8px 8px; }
  #headerToolbar IMG.logo {
    height:20px;
    margin-top:0px;
  }
}
@media (max-width: 767px) {
  #header .header__button {
    width:34px;
    margin:0px 4px;
  }
  #header .header__button .fa {
    padding-top:0px;
    width:34px;
    height:34px;
    line-height:34px;
    font-size:20px;
  }
  #header .header__button img {
    width:27px;
    height:27px;
  }
}
@media (max-width: 767px) {
  #header .workhours-time > DIV .fa { line-height:30px; }
}
#footer {
  text-align:left;
  zindex:50;
  position:fixed;
  bottom:0px;
  left:0px;
}
#shortcuts, #footer {
  margin:0px 0px 0px 0px;
  padding:0px;
  width:100%;
  display:block;
  font-size:11px;
  background-color:#fff;
  color:#818181;
}
#shortcuts A, #footer A {
  display:inline-block;
  color:#818181;
  padding:3px 12px 5px 8px;
}
#shortcuts A:hover, #footer A:hover { color:#9b9b9b; }
#shortcuts IMG, #footer IMG {
  width:16px;
  height:16px;
  margin-right:4px;
}
.viewtype_input {
  margin-top:10px;
  width:100%;
  text-align:center;
}
.viewtype_input > DIV {
  display:inline-block;
  width:170px;
  margin:0px;
  text-align:center;
  padding:8px 4px;
}
.viewtype_input > DIV IMG {
  width:100px;
  height:100px;
  border:rgba(65,65,100,0.25) 3px solid;
  background-clip:padding-box;
  -webkit-border-radius:100%;
  -moz-border-radius:100%;
  border-radius:100%;
}
.viewtype_input > DIV h4 {
  font-family:'Libre Franklin', sans-serif;
  margin-top:4px;
}
.viewtype_input > DIV:hover { cursor:pointer; }
.viewtype_input > DIV:hover IMG { border-color:rgba(35,35,54,0.25); }
.viewtype_input > DIV.is-selected IMG { border-color:#53a1ff; }
#search { display:inline-block; }
#search .input-group { width:160px; }
#search .input-group input {
  height:42px;
  font-size:18px;
  line-height:36px;
  border-color:rgba(65,65,100,0.25);
}
#search .input-group [data-role=search-icon] { color:#fff; }
#search .input-group .button--input {
  height:42px;
  width:42px;
  line-height:42px;
  border-color:rgba(65,65,100,0.25);
}
#search .input-group .button--input i.fa {
  color:rgba(65,65,100,0.25);
  width:42px;
  font-size:24px;
  line-height:39px;
}
#tarkennettu_hakutulos {
  max-height:290px;
  overflow:auto;
}
.search-result {
  width:650px;
  z-index:14;
  display:none;
  position:fixed;
  padding:20px 8px 8px 8px;
  background-color:#fff;
  border:rgba(65,65,100,0.25) 1px solid;
  background-clip:padding-box;
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  border-radius:8px;
  -moz-box-shadow:1px 1px 48px rgba(84,84,84,0.5);
  -webkit-box-shadow:1px 1px 48px rgba(84,84,84,0.5);
  box-shadow:1px 1px 48px rgba(84,84,84,0.5);
}
.search-result DIV[data-role=search-input] .button { vertical-align:middle; }
.search-result DIV[data-role=menu] {
  display:inline-block;
  font-size:24px;
}
.search-result DIV[data-role=menu] .button { color:rgba(0,0,0,0.6); }
.search-result DIV[data-role=menu] .button:hover { color:rgba(0,0,0,0.6); }
.search-result .close-icon {
  color:rgba(0,0,0,0.6);
  font-size:24px;
  padding:6px;
  cursor:pointer;
  vertical-align:top;
  padding:4px;
  width:1.28571429em;
  text-align:center;
}
.search-result .close-icon:hover { color:rgba(0,0,0,0.6); }
#search-toolbar { padding:8px 4px 4px 4px; }
#search-toolbar .fa {
  color:rgba(0,0,0,0.6);
  cursor:pointer;
  font-size:24px;
  padding:4px 8px 4px 0px;
  width:1.28571429em;
  text-align:center;
}
#search-toolbar .fa:hover { color:rgba(0,0,0,0.6); }
#search-title {
  padding:8px;
  color:rgba(0,0,0,0.65);
}
#search-title IMG {
  width:30px;
  height:30px;
  padding:0px 6px 0px 0px;
  vertical-align:text-bottom;
}
.search-result-list {
  max-height:500px;
  padding-top:6px;
  overflow:auto;
  overflow:auto;
  overflow-x:hidden;
  -ms-overflow-x:hidden;
  -webkit-overflow-scrolling:touch;
}
.search-result-list > DIV { margin-bottom:20px; }
#search-message { padding-left:6px; }
@media (max-width: 767px) {
  #search .input-group input { width:90px; }
  .search-result {
    z-index:16;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    width:100%;
    border-width:0px;
    padding:0px 0px 160px 0px;
    background-clip:padding-box;
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    border-radius:0px;
    -moz-box-shadow:0px 0px 0px #333;
    -webkit-box-shadow:0px 0px 0px #333;
    box-shadow:0px 0px 0px #333;
  }
  .search-result-list { max-height:100%; }
}
#navigation {
  left:0px;
  top:0px;
  padding:0px;
  margin:0px;
  color:#fff;
  display:block;
}
#navigation #navigation-main {
  z-index:16;
  position:fixed;
  display:block;
  width:260px;
  overflow:auto;
  background-color:#fff;
  padding:0px;
  margin:0px;
  border-right:#e6e6e6 1px solid;
  -moz-box-shadow:4px 4px 18px #333;
  -webkit-box-shadow:4px 4px 18px #333;
  box-shadow:4px 4px 18px #333;
  overflow:auto;
  overflow-x:hidden;
  -ms-overflow-x:hidden;
  -webkit-overflow-scrolling:touch;
}
#navigation #navigation-section {
  z-index:15;
  position:fixed;
  display:block;
  width:340px;
  overflow:auto;
  background-color:#fff;
  padding:0px;
  margin:0px;
  border-right:#e6e6e6 1px solid;
  overflow:auto;
  overflow-x:hidden;
  -ms-overflow-x:hidden;
  -webkit-overflow-scrolling:touch;
}
#navigation DIV h2 {
  display:block;
  font-size:12px;
  padding:12px 6px 2px 6px;
}
#navigation DIV a {
  font-size:12px;
  display:block;
  overflow:hidden;
  padding:6px 6px 6px 6px;
  margin:0px 0px 0px 4px;
  color:#ddd;
  border-top:#fff 0px solid;
  border-bottom:#e6e6e6 0px solid;
}
#navigation UL.Row LI { border-bottom:#222 1px solid; }
#navigation UL.Row LI:first-child { border-top:#222 1px solid; }
#navigation UL.Row LI h4 { color:#bbb; }
#navigation UL.Row LI.link:hover { background-color:#333; }
#navigation UL.Row LI.header h4 {
  font-size:16px;
  font-weight:bold;
  color:#777;
}
#navigation UL.Row .fa { color:#777; }
.pw_popup h2 {
  display:block;
  font-size:12px;
  font-weight:bold;
  padding:12px 0px 2px 0px;
}
table.sivuinfo {
  clear:both;
  width:460px;
}
table.sivuinfo table.sivuinfo td { padding:2px 2px 2px 0px; }
table.sivuinfo h2 {
  display:block;
  font-size:12px;
  font-weight:bold;
  padding:12px 0px 2px 0px;
}
table.sivuinfo ul.lista { padding-right:4px; }
table.sivuinfo ul.lista li {
  cursor:pointer;
  clear:both;
  border-bottom: 1px solid;
  padding:4px;
}
table.sivuinfo ul.lista li:hover { background-color:#fbf599; }
table.sivuinfo ul.lista li.active { background-color:#53a1ff; }
table.sivuinfo ul.lista li P {
  display:inline-block;
  padding:0px;
  margin:0px;
  font-size:9px;
  color:#999;
}
table.sivuinfo ul.lista li IMG {
  float:left;
  width:28px;
  padding:1px;
}
.notification-panel {
  display:block;
  position:fixed;
  z-index:30;
}
.notification {
  display:block;
  padding:8px 12px;
  margin-top:4px;
  cursor:pointer;
  border-style:solid;
  border-width:1px;
  background-color:#ffe562;
  border-color:#e9d25c;
  color:#595332;
  background-clip:padding-box;
  -webkit-border-radius:40px;
  -moz-border-radius:40px;
  border-radius:40px;
}
.notification .fa.notification__icon { color:#595332; }
.notification .fa.notification__close { color:#c8b452; }
.notification .notification__description { color:#918442; }
.notification .column--icon {
  width:40px;
  font-size:24px;
  padding:2px 10px 0px 0px;
}
.notification__description { font-size:80%; }
.notification__close { font-size:20px; }
.notification:hover { color:#444; }
.notification--message {
  background-color:#ddf;
  border-color:#cacae9;
  color:#515159;
}
.notification--message .fa.notification__icon { color:#515159; }
.notification--message .fa.notification__close { color:#aeaec8; }
.notification--message .notification__description { color:#808091; }
.notification--loading {
  background-color:#ccd0d9;
  border-color:#bbbfc7;
  color:#4d4e50;
}
.notification--loading .fa.notification__icon { color:#4d4e50; }
.notification--loading .fa.notification__close { color:#a2a5ab; }
.notification--loading .notification__description { color:#77797e; }
.notification--error {
  background-color:#ef5350;
  border-color:#db4e4b;
  color:#552e2e;
}
.notification--error .fa.notification__icon { color:#552e2e; }
.notification--error .fa.notification__close { color:#bc4745; }
.notification--error .notification__description { color:#893b39; }
.notification--ready {
  background-color:#a4d667;
  border-color:#97c460;
  color:#434f33;
}
.notification--ready .fa.notification__icon { color:#434f33; }
.notification--ready .fa.notification__close { color:#84a956; }
.notification--ready .notification__description { color:#637c45; }
.notification--floating {
  z-index:21;
  position:absolute;
  display:block;
  background-clip:padding-box;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
}
@media (max-width: 767px) {
  .notification-panel .notification {
    margin-top:0px;
    background-clip:padding-box;
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    border-radius:0px;
  }
}
.pw_lisatiedot {
  display:block;
  background-color:#eee;
  border:#204a7d 1px solid;
  color:#3f3929;
  font-family:Verdana;
  font-size:10px;
  font-weight:normal;
  padding:0px 3px 0px 0px;
  width:240px;
}
.pw_palaute, .ruutu_palaute {
  display:block;
  background-color:#fff176;
  border:1px solid #ffeb3b;
  min-height:34px;
  line-height:34px;
  font-size:13px;
  margin:0px;
  padding:0px 12px;
  background-clip:padding-box;
  -webkit-border-radius:4.25px;
  -moz-border-radius:4.25px;
  border-radius:4.25px;
}
.pw_palaute P {
  padding:0px;
  margin:0px;
}
.pw_palaute P.virhe {
  background-color:#ef5350;
  color:#f43637;
}
#notification {
  display:block;
  position:fixed;
  top:0px;
  left:0px;
  width:640px;
  z-index:30;
}
#notification p {
  display:block;
  background-color:#ffe562;
  background-position:bottom left;
  background-repeat:repeat-x;
  border-color-top:#e6e1d1;
  border-color-left:#e6e1d1;
  border-color-right:#9196a1;
  border-color-bottom:#9196a1;
  border:1px #9196a1 solid;
  padding:10px;
  font-family:Verdana;
  font-size:12px;
  padding:6px 16px;
  margin:2px;
  color:#222;
  cursor:pointer;
  border-radius:6px;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  -webkit-box-shadow:1px 1px 6px #555;
  -moz-box-shadow:1px 1px 6px #555;
}
#notification p:hover { color:#444; }
#notification p IMG {
  width:18px;
  border:0px;
  padding:0px;
  margin:0px 6px 0px 0px;
  vertical-align:bottom;
}
#notification p SPAN {
  color:#777;
  float:right;
  font-size:9px;
  padding:3px;
}
#notification P.virhe {
  background-color:#f98;
  font-size:12px;
  color:#c22;
  font-weight:bold;
  border-color:#c22;
}
#notification P.odottaa {
  background-color:#fff5f5;
  color:#555;
}
#notification P.viesti {
  background-color:#ddf;
  color:#222;
  border-top:1px solid #d6d1e1;
  border-left:1px solid #d6d1e1;
  border-right:1px solid #a1a691;
  border-bottom:1px solid #a1a691;
}
#loki {
  width:500px;
  top:0px;
  right:0px;
  overflow:auto;
  background-color:#222;
  color:#aaa;
  font-family:courier;
  font-size:10px;
  z-index:15;
  position:fixed;
}
#loki img {
  float:right;
  padding:4px;
  cursor:pointer;
  width:24px;
}
#loki DIV.img {
  padding:12px 12px 100px 12px;
  width:480px;
  position:fixed;
  right:8px;
  top:48px;
}
ul.lista {
  display:block;
  padding:0px;
  margin:0px;
}
ul.lista span.otsikko {
  display:block;
  font-weight:bold;
  overflow:hidden;
  font-size:12px;
  height:16px;
  line-height:16px;
  vertical-align:center;
}
ul.lista span.teksti {
  display:block;
  overflow:hidden;
  font-size:12px;
  height:15px;
  line-height:16px;
}
ul.lista ul {
  display:block;
  padding:0px;
  margin:0px;
}
ul.lista li {
  cursor:pointer;
  border-bottom:#ddd 1px solid;
  padding:8px;
  margin:0px;
  clear:both;
  list-style:none;
}
ul.lista li img {
  border:0px;
  position:relative;
  display:block;
  float:left;
  width:14px;
  margin:0px 8px 0px 0px;
}
ul.lista li a { text-decoration:none; }
ul.lista li:hover { background-color:#f9f9fc; }
ul.lista li.auki {
  color:#fff;
  background-color:#53a1ff;
}
ul.lista li.is-selected {
  color:#fff;
  background-color:#53a1ff;
}
ul.lista li.paaotsikko {
  padding:6px 6px 6px 6px;
  text-decoration:none;
  font-family:Verdana;
  font-family:"Lucida Grande", Arial, Geneva, Helvetica, sans-serif;
  font-size:14px;
  font-weight:bold;
  border-bottom:#ddd 1px solid;
}
ul.lista li.otsikko {
  padding:12px 6px 6px 6px;
  text-decoration:none;
  font-family:Verdana;
  font-family:"Lucida Grande", Arial, Geneva, Helvetica, sans-serif;
  font-size:14px;
  font-weight:bold;
  border-bottom:#ddd 1px solid;
}
ul.lista li.otsikko:hover { background-color:#fff; }
ul.lista li.alaotsikko {
  padding:6px 6px 6px 16px;
  text-decoration:none;
  font-family:Verdana;
  font-family:"Lucida Grande", Arial, Geneva, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
  border-bottom:#ddd 1px solid;
}
DIV.lista {
  padding:0px;
  line-height:normal;
}
DIV.lista > h2 {
  margin:4px 0px 0px 0px;
  padding:8px 3px 2px 6px;
  font-weight:bold;
  color:#0b315f;
  border-bottom:#1b315f 1px solid;
  font-size:15px;
}
DIV.lista > p {
  clear:both;
  margin-bottom:8px;
}
DIV.lista > p .ingressi { font-style:italic; }
.ikkuna DIV.ylaosa {
  display:block;
  text-align:left;
  background-color:#0f5490;
  background-image:url("../images/ulkoasu/ylapalkki_taustakuva.gif");
  background-position:left bottom;
  background-repeat:repeat-x;
  color:#fff;
  font-size:24px;
  font-weight:bold;
  padding:0 6px;
  background-clip:padding-box;
  -webkit-border-top-left-radius:8px;
  -webkit-border-top-right-radius:8px;
  -moz-border-radius-topleft:8px;
  -moz-border-radius-topright:8px;
  border-top-left-radius:8px;
  border-top-right-radius:8px;
  border-radius-topleft:8px;
  border-radius-topright:8px;
}
.ikkuna DIV.ylaosa table {
  background-image:url("../images/ulkoasu/tausta_otsikkopalkki_otsikko.gif");
  background-position:left bottom;
  background-repeat:no-repeat;
}
.ikkuna DIV.ylaosa table td.vasen {
  color:#fff;
  font-size:18px;
  font-weight:bold;
  min-width:240px;
  padding:2px 0 4px 4px;
  text-align:left;
}
.ikkuna DIV.ylaosa h1 {
  color:#fff;
  font-size:18px;
  font-weight:bold;
  padding:8px;
}
.ikkuna DIV.sisalto { padding:8px; }
.ikkuna DIV.sisalto > h2 {
  display:block;
  clear:both;
  text-align:left;
  padding:24px 0px 8px 8px;
  border-bottom:1px solid ;
  color:rgba(0,0,0,0.65);
  font-family:'Libre Franklin', sans-serif;
  font-size:20.02px;
  font-weight:normal;
  margin-bottom:10px;
  text-decoration:none;
}
.ikkuna DIV.sisalto > ul a:hover { text-decoration:none; }
.ikkuna DIV.sisalto > ul > li {
  text-align:center;
  float:left;
  display:block;
  padding:10px;
  font-weight:14px;
}
.ikkuna DIV.sisalto > ul > li:hover {
  background-color:#fbf599;
  background-position:left bottom;
  background-repeat:repeat-x;
  background-clip:padding-box;
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  border-radius:8px;
}
.ikkuna DIV.sisalto > ul > li.grid {
  overflow:hidden;
  width:140px;
  height:100px;
}
.ikkuna DIV.sisalto > ul > li IMG {
  width:48px;
  border:0px;
  padding-bottom:8px;
}
.ikkuna DIV.sisalto > ul > li IMG.icon_behind { margin-left:36px; }
.ikkuna DIV.sisalto > ul > li IMG.icon_front {
  width:36px;
  height:36px;
  left:-36px;
  top:0px;
  position:relative;
  z-index:2;
}
#Modal {
  z-index:15;
  z-index:50;
}
#Modal DIV {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
#Modal DIV.curtain {
  display:block;
  width:100%;
  height:100%;
  background-color:#eee;
  position:fixed;
  top:0px;
  left:0px;
  z-index:14;
  opacity:0.8;
  filter:1;
}
#Modal DIV.panel-wrap DIV.modalGroup DIV.modalPanel {
  display:block;
  position:fixed;
  left:0px;
  top:0px;
  z-index:14;
  width:100%;
  height:100%;
  margin:0px;
  padding:12px;
  background-color:#fff;
  background-clip:padding-box;
  -webkit-border-top-left-radius:12px;
  -webkit-border-bottom-left-radius:12px;
  -moz-border-radius-topleft:12px;
  -moz-border-radius-bottomleft:12px;
  border-top-left-radius:12px;
  border-bottom-left-radius:12px;
  border-radius-topleft:12px;
  border-radius-bottomleft:12px;
  -moz-box-shadow:0px 0px 24px #333;
  -webkit-box-shadow:0px 0px 24px #333;
  box-shadow:0px 0px 24px #333;
}
#Modal DIV.panel-wrap DIV.modalGroup DIV.modalPanel > H2 {
  padding:18px 0px 0px 0px;
  margin:0px;
  font-size:16px;
  color:#222;
}
#Modal DIV.panel-wrap DIV.modalGroup DIV.modalPanel > DIV.header {
  border-bottom:#ccc 1px dotted;
  padding:0px 8px 6px 6px;
  margin:0px 0px 6px 0px;
}
#Modal DIV.panel-wrap DIV.modalGroup DIV.modalPanel > DIV.header H2 {
  display:inline-block;
  font-weight:normal;
  font-size:22px;
  color:#aaa;
}
#Modal DIV.panel-wrap DIV.modalGroup DIV.modalPanel > DIV.header DIV.button {
  float:right;
  display:inline-block;
}
#Modal DIV.panel-wrap DIV.modalGroup DIV.modalPanel > DIV.header IMG { width:28px; }
#Modal DIV.panel-wrap DIV.modalGroup DIV.modalPanel DIV.content-wrap DIV.header { padding-bottom:8px; }
#Modal DIV.panel-wrap DIV.modalGroup DIV.modalPanel DIV.content-wrap DIV.content {
  overflow-y:auto;
  overflow-x:hidden;
  -webkit-overflow-scrolling:touch;
  padding:0px;
  display:block;
  padding-bottom:24px;
  border:red 0px solid;
}
#page-buttons-float {
  z-index:13;
  position:fixed;
  top:0px;
  left:0px;
  width:100%;
  display:block;
  padding:8px 8px 4px 8px;
  background-color:#ecf0f3;
  border-bottom:rgba(65,65,100,0.25) 1px solid;
}
DIV[sortableList] DIV:hover {
  CURSOR:move;
  background-repeat:no-repeat;
  background-position:top right;
  background-image:url('../../../images/ikoni_drag.png');
}
.ajaxHoverImage {
  position:absolute;
  display:block;
  padding-right:4px;
}
.ajaxHoverImage img {
  cursor:pointer;
  padding:2px;
  width:18px;
  height:18px;
}
IMG.hoverImage {
  position:absolute;
  display:block;
  width:20px;
  padding:2px;
  margin:2px;
  padding:0px;
  cursor:pointer;
}
.remove {
  background-color:#c22;
  margin-bottom:1px;
  background-clip:padding-box;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border-radius:6px;
}
.mad_tyyppi_ikoni {
  float:left;
  text-align:center;
  vertical-align:middle;
  width:24px;
  height:24px;
  padding:0px;
  margin:0px 4px 4px 0px;
  background-clip:padding-box;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border-radius:6px;
}
.mad_taulukuvakevalinta_img, .mad_tyyppivalinta_img {
  display:block;
  float:left;
  cursor:pointer;
  padding:0px;
  text-align:center;
  margin:1px 2px 0px 0px;
  border:#75add4 1px solid;
  BACKGROUND-COLOR:#b7d9ee;
  background-clip:padding-box;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border-radius:6px;
}
.valinta_disabled {
  BACKGROUND-COLOR:#ddd;
  border:#ccc 1px solid;
}
table.fTB_l { text-align:left; }
tr.fO_l td {
  background-color:transparent;
  font-weight:bold;
  vertical-align:middle;
  padding:2px 4px 2px 4px;
  BORDER-TOP:#0b315f 0px solid;
}
.fTD_l td {
  padding:1px 1px 1px 1px;
  font-weight:normal;
}
.lomake_otsikko {
  height:18px;
  padding:2px 8px 2px 6px;
  font-weight:bold;
  text-decoration:none;
}
.luettelo_lomake > td {
  background-color:#8eb8e4;
  border-bottom:#0b315f 1px solid;
  background-color:#fff;
  padding:8px 6px 8px 6px;
  min-height:28px;
  border:0px;
  border-bottom:#ddd 1px solid;
}
.luettelo_lomake:hover > td {
  background-color:#98bde5;
  border-bottom:#0b315f 1px solid;
}
TR.luettelo_lomaketaulu > TD {
  background-color:#eef;
  margin:0px;
  padding:2px 0px 0px 2px;
  height:default;
  border-bottom:rgba(65,65,100,0.25) 1px solid;
}
TR.luettelo_lomaketaulu:hover > TD { background-color:#fbf599; }
DIV.fTB > table, .fTB, DIV fTBY.table, .fTBY {
  text-align:left;
  vertical-align:top;
  empty-cells:show;
}
TD.valilehtiLomake {
  border:rgba(65,65,100,0.25) 1px solid;
  border-width:0px 1px 1px 1px;
  background-clip:padding-box;
  -webkit-border-bottom-left-radius:8px;
  -webkit-border-bottom-right-radius:8px;
  -moz-border-radius-bottomleft:8px;
  -moz-border-radius-bottomright:8px;
  border-bottom-left-radius:8px;
  border-bottom-right-radius:8px;
  border-radius-bottomleft:8px;
  border-radius-bottomright:8px;
}
DIV.fTBinfo {
  padding:6px;
  font-size:10.01px;
  color:rgba(0,0,0,0.45);
}
DIV.fTB table > tr > td, DIV.fTBY table > tr > td {
  line-height:24px;
  FONT-FAMILY:Verdana;
  FONT-SIZE:12px;
}
table.fTBY, .fTBY {
  border-left:rgba(65,65,100,0.25) 1px solid;
  padding:10px;
}
tr.fO td {
  height:28px;
  background-color:transparent;
  background-image:url(none);
  font-weight:bold;
  vertical-align:middle;
  padding:0px 2px 0px 2px;
  color:#085392;
}
.fR {
  height:20px;
  padding:0px;
  margin:0px;
  border:#900 0px solid;
}
.fT {
  display:inline;
  padding:0px;
  margin:0px;
  border:#900 0px solid;
}
.fTD td {
  height:18px;
  padding:0px 0px 0px 2px;
  background-color:transparent;
  color:#444;
  FONT-SIZE:12px;
}
.fTDd td {
  height:18px;
  padding:2px 0px 2px 2px;
  background-color:transparent;
  font-weight:normal;
}
table.fwTB {
  border-color:#5c90b7;
  border-style:solid;
  border-top-width:0px;
  border-right-width:0px;
  border-bottom-width:0px;
  border-left-width:0px;
  border:#fff 4px solid;
  font-weight:bold;
  padding:4px;
  text-align:left;
  vertical-align:top;
  empty-cells:show;
}
tr.fwO td {
  background-color:#ccc;
  font-size:16px;
  height:28px;
  font-weight:bold;
  color:#fff;
  vertical-align:middle;
  padding:4px 0px 0px 4px;
  border-bottom:#777 0px solid;
}
.fwTD td {
  height:18px;
  padding:1px 0px 1px 2px;
  background-color:#fff;
  color:#222;
}
table.fwTB_l {
  border-color:#5c90b7;
  border-style:solid;
  border-top-width:0px;
  border-right-width:0px;
  border-bottom-width:0px;
  border-left-width:0px;
  border:#fff 4px solid;
  font-family:verdana;
  font-weight:bold;
  padding:4px;
  text-align:left;
  vertical-align:top;
  empty-cells:show;
}
.fwTD_l td {
  height:18px;
  padding:1px 0px 1px 2px;
  background-color:#fff;
}
.inputSelectBorder, .inputSelectBorderless {
  visibility:hidden;
  position:absolute;
  left:0px;
  top:0px;
  z-index:30;
  padding-bottom:20px;
}
.inputSelectBorder:hover { -webkit-transition-duration:0.1s, 0.1s; }
.inputSelectBorder > DIV, .inputSelectBorderless > DIV {
  max-height:350px;
  overflow:auto;
  border:rgba(65,65,100,0.25) 1px solid;
  background-color:#fff;
  background-clip:padding-box;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  -moz-box-shadow:1px 1px 12px #999;
  -webkit-box-shadow:1px 1px 12px #999;
  box-shadow:1px 1px 12px #999;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
.inputSelectTable, .inputSelectionTable, .inputWhiteTable, table.inputSelectTxt, table.inputSelectId {
  cursor:pointer;
  background-color:#fff;
}
DIV.inputSelectId, DIV.inputSelectionTable {
  border-color:rgba(75,75,115,0.25);
  background-color:#e4e4e4;
}
.inputSelectId .selected { background-color:#86bdff; }
.inputSelectId .selected:hover { background-color:#b9d9ff; }
table.inputSelectTxt {
  border-color:#b7d9ee;
  BACKGROUND:#fff;
  COLOR:#3381b9;
}
.inputSelectHeader, .inputSelectionHeader {
  font-family:verdana;
  font-weight:bold;
  font-size:12px;
  color:#fff;
  background-color:#0b315f;
  padding:6px;
}
.inputSelectTitle, .inputSelectionTitle {
  color:#555;
  background-color:#e4e4e4;
  padding:8px 4px;
}
.inputSelection, .inputSelectionValittu, .inputSelect, .inputSelectOff, .inputSelectValittu, td.inputSelectId, td.inputSelectIdValittu, td.inputSelectTxt {
  cursor:pointer;
  COLOR:rgba(0,0,0,0.87);
  padding:8px 10px 8px 10px;
  FONT-SIZE:14px;
  border-bottom:rgba(65,65,100,0.25) 0px solid;
  background-clip:padding-box;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
}
td.inputSelectId {
  COLOR:#555;
  BACKGROUND-COLOR:#e4e4e4;
}
.inputSelectOn, .inputSelect:hover, td.inputSelectId:hover, td.inputSelectTxt:hover { background-color:#f9f9fc; }
td.inputSelectId small, td.inputSelectTxt small {
  display:block;
  COLOR:#999;
  margin:0px;
  padding:2px 0px 0px 0px;
  font-weight:normal;
  FONT-FAMILY:Verdana;
  FONT-SIZE:11px;
}
.inputSelectValittu {
  BACKGROUND-COLOR:#86bdff;
  color:#53a1ff;
}
.inputSelectOff2 {
  cursor:pointer;
  color:#222;
  background-color:#e5e5e5;
  padding:0px 2px 4px 4px;
}
.inputSelectSpecial {
  cursor:pointer;
  color:#000;
  background-color:#ffd823;
  padding:2px 2px 4px 4px;
}
.inputSelection, .inputSelectionValittu { COLOR:#333; }
.inputSelection:hover { BACKGROUND-COLOR:#e5e5e5; }
TABLE.popupMenu TD.popupSelect, .popupSelect, .popupSelectVali, .popupSelectValittu, .popupSelect:hover {
  cursor:pointer;
  padding:4px 4px 4px 4px;
  margin:2px;
  font-weight:normal;
  FONT-FAMILY:Verdana;
  FONT-SIZE:12px;
  border-radius:4px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border:#111 1px solid;
}
.popupSelectVali { background-color:#080808; }
.popupSelectValittu {
  border:#eb8420 1px solid;
  background-color:#fdd885;
  background-color:#111;
}
.popupSelect:hover {
  padding:4px 4px 4px 4px;
  margin:2px;
  color:#eb8420;
}
.popupSelectValittu .otsikko, .popupSelect .otsikko {
  font-size:12px;
  font-weight:bold;
}
.popupSelect .info, .popupSelectValittu .info {
  font-size:9px;
  color:#999;
}
TD.rotate {
  border:red 1px solid;
  color:red;
  -webkit-transform:rotate(-90deg);
  -moz-transform:rotate(-90deg);
  -ms-transform:rotate(-90deg);
  -o-transform:rotate(-90deg);
  filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.pw_luettelo_check { display:none; }
.tyhja_teksti {
  padding:12px 0px 12px 0px;
  text-align:center;
}
.tyhja_teksti h1 {
  font-size:16px;
  font-weight:bold;
}
.tyhja_teksti p { font-size:14px; }
div.ohje_teksti {
  clear:left;
  padding:6px 0px 6px 0px;
  text-align:center;
  color:#555;
  font-weight:bold;
}
div.ohje_teksti h1 {
  text-align:center;
  color:#555;
  font-weight:bold;
}
div.ohje_teksti p {
  text-align:center;
  color:#555;
  font-weight:normal;
}
.lisavalinta {
  cursor:pointer;
  padding:3px 7px 3px 7px;
}
.lisavalinta:hover { color:#777; }
.osanaytto {
  display:block;
  float:right;
}
.osanaytto span { margin:0px 12px; }
.osanaytto a:link, .osanaytto a:visited, .osanaytto a:hover {
  background-color:#d5d5d5;
  color:#555;
  border:#ccc 1px solid;
  padding:2px 8px;
  margin:0px 2px;
  background-clip:padding-box;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
}
.osanaytto a:hover {
  text-decoration:none;
  color:#eee;
  background-color:#999;
  border-color:#888;
}
.osanaytto a.open:link, .osanaytto a.open:visited {
  color:#eee;
  background-color:#777;
  border-color:#666;
}
TABLE.table > TBODY > TR > TH.hallinta_otsake { background-color:#fff; }
.hallinta_otsake {
  text-align:left;
  clear:both;
  padding:24px 2px 2px 2px;
  margin-bottom:4px;
  text-decoration:none;
  color:rgba(0,0,0,0.65);
  font-family:Verdana;
  font-size:10pt;
  font-weight:bold;
  border-bottom:#ccd 1px solid;
}
.tauluDIV {
  display:block;
  float:left;
  border-top:#ccc 0px solid;
  border-right:#ddd 0px solid;
  border-left:#ddd 0px solid;
  border-bottom:#ddd 0px solid;
  padding:0px 0px 0px 0px;
  background-clip:padding-box;
  -webkit-border-top-left-radius:8px;
  -webkit-border-top-right-radius:8px;
  -moz-border-radius-topleft:8px;
  -moz-border-radius-topright:8px;
  border-top-left-radius:8px;
  border-top-right-radius:8px;
  border-radius-topleft:8px;
  border-radius-topright:8px;
}
DIV.otsikkopalkki {
  width:100%;
  color:rgba(0,0,0,0.65);
  background-color:#fff;
  font-size:18px;
  font-weight:bold;
  padding:4px;
  height:28px;
}
DIV.otsikkorivi {
  display:block;
  background-color:#fff;
  color:rgba(0,0,0,0.65);
}
DIV.otsikkorivi IMG {
  width:30px;
  height:30px;
}
DIV.otsikkorivi table td.vasen {
  text-align:left;
  min-width:240px;
}
DIV.otsikkorivi table td.keski {
  text-align:right;
  vertical-align:bottom;
  border:red 0px solid;
}
DIV.otsikkorivi table td.oikea {
  padding-right:8px;
  text-align:right;
}
tr.taulu_otsikkorivi td {
  font-size:18px;
  color:rgba(0,0,0,0.65);
  background-color:#fff;
  font-weight:bold;
  padding:6px 6px 6px 6px;
}
.taulu_tekstirivi { background-color:#fff; }
.taulu_alarivi {
  height:3px;
  padding:0px;
  background-color:#ddd;
}
.taulu_nappirivi, tr.taulu_nappirivi_ala td {
  background-color:#ecf0f3;
  color:rgba(0,0,0,0.65);
  vertical-align:middle;
  text-align:left;
}
.taulu_napit, .taulu_napit_ala {
  background-color:#ddd;
  background-image:url(../images/ulkoasu/tausta_napit.gif);
  background-repeat:repeat-X;
  background-position:top left;
  padding:2px 0px 2px 6px;
  margin:0px 0px 0px 0px;
  min-height:28px;
}
.pTD {
  background-color:#0b315f;
  padding:0px;
  margin:0px;
  border:green 0px solid;
}
.pD {
  display:block;
  width:100%;
  padding:0px;
  margin:0px;
}
.pvTable {
  border-width:0px;
  width:100%;
  padding:0px;
}
table.pvTable {
  padding:4px 8px 4px 8px;
  margin:0px;
  background-color:#ecf0f3;
}
table.pvTable TD {
  font-size:13px;
  line-height:24px;
}
.pvO {
  width:100px;
  background-color:transparent;
  background-image:url(none);
  font-weight:bold;
  vertical-align:top;
  cursor:pointer;
  padding:4px;
  border-width:0px;
}
.pvT {
  width:100%;
  background-color:transparent;
  background-image:url(none);
  height:18px;
  padding:4px;
  border:#cdcdcd 0px solid;
  font-size:12px;
}
.pvTR, .pvTR TD {
  border-width:0px;
  background-color:transparent;
  background-image:url(none);
  font-size:12px;
  font-weight:normal;
  padding:4px 2px 4px 2px;
}
.pvOn, .pvOff {
  display:inline;
  font-weight:normal;
  font-size:11px;
  margin:0px 8px 0px 0px;
  cursor:pointer;
  padding:6px 12px 6px 12px;
  color:#aaa;
}
.pvOff { color:#777; }
TABLE.luettelo { width:100%; }
TABLE.luettelo h1 {
  FONT-SIZE:15px;
  margin:8px 0px 4px 0px;
  padding:0px;
}
TABLE.luettelo h2 {
  font-weight:bold;
  FONT-SIZE:14px;
  margin:4px 0px 2px 0px;
  padding:0px;
}
TABLE.luettelo td {
  text-decoration:none;
  vertical-align:top;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
TABLE.luettelo > tbody > tr > th, TR.luettelo_otsikko > td, TR.luettelo_loppuotsikko > td, TR.luettelo_alarivi > td {
  height:32px;
  padding:3px 3px 3px 3px;
  font-weight:bold;
  text-decoration:none;
  vertical-align:middle;
  background-color:#ecf0f3;
  border-bottom:#ced8df 1px solid;
}
TR.luettelo_alaotsikko ~ TR.luettelo_loppuotsikko > TD, #page-footer-float TR.luettelo_alarivi > TD { border-top:#ced8df 1px solid; }
TR.luettelo_alaotsikko > td {
  height:28px;
  padding:6px 6px 12px 6px;
  font-weight:bold;
  text-decoration:none;
  border-bottom:#ccc 0px solid;
}
TR.luettelo_otsikko TD {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
TR.luettelo_alarivi > td { padding:0px 0px 0px 6px; }
TR.luettelo_valiotsikko > td, DIV.luettelo_valiotsikko {
  height:32px;
  padding:0px 0px 0px 6px;
  font-weight:bold;
  background-color:#ecf0f3;
  border-bottom:#ced8df 1px solid;
  color:rgba(0,0,0,0.65);
  font-size:20.02px;
  background-color:#fff;
  padding:24px 2px 2px 6px;
  border-bottom:#ddd 1px solid;
}
TR.luettelo_valiotsikko > td .columns, DIV.luettelo_valiotsikko .columns {
  line-height:28px;
  padding-top:24px;
}
TR.luettelo_valiotsikko > td .columns *[data-role=amount], DIV.luettelo_valiotsikko .columns *[data-role=amount] {
  display:inline-block;
  padding-right:0px;
  white-space:nowrap;
}
TR.luettelo_valiotsikko > td .columns *[data-role=toggle], DIV.luettelo_valiotsikko .columns *[data-role=toggle] {
  width:48px;
  text-align:center;
}
TD.luettelo_riviotsikko {
  font-weight:bold;
  border-bottom:#bbb 1px solid;
  padding:8px;
  background-color:#eee;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
TD.luettelo_riviotsikko p {
  font-weight:normal;
  padding:2px;
}
.luettelo_info      > td, .luettelo_success   > td, .luettelo_warning   > td, .luettelo_danger    > td, .luettelo_error     > td, .luettelo_muted     > td, .luettelo_selected  > td, .luettelo_load      > td, .luettelo_save      > td, .luettelo_delete    > td, .luettelo_cancel    > td, .luettelo_indigo    > td, .luettelo_cyan      > td, .luettelo_teal      > td, .luettelo_lime      > td, .luettelo_amber     > td, .luettelo_darkorange > td, .luettelo_darkgreen > td, .luettelo_azure     > td, .luettelo_azurro    > td, .luettelo_blue      > td, .luettelo_violet    > td, .luettelo_purple    > td, .luettelo_pink      > td, .luettelo_red       > td, .luettelo_brown     > td, .luettelo_orange    > td, .luettelo_yellow    > td, .luettelo_green     > td, .luettelo_gray      > td, .luettelo_lightgray > td, .luettelo_darkgray  > td, .luettelo_black     > td, .luettelo_ > td, .luettelo_white > td, .luettelo_ohje > td, .luettelo_plain > td, .luettelo_tyhja > td, .luettelo > td, .luettelo_normaali > td, .luettelo_0 > td, .luettelo_1 > td, .luettelo_haku > td, .luettelo_vanha > td, .luettelo_kiire > td, .luettelo_ajankohtainen > td, .luettelo_uusi > td, .luettelo_valmis > td, .luettelo_myohassa > td, .luettelo_poistettu > td, .luettelo_virhe > td
.luettelo_sininen > td, .luettelo_blue > td, .luettelo_violetti > td, .luettelo_violet > td, .luettelo_punainen > td, .luettelo_red > td, .luettelo_oranssi > td, .luettelo_orange > td, .luettelo_keltainen > td, .luettelo_yellow > td, .luettelo_vihrea > td, .luettelo_green > td, .luettelo_harmaa > td, .luettelo_gray > td, .luettelo_poistettu > td {
  background-color:#fff;
  padding:10px 2px 10px 8px;
  min-height:28px;
  border-bottom:#ddd 1px solid;
}
TABLE.luettelo > TBODY > TR > TD {
  padding:10px 2px 10px 8px;
  min-height:28px;
  border-bottom:rgba(65,65,100,0.25) 1px solid;
}
.luettelo_plain { vertical-align:top; }
.luettelo_ohje > td {
  line-height:normal;
  background-color:#fffc92;
  background-image:url('../images/ulkoasu/tausta_palaute.gif');
  background-position:bottom left;
  background-repeat:repeat-x;
  padding:8px 8px 8px 8px;
  border:0px;
}
.luettelo_viivaton > td, .luettelo_viivaton_0 > td, .luettelo_viivaton_1 > td { background-color:#fff; }
.luettelo_viivaton:hover > td, .luettelo_viivaton_0:hover td, .luettelo_viivaton_1:hover > td {
  background-color:#fbf599;
  background-image:url('../images/ulkoasu/luettelo_rivion_tausta.gif');
  background-position:bottom left;
  background-repeat:repeat-x;
}
TR.luettelo:hover > td, .luettelo_1:hover > td, .luettelo_0:hover > td, .luettelo_normaali:hover > td, .luettelo_:hover > td, .luettelo_white:hover > td { background-color:#fbf599; }
.luettelo_ylarivi { background-color:#aaa; }
.luettelo_otsikko {
  background-color:#e5e5e5;
  font-weight:bold;
  border-width:0px;
}
.luettelo_haku > td { background-color:#e8edf4; }
.luettelo_haku:hover > td { background-color:#e8edf4; }
.luettelo_nappirivi {
  background-color:#777;
  font-weight:bold;
}
.luettelo_nayttorivi {
  background-color:#eee;
  font-weight:bold;
}
TR.luettelo_purple      > td { background-color:#e278a5; }
TR.luettelo_violet      > td { background-color:#ccbbf4; }
TR.luettelo_indigo      > td { background-color:#9fa8da; }
TR.luettelo_blue      > td { background-color:#92b7f2; }
TR.luettelo_azure      > td { background-color:#81d4fa; }
TR.luettelo_cyan      > td { background-color:#80deea; }
TR.luettelo_teal      > td { background-color:#80cbc4; }
TR.luettelo_darkgreen      > td { background-color:#bcd554; }
TR.luettelo_green      > td { background-color:#bce18f; }
TR.luettelo_lime      > td { background-color:#e6ee9c; }
TR.luettelo_yellow      > td { background-color:#fff176; }
TR.luettelo_amber      > td { background-color:#ffe082; }
TR.luettelo_orange      > td { background-color:#ffb74d; }
TR.luettelo_darkorange      > td { background-color:#ff8a65; }
TR.luettelo_red      > td { background-color:#e57373; }
TR.luettelo_pink      > td { background-color:#efafd6; }
TR.luettelo_brown      > td { background-color:#c59814; }
TR.luettelo_white      > td { background-color:#fff; }
TR.luettelo_lightgray      > td { background-color:#f5f6fa; }
TR.luettelo_gray      > td { background-color:#dbdde4; }
TR.luettelo_darkgray      > td { background-color:#7f8692; }
TR.luettelo_black      > td { background-color:#626262; }
TR.luettelo_success      > td { background-color:#bce18f; }
TR.luettelo_warning      > td { background-color:#ffb74d; }
TR.luettelo_danger      > td { background-color:#e57373; }
TR.luettelo_error      > td { background-color:#e57373; }
TR.luettelo_info      > td { background-color:#81d4fa; }
TR.luettelo_muted      > td { background-color:#ebedf5; }
TR.luettelo_selected      > td { background-color:#86bdff; }
TR.luettelo_save      > td { background-color:#bce18f; }
TR.luettelo_delete      > td { background-color:#e57373; }
TR.luettelo_load      > td { background-color:#ffb74d; }
TR.luettelo_cancel      > td { background-color:#dbdde4; }
TR.luettelo_azurro     > td { background-color:#81d4fa; }
TR.luettelo_purple:hover      > td { background-color:#e78db3; }
TR.luettelo_violet:hover      > td { background-color:#dcd1f8; }
TR.luettelo_indigo:hover      > td { background-color:#b1b9e1; }
TR.luettelo_blue:hover      > td { background-color:#a9c6f4; }
TR.luettelo_azure:hover      > td { background-color:#9adcfb; }
TR.luettelo_cyan:hover      > td { background-color:#96e4ee; }
TR.luettelo_teal:hover      > td { background-color:#92d2cc; }
TR.luettelo_darkgreen:hover      > td { background-color:#c4da68; }
TR.luettelo_green:hover      > td { background-color:#c8e6a3; }
TR.luettelo_lime:hover      > td { background-color:#ebf2b2; }
TR.luettelo_yellow:hover      > td { background-color:#fff490; }
TR.luettelo_amber:hover      > td { background-color:#ffe69c; }
TR.luettelo_orange:hover      > td { background-color:#ffc167; }
TR.luettelo_darkorange:hover      > td { background-color:#ff9d7f; }
TR.luettelo_red:hover      > td { background-color:#e98989; }
TR.luettelo_pink:hover      > td { background-color:#f3c4e1; }
TR.luettelo_brown:hover      > td { background-color:#dda916; }
TR.luettelo_white:hover      > td { background-color:#fff; }
TR.luettelo_lightgray:hover      > td { background-color:#fff; }
TR.luettelo_gray:hover      > td { background-color:#e9ebef; }
TR.luettelo_darkgray:hover      > td { background-color:#8d939e; }
TR.luettelo_black:hover      > td { background-color:#6e6e6e; }
TR.luettelo_success:hover      > td { background-color:#c8e6a3; }
TR.luettelo_warning:hover      > td { background-color:#ffc167; }
TR.luettelo_danger:hover      > td { background-color:#e98989; }
TR.luettelo_error:hover      > td { background-color:#e98989; }
TR.luettelo_info:hover      > td { background-color:#9adcfb; }
TR.luettelo_muted:hover      > td { background-color:#fcfcfd; }
TR.luettelo_selected:hover      > td { background-color:#a0cbff; }
TR.luettelo_save:hover      > td { background-color:#c8e6a3; }
TR.luettelo_delete:hover      > td { background-color:#e98989; }
TR.luettelo_load:hover      > td { background-color:#ffc167; }
TR.luettelo_cancel:hover      > td { background-color:#e9ebef; }
TR.luettelo_azurro:hover     > td { background-color:#9adcfb; }
DIV.valittu, TR.valittu > td {
  background-color:#53a1ff;
  color:#fff;
}
DIV.valittu:hover, TR.valittu:hover > td { background-color:#6dafff; }
.valittu a, .valittu a:link, .valittu a:visited {
  text-decoration:none;
  color:#4a1c00;
}
.valittu a:hover { color:#fff; }
TR.luettelo_azurro     > td { background-color:#81d4fa; }
TR.luettelo_sininen    > td { background-color:#92b7f2; }
TR.luettelo_violetti   > td { background-color:#ccbbf4; }
TR.luettelo_punainen   > td { background-color:#e57373; }
TR.luettelo_oranssi    > td { background-color:#ffb74d; }
TR.luettelo_keltainen  > td { background-color:#fff176; }
TR.luettelo_vihrea     > td { background-color:#bce18f; }
TR.luettelo_harmaa     > td { background-color:#dbdde4; }
TR.luettelo_azurro:hover     > td { background-color:#9adcfb; }
TR.luettelo_sininen:hover    > td { background-color:#a9c6f4; }
TR.luettelo_violetti:hover   > td { background-color:#dcd1f8; }
TR.luettelo_punainen:hover   > td { background-color:#e98989; }
TR.luettelo_oranssi:hover    > td { background-color:#ffc167; }
TR.luettelo_keltainen:hover  > td { background-color:#fff490; }
TR.luettelo_vihrea:hover     > td { background-color:#c8e6a3; }
TR.luettelo_harmaa:hover     > td { background-color:#e9ebef; }
.luettelo_ajankohtainen > td, .luettelo_uusi > td, .luettelo_valmis > td { background-color:#cbeeaf; }
.luettelo_ajankohtainen:hover > td, .luettelo_uusi:hover > td, .luettelo_valmis:hover > td { background-color:#bde69c; }
.luettelo_tyhja > td {
  background-color:transparent;
  border-bottom:#ddd 0px solid;
}
.luettelo_vanha > td { background-color:#eee; }
.luettelo_vanha:hover > td { background-color:#e5e5e5; }
.luettelo_kiire > td { background-color:#fcf9ca; }
.luettelo_kiire:hover > td { background-color:#f7f3b8; }
.luettelo_myohassa >  td, .luettelo_poistettu  > td, .luettelo_virhe  > td { background-color:#c44; }
.luettelo_myohassa:hover >  td, .luettelo_poistettu:hover  > td, .luettelo_virhe:hover >   td { background-color:#c33; }
.luettelo_lukittu { background-color:#f1e64f; }
.luettelo_pieni {
  font-family:geneva, arial, verdana;
  font-weight:normal;
  font-size:8px;
  text-decoration:none;
  background-color:#f5f5f5;
}
img.kuvake16, img.kuvake24, img.kuvake32, img.kuvake48 {
  border:#ddd 1px solid;
  vertical-align:bottom;
  border-radius:6px;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
}
img.kuvake16 {
  width:16px;
  height:16px;
}
img.kuvake24 {
  width:24px;
  height:24px;
}
img.kuvake32 {
  width:32px;
  height:32px;
}
img.kuvake48 {
  width:48px;
  height:48px;
}
img.tyyppi_kuvake {
  width:32px;
  height:32px;
  border:#ddd 1px solid;
  vertical-align:bottom;
  border-radius:6px;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
}
.imgEsikatselu180, .imgEsikatselu48, .imgEsikatselu24 {
  display:block;
  width:48px;
  height:48px;
  background-position:center center;
  background-repeat:no-repeat;
  margin:4px 4px 4px 0px;
  border:#ddd 1px solid;
  padding:0px;
  background-color:#eee;
  border-radius:4px;
  -webkit-border-radius:4px;
  -webkit-transition-property:width, height;
  -webkit-transition-duration:0.2s, 0.1s;
  -webkit-transition-timing-function:ease-out;
  -moz-border-radius:4px;
  -moz-transition-property:width, height;
  -moz-transition-duration:0.2s, 0.1s;
}
.imgEsikatselu48:hover, .imgEsikatselu24:hover {
  border:#777 1px solid;
  -webkit-transition-timing-function:ease-in;
  -webkit-transition-property:width, height;
  -webkit-transition-duration:0.4s, 1.0s;
  -moz-transition-property:width, height;
  -moz-transition-duration:0.4s, 1.0s;
}
.imgEsikatselu180 {
  border:#ddd 0px solid;
  background-color:transparent;
  margin:0px;
  width:180px;
  height:180px;
}
.imgEsikatselu24 {
  background-size:24px;
  width:24px;
  height:24px;
}
.ikoni_luettelo {
  color:#aaa;
  display:block;
  padding:4px;
  border-radius:8px;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
}
.ikoni_luettelo:hover { background-color:#fcf9ca; }
.ikoni_luettelo a {
  color:#555;
  font-weight:bold;
}
.ikoni_luettelo td { color:#aaa; }
.ikoni_suuretKuvakkeet, .ikoni_esikatselu {
  float:left;
  display:block;
  width:220px;
  height:70px;
  padding:16px 0px 0px 16px;
  border:#ccc 0px solid;
  color:#aaa;
  border-radius:8px;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
}
.ikoni_suuretKuvakkeet:hover, .ikoni_esikatselu:hover {
  background-color:#fbf599;
  background-position:bottom left;
  background-repeat:repeat-x;
}
.ikoni_suuretKuvakkeet td { color:#aaa; }
.ikoni_suuretKuvakkeet a {
  color:#555;
  font-weight:bold;
  font-size:12px;
}
.ikoni_esikatselu {
  width:160px;
  height:100px;
  padding:8px 8px 8px 8px;
}
.ikoni_esikatselu a {
  color:#555;
  font-size:12px;
  font-weight:bold;
}
TABLE.valueMap {
  border-collapse:collapse;
  width:100%;
}
TABLE.valueMap TH, TABLE.valueMap TD {
  font-size:12px;
  text-align:center;
  vertical-align:middle;
  position:relative;
  height:42px;
}
TABLE.valueMap TH.large, TABLE.valueMap TD.large {
  height:58px;
  min-width:58px;
}
TABLE.valueMap TH.jumbo, TABLE.valueMap TD.jumbo {
  height:72px;
  min-width:72px;
}
TABLE.valueMap TH.clickable { cursor:pointer; }
TABLE.valueMap TH.clickable:hover { background-color:#d5d5d5; }
TABLE.valueMap TH.large { font-size:16px; }
TABLE.valueMap TD.saturday { color:#abb2bd; }
TABLE.valueMap TD.sunday { color:#f43637; }
TABLE.valueMap TD { cursor:pointer; }
TABLE.valueMap TD:hover > .value { background-color:#fbf599; }
TABLE.valueMap TD.disabled:hover {
  cursor:default;
  color:rgba(0,0,0,0.87);
  background-color:#fff;
}
TABLE.valueMap TD > .value {
  display:inline-block;
  width:38px;
  height:38px;
  line-height:38px;
  text-align:center;
  background-clip:padding-box;
  -webkit-border-radius:100%;
  -moz-border-radius:100%;
  border-radius:100%;
}
TABLE.valueMap TD.large > .value {
  width:58px;
  height:58px;
  line-height:58px;
}
TABLE.valueMap TD.large > .jumbo {
  width:72px;
  height:72px;
  line-height:72px;
}
TABLE.valueMap TD.is-selected > .value {
  color:#fff;
  background-color:#53a1ff;
}
TABLE.valueMap TD.is-active > .value { border:#53a1ff 1px solid; }
TABLE.valueMap TD.top { border-top:rgba(65,65,100,0.25) 1px solid; }
TABLE.valueMap TD.left { border-left:rgba(65,65,100,0.25) 1px solid; }
TABLE.valueMap TH.border-top, TABLE.valueMap TD.border-top { border-top:rgba(65,65,100,0.25) 1px solid; }
TABLE.valueMap TH.border-right, TABLE.valueMap TD.border-right { border-right:rgba(65,65,100,0.25) 1px solid; }
TABLE.valueMap TH.border-bottom, TABLE.valueMap TD.border-bottom { border-bottom:rgba(65,65,100,0.25) 1px solid; }
TABLE.valueMap TH.border-left, TABLE.valueMap TD.border-left { border-left:rgba(65,65,100,0.25) 1px solid; }
TABLE.valueMap SPAN.badge {
  position:absolute;
  left:-1px;
  top:-9px;
  z-index:1;
  color:#fff;
  height:18px;
  font-size:14px;
  line-height:14px;
  display:block;
  padding:2px 8px 0px 8px;
  background-color:#53a1ff;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
@media (max-width: 767px) {
  TABLE.valueMap { font-size:16px; }
  TABLE.valueMap TH, TABLE.valueMap TD { font-size:16px; }
  TABLE.valueMap h4 { font-size:12px; }
}
.tooltip {
  position:absolute;
  z-index:100;
  display:block;
  padding:8px 12px;
  margin:12px 0px 0px 0px;
  max-width:260px;
  font-size:10px;
  line-height:13px;
  font-weight:bold;
  text-align:center;
  color:#eee;
  text-shadow:1px 1px #111;
  border:#333 1px solid;
  background-color:#060d1d;
  background:rgba(10,10,10,0.9);
  background-clip:padding-box;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
  opacity:0.85;
  filter:1;
}
.tooltip h1, .tooltip h2, .tooltip h3, .tooltip h4 {
  font-size:14px;
  font-weight:bold;
  line-height:14px;
  padding-top:0px;
  margin-top:0px;
}
.tooltip p {
  margin-top:2px;
  font-size:12px;
  font-weight:normal;
  color:#ccc;
}
.pw_float {
  position:absolute;
  left:0px;
  top:0px;
  -webkit-transition-property:opacity;
  -webkit-transition-duration:0.2s;
  -webkit-transition-timing-function:ease-out;
}
.pw_popup {
  position:absolute;
  text-align:left;
  z-index:20;
  border:0px;
  margin:0px;
  padding:0px;
  color:#fcfcfc;
  background-color:#111;
  background-clip:padding-box;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
  -moz-box-shadow:0px 4px 32px #545454;
  -webkit-box-shadow:0px 4px 32px #545454;
  box-shadow:0px 4px 32px #545454;
}
.pw_ohjeteksti {
  position:absolute;
  text-align:left;
  z-index:20;
  border:0px;
  margin:0px;
  color:#fcfcfc;
  line-height:14px;
  font-size:12px;
  font-weight:normal;
  padding:10px;
  width:280px;
  background-color:#2e64b2;
  background-clip:padding-box;
  -webkit-border-top-right-radius:10px;
  -webkit-border-bottom-right-radius:10px;
  -moz-border-radius-topright:10px;
  -moz-border-radius-bottomright:10px;
  border-top-right-radius:10px;
  border-bottom-right-radius:10px;
  border-radius-topright:10px;
  border-radius-bottomright:10px;
  -moz-box-shadow:2px 2px 4px #999;
  -webkit-box-shadow:2px 2px 4px #999;
  box-shadow:2px 2px 4px #999;
}
.pw_popup {
  padding:8px;
  text-shadow:#555 1px 1px 1px;
}
.pw_popup h1 {
  display:inline;
  font-size:14px;
  font-weight:bold;
  padding:4px 0px 4px 0px;
}
.pw_popup h2 {
  display:inline;
  font-size:12px;
  font-weight:bold;
  padding:12px 0px 2px 0px;
}
@media print {
  .page-break--before {
    page-break-before:always;
    margin-top:0px;
    border-top:0px solid #fff;
    margin-bottom:0px;
  }
}
.page-break--before {
  margin-top:60px;
  border-top:1px dotted #999;
  margin-bottom:60px;
}
.nm_bubble_content h2 { font-size:14px; }
.nm_bubble_content P.ingress {
  font-size:12px;
  margin:0 0 .5em 0;
  color:#ccc;
}
.nm_bubble_content P.field {
  font-size:12px;
  margin:0 0 .1em 0;
}
.nm_bubble a:link { color:#fff; }
.nm_bubble a:active { color:#0f64a0; }
.nm_bubble a:visited { color:#ddd; }
.nm_bubble a:hover {
  color:red;
  color:#eee;
}
div.mad_ikonirivi {
  background-color:#fff;
  padding:0px;
  margin:0px;
}
.sahkoposti_kpl {
  display:block;
  float:left;
  white-space:nowrap;
  font-size:10px;
  line-height:6px;
  font-family:Verdana;
  font-weight:bold;
  text-align:center;
  margin:0px 4px 0px 0px;
  padding:3px 0px 3px 0px;
  width:20px;
  text-align:center;
  color:#222;
  background:#fedd2d;
  border:#fed008 1px solid;
  border-color:#fed008 #ffc70d #ffc70d #fed008;
  border-radius:2px;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
}
.sahkoposti_kpl IMG {
  float:left;
  width:20px;
  margin:-10px -10px -5px 0px;
  padding:0px 0px 0px 0px;
}
IMG.luettu {
  width:16px;
  float:left;
  padding:1px 4px 0px 0px;
  vertical-align:bottom;
  cursor:pointer;
}
TR.lukematta TD { font-weight:bold; }
PRE.code {
  margin:-2px 0px 10px 0px;
  font-size:12px;
  display:block;
  padding:10px;
  background-color:#eeeef5;
  border:#ccc 1px solid;
  background-color:#ff8;
  border:#c90 1px solid;
  color:#333;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
}
.page-frame h1 {
  color:#0b315f;
  font-size:18px;
}
.page-frame h2 {
  color:#0b315f;
  font-size:14px;
  padding:18px 0px 8px 0px;
}
.page-frame h3 {
  color:#0b315f;
  font-size:12px;
  padding:8px 0px 2px 0px;
}
.page-frame h3 {
  font-size:12px;
  padding-top:8px;
}
.page-frame P { padding:4px 0px 4px 0px; }
.page-frame .info { color:#777; }
.page-frame .right { float:right; }
.write_kaavio {
  display:inline-block;
  vertical-align:bottom;
}
.write_kaavio span {
  display:block;
  top:-16px;
  position:relative;
  font-family:verdana;
  font-size:10px;
  font-weight:normal;
  padding:0px 0px 0px 5px;
  color:#fff;
  text-shadow:#222 1px 1px 1px;
  margin:0px;
  height:0px;
  background-clip:padding-box;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
}
.write_kaavio p {
  background-color:#777;
  padding:0px;
  margin:0px;
  background-clip:padding-box;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
}
.write_kaavio p img {
  margin:0px;
  display:block;
  -webkit-transition-property:width;
  -webkit-transition-duration:0.4s;
  -webkit-transition-timing-function:ease-out;
  background-clip:padding-box;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
}
.hover_valikko {
  position:absolute;
  display:none;
  padding:0px;
  margin:0px;
}
.hover_valikko img {
  width:20px;
  height:18px;
  padding:0px;
}
.loadMore {
  display:block;
  padding:10px;
  margin:10px 0px 20px 0px;
  border:#ddd 1px solid;
  font-size:14px;
  text-align:center;
  cursor:pointer;
  background-clip:padding-box;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
}
.varivalinta {
  margin-right:2px;
  border:#ccc 1px solid;
  cursor:pointer;
  border:#999 1px solid;
  background-color:#fff;
  vertical-align:bottom;
  width:24px;
  height:24px;
  background-clip:padding-box;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border-radius:6px;
  -moz-box-shadow:2px #545454;
  -webkit-box-shadow:2px #545454;
  box-shadow:2px #545454;
}
.ui-state-active {
  border:1px solid orangered;
  background-color:orange;
}
.ui-state-hover { background-color:orange; }
.ui-state-hover:hover { background-color:orange; }
.ui-sort-placeholder {
  border:1px solid orange;
  background-color:yellow;
  float:left;
  width:24px;
}
.dragable {
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -khtml-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
}
.swipeEvent {
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -khtml-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
}
.hide { display:none; }
.query-clause {
  margin-bottom:4px;
  border:1px solid rgba(65,65,100,0.25);
  padding:4px;
  background-color:rgba(85,85,131,0.25);
  background-clip:padding-box;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
}
.query-clause__header {
  display:table;
  width:100%;
  margin-bottom:-4px;
}
.query-clause__header .kentta .input-group .input--select {
  display:inline-block;
  font-weight:bold;
  background-image:none;
  background-color:rgba(238,238,242,-0.5);
  border-width:0px !important;
}
.query-clause__header .kentta .input-group .input--select:first-child { border-left-width:0px !important; }
.query-clause__header .kentta .input-group .input--select:last-child { border-right-width:0px !important; }
.query-clause__header .kentta .input-group .button--icon {
  background-image:none;
  background-color:rgba(238,238,242,-0.5);
  border-width:0px !important;
}
.query-clause__header .kentta .input-group .button--icon:first-child { border-left-width:0px !important; }
.query-clause__header .kentta .input-group .button--icon:last-child { border-right-width:0px !important; }
.query-clause__header > DIV {
  display:table-cell;
  vertical-align:top;
}
.query-clause__header > DIV.query-clause__buttons {
  width:40px;
  text-align:right;
}
.query-clause__preview {
  cursor:pointer;
  padding:8px 10px 8px 10px;
  line-height:1.4;
  min-height:34px;
  vertical-align:top;
}
.query-clause__input {
  padding-top:8px;
  display:none;
}
.query-clause--plain {
  border:1px solid red;
  padding:4px;
  background-color:transparent;
}
.query-clause-subquery {
  margin:0px 0px 6px 10px;
  padding:0px 0px 2px 2px;
  display:none;
}
.mad_hakuehto_on, .mad_hakuehto_off, .mad_hakuehto_drag {
  clear:left;
  padding:1px 0px 1px 0px;
}
.mad_hakuehto_off {
  opacity:0.40;
  filter:1;
}
.mad_hakuehto_drag {
  background-repeat:no-repeat;
  background-position:top right;
  background-image:url('../../images/ikoni_drag.png');
}
DIV.query_columns { border-top:rgba(65,65,100,0.25) 1px solid; }
DIV.query_columns DIV.column { background-color:#fff; }
DIV.query_columns DIV.column [data-role=sortlist] {
  border-bottom:rgba(65,65,100,0.25) 1px solid;
  display:table;
  width:100%;
}
DIV.query_columns DIV.column [data-role=sortlist] > DIV {
  display:table-cell;
  vertical-align:middle;
  padding:2px;
}
DIV.query_columns DIV.column [data-role=sortlist]:hover { background-color:#b5e0ff; }
DIV.query_columns DIV.column [data-role=sortlist] DIV[data-role=title] {
  width:100%;
  padding-left:6px;
}
DIV.query_columns DIV.column [data-role=sortlist] DIV[data-role=chain] { display:none; }
DIV.query_columns DIV.column > [data-role=preferences] {
  display:none;
  margin-left:34px;
  padding:10px;
  border-width:0px 1px 1px 1px;
  border-color:rgba(65,65,100,0.25);
  border-style:solid;
  margin-top:-1px;
  background-color:#fff;
  background-clip:padding-box;
  -webkit-border-bottom-left-radius:4px;
  -webkit-border-bottom-right-radius:4px;
  -moz-border-radius-bottomleft:4px;
  -moz-border-radius-bottomright:4px;
  border-bottom-left-radius:4px;
  border-bottom-right-radius:4px;
  border-radius-bottomleft:4px;
  border-radius-bottomright:4px;
}
DIV.query_columns DIV.is-chained [data-role=sortlist] DIV[data-role=chain] { display:table-cell; }
DIV.hakuehto_kentat DIV.list > DIV {
  padding:0px 2px 0px 2px;
  margin:0px 4px 0px 0px;
  cursor:move;
}
DIV.hakuehto_kentat DIV.list > DIV:hover {
  background-repeat:no-repeat;
  background-position:top right;
  background-image:url('../../../images/ikoni_drag.png');
}
DIV.hakuehto_kentat DIV.select_DELETE { zindex:10; }
DIV.hakuehto_kentat DIV.select_DELETE > INPUT { width:390px; }
DIV.hakuehto_kentat DIV.select_DELETE > DIV {
  overflow:auto;
  margin-top:4px;
  width:400px;
  height:300px;
}
DIV.hakuehto_kentat DIV.select_DELETE UL { font-weight:normal; }
DIV.hakuehto_kentat DIV.select_DELETE UL LI {
  border-bottom: 1px solid;
  padding:8px 8px 8px 8px;
}
DIV.hakuehto_kentat DIV.select_DELETE UL LI IMG {
  width:18px;
  vertical-align:middle;
  padding-right:8px;
}
DIV.hakuehto_kentat DIV.select_DELETE UL LI > UL { margin-left:24px; }
DIV.hakuehto_kentat DIV.select_DELETE UL LI.otsikko { font-weight:bold; }
DIV.hakuehto_kentat DIV.select_DELETE UL LI.kentta { cursor:pointer; }
DIV.hakuehto_kentat DIV.select_DELETE UL LI.kentta:hover { background-color:#fbf599; }
DIV.hakuehto_kentat DIV.select_DELETE UL LI.alakentat {
  cursor:pointer;
  color:#777;
}
DIV.hakuehto_kentat DIV.select_DELETE UL LI.alakentat:hover { background-color:#fbf599; }
DIV.hakuehto_kentat DIV.select_DELETE UL LI.alakentta { cursor:pointer; }
DIV.hakuehto_kentat DIV.select_DELETE UL LI.alakentta:hover { background-color:#fbf599; }
DIV.hakuehto_kentat DIV.select_DELETE UL LI.valittu {
  background-color:#53a1ff;
  color:#eee;
}
DIV.hakuehto_kentat DIV.select_DELETE UL LI.valittu A { color:#eee; }
DIV.hakuehto_kentat DIV.select_DELETE UL LI.valittu:hover { background-color:#2085ff; }
.hakuehto_lisaehto {
  background-color:#ecf0f3;
  padding:2px 8px;
}
.hakuehto_lisaehto .hakuehto_lisaehto__ehto {
  display:inline-block;
  padding-right:16px;
}
.hakuehto_lisaehto .hakuehto_lisaehto__ehto .title {
  line-height:34px;
  display:inline-block;
  padding-right:8px;
  vertical-align:top;
  font-weight:bold;
  cursor:pointer;
}
.hakuehto_lisaehto .hakuehto_lisaehto__ehto .input {
  display:inline-block;
  padding-right:8px;
  vertical-align:top;
}
.category-preferences .category-preferences__field {
  display:none;
  margin:0px 0px 10px 10px;
  padding:4px;
}
A.fc-event {
  z-index:2;
  display:block;
  cursor:pointer;
  padding:6px 6px 6px 6px;
  font-family:'Noto Sans', sans-serif;
  font-size:13px;
  line-height:15px;
  text-align:left;
  overflow:hidden;
  border-width:1px;
  border-style:solid;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  background-clip:padding-box;
  -webkit-border-radius:0px;
  -moz-border-radius:0px;
  border-radius:0px;
  -moz-box-shadow:0px 0px 0px rgba(0,0,0,0);
  -webkit-box-shadow:0px 0px 0px rgba(0,0,0,0);
  box-shadow:0px 0px 0px rgba(0,0,0,0);
  color:#456277;
  background-color:#dae8f3;
  border-bottom-color:#bbd6e8;
  border-right-color:#bbd6e8;
  border-top-color:#bbd6e8;
  border-left-color:#bbd6e8;
}
A.fc-event:hover {
  color:#3b5567;
  background-color:#c7ddec;
  border-top-color:#a8cae2;
  border-left-color:#a8cae2;
  border-bottom-color:#a8cae2;
  border-right-color:#a8cae2;
}
A.fc-event .description { color:#5989aa; }
A.fc-event.purple {
  color:#60223d;
  background-color:#e278a5;
  border-bottom-color:#db568f;
  border-right-color:#db568f;
  border-top-color:#db568f;
  border-left-color:#db568f;
}
A.fc-event.purple:hover {
  color:#4e1b31;
  background-color:#de6397;
  border-top-color:#d64181;
  border-left-color:#d64181;
  border-bottom-color:#d64181;
  border-right-color:#d64181;
}
A.fc-event.purple .description { color:#86224c; }
A.fc-event.violet {
  color:#462d80;
  background-color:#ccbbf4;
  border-bottom-color:#b298ee;
  border-right-color:#b298ee;
  border-top-color:#b298ee;
  border-left-color:#b298ee;
}
A.fc-event.violet:hover {
  color:#3b266e;
  background-color:#bba5f1;
  border-top-color:#a182eb;
  border-left-color:#a182eb;
  border-bottom-color:#a182eb;
  border-right-color:#a182eb;
}
A.fc-event.violet .description { color:#5b33b9; }
A.fc-event.indigo {
  color:#303862;
  background-color:#9fa8da;
  border-bottom-color:#828dcf;
  border-right-color:#828dcf;
  border-top-color:#828dcf;
  border-left-color:#828dcf;
}
A.fc-event.indigo:hover {
  color:#282e51;
  background-color:#8d97d3;
  border-top-color:#6f7dc8;
  border-left-color:#6f7dc8;
  border-bottom-color:#6f7dc8;
  border-right-color:#6f7dc8;
}
A.fc-event.indigo .description { color:#394588; }
A.fc-event.blue {
  color:#1e417a;
  background-color:#92b7f2;
  border-bottom-color:#6e9fed;
  border-right-color:#6e9fed;
  border-top-color:#6e9fed;
  border-left-color:#6e9fed;
}
A.fc-event.blue:hover {
  color:#193665;
  background-color:#7ca8ef;
  border-top-color:#5790ea;
  border-left-color:#5790ea;
  border-bottom-color:#5790ea;
  border-right-color:#5790ea;
}
A.fc-event.blue .description { color:#1b54ae; }
A.fc-event.azure {
  color:#155d7e;
  background-color:#81d4fa;
  border-bottom-color:#5ac7f8;
  border-right-color:#5ac7f8;
  border-top-color:#5ac7f8;
  border-left-color:#5ac7f8;
}
A.fc-event.azure:hover {
  color:#124d68;
  background-color:#68ccf9;
  border-top-color:#41bef7;
  border-left-color:#41bef7;
  border-bottom-color:#41bef7;
  border-right-color:#41bef7;
}
A.fc-event.azure .description { color:#0e80b5; }
A.fc-event.cyan {
  color:#20626b;
  background-color:#80deea;
  border-bottom-color:#5dd5e4;
  border-right-color:#5dd5e4;
  border-top-color:#5dd5e4;
  border-left-color:#5dd5e4;
}
A.fc-event.cyan:hover {
  color:#1a5057;
  background-color:#6ad8e6;
  border-top-color:#47cfe1;
  border-left-color:#47cfe1;
  border-bottom-color:#47cfe1;
  border-right-color:#47cfe1;
}
A.fc-event.cyan .description { color:#1f8996; }
A.fc-event.teal {
  color:#2b504d;
  background-color:#80cbc4;
  border-bottom-color:#63bfb7;
  border-right-color:#63bfb7;
  border-top-color:#63bfb7;
  border-left-color:#63bfb7;
}
A.fc-event.teal:hover {
  color:#22403d;
  background-color:#6ec4bc;
  border-top-color:#51b8ae;
  border-left-color:#51b8ae;
  border-bottom-color:#51b8ae;
  border-right-color:#51b8ae;
}
A.fc-event.teal .description { color:#306c66; }
A.fc-event.darkgreen {
  color:#424b1f;
  background-color:#bcd554;
  border-bottom-color:#b0cd33;
  border-right-color:#b0cd33;
  border-top-color:#b0cd33;
  border-left-color:#b0cd33;
}
A.fc-event.darkgreen:hover {
  color:#323918;
  background-color:#b4d03f;
  border-top-color:#9eba2d;
  border-left-color:#9eba2d;
  border-bottom-color:#9eba2d;
  border-right-color:#9eba2d;
}
A.fc-event.darkgreen .description { color:#56641d; }
A.fc-event.green {
  color:#4a6628;
  background-color:#bce18f;
  border-bottom-color:#a9d86f;
  border-right-color:#a9d86f;
  border-top-color:#a9d86f;
  border-left-color:#a9d86f;
}
A.fc-event.green:hover {
  color:#3d5321;
  background-color:#b0db7b;
  border-top-color:#9dd35b;
  border-left-color:#9dd35b;
  border-bottom-color:#9dd35b;
  border-right-color:#9dd35b;
}
A.fc-event.green .description { color:#628e2b; }
A.fc-event.lime {
  color:#707823;
  background-color:#e6ee9c;
  border-bottom-color:#dde879;
  border-right-color:#dde879;
  border-top-color:#dde879;
  border-left-color:#dde879;
}
A.fc-event.lime:hover {
  color:#5d641d;
  background-color:#e1ea86;
  border-top-color:#d8e463;
  border-left-color:#d8e463;
  border-bottom-color:#d8e463;
  border-right-color:#d8e463;
}
A.fc-event.lime .description { color:#9eab23; }
A.fc-event.yellow {
  color:#7f7411;
  background-color:#fff176;
  border-bottom-color:#ffed4d;
  border-right-color:#ffed4d;
  border-top-color:#ffed4d;
  border-left-color:#ffed4d;
}
A.fc-event.yellow:hover {
  color:#695f0e;
  background-color:#ffee5d;
  border-top-color:#ffea34;
  border-left-color:#ffea34;
  border-bottom-color:#ffea34;
  border-right-color:#ffea34;
}
A.fc-event.yellow .description { color:#b7a507; }
A.fc-event.amber {
  color:#856811;
  background-color:#ffe082;
  border-bottom-color:#ffd659;
  border-right-color:#ffd659;
  border-top-color:#ffd659;
  border-left-color:#ffd659;
}
A.fc-event.amber:hover {
  color:#6e570e;
  background-color:#ffda69;
  border-top-color:#ffd040;
  border-left-color:#ffd040;
  border-bottom-color:#ffd040;
  border-right-color:#ffd040;
}
A.fc-event.amber .description { color:#c09207; }
A.fc-event.orange {
  color:#6b4611;
  background-color:#ffb74d;
  border-bottom-color:#ffa624;
  border-right-color:#ffa624;
  border-top-color:#ffa624;
  border-left-color:#ffa624;
}
A.fc-event.orange:hover {
  color:#55380d;
  background-color:#ffad34;
  border-top-color:#ff9c0b;
  border-left-color:#ff9c0b;
  border-bottom-color:#ff9c0b;
  border-right-color:#ff9c0b;
}
A.fc-event.orange .description { color:#965c07; }
A.fc-event.darkorange {
  color:#772911;
  background-color:#ff8a65;
  border-bottom-color:#ff6b3c;
  border-right-color:#ff6b3c;
  border-top-color:#ff6b3c;
  border-left-color:#ff6b3c;
}
A.fc-event.darkorange:hover {
  color:#60220e;
  background-color:#ff774c;
  border-top-color:#ff5823;
  border-left-color:#ff5823;
  border-bottom-color:#ff5823;
  border-right-color:#ff5823;
}
A.fc-event.darkorange .description { color:#a92e07; }
A.fc-event.red {
  color:#622020;
  background-color:#e57373;
  border-bottom-color:#df5151;
  border-right-color:#df5151;
  border-top-color:#df5151;
  border-left-color:#df5151;
}
A.fc-event.red:hover {
  color:#4e1a1a;
  background-color:#e15d5d;
  border-top-color:#db3b3b;
  border-left-color:#db3b3b;
  border-bottom-color:#db3b3b;
  border-right-color:#db3b3b;
}
A.fc-event.red .description { color:#881f1f; }
A.fc-event.pink {
  color:#7b295b;
  background-color:#efafd6;
  border-bottom-color:#e88dc4;
  border-right-color:#e88dc4;
  border-top-color:#e88dc4;
  border-left-color:#e88dc4;
}
A.fc-event.pink:hover {
  color:#68234d;
  background-color:#ea9acb;
  border-top-color:#e378b9;
  border-left-color:#e378b9;
  border-bottom-color:#e378b9;
  border-right-color:#e378b9;
}
A.fc-event.pink .description { color:#b12d7d; }
A.fc-event.brown {
  color:#2e2714;
  background-color:#c59814;
  border-bottom-color:#a07b10;
  border-right-color:#a07b10;
  border-top-color:#a07b10;
  border-left-color:#a07b10;
}
A.fc-event.brown:hover {
  color:#1c180c;
  background-color:#ae8611;
  border-top-color:#89690e;
  border-left-color:#89690e;
  border-bottom-color:#89690e;
  border-right-color:#89690e;
}
A.fc-event.brown .description { color:#352b0b; }
A.fc-event.white {
  color:#6a6a6a;
  background-color:#fff;
  border-bottom-color:#ebebeb;
  border-right-color:#ebebeb;
  border-top-color:#ebebeb;
  border-left-color:#ebebeb;
}
A.fc-event.white:hover {
  color:#5e5e5e;
  background-color:#f2f2f2;
  border-top-color:#dedede;
  border-left-color:#dedede;
  border-bottom-color:#dedede;
  border-right-color:#dedede;
}
A.fc-event.white .description { color:#969696; }
A.fc-event.lightgray {
  color:#595e75;
  background-color:#f5f6fa;
  border-bottom-color:#dadeec;
  border-right-color:#dadeec;
  border-top-color:#dadeec;
  border-left-color:#dadeec;
}
A.fc-event.lightgray:hover {
  color:#4d5266;
  background-color:#e4e7f2;
  border-top-color:#c9cee4;
  border-left-color:#c9cee4;
  border-bottom-color:#c9cee4;
  border-right-color:#c9cee4;
}
A.fc-event.lightgray .description { color:#7982a6; }
A.fc-event.gray {
  color:#525762;
  background-color:#dbdde4;
  border-bottom-color:#c3c8d2;
  border-right-color:#c3c8d2;
  border-top-color:#c3c8d2;
  border-left-color:#c3c8d2;
}
A.fc-event.gray:hover {
  color:#474b54;
  background-color:#ccd0d9;
  border-top-color:#b5bac8;
  border-left-color:#b5bac8;
  border-bottom-color:#b5bac8;
  border-right-color:#b5bac8;
}
A.fc-event.gray .description { color:#707789; }
A.fc-event.darkgray {
  color:#2d2e31;
  background-color:#7f8692;
  border-bottom-color:#6b727e;
  border-right-color:#6b727e;
  border-top-color:#6b727e;
  border-left-color:#6b727e;
}
A.fc-event.darkgray:hover {
  color:#202224;
  background-color:#727a86;
  border-top-color:#5f6570;
  border-left-color:#5f6570;
  border-bottom-color:#5f6570;
  border-right-color:#5f6570;
}
A.fc-event.darkgray .description { color:#33363b; }
A.fc-event.black {
  color:#1c1c1c;
  background-color:#626262;
  border-bottom-color:#4d4d4d;
  border-right-color:#4d4d4d;
  border-top-color:#4d4d4d;
  border-left-color:#4d4d4d;
}
A.fc-event.black:hover {
  color:#0f0f0f;
  background-color:#555;
  border-top-color:#404040;
  border-left-color:#404040;
  border-bottom-color:#404040;
  border-right-color:#404040;
}
A.fc-event.black .description { color:#181818; }
A.fc-event.success {
  color:#4a6628;
  background-color:#bce18f;
  border-bottom-color:#a9d86f;
  border-right-color:#a9d86f;
  border-top-color:#a9d86f;
  border-left-color:#a9d86f;
}
A.fc-event.success:hover {
  color:#3d5321;
  background-color:#b0db7b;
  border-top-color:#9dd35b;
  border-left-color:#9dd35b;
  border-bottom-color:#9dd35b;
  border-right-color:#9dd35b;
}
A.fc-event.success .description { color:#628e2b; }
A.fc-event.warning {
  color:#6b4611;
  background-color:#ffb74d;
  border-bottom-color:#ffa624;
  border-right-color:#ffa624;
  border-top-color:#ffa624;
  border-left-color:#ffa624;
}
A.fc-event.warning:hover {
  color:#55380d;
  background-color:#ffad34;
  border-top-color:#ff9c0b;
  border-left-color:#ff9c0b;
  border-bottom-color:#ff9c0b;
  border-right-color:#ff9c0b;
}
A.fc-event.warning .description { color:#965c07; }
A.fc-event.danger {
  color:#622020;
  background-color:#e57373;
  border-bottom-color:#df5151;
  border-right-color:#df5151;
  border-top-color:#df5151;
  border-left-color:#df5151;
}
A.fc-event.danger:hover {
  color:#4e1a1a;
  background-color:#e15d5d;
  border-top-color:#db3b3b;
  border-left-color:#db3b3b;
  border-bottom-color:#db3b3b;
  border-right-color:#db3b3b;
}
A.fc-event.danger .description { color:#881f1f; }
A.fc-event.error {
  color:#622020;
  background-color:#e57373;
  border-bottom-color:#df5151;
  border-right-color:#df5151;
  border-top-color:#df5151;
  border-left-color:#df5151;
}
A.fc-event.error:hover {
  color:#4e1a1a;
  background-color:#e15d5d;
  border-top-color:#db3b3b;
  border-left-color:#db3b3b;
  border-bottom-color:#db3b3b;
  border-right-color:#db3b3b;
}
A.fc-event.error .description { color:#881f1f; }
A.fc-event.info {
  color:#155d7e;
  background-color:#81d4fa;
  border-bottom-color:#5ac7f8;
  border-right-color:#5ac7f8;
  border-top-color:#5ac7f8;
  border-left-color:#5ac7f8;
}
A.fc-event.info:hover {
  color:#124d68;
  background-color:#68ccf9;
  border-top-color:#41bef7;
  border-left-color:#41bef7;
  border-bottom-color:#41bef7;
  border-right-color:#41bef7;
}
A.fc-event.info .description { color:#0e80b5; }
A.fc-event.muted {
  color:#535a72;
  background-color:#ebedf5;
  border-bottom-color:#d0d4e7;
  border-right-color:#d0d4e7;
  border-top-color:#d0d4e7;
  border-left-color:#d0d4e7;
}
A.fc-event.muted:hover {
  color:#494e63;
  background-color:#dadeec;
  border-top-color:#bfc5df;
  border-left-color:#bfc5df;
  border-bottom-color:#bfc5df;
  border-right-color:#bfc5df;
}
A.fc-event.muted .description { color:#717ba2; }
A.fc-event.selected {
  color:#114787;
  background-color:#86bdff;
  border-bottom-color:#5da7ff;
  border-right-color:#5da7ff;
  border-top-color:#5da7ff;
  border-left-color:#5da7ff;
}
A.fc-event.selected:hover {
  color:#0e3b70;
  background-color:#6dafff;
  border-top-color:#49f;
  border-left-color:#49f;
  border-bottom-color:#49f;
  border-right-color:#49f;
}
A.fc-event.selected .description { color:#075cc4; }
A.fc-event.save {
  color:#4a6628;
  background-color:#bce18f;
  border-bottom-color:#a9d86f;
  border-right-color:#a9d86f;
  border-top-color:#a9d86f;
  border-left-color:#a9d86f;
}
A.fc-event.save:hover {
  color:#3d5321;
  background-color:#b0db7b;
  border-top-color:#9dd35b;
  border-left-color:#9dd35b;
  border-bottom-color:#9dd35b;
  border-right-color:#9dd35b;
}
A.fc-event.save .description { color:#628e2b; }
A.fc-event.delete {
  color:#622020;
  background-color:#e57373;
  border-bottom-color:#df5151;
  border-right-color:#df5151;
  border-top-color:#df5151;
  border-left-color:#df5151;
}
A.fc-event.delete:hover {
  color:#4e1a1a;
  background-color:#e15d5d;
  border-top-color:#db3b3b;
  border-left-color:#db3b3b;
  border-bottom-color:#db3b3b;
  border-right-color:#db3b3b;
}
A.fc-event.delete .description { color:#881f1f; }
A.fc-event.load {
  color:#6b4611;
  background-color:#ffb74d;
  border-bottom-color:#ffa624;
  border-right-color:#ffa624;
  border-top-color:#ffa624;
  border-left-color:#ffa624;
}
A.fc-event.load:hover {
  color:#55380d;
  background-color:#ffad34;
  border-top-color:#ff9c0b;
  border-left-color:#ff9c0b;
  border-bottom-color:#ff9c0b;
  border-right-color:#ff9c0b;
}
A.fc-event.load .description { color:#965c07; }
A.fc-event.cancel {
  color:#525762;
  background-color:#dbdde4;
  border-bottom-color:#c3c8d2;
  border-right-color:#c3c8d2;
  border-top-color:#c3c8d2;
  border-left-color:#c3c8d2;
}
A.fc-event.cancel:hover {
  color:#474b54;
  background-color:#ccd0d9;
  border-top-color:#b5bac8;
  border-left-color:#b5bac8;
  border-bottom-color:#b5bac8;
  border-right-color:#b5bac8;
}
A.fc-event.cancel .description { color:#707789; }
A.fc-event.azurro {
  color:#155d7e;
  background-color:#81d4fa;
  border-bottom-color:#5ac7f8;
  border-right-color:#5ac7f8;
  border-top-color:#5ac7f8;
  border-left-color:#5ac7f8;
}
A.fc-event.azurro:hover {
  color:#124d68;
  background-color:#68ccf9;
  border-top-color:#41bef7;
  border-left-color:#41bef7;
  border-bottom-color:#41bef7;
  border-right-color:#41bef7;
}
A.fc-event.azurro .description { color:#0e80b5; }
A.fc-event.poistettu {
  color:#6d2c2c;
  background-color:#e4a3a3;
  border-bottom-color:#da8484;
  border-right-color:#da8484;
  border-top-color:#da8484;
  border-left-color:#da8484;
}
A.fc-event.poistettu:hover {
  color:#5a2525;
  background-color:#de9090;
  border-top-color:#d47070;
  border-left-color:#d47070;
  border-bottom-color:#d47070;
  border-right-color:#d47070;
}
A.fc-event.poistettu .description { color:#933; }
table.fc-header {
  background-color:#fff;
  color:#818181;
  font-family:'Libre Franklin', sans-serif;
}
TH.fc-par, TH.fc-mon, TH.fc-tue, TH.fc-wed, TH.fc-thu, TH.fc-fri, TH.fc-sat, TH.fc-sun { background-color:#fff; }
.fc-content .fc-state-default { border-color:rgba(65,65,100,0.25); }
.fc-header .fc-state-default, .fc-header .fc-state-default a {
  border-color:;
  color:#818181;
}
.fc-header .fc-state-default span {
  padding:6px 10px 6px 10px;
  background-color:#e6e6e6;
  border-color:  #1a1a1a;
  color:#333;
  color:#fff;
  background-color:#fff;
  border-color:#f5f5f5 #dcdcdc #dcdcdc #f5f5f5;
  background-image:-moz-linear-gradient(top,#fff,#f5f5f5);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#f5f5f5));
  background-image:-webkit-linear-gradient(top,#fff,#f5f5f5);
  background-image:-o-linear-gradient(top,#fff,#f5f5f5);
  background-image:linear-gradient(to bottom,#fff,#f5f5f5);
}
.fc-header .fc-state-default span:hover {
  background-color:#fff;
  background-image:-moz-linear-gradient(top,#fff,#fff);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#fff));
  background-image:-webkit-linear-gradient(top,#fff,#fff);
  background-image:-o-linear-gradient(top,#fff,#fff);
  background-image:linear-gradient(to bottom,#fff,#fff);
}
.fc-header .fc-state-default span { color:#333; }
.fc-header .fc-state-default span:hover { color:#4d4d4d; }
.fc-header .fc-state-active a { color:#818181; }
.fc-header .fc-state-down span, .fc-header .fc-state-active span {
  color:#fff;
  background-color:#2085ff;
  border-color:#53a1ff #2085ff #2085ff #53a1ff;
  background-image:-moz-linear-gradient(top,#2085ff,#53a1ff);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#2085ff),to(#53a1ff));
  background-image:-webkit-linear-gradient(top,#2085ff,#53a1ff);
  background-image:-o-linear-gradient(top,#2085ff,#53a1ff);
  background-image:linear-gradient(to bottom,#2085ff,#53a1ff);
}
.fc-header .fc-state-down span:hover, .fc-header .fc-state-active span:hover {
  background-color:#3a93ff;
  background-image:-moz-linear-gradient(top,#3a93ff,#6dafff);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#3a93ff),to(#6dafff));
  background-image:-webkit-linear-gradient(top,#3a93ff,#6dafff);
  background-image:-o-linear-gradient(top,#3a93ff,#6dafff);
  background-image:linear-gradient(to bottom,#3a93ff,#6dafff);
}
.kalenteri_paiva, .kalenteri_valittu, .kalenteri_tanaan, .kalenteri_vanha, .kalenteri_viikonloppu {
  background:#fff;
  padding:0px;
  -webkit-transition-property:background;
  -webkit-transition-duration:0.1s, 0.2s;
  -webkit-transition-timing-function:ease-out;
  min-width:120px;
}
TD.kalenteri_paiva {
  border-top:rgba(65,65,100,0.25) 0px solid;
  border-right:rgba(65,65,100,0.25) 0px solid;
  border-bottom:rgba(65,65,100,0.25) 1px solid;
  border-left:rgba(65,65,100,0.25) 1px solid;
}
.kalenteri_paiva.purple { background-color:#e278a5; }
.kalenteri_paiva.violet { background-color:#ccbbf4; }
.kalenteri_paiva.indigo { background-color:#9fa8da; }
.kalenteri_paiva.blue { background-color:#92b7f2; }
.kalenteri_paiva.azure { background-color:#81d4fa; }
.kalenteri_paiva.cyan { background-color:#80deea; }
.kalenteri_paiva.teal { background-color:#80cbc4; }
.kalenteri_paiva.darkgreen { background-color:#bcd554; }
.kalenteri_paiva.green { background-color:#bce18f; }
.kalenteri_paiva.lime { background-color:#e6ee9c; }
.kalenteri_paiva.yellow { background-color:#fff176; }
.kalenteri_paiva.amber { background-color:#ffe082; }
.kalenteri_paiva.orange { background-color:#ffb74d; }
.kalenteri_paiva.darkorange { background-color:#ff8a65; }
.kalenteri_paiva.red { background-color:#e57373; }
.kalenteri_paiva.pink { background-color:#efafd6; }
.kalenteri_paiva.brown { background-color:#c59814; }
.kalenteri_paiva.white { background-color:#fff; }
.kalenteri_paiva.lightgray { background-color:#f5f6fa; }
.kalenteri_paiva.gray { background-color:#dbdde4; }
.kalenteri_paiva.darkgray { background-color:#7f8692; }
.kalenteri_paiva.black { background-color:#626262; }
.add:hover {
  background-color:#fbf599;
  cursor:pointer;
}
.kalenteri_paiva DIV.info {
  font-size:10px;
  color:#777;
  text-align:right;
  margin:0px 4px 0px 0px;
}
.kalenteri_tanaan { background:#cbeeaf; }
.kalenteri_valittu { background:#fdd885; }
.kalenteri_vanha { background:#f6f6f6; }
.kalenteri_viikonloppu { background:#f1f1f1; }
.kalenteri_viikkonumero {
  background:#ccc;
  text-align:center;
  padding:3px 0px 3px 3px;
  font-weight:bold;
}
.muokattava { cursor:pointer; }
.muokattava:hover { background:#eef; }
.kalenteri_paivamaara {
  color:#555;
  margin:2px;
  padding:3px 0px 3px 3px;
  font-weight:bold;
}
.kalenteri_paivamaara_linkki {
  background:transparent;
  display:block;
  margin:2px;
  padding:3px 0px 3px 3px;
  font-weight:bold;
  background-clip:padding-box;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
}
.kalenteri_paivamaara_linkki a, .kalenteri_paivamaara_linkki:link, .kalenteri_paivamaara_linkki:visited { color:#999; }
.kalenteri_paivamaara_linkki:hover {
  text-decoration:none;
  color:#fff;
  background:#999;
}
.kalenteri_tapahtuma, .kalenteri_tapahtuma_white, .kalenteri_tapahtuma_azure, .kalenteri_tapahtuma_azurro, .kalenteri_tapahtuma_blue, .kalenteri_tapahtuma_violet, .kalenteri_tapahtuma_purple, .kalenteri_tapahtuma_red, .kalenteri_tapahtuma_brown, .kalenteri_tapahtuma_pink, .kalenteri_tapahtuma_orange, .kalenteri_tapahtuma_yellow, .kalenteri_tapahtuma_green, .kalenteri_tapahtuma_gray, .kalenteri_tapahtuma_lightgray, .kalenteri_tapahtuma_darkgray, .kalenteri_tapahtuma_poistettu, .kalenteri_tapahtuma_black, .kalenteri_tapahtuma_indigo, .kalenteri_tapahtuma_cyan, .kalenteri_tapahtuma_teal, .kalenteri_tapahtuma_darkgreen, .kalenteri_tapahtuma_lime, .kalenteri_tapahtuma_amber, .kalenteri_tapahtuma_darkorange, .kalenteri_tapahtuma_success, .kalenteri_tapahtuma_warning, .kalenteri_tapahtuma_danger, .kalenteri_tapahtuma_info, .kalenteri_tapahtuma_save, .kalenteri_tapahtuma_delete, .kalenteri_tapahtuma_load, .kalenteri_tapahtuma_error, .kalenteri_tapahtuma_muted, .kalenteri_tapahtuma_selected {
  background-color:#fff;
  z-index:2;
  display:block;
  cursor:pointer;
  padding:6px 6px 6px 6px;
  font-family:'Noto Sans', sans-serif;
  font-size:13px;
  line-height:15px;
  text-align:left;
  overflow:hidden;
  border-width:1px;
  border-style:solid;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  background-clip:padding-box;
  -webkit-border-radius:0px;
  -moz-border-radius:0px;
  border-radius:0px;
  -moz-box-shadow:0px 0px 0px rgba(0,0,0,0);
  -webkit-box-shadow:0px 0px 0px rgba(0,0,0,0);
  box-shadow:0px 0px 0px rgba(0,0,0,0);
  color:#456277;
  background-color:#dae8f3;
  border-bottom-color:#bbd6e8;
  border-right-color:#bbd6e8;
  border-top-color:#bbd6e8;
  border-left-color:#bbd6e8;
}
.kalenteri_tapahtuma:hover, .kalenteri_tapahtuma_white:hover, .kalenteri_tapahtuma_azure:hover, .kalenteri_tapahtuma_azurro:hover, .kalenteri_tapahtuma_blue:hover, .kalenteri_tapahtuma_violet:hover, .kalenteri_tapahtuma_purple:hover, .kalenteri_tapahtuma_red:hover, .kalenteri_tapahtuma_brown:hover, .kalenteri_tapahtuma_pink:hover, .kalenteri_tapahtuma_orange:hover, .kalenteri_tapahtuma_yellow:hover, .kalenteri_tapahtuma_green:hover, .kalenteri_tapahtuma_gray:hover, .kalenteri_tapahtuma_lightgray:hover, .kalenteri_tapahtuma_darkgray:hover, .kalenteri_tapahtuma_poistettu:hover, .kalenteri_tapahtuma_black:hover, .kalenteri_tapahtuma_indigo:hover, .kalenteri_tapahtuma_cyan:hover, .kalenteri_tapahtuma_teal:hover, .kalenteri_tapahtuma_darkgreen:hover, .kalenteri_tapahtuma_lime:hover, .kalenteri_tapahtuma_amber:hover, .kalenteri_tapahtuma_darkorange:hover, .kalenteri_tapahtuma_success:hover, .kalenteri_tapahtuma_warning:hover, .kalenteri_tapahtuma_danger:hover, .kalenteri_tapahtuma_info:hover, .kalenteri_tapahtuma_save:hover, .kalenteri_tapahtuma_delete:hover, .kalenteri_tapahtuma_load:hover, .kalenteri_tapahtuma_error:hover, .kalenteri_tapahtuma_muted:hover, .kalenteri_tapahtuma_selected:hover {
  color:#3b5567;
  background-color:#c7ddec;
  border-top-color:#a8cae2;
  border-left-color:#a8cae2;
  border-bottom-color:#a8cae2;
  border-right-color:#a8cae2;
}
.kalenteri_tapahtuma .description, .kalenteri_tapahtuma_white .description, .kalenteri_tapahtuma_azure .description, .kalenteri_tapahtuma_azurro .description, .kalenteri_tapahtuma_blue .description, .kalenteri_tapahtuma_violet .description, .kalenteri_tapahtuma_purple .description, .kalenteri_tapahtuma_red .description, .kalenteri_tapahtuma_brown .description, .kalenteri_tapahtuma_pink .description, .kalenteri_tapahtuma_orange .description, .kalenteri_tapahtuma_yellow .description, .kalenteri_tapahtuma_green .description, .kalenteri_tapahtuma_gray .description, .kalenteri_tapahtuma_lightgray .description, .kalenteri_tapahtuma_darkgray .description, .kalenteri_tapahtuma_poistettu .description, .kalenteri_tapahtuma_black .description, .kalenteri_tapahtuma_indigo .description, .kalenteri_tapahtuma_cyan .description, .kalenteri_tapahtuma_teal .description, .kalenteri_tapahtuma_darkgreen .description, .kalenteri_tapahtuma_lime .description, .kalenteri_tapahtuma_amber .description, .kalenteri_tapahtuma_darkorange .description, .kalenteri_tapahtuma_success .description, .kalenteri_tapahtuma_warning .description, .kalenteri_tapahtuma_danger .description, .kalenteri_tapahtuma_info .description, .kalenteri_tapahtuma_save .description, .kalenteri_tapahtuma_delete .description, .kalenteri_tapahtuma_load .description, .kalenteri_tapahtuma_error .description, .kalenteri_tapahtuma_muted .description, .kalenteri_tapahtuma_selected .description { color:#5989aa; }
DIV.kalenteri_tapahtuma_white:hover { background:#eee; }
DIV.kalenteri_tapahtuma.purple, DIV.kalenteri_tapahtuma_purple {
  color:#60223d;
  background-color:#e278a5;
  border-bottom-color:#db568f;
  border-right-color:#db568f;
  border-top-color:#db568f;
  border-left-color:#db568f;
}
DIV.kalenteri_tapahtuma.purple:hover, DIV.kalenteri_tapahtuma_purple:hover {
  color:#4e1b31;
  background-color:#de6397;
  border-top-color:#d64181;
  border-left-color:#d64181;
  border-bottom-color:#d64181;
  border-right-color:#d64181;
}
DIV.kalenteri_tapahtuma.purple .description, DIV.kalenteri_tapahtuma_purple .description { color:#86224c; }
DIV.kalenteri_tapahtuma.violet, DIV.kalenteri_tapahtuma_violet {
  color:#462d80;
  background-color:#ccbbf4;
  border-bottom-color:#b298ee;
  border-right-color:#b298ee;
  border-top-color:#b298ee;
  border-left-color:#b298ee;
}
DIV.kalenteri_tapahtuma.violet:hover, DIV.kalenteri_tapahtuma_violet:hover {
  color:#3b266e;
  background-color:#bba5f1;
  border-top-color:#a182eb;
  border-left-color:#a182eb;
  border-bottom-color:#a182eb;
  border-right-color:#a182eb;
}
DIV.kalenteri_tapahtuma.violet .description, DIV.kalenteri_tapahtuma_violet .description { color:#5b33b9; }
DIV.kalenteri_tapahtuma.indigo, DIV.kalenteri_tapahtuma_indigo {
  color:#303862;
  background-color:#9fa8da;
  border-bottom-color:#828dcf;
  border-right-color:#828dcf;
  border-top-color:#828dcf;
  border-left-color:#828dcf;
}
DIV.kalenteri_tapahtuma.indigo:hover, DIV.kalenteri_tapahtuma_indigo:hover {
  color:#282e51;
  background-color:#8d97d3;
  border-top-color:#6f7dc8;
  border-left-color:#6f7dc8;
  border-bottom-color:#6f7dc8;
  border-right-color:#6f7dc8;
}
DIV.kalenteri_tapahtuma.indigo .description, DIV.kalenteri_tapahtuma_indigo .description { color:#394588; }
DIV.kalenteri_tapahtuma.blue, DIV.kalenteri_tapahtuma_blue {
  color:#1e417a;
  background-color:#92b7f2;
  border-bottom-color:#6e9fed;
  border-right-color:#6e9fed;
  border-top-color:#6e9fed;
  border-left-color:#6e9fed;
}
DIV.kalenteri_tapahtuma.blue:hover, DIV.kalenteri_tapahtuma_blue:hover {
  color:#193665;
  background-color:#7ca8ef;
  border-top-color:#5790ea;
  border-left-color:#5790ea;
  border-bottom-color:#5790ea;
  border-right-color:#5790ea;
}
DIV.kalenteri_tapahtuma.blue .description, DIV.kalenteri_tapahtuma_blue .description { color:#1b54ae; }
DIV.kalenteri_tapahtuma.azure, DIV.kalenteri_tapahtuma_azure {
  color:#155d7e;
  background-color:#81d4fa;
  border-bottom-color:#5ac7f8;
  border-right-color:#5ac7f8;
  border-top-color:#5ac7f8;
  border-left-color:#5ac7f8;
}
DIV.kalenteri_tapahtuma.azure:hover, DIV.kalenteri_tapahtuma_azure:hover {
  color:#124d68;
  background-color:#68ccf9;
  border-top-color:#41bef7;
  border-left-color:#41bef7;
  border-bottom-color:#41bef7;
  border-right-color:#41bef7;
}
DIV.kalenteri_tapahtuma.azure .description, DIV.kalenteri_tapahtuma_azure .description { color:#0e80b5; }
DIV.kalenteri_tapahtuma.cyan, DIV.kalenteri_tapahtuma_cyan {
  color:#20626b;
  background-color:#80deea;
  border-bottom-color:#5dd5e4;
  border-right-color:#5dd5e4;
  border-top-color:#5dd5e4;
  border-left-color:#5dd5e4;
}
DIV.kalenteri_tapahtuma.cyan:hover, DIV.kalenteri_tapahtuma_cyan:hover {
  color:#1a5057;
  background-color:#6ad8e6;
  border-top-color:#47cfe1;
  border-left-color:#47cfe1;
  border-bottom-color:#47cfe1;
  border-right-color:#47cfe1;
}
DIV.kalenteri_tapahtuma.cyan .description, DIV.kalenteri_tapahtuma_cyan .description { color:#1f8996; }
DIV.kalenteri_tapahtuma.teal, DIV.kalenteri_tapahtuma_teal {
  color:#2b504d;
  background-color:#80cbc4;
  border-bottom-color:#63bfb7;
  border-right-color:#63bfb7;
  border-top-color:#63bfb7;
  border-left-color:#63bfb7;
}
DIV.kalenteri_tapahtuma.teal:hover, DIV.kalenteri_tapahtuma_teal:hover {
  color:#22403d;
  background-color:#6ec4bc;
  border-top-color:#51b8ae;
  border-left-color:#51b8ae;
  border-bottom-color:#51b8ae;
  border-right-color:#51b8ae;
}
DIV.kalenteri_tapahtuma.teal .description, DIV.kalenteri_tapahtuma_teal .description { color:#306c66; }
DIV.kalenteri_tapahtuma.darkgreen, DIV.kalenteri_tapahtuma_darkgreen {
  color:#424b1f;
  background-color:#bcd554;
  border-bottom-color:#b0cd33;
  border-right-color:#b0cd33;
  border-top-color:#b0cd33;
  border-left-color:#b0cd33;
}
DIV.kalenteri_tapahtuma.darkgreen:hover, DIV.kalenteri_tapahtuma_darkgreen:hover {
  color:#323918;
  background-color:#b4d03f;
  border-top-color:#9eba2d;
  border-left-color:#9eba2d;
  border-bottom-color:#9eba2d;
  border-right-color:#9eba2d;
}
DIV.kalenteri_tapahtuma.darkgreen .description, DIV.kalenteri_tapahtuma_darkgreen .description { color:#56641d; }
DIV.kalenteri_tapahtuma.green, DIV.kalenteri_tapahtuma_green {
  color:#4a6628;
  background-color:#bce18f;
  border-bottom-color:#a9d86f;
  border-right-color:#a9d86f;
  border-top-color:#a9d86f;
  border-left-color:#a9d86f;
}
DIV.kalenteri_tapahtuma.green:hover, DIV.kalenteri_tapahtuma_green:hover {
  color:#3d5321;
  background-color:#b0db7b;
  border-top-color:#9dd35b;
  border-left-color:#9dd35b;
  border-bottom-color:#9dd35b;
  border-right-color:#9dd35b;
}
DIV.kalenteri_tapahtuma.green .description, DIV.kalenteri_tapahtuma_green .description { color:#628e2b; }
DIV.kalenteri_tapahtuma.lime, DIV.kalenteri_tapahtuma_lime {
  color:#707823;
  background-color:#e6ee9c;
  border-bottom-color:#dde879;
  border-right-color:#dde879;
  border-top-color:#dde879;
  border-left-color:#dde879;
}
DIV.kalenteri_tapahtuma.lime:hover, DIV.kalenteri_tapahtuma_lime:hover {
  color:#5d641d;
  background-color:#e1ea86;
  border-top-color:#d8e463;
  border-left-color:#d8e463;
  border-bottom-color:#d8e463;
  border-right-color:#d8e463;
}
DIV.kalenteri_tapahtuma.lime .description, DIV.kalenteri_tapahtuma_lime .description { color:#9eab23; }
DIV.kalenteri_tapahtuma.yellow, DIV.kalenteri_tapahtuma_yellow {
  color:#7f7411;
  background-color:#fff176;
  border-bottom-color:#ffed4d;
  border-right-color:#ffed4d;
  border-top-color:#ffed4d;
  border-left-color:#ffed4d;
}
DIV.kalenteri_tapahtuma.yellow:hover, DIV.kalenteri_tapahtuma_yellow:hover {
  color:#695f0e;
  background-color:#ffee5d;
  border-top-color:#ffea34;
  border-left-color:#ffea34;
  border-bottom-color:#ffea34;
  border-right-color:#ffea34;
}
DIV.kalenteri_tapahtuma.yellow .description, DIV.kalenteri_tapahtuma_yellow .description { color:#b7a507; }
DIV.kalenteri_tapahtuma.amber, DIV.kalenteri_tapahtuma_amber {
  color:#856811;
  background-color:#ffe082;
  border-bottom-color:#ffd659;
  border-right-color:#ffd659;
  border-top-color:#ffd659;
  border-left-color:#ffd659;
}
DIV.kalenteri_tapahtuma.amber:hover, DIV.kalenteri_tapahtuma_amber:hover {
  color:#6e570e;
  background-color:#ffda69;
  border-top-color:#ffd040;
  border-left-color:#ffd040;
  border-bottom-color:#ffd040;
  border-right-color:#ffd040;
}
DIV.kalenteri_tapahtuma.amber .description, DIV.kalenteri_tapahtuma_amber .description { color:#c09207; }
DIV.kalenteri_tapahtuma.orange, DIV.kalenteri_tapahtuma_orange {
  color:#6b4611;
  background-color:#ffb74d;
  border-bottom-color:#ffa624;
  border-right-color:#ffa624;
  border-top-color:#ffa624;
  border-left-color:#ffa624;
}
DIV.kalenteri_tapahtuma.orange:hover, DIV.kalenteri_tapahtuma_orange:hover {
  color:#55380d;
  background-color:#ffad34;
  border-top-color:#ff9c0b;
  border-left-color:#ff9c0b;
  border-bottom-color:#ff9c0b;
  border-right-color:#ff9c0b;
}
DIV.kalenteri_tapahtuma.orange .description, DIV.kalenteri_tapahtuma_orange .description { color:#965c07; }
DIV.kalenteri_tapahtuma.darkorange, DIV.kalenteri_tapahtuma_darkorange {
  color:#772911;
  background-color:#ff8a65;
  border-bottom-color:#ff6b3c;
  border-right-color:#ff6b3c;
  border-top-color:#ff6b3c;
  border-left-color:#ff6b3c;
}
DIV.kalenteri_tapahtuma.darkorange:hover, DIV.kalenteri_tapahtuma_darkorange:hover {
  color:#60220e;
  background-color:#ff774c;
  border-top-color:#ff5823;
  border-left-color:#ff5823;
  border-bottom-color:#ff5823;
  border-right-color:#ff5823;
}
DIV.kalenteri_tapahtuma.darkorange .description, DIV.kalenteri_tapahtuma_darkorange .description { color:#a92e07; }
DIV.kalenteri_tapahtuma.red, DIV.kalenteri_tapahtuma_red {
  color:#622020;
  background-color:#e57373;
  border-bottom-color:#df5151;
  border-right-color:#df5151;
  border-top-color:#df5151;
  border-left-color:#df5151;
}
DIV.kalenteri_tapahtuma.red:hover, DIV.kalenteri_tapahtuma_red:hover {
  color:#4e1a1a;
  background-color:#e15d5d;
  border-top-color:#db3b3b;
  border-left-color:#db3b3b;
  border-bottom-color:#db3b3b;
  border-right-color:#db3b3b;
}
DIV.kalenteri_tapahtuma.red .description, DIV.kalenteri_tapahtuma_red .description { color:#881f1f; }
DIV.kalenteri_tapahtuma.pink, DIV.kalenteri_tapahtuma_pink {
  color:#7b295b;
  background-color:#efafd6;
  border-bottom-color:#e88dc4;
  border-right-color:#e88dc4;
  border-top-color:#e88dc4;
  border-left-color:#e88dc4;
}
DIV.kalenteri_tapahtuma.pink:hover, DIV.kalenteri_tapahtuma_pink:hover {
  color:#68234d;
  background-color:#ea9acb;
  border-top-color:#e378b9;
  border-left-color:#e378b9;
  border-bottom-color:#e378b9;
  border-right-color:#e378b9;
}
DIV.kalenteri_tapahtuma.pink .description, DIV.kalenteri_tapahtuma_pink .description { color:#b12d7d; }
DIV.kalenteri_tapahtuma.brown, DIV.kalenteri_tapahtuma_brown {
  color:#2e2714;
  background-color:#c59814;
  border-bottom-color:#a07b10;
  border-right-color:#a07b10;
  border-top-color:#a07b10;
  border-left-color:#a07b10;
}
DIV.kalenteri_tapahtuma.brown:hover, DIV.kalenteri_tapahtuma_brown:hover {
  color:#1c180c;
  background-color:#ae8611;
  border-top-color:#89690e;
  border-left-color:#89690e;
  border-bottom-color:#89690e;
  border-right-color:#89690e;
}
DIV.kalenteri_tapahtuma.brown .description, DIV.kalenteri_tapahtuma_brown .description { color:#352b0b; }
DIV.kalenteri_tapahtuma.white, DIV.kalenteri_tapahtuma_white {
  color:#6a6a6a;
  background-color:#fff;
  border-bottom-color:#ebebeb;
  border-right-color:#ebebeb;
  border-top-color:#ebebeb;
  border-left-color:#ebebeb;
}
DIV.kalenteri_tapahtuma.white:hover, DIV.kalenteri_tapahtuma_white:hover {
  color:#5e5e5e;
  background-color:#f2f2f2;
  border-top-color:#dedede;
  border-left-color:#dedede;
  border-bottom-color:#dedede;
  border-right-color:#dedede;
}
DIV.kalenteri_tapahtuma.white .description, DIV.kalenteri_tapahtuma_white .description { color:#969696; }
DIV.kalenteri_tapahtuma.lightgray, DIV.kalenteri_tapahtuma_lightgray {
  color:#595e75;
  background-color:#f5f6fa;
  border-bottom-color:#dadeec;
  border-right-color:#dadeec;
  border-top-color:#dadeec;
  border-left-color:#dadeec;
}
DIV.kalenteri_tapahtuma.lightgray:hover, DIV.kalenteri_tapahtuma_lightgray:hover {
  color:#4d5266;
  background-color:#e4e7f2;
  border-top-color:#c9cee4;
  border-left-color:#c9cee4;
  border-bottom-color:#c9cee4;
  border-right-color:#c9cee4;
}
DIV.kalenteri_tapahtuma.lightgray .description, DIV.kalenteri_tapahtuma_lightgray .description { color:#7982a6; }
DIV.kalenteri_tapahtuma.gray, DIV.kalenteri_tapahtuma_gray {
  color:#525762;
  background-color:#dbdde4;
  border-bottom-color:#c3c8d2;
  border-right-color:#c3c8d2;
  border-top-color:#c3c8d2;
  border-left-color:#c3c8d2;
}
DIV.kalenteri_tapahtuma.gray:hover, DIV.kalenteri_tapahtuma_gray:hover {
  color:#474b54;
  background-color:#ccd0d9;
  border-top-color:#b5bac8;
  border-left-color:#b5bac8;
  border-bottom-color:#b5bac8;
  border-right-color:#b5bac8;
}
DIV.kalenteri_tapahtuma.gray .description, DIV.kalenteri_tapahtuma_gray .description { color:#707789; }
DIV.kalenteri_tapahtuma.darkgray, DIV.kalenteri_tapahtuma_darkgray {
  color:#2d2e31;
  background-color:#7f8692;
  border-bottom-color:#6b727e;
  border-right-color:#6b727e;
  border-top-color:#6b727e;
  border-left-color:#6b727e;
}
DIV.kalenteri_tapahtuma.darkgray:hover, DIV.kalenteri_tapahtuma_darkgray:hover {
  color:#202224;
  background-color:#727a86;
  border-top-color:#5f6570;
  border-left-color:#5f6570;
  border-bottom-color:#5f6570;
  border-right-color:#5f6570;
}
DIV.kalenteri_tapahtuma.darkgray .description, DIV.kalenteri_tapahtuma_darkgray .description { color:#33363b; }
DIV.kalenteri_tapahtuma.black, DIV.kalenteri_tapahtuma_black {
  color:#1c1c1c;
  background-color:#626262;
  border-bottom-color:#4d4d4d;
  border-right-color:#4d4d4d;
  border-top-color:#4d4d4d;
  border-left-color:#4d4d4d;
}
DIV.kalenteri_tapahtuma.black:hover, DIV.kalenteri_tapahtuma_black:hover {
  color:#0f0f0f;
  background-color:#555;
  border-top-color:#404040;
  border-left-color:#404040;
  border-bottom-color:#404040;
  border-right-color:#404040;
}
DIV.kalenteri_tapahtuma.black .description, DIV.kalenteri_tapahtuma_black .description { color:#181818; }
DIV.kalenteri_tapahtuma.success, DIV.kalenteri_tapahtuma_success {
  color:#4a6628;
  background-color:#bce18f;
  border-bottom-color:#a9d86f;
  border-right-color:#a9d86f;
  border-top-color:#a9d86f;
  border-left-color:#a9d86f;
}
DIV.kalenteri_tapahtuma.success:hover, DIV.kalenteri_tapahtuma_success:hover {
  color:#3d5321;
  background-color:#b0db7b;
  border-top-color:#9dd35b;
  border-left-color:#9dd35b;
  border-bottom-color:#9dd35b;
  border-right-color:#9dd35b;
}
DIV.kalenteri_tapahtuma.success .description, DIV.kalenteri_tapahtuma_success .description { color:#628e2b; }
DIV.kalenteri_tapahtuma.warning, DIV.kalenteri_tapahtuma_warning {
  color:#6b4611;
  background-color:#ffb74d;
  border-bottom-color:#ffa624;
  border-right-color:#ffa624;
  border-top-color:#ffa624;
  border-left-color:#ffa624;
}
DIV.kalenteri_tapahtuma.warning:hover, DIV.kalenteri_tapahtuma_warning:hover {
  color:#55380d;
  background-color:#ffad34;
  border-top-color:#ff9c0b;
  border-left-color:#ff9c0b;
  border-bottom-color:#ff9c0b;
  border-right-color:#ff9c0b;
}
DIV.kalenteri_tapahtuma.warning .description, DIV.kalenteri_tapahtuma_warning .description { color:#965c07; }
DIV.kalenteri_tapahtuma.danger, DIV.kalenteri_tapahtuma_danger {
  color:#622020;
  background-color:#e57373;
  border-bottom-color:#df5151;
  border-right-color:#df5151;
  border-top-color:#df5151;
  border-left-color:#df5151;
}
DIV.kalenteri_tapahtuma.danger:hover, DIV.kalenteri_tapahtuma_danger:hover {
  color:#4e1a1a;
  background-color:#e15d5d;
  border-top-color:#db3b3b;
  border-left-color:#db3b3b;
  border-bottom-color:#db3b3b;
  border-right-color:#db3b3b;
}
DIV.kalenteri_tapahtuma.danger .description, DIV.kalenteri_tapahtuma_danger .description { color:#881f1f; }
DIV.kalenteri_tapahtuma.error, DIV.kalenteri_tapahtuma_error {
  color:#622020;
  background-color:#e57373;
  border-bottom-color:#df5151;
  border-right-color:#df5151;
  border-top-color:#df5151;
  border-left-color:#df5151;
}
DIV.kalenteri_tapahtuma.error:hover, DIV.kalenteri_tapahtuma_error:hover {
  color:#4e1a1a;
  background-color:#e15d5d;
  border-top-color:#db3b3b;
  border-left-color:#db3b3b;
  border-bottom-color:#db3b3b;
  border-right-color:#db3b3b;
}
DIV.kalenteri_tapahtuma.error .description, DIV.kalenteri_tapahtuma_error .description { color:#881f1f; }
DIV.kalenteri_tapahtuma.info, DIV.kalenteri_tapahtuma_info {
  color:#155d7e;
  background-color:#81d4fa;
  border-bottom-color:#5ac7f8;
  border-right-color:#5ac7f8;
  border-top-color:#5ac7f8;
  border-left-color:#5ac7f8;
}
DIV.kalenteri_tapahtuma.info:hover, DIV.kalenteri_tapahtuma_info:hover {
  color:#124d68;
  background-color:#68ccf9;
  border-top-color:#41bef7;
  border-left-color:#41bef7;
  border-bottom-color:#41bef7;
  border-right-color:#41bef7;
}
DIV.kalenteri_tapahtuma.info .description, DIV.kalenteri_tapahtuma_info .description { color:#0e80b5; }
DIV.kalenteri_tapahtuma.muted, DIV.kalenteri_tapahtuma_muted {
  color:#535a72;
  background-color:#ebedf5;
  border-bottom-color:#d0d4e7;
  border-right-color:#d0d4e7;
  border-top-color:#d0d4e7;
  border-left-color:#d0d4e7;
}
DIV.kalenteri_tapahtuma.muted:hover, DIV.kalenteri_tapahtuma_muted:hover {
  color:#494e63;
  background-color:#dadeec;
  border-top-color:#bfc5df;
  border-left-color:#bfc5df;
  border-bottom-color:#bfc5df;
  border-right-color:#bfc5df;
}
DIV.kalenteri_tapahtuma.muted .description, DIV.kalenteri_tapahtuma_muted .description { color:#717ba2; }
DIV.kalenteri_tapahtuma.selected, DIV.kalenteri_tapahtuma_selected {
  color:#114787;
  background-color:#86bdff;
  border-bottom-color:#5da7ff;
  border-right-color:#5da7ff;
  border-top-color:#5da7ff;
  border-left-color:#5da7ff;
}
DIV.kalenteri_tapahtuma.selected:hover, DIV.kalenteri_tapahtuma_selected:hover {
  color:#0e3b70;
  background-color:#6dafff;
  border-top-color:#49f;
  border-left-color:#49f;
  border-bottom-color:#49f;
  border-right-color:#49f;
}
DIV.kalenteri_tapahtuma.selected .description, DIV.kalenteri_tapahtuma_selected .description { color:#075cc4; }
DIV.kalenteri_tapahtuma.save, DIV.kalenteri_tapahtuma_save {
  color:#4a6628;
  background-color:#bce18f;
  border-bottom-color:#a9d86f;
  border-right-color:#a9d86f;
  border-top-color:#a9d86f;
  border-left-color:#a9d86f;
}
DIV.kalenteri_tapahtuma.save:hover, DIV.kalenteri_tapahtuma_save:hover {
  color:#3d5321;
  background-color:#b0db7b;
  border-top-color:#9dd35b;
  border-left-color:#9dd35b;
  border-bottom-color:#9dd35b;
  border-right-color:#9dd35b;
}
DIV.kalenteri_tapahtuma.save .description, DIV.kalenteri_tapahtuma_save .description { color:#628e2b; }
DIV.kalenteri_tapahtuma.delete, DIV.kalenteri_tapahtuma_delete {
  color:#622020;
  background-color:#e57373;
  border-bottom-color:#df5151;
  border-right-color:#df5151;
  border-top-color:#df5151;
  border-left-color:#df5151;
}
DIV.kalenteri_tapahtuma.delete:hover, DIV.kalenteri_tapahtuma_delete:hover {
  color:#4e1a1a;
  background-color:#e15d5d;
  border-top-color:#db3b3b;
  border-left-color:#db3b3b;
  border-bottom-color:#db3b3b;
  border-right-color:#db3b3b;
}
DIV.kalenteri_tapahtuma.delete .description, DIV.kalenteri_tapahtuma_delete .description { color:#881f1f; }
DIV.kalenteri_tapahtuma.load, DIV.kalenteri_tapahtuma_load {
  color:#6b4611;
  background-color:#ffb74d;
  border-bottom-color:#ffa624;
  border-right-color:#ffa624;
  border-top-color:#ffa624;
  border-left-color:#ffa624;
}
DIV.kalenteri_tapahtuma.load:hover, DIV.kalenteri_tapahtuma_load:hover {
  color:#55380d;
  background-color:#ffad34;
  border-top-color:#ff9c0b;
  border-left-color:#ff9c0b;
  border-bottom-color:#ff9c0b;
  border-right-color:#ff9c0b;
}
DIV.kalenteri_tapahtuma.load .description, DIV.kalenteri_tapahtuma_load .description { color:#965c07; }
DIV.kalenteri_tapahtuma.cancel, DIV.kalenteri_tapahtuma_cancel {
  color:#525762;
  background-color:#dbdde4;
  border-bottom-color:#c3c8d2;
  border-right-color:#c3c8d2;
  border-top-color:#c3c8d2;
  border-left-color:#c3c8d2;
}
DIV.kalenteri_tapahtuma.cancel:hover, DIV.kalenteri_tapahtuma_cancel:hover {
  color:#474b54;
  background-color:#ccd0d9;
  border-top-color:#b5bac8;
  border-left-color:#b5bac8;
  border-bottom-color:#b5bac8;
  border-right-color:#b5bac8;
}
DIV.kalenteri_tapahtuma.cancel .description, DIV.kalenteri_tapahtuma_cancel .description { color:#707789; }
DIV.kalenteri_tapahtuma.azurro, DIV.kalenteri_tapahtuma_azurro {
  color:#143e51;
  background-color:#29b6f6;
  border-bottom-color:#0aa6ec;
  border-right-color:#0aa6ec;
  border-top-color:#0aa6ec;
  border-left-color:#0aa6ec;
}
DIV.kalenteri_tapahtuma.azurro:hover, DIV.kalenteri_tapahtuma_azurro:hover {
  color:#0f2e3d;
  background-color:#11aef5;
  border-top-color:#0994d4;
  border-left-color:#0994d4;
  border-bottom-color:#0994d4;
  border-right-color:#0994d4;
}
DIV.kalenteri_tapahtuma.azurro .description, DIV.kalenteri_tapahtuma_azurro .description { color:#0b4f6e; }
DIV.kalenteri_tapahtuma.poistettu, DIV.kalenteri_tapahtuma_poistettu {
  color:#452121;
  background-color:#c55;
  border-bottom-color:#bf3939;
  border-right-color:#bf3939;
  border-top-color:#bf3939;
  border-left-color:#bf3939;
}
DIV.kalenteri_tapahtuma.poistettu:hover, DIV.kalenteri_tapahtuma_poistettu:hover {
  color:#341919;
  background-color:#c64141;
  border-top-color:#ab3333;
  border-left-color:#ab3333;
  border-bottom-color:#ab3333;
  border-right-color:#ab3333;
}
DIV.kalenteri_tapahtuma.poistettu .description, DIV.kalenteri_tapahtuma_poistettu .description { color:#5a2020; }
DIV.kalenteri_tapahtuma_uusi {
  cursor:pointer;
  font-family:verdana;
  font-size:10px;
  display:block;
  margin:4px;
  padding:5px 5px 5px 5px;
  color:#999;
  background:transparent;
  border-top:transparent 1px solid;
}
DIV.kalenteri_tapahtuma_uusi:hover {
  color:#222;
  background:#fff;
  border-top:#ddd 1px solid;
  border-left:#ddd 1px solid;
  border-right:#ccc 1px solid;
  border-bottom:#ccc 1px solid;
  background-clip:padding-box;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  -moz-box-shadow:1px 1px 3px #dedede;
  -webkit-box-shadow:1px 1px 3px #dedede;
  box-shadow:1px 1px 3px #dedede;
}
DIV.kalenteri_tapahtuma .description { font-size:9px; }
.kalenteri_maara {
  width:2px;
  margin-right:4px;
  float:left;
  border-top:#fce4af 1px solid;
  border-left:#fce4af 1px solid;
  border-right:#e09360 1px solid;
  border-bottom:#e09360 1px solid;
  background-color:#fdd885;
  background-clip:padding-box;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
}
.kalenteri_drag, .kalenteri_drag_hover { padding:2px 2px 2px 2px; }
.kalenteri_drag_hover { background-color:#fff5aa; }
.bookshelf {
  background-color:#fff;
  padding:0px 0px 0px 0px;
  margin:8px 24px 0px 8px;
}
.bookshelf > A IMG {
  display:block;
  float:left;
  height:60px;
  padding:20px 30px 0px 20px;
}
.bookshelf > UL > LI {
  min-width:80px;
  display:block;
  float:left;
  padding:0px 0px 0px 0px;
  margin:0px 24px 0px 0px;
}
.bookshelf > UL > LI H2 {
  font-size:13px;
  clear:left;
  display:block;
  font-weight:bold;
  margin:0px;
  padding:4px 6px 4px 16px;
  font-family:'Noto Sans', sans-serif;
  color:rgba(0,0,0,0.87);
}
.bookshelf > UL > LI > UL > LI {
  display:inline-block;
  margin-right:-34px;
}
.bookshelf > UL > LI > UL > LI img {
  display:block;
  padding:10px 0px 0px 0px;
  -webkit-transition-timing-function:ease-in;
  -webkit-transition-property:padding;
  -webkit-transition-duration:0.3s;
}
.bookshelf > UL > LI > UL > LI img:hover {
  padding:0px 0px 10px 0px;
  -webkit-transition-duration:0.05s;
}
.bookshelf > UL > LI > UL > LI img.auki { padding:4px 0px 6px 0px; }
.bookshelf > UL > LI > UL > LI img.uusi {
  opacity:0.3;
  filter:1;
}
.bookshelf__menu {
  display:block;
  position:fixed;
  z-index:10;
  width:350px;
}
.bookshelf__menu img.kohdistiny {
  width:24px;
  height:12px;
}
.bookshelf__menu > div {
  padding:10px;
  background-color:#f1e8ac;
  text-align:left;
  border:rgba(65,65,100,0.25) 1px solid;
  background-color:#fff;
  background-clip:padding-box;
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  border-radius:8px;
  -moz-box-shadow:1px 1px 6px #545454;
  -webkit-box-shadow:1px 1px 6px #545454;
  box-shadow:1px 1px 6px #545454;
}
.bookshelf__menu > div img.tableIcon {
  width:48px;
  height:48px;
  margin:0px 10px 0px 10px;
}
.bookshelf__menu > div .content h2 {
  color:rgba(0,0,0,0.65);
  font-family:'Libre Franklin', sans-serif;
  font-weight:bold;
  margin:4px 0px 2px 0px;
}
.bookshelf__menu > div .content P {
  color:#777;
  font-weight:normal;
  margin:4px 0px 4px 0px;
  padding:0px;
}
.bookshelf__menu > div .content UL {
  display:block;
  margin:0px;
  padding:0px;
}
.bookshelf__menu > div .content UL LI {
  margin:0px;
  padding:0px;
}
.bookshelf__menu > div .content UL LI a {
  display:block;
  padding:6px 8px 6px 8px;
  margin:0px 0px 2px 0px;
  display:block;
  cursor:pointer;
}
.bookshelf__menu > div .content UL LI a:hover {
  text-decoration:none;
  background-color:#fbf599;
  background-clip:padding-box;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
}
.bookshelf__menu > div .content UL LI a img {
  width:16px;
  border:0px;
  padding:0px;
  margin:0px 4px 0px 0px;
  display:inline;
  vertical-align:text-bottom;
}
.bookshelf__menu > div .content UL LI a .fa { width:16px; }
DIV.kansioluettelo { border-top:#ccc 1px solid; }
DIV.kansioluettelo DIV.title {
  display:block;
  float:left;
  font-weight:bold;
  line-height:28px;
  min-width:400px;
  padding:0px 0px 0px 4px;
}
DIV.kansioluettelo DIV.hylly {
  clear:left;
  border-bottom:#ccc 1px solid;
  padding:4px;
}
DIV.kansioluettelo DIV.taulut {
  clear:left;
  padding:8px 0px 0px 20px;
  border:#ccc 0px solid;
}
DIV.kansioluettelo DIV.taulu {
  clear:left;
  padding:4px;
}
DIV.kansioluettelo DIV.kentat {
  clear:left;
  padding-left:20px;
  border:#ccc 0px solid;
}
DIV.kansioluettelo DIV.kentta {
  clear:left;
  display:block;
  float:left;
  line-height:28px;
  padding:0px 0px 0px 4px;
}
.hovervalikko {
  padding:0px 0px 0px 0px;
  display:none;
  position:absolute;
  white-space:nowrap;
  z-index:20;
  color:#fff;
  font-weight:bold;
  font-size:12px;
}
.hovervalikko P { margin:4px; }
.hovervalikko SPAN {
  display:block;
  float:left;
  padding:2px 4px 2px 2px;
  border:#ccc 1px solid;
  background-color:#222;
  background-clip:padding-box;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border-radius:6px;
  -moz-box-shadow:1px 1px 6px #999;
  -webkit-box-shadow:1px 1px 6px #999;
  box-shadow:1px 1px 6px #999;
}
.hovervalikko SPAN IMG {
  width:24px;
  height:24px;
  padding:2px;
  margin:0px 2px 0px 2px;
}
.hovervalikko > IMG {
  position:relative;
  top:6px;
  left:-1px;
  width:6px;
  height:22px;
  padding:0px;
  margin:0px;
}
.hovervalikko > SPAN > IMG {
  width:24px;
  height:24px;
  padding:2px;
  cursor:pointer;
  border-radius:2px;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
}
.hovervalikko > SPAN > IMG:hover {
  background-color:#111;
  width:26px;
  height:26px;
  padding:1px;
}
DIV.mallikoodi {
  width:720px;
  overflow:auto;
  padding:8px;
  font-size:12px;
  font-family:"Lucida Grande", Arial, Geneva, Helvetica, sans-serif;
  margin:0px;
}
DIV.mallikoodi + DIV, DIV.mallikoodi H2 + DIV, DIV.mallikoodi H3 + DIV {
  display:none;
  margin:0px 0px 0px 4px;
  padding:0px 0px 10px 0px;
}
DIV.mallikoodi H2 {
  cursor:pointer;
  font-size:14px;
  padding:4px 2px 4px 2px;
  clear:both;
  border-bottom:1px #ccc solid;
}
DIV.mallikoodi H2 .selected {
  background-color:#ea8c32;
  color:#fff;
}
DIV.mallikoodi H2:hover { color:#777; }
DIV.mallikoodi H3 {
  cursor:pointer;
  font-size:13px;
  padding:4px 4px 4px 8px;
  clear:both;
  border-bottom:1px #ccc solid;
}
DIV.mallikoodi H3 .selected {
  background-color:#ea8c32;
  color:#fff;
}
DIV.mallikoodi H3:hover { color:#777; }
DIV.mallikoodi H4 {
  cursor:pointer;
  font-size:12px;
  font-weight:normal;
  padding:3px 4px;
  padding:3px 4px 3px 12px;
  clear:both;
  border-bottom:1px #ccc solid;
}
DIV.mallikoodi H4 .selected {
  background-color:#ea8c32;
  color:#fff;
}
DIV.mallikoodi H4:hover { color:#777; }
DIV.mallikoodi P {
  display:block;
  font-size:12px;
  padding:2px 0px 2px 8px;
  margin:0px;
  border-bottom:1px #ddd solid;
  color:#222;
}
DIV.mallikoodi P:hover { color:#777; }
DIV.mallikoodi P IMG {
  width:14px;
  padding:0px 4px 0px 0px;
  cursor:pointer;
}
DIV.mallikoodi P.selected {
  background-color:#ea8c32;
  color:#fff;
}
DIV.mallikoodi DIV.sub {
  padding:15px;
  dibplay:block;
  position:absolute;
}
DIV.mallikoodi DIV.sub DIV {
  dibplay:block;
  padding:0px;
  margin:0px;
  width:250px;
  background-color:#fff;
  border:1px #ddd solid;
  border-bottom:0px;
  -moz-box-shadow:2px 2px 4px #999;
  -webkit-box-shadow:2px 2px 4px #999;
  box-shadow:2px 2px 4px #999;
}
DIV.mallikoodi DIV.sub P {
  padding:6px 6px;
  margin:0px;
}
DIV.mallikoodi DIV.sub P:hover {
  color:#777;
  background-color:#f9f9fc;
}
DIV.mallikoodi > DIV PRE, DIV.mallikoodi DIV.code {
  color:#555;
  padding:4px;
  font-size:12px;
  line-height:13px;
  border:#ddd 1px solid;
  background-color:#eee;
  margin:4px 0px 0px 8px;
}
DIV.mallikoodi FONT.function { color:#171; }
DIV.mallikoodi B.valiotsikko {
  display:block;
  clear:both;
  font-size:14px;
  padding-top:12px;
  color:#999;
}
.sahkoposti_kpl {
  display:block;
  float:left;
  white-space:nowrap;
  font-size:10px;
  line-height:6px;
  font-family:Verdana;
  font-weight:bold;
  text-align:center;
  margin:0px 4px 0px 0px;
  padding:3px 0px 3px 0px;
  width:20px;
  text-align:center;
  color:#222;
  background:#fedd2d;
  border:#fed008 1px solid;
  border-color:#fed008 #ffc70d #ffc70d #fed008;
  border-radius:2px;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
}
.sahkoposti_kpl IMG {
  float:left;
  width:20px;
  margin:-10px -10px -5px 0px;
  padding:0px 0px 0px 0px;
}
DIV.tyopoyta { text-align:left; }
DIV.tyopoyta h1 {
  padding:6px 0px 12px 6px;
  margin:0px;
  color:#0f5490;
}
DIV.tyopoyta h2 { padding-bottom:6px; }
DIV.tyopoyta table td {
  vertical-align:top;
  padding:0px 6px 0px 6px;
  border:#ddd 0px dashed;
}
DIV.widget {
  display:block;
  margin:0px 0px 12px 0px;
  clear:both;
  border:#999 0px solid;
}
DIV.widget UL {
  font-size:12px;
  list-style:none;
  padding:0px;
  margin:0px;
}
DIV.widget LI {
  max-height:44px;
  overflow:hidden;
  clear:both;
  display:block;
  border-top:#ddd 1px solid;
  padding:6px 6px;
}
DIV.widget LI IMG {
  float:left;
  height:20px;
  margin-top:-2px;
  padding:0px 4px 0px 0px;
}
DIV.widget LI SPAN.info {
  float:right;
  padding:2px;
  font-size:9px;
}
DIV.widget LI H3 {
  font-size:12px;
  height:16px;
  overflow:hidden;
  padding:0px;
  margin:0px;
}
DIV.widget DIV.otsikko IMG.kuvake {
  z-index:10;
  float:left;
  cursor:pointer;
  width:36px;
  margin:-3px 8px -11px 4px;
  padding:0px 0px 0px 0px;
}
DIV.widget DIV.otsikko IMG.kuvake:hover {
  width:40px;
  margin:-5px 6px -13px 2px;
}
DIV.widget DIV.otsikko IMG.asetus {
  float:right;
  cursor:pointer;
  width:18px;
  margin:3px;
  padding:1px;
  border:transparent 1px solid;
}
DIV.widget DIV.otsikko IMG.asetus:hover {
  width:22px;
  margin:2px;
  padding:0px;
}
DIV.widget DIV.teksti {
  display:block;
  background-color:#fff;
  padding:0px 0px 2px 0px;
  margin:0px;
  color:#222;
  border:#ccc 1px solid;
  border-top:#999 1px solid;
  background-clip:padding-box;
  -webkit-border-bottom-left-radius:4px;
  -webkit-border-bottom-right-radius:4px;
  -moz-border-radius-bottomleft:4px;
  -moz-border-radius-bottomright:4px;
  border-bottom-left-radius:4px;
  border-bottom-right-radius:4px;
  border-radius-bottomleft:4px;
  border-radius-bottomright:4px;
}
DIV.widget DIV.teksti P {
  font-size:12px;
  padding:4px 6px 4px 6px;
  margin:0px;
}
DIV.widget DIV.teksti H2 {
  color:#0f5490;
  font-family:Arial;
  font-size:16px;
  padding:4px;
  margin:6px 0px 2px 0px;
  border-bottom:#0f5490 1px solid;
}
DIV.widget DIV.asetukset {
  display:none;
  background-color:#dbecf6;
  padding:4px;
  margin:0px;
  color:#222;
  border-bottom:#cdcdcd 1px solid;
}
DIV.move {
  margin:-3px -3px 9px -3px;
  border:#aaa 3px solid;
  background-clip:padding-box;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
}
DIV.otsikko {
  cursor:move;
  display:block;
  height:24px;
  color:#fff;
  background-color:#0f5490;
  padding:0px 6px 6px 6px;
  background-repeat:repeat-X;
  background-position:bottom left;
  background-image:url('images/ulkoasu/ylapalkki_taustakuva.gif');
  background-clip:padding-box;
  -webkit-border-top-left-radius:4px;
  -webkit-border-top-right-radius:4px;
  -moz-border-radius-topleft:4px;
  -moz-border-radius-topright:4px;
  border-top-left-radius:4px;
  border-top-right-radius:4px;
  border-radius-topleft:4px;
  border-radius-topright:4px;
}
DIV.otsikko p {
  display:inline;
  float:left;
  font-family:Arial;
  font-size:18px;
  height:18px;
  font-weight:bold;
  overflow:hidden;
  margin:0px;
  max-height:22px;
  padding:4px 2px;
}
.close {
  background-clip:padding-box;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
}
.tehtavapaneeli {
  overflow:auto;
  width:450px;
  height:400px;
  padding:8px 8px 0px 0px;
}
.tehtavapaneeli > A > IMG {
  clear:both;
  display:block;
  float:right;
  width:24px;
  cursor:pointer;
  border:0px;
  padding:6px;
  border:transparent 1px solid;
  background-clip:padding-box;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
}
.tehtavapaneeli > A > IMG:hover {
  background-color:#282828;
  border:#444 1px solid;
  background-image:url('../images/ulkoasu/gradient_vaaka.png');
  background-repeat:repeat-X;
  background-position:bottom left;
}
.tehtavapaneeli > DIV {
  display:block;
  float:left;
  padding:2px 6px;
  margin-bottom:2px;
  border:transparent 1px solid;
  width:380px;
  background-clip:padding-box;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
}
.tehtavapaneeli > DIV b {
  display:block;
  overflow:hidden;
  height:16px;
}
.tehtavapaneeli > DIV > IMG {
  float:left;
  width:24px;
  padding:4px 8px 2px 0px;
}
.tehtavapaneeli > DIV > DIV {
  display:block;
  float:left;
}
.tehtavapaneeli > DIV:hover {
  background-color:#282828;
  border:#333 1px solid;
  border-top:#282828 1px solid;
  border-left:#282828 1px solid;
  border-bottom:#2c2c2c 1px solid;
  background-image:url('../images/ulkoasu/gradient_vaaka.png');
  background-repeat:repeat-X;
  background-position:bottom left;
}
.tehtavapaneeli > h2 {
  border-bottom:#173f6d 1px solid;
  display:block;
  overflow:hidden;
  height:14px;
  clear:left;
  padding:12px 0px 4px 0px;
  margin:0px 0px 4px 0px;
}
.tehtavapaneeli font {
  color:#999;
  font-size:11px;
  display:block;
  overflow:hidden;
  height:14px;
}
.tehtavapaneeli font.infoL {
  float:left;
  width:205px;
}
.tehtavapaneeli font.infoR {
  float:right;
  width:140px;
  text-align:right;
}
.off {
  opacity:0.40;
  filter:1;
}
.sub { background-color:#b5e0f4; }
.reports { padding:10px; }
@media (max-width: 767px) {
  .reports { padding:0px; }
}
IMG.icon {
  width:24px;
  cursor:pointer;
  padding:2px 2px 2px 2px;
  margin:0px;
  border:0px;
  vertical-align:middle;
}
IMG.right { float:right; }
.sivu { padding:15px 15px 15px 15px; }
span.info, span.infoR {
  font-size:11px;
  padding:0px;
  margin:2px;
}
span.infoR { float:right; }
.mad_info_txt {
  margin:1px 0px 1px 0px;
  cursor:pointer;
  border:green 0px solid;
}
.mad_info_txt:hover { color:#999; }
.mad_poistettu { color:#b33; }
IMG.luettu {
  width:16px;
  float:left;
  padding:1px 4px 0px 0px;
  vertical-align:bottom;
  cursor:pointer;
}
TR.lukematta TD { font-weight:bold; }
SPAN.muokkaa:hover { background-color:#fec; }
.kuvatiedotKehys {
  padding-top:20px;
  clear:left;
}
.kuvatiedotCheck {
  float:left;
  vertical-align:top;
  text-align:center;
  width:20px;
}
.kuvatiedotKuva {
  float:left;
  vertical-align:middle;
  text-align:center;
  width:100px;
}
.kuvatiedotKentat {
  float:left;
  width:420px;
}
.code_editor .doc { width:350px; }
.code_editor .editor { width:100%; }
.code_editor .toolbar {
  background-color:#c3c8e3;
  border-bottom:#a0a8d3 1px solid;
  color:#333;
  font-size:14px;
  padding:0px;
}
.code_editor .toolbar IMG {
  cursor:pointer;
  padding:8px 12px;
  width:24px;
  vertical-align:bottom;
}
.code_editor .toolbar IMG.open { background-color:#b3b8d5; }
.code_editor .toolbar IMG:hover { background-color:#b8c3d8; }
.code_editor .toolbar DIV { vertical-align:middle; }
#hint {
  background-color:#e3e8ef;
  color:#63686f;
  width:320px;
}
#hint DIV {
  overflow:auto;
  display:none;
}
#hint DIV.open { display:block; }
#editor-filter {
  width:300px;
  max-height:400px;
  overflow:auto;
}
#hint UL UL, #editor-filter UL UL {
  margin-left:20px;
  display:none;
}
#hint UL UL.open, #editor-filter UL UL.open { display:block; }
#hint UL LI, #editor-filter UL LI {
  border-bottom:#d1d5de 1px solid;
  cursor:pointer;
  padding:2px;
  margin:0px;
  display:table;
  width:100%;
}
#hint UL LI:hover, #editor-filter UL LI:hover { background-color:#e6e8f3; }
#hint UL LI.selected, #editor-filter UL LI.selected { background-color:#c3c8e3; }
#hint UL LI DIV, #editor-filter UL LI DIV {
  margin:0px;
  display:table-cell;
  vertical-align:center;
}
#hint UL LI DIV H4, #editor-filter UL LI DIV H4 { font-weight:normal; }
#hint UL LI DIV.text, #editor-filter UL LI DIV.text { padding:2px; }
#hint UL LI DIV.description, #editor-filter UL LI DIV.description {
  padding:0px;
  text-align:right;
  font-size:10px;
  color:#72787f;
}
#hint UL LI DIV.icon, #editor-filter UL LI DIV.icon {
  padding:2px;
  width:20px;
}
#hint UL LI DIV.icon IMG, #editor-filter UL LI DIV.icon IMG {
  width:18px;
  padding:0px;
  margin:0px;
  border:0px;
}
#hint UL LI DIV.avatar IMG, #editor-filter UL LI DIV.avatar IMG {
  width:14px;
  padding:0px 2px 0px 2px;
  margin:0px;
  border:0px;
}
#hint UL LI DIV.dir IMG, #editor-filter UL LI DIV.dir IMG {
  width:10px;
  padding:2px 4px 0px 4px;
}
#hint UL LI DIV.link, #editor-filter UL LI DIV.link { padding-right:6px; }
.workhours-time {
  display:table;
  text-align:left;
  margin:0 auto;
  padding-right:10px;
  padding-left:10px;
}
.workhours-time > DIV { display:table-cell; }
.workhours-time > DIV .fa {
  vertical-align:middle;
  font-size:30px;
  padding:0px 10px 0px 0px;
  line-height:54px;
}
.workhours-time > DIV h4 {
  font-size:18px;
  font-weight:bold;
  line-height:1;
}
.workhours-time > DIV p {
  font-size:12px;
  font-weight:normal;
  line-height:1;
}
.alert {
  text-align:left;
  display:block;
  padding:16px;
  margin-top:20px;
  border-width:0px 0px 0px 4px;
  border-style:solid;
  color:#bba700;
  background-color:#fff6a9;
  border-color:#fbcf55;
  -webkit-transition:background 0.4s ease-in;
  -moz-transition:background 0.4s ease-in;
  -ms-transition:background 0.4s ease-in;
  transition:background 0.4s ease-in;
}
.alert .alert__icon { padding-right:16px; }
.alert .alert__icon .fa {
  font-size:36px;
  line-height:1;
}
.alert .alert__body { width:100%; }
.alert:first-child { margin-top:0px; }
.alert--title {
  font-size:28px;
  line-height:0.9;
}
a.alert { color:#bba700; }
.alert.is-blink { background-color:#fbcf55; }
.alert--jumbo {
  padding:18px;
  margin-bottom:12px;
}
.alert--jumbo .alert__icon { padding-right:18px; }
.alert--jumbo .alert__icon .fa {
  padding-top:8px;
  font-size:38px;
}
.alert--jumbo .alert__body h4 { font-size:28px; }
.alert--jumbo .alert__body p { font-size:18px; }
.alert--large {
  padding:14px;
  margin-bottom:8px;
}
.alert--large .alert__icon { padding-right:8px; }
.alert--large .alert__icon .fa {
  padding-top:4px;
  font-size:32px;
}
.alert--large .alert__body h4 { font-size:20px; }
.alert--large .alert__body p { font-size:18px; }
.alert--small {
  padding:8px 10px;
  margin-bottom:8px;
}
.alert--small .alert__icon { padding-right:8px; }
.alert--small .alert__icon .fa {
  padding-right:10px;
  font-size:22px;
}
.alert--small .alert__body h4 { font-size:12px; }
.alert--small .alert__body p { font-size:10px; }
.alert--mini {
  padding:6px 10px;
  margin-bottom:6px;
  font-size:9px !important;
}
.alert--mini .alert__icon { padding-right:6px; }
.alert--mini .alert__icon .fa {
  padding-right:4px;
  font-size:16px;
}
.alert--mini .alert__body h4 { font-size:10px; }
.blank--purple {
  color:#992b50;
  background-color:#eba2c1;
  border-color:#d94e89;
}
.blank--purple.is-blink { background-color:#d94e89; }
.alert--violet {
  color:#754ed2;
  background-color:#ede7fb;
  border-color:#ab8fed;
}
.alert--violet.is-blink { background-color:#ab8fed; }
.alert--indigo {
  color:#4150a8;
  background-color:#c4c9e8;
  border-color:#5c6bc0;
}
.alert--indigo.is-blink { background-color:#5c6bc0; }
.alert--blue {
  color:#2f6ac9;
  background-color:#c0d5f7;
  border-color:#6599ec;
}
.alert--blue.is-blink { background-color:#6599ec; }
.alert--azure {
  color:#2a97cb;
  background-color:#b2e5fc;
  border-color:#29b6f6;
}
.alert--azure.is-blink { background-color:#29b6f6; }
.alert--cyan {
  color:#008fa1;
  background-color:#ace9f1;
  border-color:#26c6da;
}
.alert--cyan.is-blink { background-color:#26c6da; }
.alert--teal {
  color:#00635a;
  background-color:#a4dad5;
  border-color:#26a69a;
}
.alert--teal.is-blink { background-color:#26a69a; }
.alert--darkgreen {
  color:#6d852f;
  background-color:#ccdf7d;
  border-color:#a9c630;
}
.alert--darkgreen.is-blink { background-color:#a9c630; }
.alert--green {
  color:#76a53a;
  background-color:#d4ecb7;
  border-color:#a4d667;
}
.alert--green.is-blink { background-color:#a4d667; }
.alert--lime {
  color:#b2c022;
  background-color:#f1f5c8;
  border-color:#d4e157;
}
.alert--lime.is-blink { background-color:#d4e157; }
.alert--yellow {
  color:#ffe608;
  background-color:#fff6a9;
  border-color:#fbcf55;
}
.alert--yellow.is-blink { background-color:#fbcf55; }
.alert--amber {
  color:#d39e00;
  background-color:#ffedb5;
  border-color:#ffca28;
}
.alert--amber.is-blink { background-color:#ffca28; }
.alert--orange {
  color:#cc7a00;
  background-color:#ffcc80;
  border-color:#ec8a48;
}
.alert--orange.is-blink { background-color:#ec8a48; }
.alert--darkorange {
  color:#ee3900;
  background-color:#ffb198;
  border-color:#ff7043;
}
.alert--darkorange.is-blink { background-color:#ff7043; }
.alert--red {
  color:#ea0d0e;
  background-color:#ed9e9e;
  border-color:#ef5350;
}
.alert--red.is-blink { background-color:#ef5350; }
.alert--pink {
  color:#ca4598;
  background-color:#f7daec;
  border-color:#e685c0;
}
.alert--pink.is-blink { background-color:#e685c0; }
.alert--brown {
  color:#5b4205;
  background-color:#e9b623;
  border-color:#97740f;
}
.alert--brown.is-blink { background-color:#97740f; }
.alert--white {
  color:#dcdcdc;
  background-color:#fff;
  border-color:#fff;
}
.alert--white.is-blink { background-color:#fff; }
.alert--lightgray {
  color:#c8ced9;
  background-color:#fff;
  border-color:#e8f1f5;
}
.alert--lightgray.is-blink { background-color:#e8f1f5; }
.alert--gray {
  color:#8e98a7;
  background-color:#f8f8fa;
  border-color:#ccd0d9;
}
.alert--gray.is-blink { background-color:#ccd0d9; }
.alert--darkgray {
  color:#4c5159;
  background-color:#9aa0aa;
  border-color:#666d78;
}
.alert--darkgray.is-blink { background-color:#666d78; }
.alert--black {
  color:#0d0e10;
  background-color:#7b7b7b;
  border-color:#484848;
}
.alert--black.is-blink { background-color:#484848; }
.alert--success {
  color:#76a53a;
  background-color:#d4ecb7;
  border-color:#a4d667;
}
.alert--success.is-blink { background-color:#a4d667; }
.alert--warning {
  color:#cc7a00;
  background-color:#ffcc80;
  border-color:#ec8a48;
}
.alert--warning.is-blink { background-color:#ec8a48; }
.alert--danger {
  color:#ea0d0e;
  background-color:#ed9e9e;
  border-color:#ef5350;
}
.alert--danger.is-blink { background-color:#ef5350; }
.alert--error {
  color:#ea0d0e;
  background-color:#ed9e9e;
  border-color:#ef5350;
}
.alert--error.is-blink { background-color:#ef5350; }
.alert--info {
  color:#2a97cb;
  background-color:#b2e5fc;
  border-color:#29b6f6;
}
.alert--info.is-blink { background-color:#29b6f6; }
.alert--muted {
  color:#c8ced9;
  background-color:#fff;
  border-color:#fafcfd;
}
.alert--muted.is-blink { background-color:#fafcfd; }
.alert--selected {
  color:#006bec;
  background-color:#b9d9ff;
  border-color:#53a1ff;
}
.alert--selected.is-blink { background-color:#53a1ff; }
.alert--save {
  color:#76a53a;
  background-color:#d4ecb7;
  border-color:#a4d667;
}
.alert--save.is-blink { background-color:#a4d667; }
.alert--delete {
  color:#ea0d0e;
  background-color:#ed9e9e;
  border-color:#ef5350;
}
.alert--delete.is-blink { background-color:#ef5350; }
.alert--load {
  color:#cc7a00;
  background-color:#ffcc80;
  border-color:#ec8a48;
}
.alert--load.is-blink { background-color:#ec8a48; }
.alert--cancel {
  color:#8e98a7;
  background-color:#f8f8fa;
  border-color:#ccd0d9;
}
.alert--cancel.is-blink { background-color:#ccd0d9; }
.alert--plain {
  color:#777;
  border-width:0px;
  background-color:transparent;
}
.alert--square { text-align:center; }
.alert--square .columns { display:block; }
.alert--square .columns > DIV { display:block; }
.alert--square .alert__icon { padding-right:0px; }
.alert--square .alert__icon .fa {
  padding:0px;
  margin:0px;
  float:none;
  font-size:48px;
  line-height:1.25;
}
.alert--square .alert__body h4 {
  font-size:18px;
  padding-top:10px;
  line-height:1.2;
}
.alert--square.alert--jumbo .alert__icon .fa { font-size:96px; }
.alert--square.alert--jumbo .alert__body h4 {
  font-size:24px;
  padding-top:14px;
}
.alert--square.alert--large {
  margin-top:24px;
  margin-bottom:24px;
}
.alert--square.alert--large .alert__icon .fa { font-size:48px; }
.alert--square.alert--large .alert__body h4 {
  font-size:20px;
  padding-top:14px;
}
.alert--square.alert--large .alert__body P { font-size:16px; }
.amount {
  width:100%;
  display:inline-block;
  text-align:left;
  padding:0px;
  margin-right:4px;
  margin-bottom:2px;
}
.amount:last-child {
  margin-right:0px;
  margin-bottom:0px;
}
.amount .amount__bar {
  display:inline-block;
  background-color:#53a1ff;
  overflow:visible;
  text-align:left;
  font-size:12px;
  height:15px;
  line-height:15px;
  border-style:solid;
  border-width:0px 0px 0px 0px;
  border-right:#e6e6e6 1px solid;
  padding-left:6px;
  color:#104380;
}
.amount .amount__bar:last-child { border-width:0px 0px 0px 0px; }
.amount .amount__bar h4 { margin:4px; }
.amount .amount__bar p { margin:4px; }
.amount .bar + .bar {
  background-clip:padding-box;
  -webkit-border-top-left-radius:0px;
  -webkit-border-bottom-left-radius:0px;
  -moz-border-radius-topleft:0px;
  -moz-border-radius-bottomleft:0px;
  border-top-left-radius:0px;
  border-bottom-left-radius:0px;
  border-radius-topleft:0px;
  border-radius-bottomleft:0px;
}
.amount--single .amount__bar {
  padding-left:4px;
  text-align:left;
  overflow:visible;
  white-space:nowrap;
}
.amount--jumbo .amount__bar {
  height:56px;
  line-height:56px;
  padding-left:16px;
  font-size:24px;
}
.amount--large .amount__bar {
  height:36px;
  line-height:36px;
  padding-left:8px;
  font-size:18px;
}
.amount--small .amount__bar {
  padding-left:4px;
  height:12px;
  line-height:12px;
}
.amount--mini .amount__bar {
  padding-left:2px;
  height:4px;
  line-height:4px;
  font-size:6px;
}
.amount--purple .progress__bar {
  background-color:#d94e89;
  color:#5d1a31;
  border-color:#c13665;
}
.amount--violet .progress__bar {
  background-color:#ab8fed;
  color:#502ba8;
  border-color:#9577dc;
}
.amount--indigo .progress__bar {
  background-color:#5c6bc0;
  color:#2c3671;
  border-color:#5c6bc0;
}
.amount--blue .progress__bar {
  background-color:#6599ec;
  color:#21498b;
  border-color:#5486d7;
}
.amount--azure .progress__bar {
  background-color:#29b6f6;
  color:#1d688b;
  border-color:#4eadda;
}
.amount--cyan .progress__bar {
  background-color:#26c6da;
  color:#004b55;
  border-color:#00bcd4;
}
.amount--teal .progress__bar {
  background-color:#26a69a;
  color:#001714;
  border-color:#009688;
}
.amount--darkgreen .progress__bar {
  background-color:#a9c630;
  color:#3f4d1b;
  border-color:#8cab3c;
}
.amount--green .progress__bar {
  background-color:#a4d667;
  color:#4e6d26;
  border-color:#90c250;
}
.amount--lime .progress__bar {
  background-color:#d4e157;
  color:#757f16;
  border-color:#cddc39;
}
.amount--yellow .progress__bar {
  background-color:#fbcf55;
  color:#bba700;
  border-color:#ffeb3b;
}
.amount--amber .progress__bar {
  background-color:#ffca28;
  color:#876500;
  border-color:#ffc107;
}
.amount--orange .progress__bar {
  background-color:#ec8a48;
  color:#804c00;
  border-color:#ff9800;
}
.amount--darkorange .progress__bar {
  background-color:#ff7043;
  color:#a22700;
  border-color:#ff5722;
}
.amount--red .progress__bar {
  background-color:#ef5350;
  color:#a2090a;
  border-color:#f43637;
}
.amount--pink .progress__bar {
  background-color:#e685c0;
  color:#972b6f;
  border-color:#d56dae;
}
.amount--brown .progress__bar {
  background-color:#97740f;
  color:#120d01;
  border-color:#8b6508;
}
.amount--white .progress__bar {
  background-color:#fff;
  color:#b5b5b5;
  border-color:#f5f5f5;
}
.amount--lightgray .progress__bar {
  background-color:#e8f1f5;
  color:#9aa6ba;
  border-color:#e6e9ee;
}
.amount--gray .progress__bar {
  background-color:#ccd0d9;
  color:#667182;
  border-color:#abb2bd;
}
.amount--darkgray .progress__bar {
  background-color:#666d78;
  color:#292b30;
  border-color:#646a74;
}
.amount--black .progress__bar {
  background-color:#484848;
  color:#000;
  border-color:#24272c;
}
.amount--success .progress__bar {
  background-color:#a4d667;
  color:#4e6d26;
  border-color:#90c250;
}
.amount--warning .progress__bar {
  background-color:#ec8a48;
  color:#804c00;
  border-color:#ff9800;
}
.amount--danger .progress__bar {
  background-color:#ef5350;
  color:#a2090a;
  border-color:#f43637;
}
.amount--error .progress__bar {
  background-color:#ef5350;
  color:#a2090a;
  border-color:#f43637;
}
.amount--info .progress__bar {
  background-color:#29b6f6;
  color:#1d688b;
  border-color:#4eadda;
}
.amount--muted .progress__bar {
  background-color:#fafcfd;
  color:#9aa6ba;
  border-color:#e6e9ee;
}
.amount--selected .progress__bar {
  background-color:#53a1ff;
  color:#0048a0;
  border-color:#2085ff;
}
.amount--save .progress__bar {
  background-color:#a4d667;
  color:#4e6d26;
  border-color:#90c250;
}
.amount--delete .progress__bar {
  background-color:#ef5350;
  color:#a2090a;
  border-color:#f43637;
}
.amount--load .progress__bar {
  background-color:#ec8a48;
  color:#804c00;
  border-color:#ff9800;
}
.amount--cancel .progress__bar {
  background-color:#ccd0d9;
  color:#667182;
  border-color:#abb2bd;
}
.progress .progress__bar--purple {
  background-color:#d94e89;
  color:#5d1a31;
  border-color:#c13665;
}
.progress .progress__bar--violet {
  background-color:#ab8fed;
  color:#502ba8;
  border-color:#9577dc;
}
.progress .progress__bar--indigo {
  background-color:#5c6bc0;
  color:#2c3671;
  border-color:#5c6bc0;
}
.progress .progress__bar--blue {
  background-color:#6599ec;
  color:#21498b;
  border-color:#5486d7;
}
.progress .progress__bar--azure {
  background-color:#29b6f6;
  color:#1d688b;
  border-color:#4eadda;
}
.progress .progress__bar--cyan {
  background-color:#26c6da;
  color:#004b55;
  border-color:#00bcd4;
}
.progress .progress__bar--teal {
  background-color:#26a69a;
  color:#001714;
  border-color:#009688;
}
.progress .progress__bar--darkgreen {
  background-color:#a9c630;
  color:#3f4d1b;
  border-color:#8cab3c;
}
.progress .progress__bar--green {
  background-color:#a4d667;
  color:#4e6d26;
  border-color:#90c250;
}
.progress .progress__bar--lime {
  background-color:#d4e157;
  color:#757f16;
  border-color:#cddc39;
}
.progress .progress__bar--yellow {
  background-color:#fbcf55;
  color:#bba700;
  border-color:#ffeb3b;
}
.progress .progress__bar--amber {
  background-color:#ffca28;
  color:#876500;
  border-color:#ffc107;
}
.progress .progress__bar--orange {
  background-color:#ec8a48;
  color:#804c00;
  border-color:#ff9800;
}
.progress .progress__bar--darkorange {
  background-color:#ff7043;
  color:#a22700;
  border-color:#ff5722;
}
.progress .progress__bar--red {
  background-color:#ef5350;
  color:#a2090a;
  border-color:#f43637;
}
.progress .progress__bar--pink {
  background-color:#e685c0;
  color:#972b6f;
  border-color:#d56dae;
}
.progress .progress__bar--brown {
  background-color:#97740f;
  color:#120d01;
  border-color:#8b6508;
}
.progress .progress__bar--white {
  background-color:#fff;
  color:#b5b5b5;
  border-color:#f5f5f5;
}
.progress .progress__bar--lightgray {
  background-color:#e8f1f5;
  color:#9aa6ba;
  border-color:#e6e9ee;
}
.progress .progress__bar--gray {
  background-color:#ccd0d9;
  color:#667182;
  border-color:#abb2bd;
}
.progress .progress__bar--darkgray {
  background-color:#666d78;
  color:#292b30;
  border-color:#646a74;
}
.progress .progress__bar--black {
  background-color:#484848;
  color:#000;
  border-color:#24272c;
}
.progress .progress__bar--success {
  background-color:#a4d667;
  color:#4e6d26;
  border-color:#90c250;
}
.progress .progress__bar--warning {
  background-color:#ec8a48;
  color:#804c00;
  border-color:#ff9800;
}
.progress .progress__bar--danger {
  background-color:#ef5350;
  color:#a2090a;
  border-color:#f43637;
}
.progress .progress__bar--error {
  background-color:#ef5350;
  color:#a2090a;
  border-color:#f43637;
}
.progress .progress__bar--info {
  background-color:#29b6f6;
  color:#1d688b;
  border-color:#4eadda;
}
.progress .progress__bar--muted {
  background-color:#fafcfd;
  color:#9aa6ba;
  border-color:#e6e9ee;
}
.progress .progress__bar--selected {
  background-color:#53a1ff;
  color:#0048a0;
  border-color:#2085ff;
}
.progress .progress__bar--save {
  background-color:#a4d667;
  color:#4e6d26;
  border-color:#90c250;
}
.progress .progress__bar--delete {
  background-color:#ef5350;
  color:#a2090a;
  border-color:#f43637;
}
.progress .progress__bar--load {
  background-color:#ec8a48;
  color:#804c00;
  border-color:#ff9800;
}
.progress .progress__bar--cancel {
  background-color:#ccd0d9;
  color:#667182;
  border-color:#abb2bd;
}
.badge {
  display:inline-block;
  padding:2px 10px;
  margin:2px;
  color:#eee;
  font-size:10px;
  line-height:12px;
  height:16px;
  min-width:16px;
  background-color:#2085ff;
  background-clip:padding-box;
  -webkit-border-radius:100px;
  -moz-border-radius:100px;
  border-radius:100px;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
.badge--jumbo {
  height:28px;
  min-width:28px;
  padding:4px 12px;
  font-size:14px;
  line-height:20px;
  background-clip:padding-box;
  -webkit-border-radius:14px;
  -moz-border-radius:14px;
  border-radius:14px;
}
.badge--large {
  height:20px;
  min-width:20px;
  padding:2px 10px;
  font-size:12px;
  line-height:16px;
  background-clip:padding-box;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
}
.badge--normal {
  height:16px;
  min-width:16px;
  padding:2px 8px;
  font-size:10px;
  line-height:12px;
  background-clip:padding-box;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
}
.badge--small {
  height:13px;
  min-width:13px;
  font-size:9px;
  padding:1px 6px;
  line-height:12px;
  background-clip:padding-box;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
}
.badge--mini {
  height:10px;
  min-width:10px;
  font-size:6px;
  line-height:8px;
  padding:1px 4px;
  background-clip:padding-box;
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  border-radius:8px;
}
.badge--icon {
  text-align:center;
  padding:2px;
  width:16px;
}
.badge--icon.badge-large {
  padding:2px 2px;
  width:20px;
}
.badge--icon.badge-small {
  padding:1px 1px;
  width:13px;
}
.badge--icon.badge-mini {
  padding:1px 1px;
  width:10px;
}
A.badge { color:#eee; }
.badge--round {
  background-clip:padding-box;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
}
.badge--radius {
  background-clip:padding-box;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
}
.badge--sharp {
  background-clip:padding-box;
  -webkit-border-radius:0px;
  -moz-border-radius:0px;
  border-radius:0px;
}
.badge--purple { background-color:#c13665; }
.badge--violet { background-color:#9577dc; }
.badge--indigo { background-color:#5c6bc0; }
.badge--blue { background-color:#5486d7; }
.badge--azure { background-color:#4eadda; }
.badge--cyan { background-color:#00bcd4; }
.badge--teal { background-color:#009688; }
.badge--darkgreen { background-color:#8cab3c; }
.badge--green { background-color:#90c250; }
.badge--lime { background-color:#cddc39; }
.badge--yellow { background-color:#ffeb3b; }
.badge--amber {
  background-color:#ffc107;
  color:#fff;
}
.badge--orange { background-color:#ff9800; }
.badge--darkorange { background-color:#ff5722; }
.badge--red { background-color:#f43637; }
.badge--pink { background-color:#d56dae; }
.badge--brown { background-color:#8b6508; }
.badge--white { background-color:#f5f5f5; }
.badge--lightgray { background-color:#e6e9ee; }
.badge--gray { background-color:#abb2bd; }
.badge--darkgray { background-color:#646a74; }
.badge--black { background-color:#24272c; }
.badge--yellow { color:#999; }
.badge--white { color:#777; }
.badge--lightgray { color:#777; }
.badge--success { background-color:#90c250; }
.badge--warning { background-color:#ff9800; }
.badge--danger { background-color:#f43637; }
.badge--error { background-color:#f43637; }
.badge--info { background-color:#4eadda; }
.badge--muted { background-color:#e6e9ee; }
.badge--selected { background-color:#2085ff; }
.badge--muted { color:#aaa; }
.badge--save { background-color:#90c250; }
.badge--delete { background-color:#f43637; }
.badge--load { background-color:#ff9800; }
.badge--cancel { background-color:#abb2bd; }
.blank {
  text-align:center;
  display:block;
  padding:40px 20px;
  color:#abb2bd;
  -webkit-transition:background 0.4s ease-in;
  -moz-transition:background 0.4s ease-in;
  -ms-transition:background 0.4s ease-in;
  transition:background 0.4s ease-in;
}
.blank .fa {
  padding:0px;
  margin:0px;
  font-size:48px;
  line-height:1.25;
}
.blank h4 {
  font-size:20px;
  padding-top:6px;
  line-height:1.2;
}
a.blank { color:#bba700; }
.blank.is-blink { background-color:#fbcf55; }
.blank--jumbo {
  padding:80px 40px;
  margin-bottom:12px;
}
.blank--jumbo .fa {
  padding-top:8px;
  font-size:96px;
}
.blank--jumbo h4 {
  font-size:28px;
  padding-top:14px;
}
.blank--jumbo p { font-size:18px; }
.blank--large {
  padding:64px 32px;
  margin-top:24px;
  margin-bottom:24px;
}
.blank--large .fa {
  font-size:60px;
  padding-top:4px;
}
.blank--large h4 {
  font-size:24px;
  padding-top:10px;
}
.blank--large P { font-size:16px; }
.blank--small {
  padding:16px 8px;
  margin-bottom:8px;
}
.blank--small h4 { font-size:14px; }
.blank--small p { font-size:10px; }
.blank--small .fa { font-size:22px; }
.blank--mini {
  padding:8px 4px;
  margin-bottom:6px;
}
.blank--mini .fa { font-size:16px; }
.blank--mini h4 {
  font-size:10px;
  padding-top:2px;
}
.blank--mini p { font-size:9px !important; }
.blank--purple {
  color:#992b50;
  border-color:#d94e89;
}
.blank--purple.is-blink { background-color:#d94e89; }
.blank--violet {
  color:#754ed2;
  border-color:#ab8fed;
}
.blank--violet.is-blink { background-color:#ab8fed; }
.blank--indigo {
  color:#4150a8;
  border-color:#5c6bc0;
}
.blank--indigo.is-blink { background-color:#5c6bc0; }
.blank--blue {
  color:#2f6ac9;
  border-color:#6599ec;
}
.blank--blue.is-blink { background-color:#6599ec; }
.blank--azure {
  color:#2a97cb;
  border-color:#29b6f6;
}
.blank--azure.is-blink { background-color:#29b6f6; }
.blank--cyan {
  color:#008fa1;
  border-color:#26c6da;
}
.blank--cyan.is-blink { background-color:#26c6da; }
.blank--teal {
  color:#00635a;
  border-color:#26a69a;
}
.blank--teal.is-blink { background-color:#26a69a; }
.blank--darkgreen {
  color:#6d852f;
  border-color:#a9c630;
}
.blank--darkgreen.is-blink { background-color:#a9c630; }
.blank--green {
  color:#76a53a;
  border-color:#a4d667;
}
.blank--green.is-blink { background-color:#a4d667; }
.blank--lime {
  color:#b2c022;
  border-color:#d4e157;
}
.blank--lime.is-blink { background-color:#d4e157; }
.blank--yellow {
  color:#ffe608;
  border-color:#fbcf55;
}
.blank--yellow.is-blink { background-color:#fbcf55; }
.blank--amber {
  color:#d39e00;
  border-color:#ffca28;
}
.blank--amber.is-blink { background-color:#ffca28; }
.blank--orange {
  color:#cc7a00;
  border-color:#ec8a48;
}
.blank--orange.is-blink { background-color:#ec8a48; }
.blank--darkorange {
  color:#ee3900;
  border-color:#ff7043;
}
.blank--darkorange.is-blink { background-color:#ff7043; }
.blank--red {
  color:#ea0d0e;
  border-color:#ef5350;
}
.blank--red.is-blink { background-color:#ef5350; }
.blank--pink {
  color:#ca4598;
  border-color:#e685c0;
}
.blank--pink.is-blink { background-color:#e685c0; }
.alert--brown {
  color:#5b4205;
  border-color:#97740f;
}
.alert--brown.is-blink { background-color:#97740f; }
.blank--white {
  color:#dcdcdc;
  border-color:#fff;
}
.blank--white.is-blink { background-color:#fff; }
.blank--lightgray {
  color:#c8ced9;
  border-color:#e8f1f5;
}
.blank--lightgray.is-blink { background-color:#e8f1f5; }
.blank--gray {
  color:#8e98a7;
  border-color:#ccd0d9;
}
.blank--gray.is-blink { background-color:#ccd0d9; }
.blank--darkgray {
  color:#4c5159;
  border-color:#666d78;
}
.blank--darkgray.is-blink { background-color:#666d78; }
.blank--black {
  color:#0d0e10;
  border-color:#484848;
}
.blank--black.is-blink { background-color:#484848; }
.blank--success {
  color:#76a53a;
  border-color:#a4d667;
}
.blank--success.is-blink { background-color:#a4d667; }
.blank--warning {
  color:#cc7a00;
  border-color:#ec8a48;
}
.blank--warning.is-blink { background-color:#ec8a48; }
.blank--danger {
  color:#ea0d0e;
  border-color:#ef5350;
}
.blank--danger.is-blink { background-color:#ef5350; }
.blank--error {
  color:#ea0d0e;
  border-color:#ef5350;
}
.blank--error.is-blink { background-color:#ef5350; }
.blank--info {
  color:#2a97cb;
  border-color:#29b6f6;
}
.blank--info.is-blink { background-color:#29b6f6; }
.blank--muted {
  color:#c8ced9;
  border-color:#fafcfd;
}
.blank--muted.is-blink { background-color:#fafcfd; }
.blank--selected {
  color:#006bec;
  border-color:#53a1ff;
}
.blank--selected.is-blink { background-color:#53a1ff; }
.blank--save {
  color:#76a53a;
  border-color:#a4d667;
}
.blank--save.is-blink { background-color:#a4d667; }
.blank--delete {
  color:#ea0d0e;
  border-color:#ef5350;
}
.blank--delete.is-blink { background-color:#ef5350; }
.blank--load {
  color:#cc7a00;
  border-color:#ec8a48;
}
.blank--load.is-blink { background-color:#ec8a48; }
.blank--cancel {
  color:#8e98a7;
  border-color:#ccd0d9;
}
.blank--cancel.is-blink { background-color:#ccd0d9; }
.box {
  text-align:left;
  display:block;
  padding:10px;
  margin:4px 0px 4px 0px;
  border:1px solid rgba(65,65,100,0.25);
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  background-clip:padding-box;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
}
.box-large {
  padding:12px;
  margin-bottom:8px;
}
.box-large h3 { font-size:18px; }
.box-small {
  padding:8px;
  font-size:10px;
}
.box-small h3 { font-size:12px; }
.box-mini {
  padding:6px;
  margin-bottom:8px;
  font-size:9px !important;
  -webkit-text-size-adjust:none;
  -moz-text-size-adjust:none;
  -webkit-text-size-adjust:none;
  -ms-text-size-adjust:none;
  font-size-adjust:none;
}
.nappiMuokkaa, .nappiTallenna, .nappiPoista, .button {
  overflow:hidden;
  letter-spacing:0.5px;
  display:inline-block;
  font-size:14px;
  font-weight:normal;
  line-height:34px;
  text-align:center;
  vertical-align:bottom;
  cursor:pointer;
  margin-top:0px;
  margin-right:4px;
  margin-bottom:4px;
  margin-left:0px;
  padding:0px 12px;
  height:34px;
  white-space:nowrap;
  border:1px solid rgba(75,75,115,0.25);
  color:#333;
  -webkit-appearance:none;
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -khtml-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  background-clip:padding-box;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  background-color:#fefefe;
  border-color:rgba(75,75,115,0.25) rgba(65,65,100,0.25) rgba(65,65,100,0.25) rgba(75,75,115,0.25);
  background-image:-moz-linear-gradient(top,#fefefe,#d7d7d7);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#fefefe),to(#d7d7d7));
  background-image:-webkit-linear-gradient(top,#fefefe,#d7d7d7);
  background-image:-o-linear-gradient(top,#fefefe,#d7d7d7);
  background-image:linear-gradient(to bottom,#fefefe,#d7d7d7);
}
.nappiMuokkaa:hover, .nappiTallenna:hover, .nappiPoista:hover, .button:hover {
  background-color:#fff;
  background-image:-moz-linear-gradient(top,#fff,#e4e4e4);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e4e4e4));
  background-image:-webkit-linear-gradient(top,#fff,#e4e4e4);
  background-image:-o-linear-gradient(top,#fff,#e4e4e4);
  background-image:linear-gradient(to bottom,#fff,#e4e4e4);
}
.nappiMuokkaa h4, .nappiTallenna h4, .nappiPoista h4, .button h4 {
  display:inline-block;
  font-weight:normal;
}
.nappiMuokkaa .fa + h4, .nappiTallenna .fa + h4, .nappiPoista .fa + h4, .button .fa + h4 { margin-left:6px; }
.nappiMuokkaa p, .nappiTallenna p, .nappiPoista p, .button p {
  font-size:10px;
  margin-top:-10px;
}
.nappiMuokkaa img, .nappiTallenna img, .nappiPoista img, .button img {
  height:19px;
  width:19px;
  vertical-align:middle;
}
.nappiMuokkaa .fa, .nappiTallenna .fa, .nappiPoista .fa, .button .fa {
  font-size:20px;
  vertical-align:middle;
}
.button:last-child { margin-right:0px; }
.button--justified {
  display:block;
  width:100%;
}
IMG.off {
  cursor:normal;
  -webkit-filter:grayscale(.5);
  opacity:0.2;
  filter:1;
}
.button--divider {
  padding-left:2px;
  padding-right:2px;
  background-image:linear-gradient(to bottom,#fff,#f5f5f5);
  background-color:#f5f5f5;
  color:#555;
}
.button--divider:hover { cursor:normal; }
.button--img {
  padding:3px 4px;
  line-height:18px;
}
.button--img img {
  vertical-align:text-top;
  width:19px;
  margin:0px;
  padding:0px;
}
.button--icon {
  padding:0px;
  width:34px;
}
.button--icon .fa {
  line-height:34px;
  font-size:20px;
}
.button--icon img.fa {
  width:27px;
  height:27px;
}
.button--icon.button--jumbo { width:68px; }
.button--icon.button--large { width:51px; }
.button--icon.button--small { width:20.4px; }
.button--icon.button--mini { width:15.3px; }
.button--icon.button--plain img.fa {
  width:34px;
  height:34px;
}
.button--square {
  text-align:center;
  padding:14px 0px 0px 0px;
  margin:10px;
  width:120px;
  height:120px;
  text-align:center;
  vertical-align:bottom;
  text-shadow:0 -1px 0 rgba(0,0,0,0.2);
  background-clip:padding-box;
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  border-radius:8px;
}
.button--square .fa {
  display:block;
  margin:8px 0px;
  font-size:36px;
}
.button--square h4 {
  font-weight:bold;
  display:block;
  font-size:14px;
  line-height:14px;
  white-space:normal;
  margin-left:6px;
  margin-right:6px;
}
.button--square h4:first-child { margin-top:32px; }
.button--square p {
  display:block;
  font-size:11px;
  line-height:14px;
  white-space:normal;
  margin-left:4px;
  margin-right:4px;
}
.button--square.button--icon .fa {
  margin:16px;
  font-size:58px;
}
.button--square.button--jumbo {
  padding:30px 0px 0px 0px;
  margin:14px;
  width:192px;
  height:192px;
}
.button--square.button--jumbo .fa { font-size:68px; }
.button--square.button--jumbo h4 {
  font-size:18px;
  line-height:20px;
}
.button--square.button--jumbo h4:first-child { margin-top:50px; }
.button--square.button--jumbo p {
  display:block;
  font-size:12px;
  line-height:18px;
}
.button--square.button--jumbo.button--icon { width:192px; }
.button--square.button--jumbo.button--icon .fa {
  margin:32px 0px;
  font-size:90px;
}
.button--square.button--large {
  padding:12px 0px 0px 0px;
  margin:12px;
  width:144px;
  height:144px;
}
.button--square.button--large .fa {
  margin:8px;
  font-size:52px;
}
.button--square.button--large h4 {
  font-size:15px;
  line-height:18px;
}
.button--square.button--large h4:first-child { margin-top:44px; }
.button--square.button--large p {
  display:block;
  font-size:11px;
  line-height:16px;
  margin-top:4px;
}
.button--square.button--large.button--icon { width:144px; }
.button--square.button--large.button--icon .fa {
  margin:28px 0px;
  font-size:72px;
}
.button--square.button--large.button--round { padding:20px 0px 0px 0px; }
.button--square.button--small {
  padding:10px 0px 0px 0px;
  margin:10px;
  width:96px;
  height:96px;
}
.button--square.button--small .fa {
  margin:8px;
  font-size:32px;
}
.button--square.button--small h4 {
  font-size:12px;
  line-height:14px;
}
.button--square.button--small h4:first-child { margin-top:24px; }
.button--square.button--small p {
  font-size:10px;
  line-height:11px;
}
.button--square.button--small.button--icon { width:96px; }
.button--square.button--small.button--icon .fa {
  margin:26px 0px;
  font-size:42px;
}
.button--square.button--mini {
  padding:10px 0px 0px 0px;
  margin:8px;
  width:60px;
  height:60px;
}
.button--square.button--mini .fa {
  margin:4px;
  font-size:18px;
}
.button--square.button--mini h4 {
  font-size:12px;
  line-height:14px;
}
.button--square.button--mini h4:first-child { margin-top:4px; }
.button--square.button--mini p {
  font-size:10px;
  line-height:11px;
}
.button--square.button--mini.button--icon { width:60px; }
.button--square.button--mini.button--icon .fa {
  margin:14px 0px;
  font-size:28px;
}
.button--outline {
  background-color:transparent;
  background-image:none;
  border-width:2px;
  padding-top:3px;
  padding-bottom:3px;
}
#page-buttons .button.button--input, .button--input, .button--input.button--muted {
  height:34px;
  background-color:#fff;
  background-image:none;
  margin-bottom:4px;
  BORDER:rgba(65,65,100,0.25) 1px solid;
  color:rgba(26,26,26,0.87);
}
#page-buttons .button.button--input:hover, .button--input:hover, .button--input.button--muted:hover {
  background-image:none;
  background-color:#fff;
}
#page-buttons .button.button--input:hover i.fa, .button--input:hover i.fa, .button--input.button--muted:hover i.fa { color:rgba(64,64,64,0.87); }
.button--input.button--muted { color:rgba(128,128,128,0.87); }
.button--input.button--muted:hover { color:rgba(128,128,128,0.87); }
#page-buttons .button.button--input:hover {
  background-color:#fff;
  background-image:-moz-linear-gradient(top,#fff,#fff);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#fff));
  background-image:-webkit-linear-gradient(top,#fff,#fff);
  background-image:-o-linear-gradient(top,#fff,#fff);
  background-image:linear-gradient(to bottom,#fff,#fff);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffffffFF',GradientType=0);
  filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
#page-buttons .button.button--select, .button--select {
  text-shadow:0px 1px 1px #fff;
  background-color:#fefefe;
  border-color:rgba(75,75,115,0.25) rgba(65,65,100,0.25) rgba(65,65,100,0.25) rgba(75,75,115,0.25);
  background-image:-moz-linear-gradient(top,#fefefe,#d7d7d7);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#fefefe),to(#d7d7d7));
  background-image:-webkit-linear-gradient(top,#fefefe,#d7d7d7);
  background-image:-o-linear-gradient(top,#fefefe,#d7d7d7);
  background-image:linear-gradient(to bottom,#fefefe,#d7d7d7);
}
#page-buttons .button.button--select:hover, .button--select:hover {
  background-color:#fff;
  background-image:-moz-linear-gradient(top,#fff,#e4e4e4);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e4e4e4));
  background-image:-webkit-linear-gradient(top,#fff,#e4e4e4);
  background-image:-o-linear-gradient(top,#fff,#e4e4e4);
  background-image:linear-gradient(to bottom,#fff,#e4e4e4);
}
#page-buttons .button.button--select:hover, .button--select:hover { color:#555; }
#page-buttons .button.button--select a, .button--select a { color:#6f6f6f; }
#page-buttons .button.button--select a:hover, .button--select a:hover {
  color:#555;
  text-decoration:none;
}
#page-buttons .button.button--select:hover, .button--select:hover {
  BACKGROUND-COLOR:#e4e4e4;
  background-image:linear-gradient(to bottom,#fff,#eee);
}
.button--menu { color:#556; }
.button--menu:hover { color:#444; }
.button--menu a { color:#559; }
.button--menu a:hover {
  color:#444;
  text-decoration:none;
}
A.button--plain, .button--plain {
  color:#555;
  border-width:0px;
  background:transparent !important;
  background-image:none !important;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
  box-shadow:none;
  text-shadow:0 0px 0px rgba(255,255,255,0.75);
}
A.button--plain:hover, .button--plain:hover {
  background-color:transparent;
  background-image:none;
}
A.button--plain:hover i.fa, .button--plain:hover i.fa { color:rgba(64,64,64,0.87); }
A.button--plain.is-disabled .fa, .button--plain.is-disabled .fa { color:#aaa; }
A.button--plain.is-disabled .fa:hover, .button--plain.is-disabled .fa:hover { color:#aaa; }
A.button--plain img, .button--plain img {
  width:30px;
  height:30px;
  padding:2px;
}
.button.button--plain.is-selected { color:#2085ff; }
.button--plain.button--purple { color:#c13665; }
.button--plain.button--violet { color:#9577dc; }
.button--plain.button--indigo { color:#5c6bc0; }
.button--plain.button--blue { color:#5486d7; }
.button--plain.button--azure { color:#4eadda; }
.button--plain.button--cyan { color:#00bcd4; }
.button--plain.button--teal { color:#009688; }
.button--plain.button--darkgreen { color:#8cab3c; }
.button--plain.button--green { color:#90c250; }
.button--plain.button--lime { color:#cddc39; }
.button--plain.button--yellow { color:#ffeb3b; }
.button--plain.button--amber { color:#ffc107; }
.button--plain.button--orange { color:#ff9800; }
.button--plain.button--darkorange { color:#ff5722; }
.button--plain.button--red { color:#f43637; }
.button--plain.button--pink { color:#d56dae; }
.button--plain.button--brown { color:#8b6508; }
.button--plain.button--white { color:#f5f5f5; }
.button--plain.button--lightgray { color:#e6e9ee; }
.button--plain.button--gray { color:#abb2bd; }
.button--plain.button--darkgray { color:#646a74; }
.button--plain.button--black { color:#24272c; }
.button--plain.button--success { color:#90c250; }
.button--plain.button--warning { color:#ff9800; }
.button--plain.button--danger { color:#f43637; }
.button--plain.button--error { color:#f43637; }
.button--plain.button--info { color:#4eadda; }
.button--plain.button--muted { color:#e6e9ee; }
.button--plain.button--selected { color:#2085ff; }
.button--plain.button--save { color:#90c250; }
.button--plain.button--delete { color:#f43637; }
.button--plain.button--load { color:#ff9800; }
.button--plain.button--cancel { color:#abb2bd; }
.button--round {
  background-clip:padding-box;
  -webkit-border-radius:100px;
  -moz-border-radius:100px;
  border-radius:100px;
}
.button--radius {
  background-clip:padding-box;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
}
.button--sharp {
  background-clip:padding-box;
  -webkit-border-radius:0px;
  -moz-border-radius:0px;
  border-radius:0px;
}
.button--jumbo {
  padding:0px 27px;
  font-size:27px;
  line-height:68px;
  height:68px;
  background-clip:padding-box;
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  border-radius:8px;
}
.button--jumbo p {
  font-size:20.4px;
  margin-top:-20.4px;
}
.button--jumbo .fa {
  line-height:68px;
  font-size:40.8px;
}
.button--jumbo IMG.icon {
  width:68px;
  height:68px;
}
.button--jumbo.btn-icon {
  width:68px;
  margin-right:0px;
  padding:0em 0em;
}
.button--large {
  padding:0px 20px;
  font-size:18px;
  line-height:51px;
  height:51px;
  background-clip:padding-box;
  -webkit-border-radius:5.6px;
  -moz-border-radius:5.6px;
  border-radius:5.6px;
}
.button--large p {
  font-size:15.3px;
  margin-top:-15.3px;
}
.button--large .fa {
  line-height:51px;
  font-size:30.6px;
}
.button--large IMG.icon {
  width:51px;
  height:51px;
}
.button--large.btn-icon {
  width:51px;
  margin-right:0px;
  padding:0em 0em;
}
.button--small {
  padding:0px;
  font-size:8px;
  line-height:20.4px;
  height:20.4px;
  margin-bottom:0px;
  margin-top:0px;
}
.button--small p {
  font-size:6.12px;
  margin-top:-6.12px;
}
.button--small .fa {
  line-height:20.4px;
  font-size:16.32px;
}
.button--small IMG.icon {
  width:20.4px;
  height:20.4px;
}
.button--small.btn-icon {
  width:20.4px;
  margin-right:0px;
  padding:0em 0em;
}
.button--mini {
  padding:0px;
  font-size:6px;
  line-height:15.3px;
  height:15.3px;
  margin-bottom:0px;
  margin-top:0px;
}
.button--mini p {
  font-size:4.59px;
  margin-top:-4.59px;
}
.button--mini .fa {
  line-height:15.3px;
  font-size:9.18px;
}
.button--mini IMG.icon {
  width:15.3px;
  height:15.3px;
}
.button--mini.btn-icon {
  width:15.3px;
  margin-right:0px;
  padding:0em 0em;
}
A.button--purple, .button--purple {
  color:#fff;
  border-color:#852546 !important;
  color:#fff;
  background-color:#d15982;
  border-color:#ad305b #852546 #852546 #ad305b;
  background-image:-moz-linear-gradient(top,#d15982,#ad305b);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#d15982),to(#ad305b));
  background-image:-webkit-linear-gradient(top,#d15982,#ad305b);
  background-image:-o-linear-gradient(top,#d15982,#ad305b);
  background-image:linear-gradient(to bottom,#d15982,#ad305b);
}
A.button--purple:hover, .button--purple:hover {
  background-color:#d66d91;
  background-image:-moz-linear-gradient(top,#d66d91,#c13665);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#d66d91),to(#c13665));
  background-image:-webkit-linear-gradient(top,#d66d91,#c13665);
  background-image:-o-linear-gradient(top,#d66d91,#c13665);
  background-image:linear-gradient(to bottom,#d66d91,#c13665);
}
A.button--violet, .button--violet {
  color:#fff;
  border-color:#663acc !important;
  color:#fff;
  background-color:#b5a0e6;
  border-color:#8563d7 #663acc #663acc #8563d7;
  background-image:-moz-linear-gradient(top,#b5a0e6,#8563d7);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#b5a0e6),to(#8563d7));
  background-image:-webkit-linear-gradient(top,#b5a0e6,#8563d7);
  background-image:-o-linear-gradient(top,#b5a0e6,#8563d7);
  background-image:linear-gradient(to bottom,#b5a0e6,#8563d7);
}
A.button--violet:hover, .button--violet:hover {
  background-color:#c4b4ec;
  background-image:-moz-linear-gradient(top,#c4b4ec,#9577dc);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#c4b4ec),to(#9577dc));
  background-image:-webkit-linear-gradient(top,#c4b4ec,#9577dc);
  background-image:-o-linear-gradient(top,#c4b4ec,#9577dc);
  background-image:linear-gradient(to bottom,#c4b4ec,#9577dc);
}
A.button--indigo, .button--indigo {
  color:#fff;
  border-color:#3a4896 !important;
  color:#fff;
  background-color:#818cce;
  border-color:#4a5ab9 #3a4896 #3a4896 #4a5ab9;
  background-image:-moz-linear-gradient(top,#818cce,#4a5ab9);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#818cce),to(#4a5ab9));
  background-image:-webkit-linear-gradient(top,#818cce,#4a5ab9);
  background-image:-o-linear-gradient(top,#818cce,#4a5ab9);
  background-image:linear-gradient(to bottom,#818cce,#4a5ab9);
}
A.button--indigo:hover, .button--indigo:hover {
  background-color:#939dd5;
  background-image:-moz-linear-gradient(top,#939dd5,#5c6bc0);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#939dd5),to(#5c6bc0));
  background-image:-webkit-linear-gradient(top,#939dd5,#5c6bc0);
  background-image:-o-linear-gradient(top,#939dd5,#5c6bc0);
  background-image:linear-gradient(to bottom,#939dd5,#5c6bc0);
}
A.button--blue, .button--blue {
  color:#fff;
  border-color:#2a5fb4 !important;
  color:#fff;
  background-color:#7da3e1;
  border-color:#3f77d2 #2a5fb4 #2a5fb4 #3f77d2;
  background-image:-moz-linear-gradient(top,#7da3e1,#3f77d2);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#7da3e1),to(#3f77d2));
  background-image:-webkit-linear-gradient(top,#7da3e1,#3f77d2);
  background-image:-o-linear-gradient(top,#7da3e1,#3f77d2);
  background-image:linear-gradient(to bottom,#7da3e1,#3f77d2);
}
A.button--blue:hover, .button--blue:hover {
  background-color:#92b2e6;
  background-image:-moz-linear-gradient(top,#92b2e6,#5486d7);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#92b2e6),to(#5486d7));
  background-image:-webkit-linear-gradient(top,#92b2e6,#5486d7);
  background-image:-o-linear-gradient(top,#92b2e6,#5486d7);
  background-image:linear-gradient(to bottom,#92b2e6,#5486d7);
}
A.button--azure, .button--azure {
  color:#fff;
  border-color:#2687b6 !important;
  color:#fff;
  background-color:#78c1e3;
  border-color:#39a3d6 #2687b6 #2687b6 #39a3d6;
  background-image:-moz-linear-gradient(top,#78c1e3,#39a3d6);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#78c1e3),to(#39a3d6));
  background-image:-webkit-linear-gradient(top,#78c1e3,#39a3d6);
  background-image:-o-linear-gradient(top,#78c1e3,#39a3d6);
  background-image:linear-gradient(to bottom,#78c1e3,#39a3d6);
}
A.button--azure:hover, .button--azure:hover {
  background-color:#8dcae7;
  background-image:-moz-linear-gradient(top,#8dcae7,#4eadda);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#8dcae7),to(#4eadda));
  background-image:-webkit-linear-gradient(top,#8dcae7,#4eadda);
  background-image:-o-linear-gradient(top,#8dcae7,#4eadda);
  background-image:linear-gradient(to bottom,#8dcae7,#4eadda);
}
A.button--cyan, .button--cyan {
  color:#fff;
  border-color:#007888 !important;
  color:#fff;
  background-color:#08e3ff;
  border-color:#00a5bb #007888 #007888 #00a5bb;
  background-image:-moz-linear-gradient(top,#08e3ff,#00a5bb);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#08e3ff),to(#00a5bb));
  background-image:-webkit-linear-gradient(top,#08e3ff,#00a5bb);
  background-image:-o-linear-gradient(top,#08e3ff,#00a5bb);
  background-image:linear-gradient(to bottom,#08e3ff,#00a5bb);
}
A.button--cyan:hover, .button--cyan:hover {
  background-color:#22e6ff;
  background-image:-moz-linear-gradient(top,#22e6ff,#00bcd4);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#22e6ff),to(#00bcd4));
  background-image:-webkit-linear-gradient(top,#22e6ff,#00bcd4);
  background-image:-o-linear-gradient(top,#22e6ff,#00bcd4);
  background-image:linear-gradient(to bottom,#22e6ff,#00bcd4);
}
A.button--teal, .button--teal {
  color:#fff;
  border-color:#004a43 !important;
  color:#fff;
  background-color:#00c9b6;
  border-color:#007d71 #004a43 #004a43 #007d71;
  background-image:-moz-linear-gradient(top,#00c9b6,#007d71);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#00c9b6),to(#007d71));
  background-image:-webkit-linear-gradient(top,#00c9b6,#007d71);
  background-image:-o-linear-gradient(top,#00c9b6,#007d71);
  background-image:linear-gradient(to bottom,#00c9b6,#007d71);
}
A.button--teal:hover, .button--teal:hover {
  background-color:#00e3cd;
  background-image:-moz-linear-gradient(top,#00e3cd,#009688);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#00e3cd),to(#009688));
  background-image:-webkit-linear-gradient(top,#00e3cd,#009688);
  background-image:-o-linear-gradient(top,#00e3cd,#009688);
  background-image:linear-gradient(to bottom,#00e3cd,#009688);
}
A.button--darkgreen, .button--darkgreen {
  color:#fff;
  border-color:#5e7228 !important;
  color:#fff;
  background-color:#a5c456;
  border-color:#7d9835 #5e7228 #5e7228 #7d9835;
  background-image:-moz-linear-gradient(top,#a5c456,#7d9835);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#a5c456),to(#7d9835));
  background-image:-webkit-linear-gradient(top,#a5c456,#7d9835);
  background-image:-o-linear-gradient(top,#a5c456,#7d9835);
  background-image:linear-gradient(to bottom,#a5c456,#7d9835);
}
A.button--darkgreen:hover, .button--darkgreen:hover {
  background-color:#afca69;
  background-image:-moz-linear-gradient(top,#afca69,#8cab3c);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#afca69),to(#8cab3c));
  background-image:-webkit-linear-gradient(top,#afca69,#8cab3c);
  background-image:-o-linear-gradient(top,#afca69,#8cab3c);
  background-image:linear-gradient(to bottom,#afca69,#8cab3c);
}
A.button--green, .button--green {
  color:#fff;
  border-color:#699233 !important;
  color:#fff;
  background-color:#a8cf76;
  border-color:#84b840 #699233 #699233 #84b840;
  background-image:-moz-linear-gradient(top,#a8cf76,#84b840);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#a8cf76),to(#84b840));
  background-image:-webkit-linear-gradient(top,#a8cf76,#84b840);
  background-image:-o-linear-gradient(top,#a8cf76,#84b840);
  background-image:linear-gradient(to bottom,#a8cf76,#84b840);
}
A.button--green:hover, .button--green:hover {
  background-color:#b4d689;
  background-image:-moz-linear-gradient(top,#b4d689,#90c250);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#b4d689),to(#90c250));
  background-image:-webkit-linear-gradient(top,#b4d689,#90c250);
  background-image:-o-linear-gradient(top,#b4d689,#90c250);
  background-image:linear-gradient(to bottom,#b4d689,#90c250);
}
A.button--lime, .button--lime {
  color:#fff;
  border-color:#9daa1e !important;
  color:#fff;
  background-color:#d8e464;
  border-color:#c6d626 #9daa1e #9daa1e #c6d626;
  background-image:-moz-linear-gradient(top,#d8e464,#c6d626);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#d8e464),to(#c6d626));
  background-image:-webkit-linear-gradient(top,#d8e464,#c6d626);
  background-image:-o-linear-gradient(top,#d8e464,#c6d626);
  background-image:linear-gradient(to bottom,#d8e464,#c6d626);
}
A.button--lime:hover, .button--lime:hover {
  background-color:#dde77a;
  background-image:-moz-linear-gradient(top,#dde77a,#cddc39);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#dde77a),to(#cddc39));
  background-image:-webkit-linear-gradient(top,#dde77a,#cddc39);
  background-image:-o-linear-gradient(top,#dde77a,#cddc39);
  background-image:linear-gradient(to bottom,#dde77a,#cddc39);
}
A.button--yellow, .button--yellow {
  color:#fff;
  border-color:#eed500 !important;
  color:#fff;
  background-color:#fff06e;
  border-color:#ffe822 #eed500 #eed500 #ffe822;
  background-image:-moz-linear-gradient(top,#fff06e,#ffe822);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff06e),to(#ffe822));
  background-image:-webkit-linear-gradient(top,#fff06e,#ffe822);
  background-image:-o-linear-gradient(top,#fff06e,#ffe822);
  background-image:linear-gradient(to bottom,#fff06e,#ffe822);
}
A.button--yellow:hover, .button--yellow:hover {
  background-color:#fff388;
  background-image:-moz-linear-gradient(top,#fff388,#ffeb3b);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff388),to(#ffeb3b));
  background-image:-webkit-linear-gradient(top,#fff388,#ffeb3b);
  background-image:-o-linear-gradient(top,#fff388,#ffeb3b);
  background-image:linear-gradient(to bottom,#fff388,#ffeb3b);
}
A.button--amber, .button--amber {
  color:#fff;
  border-color:#ba8b00 !important;
  color:#fff;
  background-color:#ffce3a;
  border-color:#edb100 #ba8b00 #ba8b00 #edb100;
  background-image:-moz-linear-gradient(top,#ffce3a,#edb100);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#ffce3a),to(#edb100));
  background-image:-webkit-linear-gradient(top,#ffce3a,#edb100);
  background-image:-o-linear-gradient(top,#ffce3a,#edb100);
  background-image:linear-gradient(to bottom,#ffce3a,#edb100);
}
A.button--amber:hover, .button--amber:hover {
  background-color:#ffd454;
  background-image:-moz-linear-gradient(top,#ffd454,#ffc107);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#ffd454),to(#ffc107));
  background-image:-webkit-linear-gradient(top,#ffd454,#ffc107);
  background-image:-o-linear-gradient(top,#ffd454,#ffc107);
  background-image:linear-gradient(to bottom,#ffd454,#ffc107);
}
A.button--orange, .button--orange {
  color:#fff;
  border-color:#b36a00 !important;
  color:#fff;
  background-color:#ffad33;
  border-color:#e68900 #b36a00 #b36a00 #e68900;
  background-image:-moz-linear-gradient(top,#ffad33,#e68900);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#ffad33),to(#e68900));
  background-image:-webkit-linear-gradient(top,#ffad33,#e68900);
  background-image:-o-linear-gradient(top,#ffad33,#e68900);
  background-image:linear-gradient(to bottom,#ffad33,#e68900);
}
A.button--orange:hover, .button--orange:hover {
  background-color:#ffb74d;
  background-image:-moz-linear-gradient(top,#ffb74d,#ff9800);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#ffb74d),to(#ff9800));
  background-image:-webkit-linear-gradient(top,#ffb74d,#ff9800);
  background-image:-o-linear-gradient(top,#ffb74d,#ff9800);
  background-image:linear-gradient(to bottom,#ffb74d,#ff9800);
}
A.button--darkorange, .button--darkorange {
  color:#fff;
  border-color:#d53300 !important;
  color:#fff;
  background-color:#ff7e55;
  border-color:#ff4408 #d53300 #d53300 #ff4408;
  background-image:-moz-linear-gradient(top,#ff7e55,#ff4408);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#ff7e55),to(#ff4408));
  background-image:-webkit-linear-gradient(top,#ff7e55,#ff4408);
  background-image:-o-linear-gradient(top,#ff7e55,#ff4408);
  background-image:linear-gradient(to bottom,#ff7e55,#ff4408);
}
A.button--darkorange:hover, .button--darkorange:hover {
  background-color:#ff916f;
  background-image:-moz-linear-gradient(top,#ff916f,#ff5722);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#ff916f),to(#ff5722));
  background-image:-webkit-linear-gradient(top,#ff916f,#ff5722);
  background-image:-o-linear-gradient(top,#ff916f,#ff5722);
  background-image:linear-gradient(to bottom,#ff916f,#ff5722);
}
A.button--red, .button--red {
  color:#fff;
  border-color:#d20b0d !important;
  color:#fff;
  background-color:#f76667;
  border-color:#f31e1f #d20b0d #d20b0d #f31e1f;
  background-image:-moz-linear-gradient(top,#f76667,#f31e1f);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#f76667),to(#f31e1f));
  background-image:-webkit-linear-gradient(top,#f76667,#f31e1f);
  background-image:-o-linear-gradient(top,#f76667,#f31e1f);
  background-image:linear-gradient(to bottom,#f76667,#f31e1f);
}
A.button--red:hover, .button--red:hover {
  background-color:#f87f7f;
  background-image:-moz-linear-gradient(top,#f87f7f,#f43637);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#f87f7f),to(#f43637));
  background-image:-webkit-linear-gradient(top,#f87f7f,#f43637);
  background-image:-o-linear-gradient(top,#f87f7f,#f43637);
  background-image:linear-gradient(to bottom,#f87f7f,#f43637);
}
A.button--pink, .button--pink {
  color:#fff;
  border-color:#bf378c !important;
  color:#fff;
  background-color:#e095c4;
  border-color:#cf59a3 #bf378c #bf378c #cf59a3;
  background-image:-moz-linear-gradient(top,#e095c4,#cf59a3);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#e095c4),to(#cf59a3));
  background-image:-webkit-linear-gradient(top,#e095c4,#cf59a3);
  background-image:-o-linear-gradient(top,#e095c4,#cf59a3);
  background-image:linear-gradient(to bottom,#e095c4,#cf59a3);
}
A.button--pink:hover, .button--pink:hover {
  background-color:#e6a8cf;
  background-image:-moz-linear-gradient(top,#e6a8cf,#d56dae);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#e6a8cf),to(#d56dae));
  background-image:-webkit-linear-gradient(top,#e6a8cf,#d56dae);
  background-image:-o-linear-gradient(top,#e6a8cf,#d56dae);
  background-image:linear-gradient(to bottom,#e6a8cf,#d56dae);
}
A.button--brown, .button--brown {
  color:#fff;
  border-color:#433004 !important;
  color:#fff;
  background-color:#bb880b;
  border-color:#735307 #433004 #433004 #735307;
  background-image:-moz-linear-gradient(top,#bb880b,#735307);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#bb880b),to(#735307));
  background-image:-webkit-linear-gradient(top,#bb880b,#735307);
  background-image:-o-linear-gradient(top,#bb880b,#735307);
  background-image:linear-gradient(to bottom,#bb880b,#735307);
}
A.button--brown:hover, .button--brown:hover {
  background-color:#d39a0c;
  background-image:-moz-linear-gradient(top,#d39a0c,#8b6508);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#d39a0c),to(#8b6508));
  background-image:-webkit-linear-gradient(top,#d39a0c,#8b6508);
  background-image:-o-linear-gradient(top,#d39a0c,#8b6508);
  background-image:linear-gradient(to bottom,#d39a0c,#8b6508);
}
A.button--white, .button--white {
  color:#fff;
  border-color:#cfcfcf !important;
  color:#fff;
  background-color:#fff;
  border-color:#e8e8e8 #cfcfcf #cfcfcf #e8e8e8;
  background-image:-moz-linear-gradient(top,#fff,#e8e8e8);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e8e8e8));
  background-image:-webkit-linear-gradient(top,#fff,#e8e8e8);
  background-image:-o-linear-gradient(top,#fff,#e8e8e8);
  background-image:linear-gradient(to bottom,#fff,#e8e8e8);
}
A.button--white:hover, .button--white:hover {
  background-color:#fff;
  background-image:-moz-linear-gradient(top,#fff,#f5f5f5);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#f5f5f5));
  background-image:-webkit-linear-gradient(top,#fff,#f5f5f5);
  background-image:-o-linear-gradient(top,#fff,#f5f5f5);
  background-image:linear-gradient(to bottom,#fff,#f5f5f5);
}
A.button--lightgray, .button--lightgray {
  color:#fff;
  border-color:#b8c1cf !important;
  color:#fff;
  background-color:#fff;
  border-color:#d7dce4 #b8c1cf #b8c1cf #d7dce4;
  background-image:-moz-linear-gradient(top,#fff,#d7dce4);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#d7dce4));
  background-image:-webkit-linear-gradient(top,#fff,#d7dce4);
  background-image:-o-linear-gradient(top,#fff,#d7dce4);
  background-image:linear-gradient(to bottom,#fff,#d7dce4);
}
A.button--lightgray:hover, .button--lightgray:hover {
  background-color:#fff;
  background-image:-moz-linear-gradient(top,#fff,#e6e9ee);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e9ee));
  background-image:-webkit-linear-gradient(top,#fff,#e6e9ee);
  background-image:-o-linear-gradient(top,#fff,#e6e9ee);
  background-image:linear-gradient(to bottom,#fff,#e6e9ee);
}
A.button--gray, .button--gray {
  color:#fff;
  border-color:#808b9b !important;
  color:#fff;
  background-color:#c8ccd3;
  border-color:#9da5b2 #808b9b #808b9b #9da5b2;
  background-image:-moz-linear-gradient(top,#c8ccd3,#9da5b2);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#c8ccd3),to(#9da5b2));
  background-image:-webkit-linear-gradient(top,#c8ccd3,#9da5b2);
  background-image:-o-linear-gradient(top,#c8ccd3,#9da5b2);
  background-image:linear-gradient(to bottom,#c8ccd3,#9da5b2);
}
A.button--gray:hover, .button--gray:hover {
  background-color:#d6d9df;
  background-image:-moz-linear-gradient(top,#d6d9df,#abb2bd);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#d6d9df),to(#abb2bd));
  background-image:-webkit-linear-gradient(top,#d6d9df,#abb2bd);
  background-image:-o-linear-gradient(top,#d6d9df,#abb2bd);
  background-image:linear-gradient(to bottom,#d6d9df,#abb2bd);
}
A.button--darkgray, .button--darkgray {
  color:#fff;
  border-color:#41444b !important;
  color:#fff;
  background-color:#7d838f;
  border-color:#585d66 #41444b #41444b #585d66;
  background-image:-moz-linear-gradient(top,#7d838f,#585d66);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#7d838f),to(#585d66));
  background-image:-webkit-linear-gradient(top,#7d838f,#585d66);
  background-image:-o-linear-gradient(top,#7d838f,#585d66);
  background-image:linear-gradient(to bottom,#7d838f,#585d66);
}
A.button--darkgray:hover, .button--darkgray:hover {
  background-color:#8a909a;
  background-image:-moz-linear-gradient(top,#8a909a,#646a74);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#8a909a),to(#646a74));
  background-image:-webkit-linear-gradient(top,#8a909a,#646a74);
  background-image:-o-linear-gradient(top,#8a909a,#646a74);
  background-image:linear-gradient(to bottom,#8a909a,#646a74);
}
A.button--black, .button--black {
  color:#fff;
  border-color:#020202 !important;
  color:#fff;
  background-color:#3b4048;
  border-color:#191b1e #020202 #020202 #191b1e;
  background-image:-moz-linear-gradient(top,#3b4048,#191b1e);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#3b4048),to(#191b1e));
  background-image:-webkit-linear-gradient(top,#3b4048,#191b1e);
  background-image:-o-linear-gradient(top,#3b4048,#191b1e);
  background-image:linear-gradient(to bottom,#3b4048,#191b1e);
}
A.button--black:hover, .button--black:hover {
  background-color:#464c56;
  background-image:-moz-linear-gradient(top,#464c56,#24272c);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#464c56),to(#24272c));
  background-image:-webkit-linear-gradient(top,#464c56,#24272c);
  background-image:-o-linear-gradient(top,#464c56,#24272c);
  background-image:linear-gradient(to bottom,#464c56,#24272c);
}
A.button--success, .button--success {
  color:#fff;
  border-color:#699233 !important;
  color:#fff;
  background-color:#a8cf76;
  border-color:#84b840 #699233 #699233 #84b840;
  background-image:-moz-linear-gradient(top,#a8cf76,#84b840);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#a8cf76),to(#84b840));
  background-image:-webkit-linear-gradient(top,#a8cf76,#84b840);
  background-image:-o-linear-gradient(top,#a8cf76,#84b840);
  background-image:linear-gradient(to bottom,#a8cf76,#84b840);
}
A.button--success:hover, .button--success:hover {
  background-color:#b4d689;
  background-image:-moz-linear-gradient(top,#b4d689,#90c250);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#b4d689),to(#90c250));
  background-image:-webkit-linear-gradient(top,#b4d689,#90c250);
  background-image:-o-linear-gradient(top,#b4d689,#90c250);
  background-image:linear-gradient(to bottom,#b4d689,#90c250);
}
A.button--warning, .button--warning {
  color:#fff;
  border-color:#b36a00 !important;
  color:#fff;
  background-color:#ffad33;
  border-color:#e68900 #b36a00 #b36a00 #e68900;
  background-image:-moz-linear-gradient(top,#ffad33,#e68900);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#ffad33),to(#e68900));
  background-image:-webkit-linear-gradient(top,#ffad33,#e68900);
  background-image:-o-linear-gradient(top,#ffad33,#e68900);
  background-image:linear-gradient(to bottom,#ffad33,#e68900);
}
A.button--warning:hover, .button--warning:hover {
  background-color:#ffb74d;
  background-image:-moz-linear-gradient(top,#ffb74d,#ff9800);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#ffb74d),to(#ff9800));
  background-image:-webkit-linear-gradient(top,#ffb74d,#ff9800);
  background-image:-o-linear-gradient(top,#ffb74d,#ff9800);
  background-image:linear-gradient(to bottom,#ffb74d,#ff9800);
}
A.button--danger, .button--danger {
  color:#fff;
  border-color:#d20b0d !important;
  color:#fff;
  background-color:#f76667;
  border-color:#f31e1f #d20b0d #d20b0d #f31e1f;
  background-image:-moz-linear-gradient(top,#f76667,#f31e1f);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#f76667),to(#f31e1f));
  background-image:-webkit-linear-gradient(top,#f76667,#f31e1f);
  background-image:-o-linear-gradient(top,#f76667,#f31e1f);
  background-image:linear-gradient(to bottom,#f76667,#f31e1f);
}
A.button--danger:hover, .button--danger:hover {
  background-color:#f87f7f;
  background-image:-moz-linear-gradient(top,#f87f7f,#f43637);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#f87f7f),to(#f43637));
  background-image:-webkit-linear-gradient(top,#f87f7f,#f43637);
  background-image:-o-linear-gradient(top,#f87f7f,#f43637);
  background-image:linear-gradient(to bottom,#f87f7f,#f43637);
}
A.button--error, .button--error {
  color:#fff;
  border-color:#d20b0d !important;
  color:#fff;
  background-color:#f76667;
  border-color:#f31e1f #d20b0d #d20b0d #f31e1f;
  background-image:-moz-linear-gradient(top,#f76667,#f31e1f);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#f76667),to(#f31e1f));
  background-image:-webkit-linear-gradient(top,#f76667,#f31e1f);
  background-image:-o-linear-gradient(top,#f76667,#f31e1f);
  background-image:linear-gradient(to bottom,#f76667,#f31e1f);
}
A.button--error:hover, .button--error:hover {
  background-color:#f87f7f;
  background-image:-moz-linear-gradient(top,#f87f7f,#f43637);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#f87f7f),to(#f43637));
  background-image:-webkit-linear-gradient(top,#f87f7f,#f43637);
  background-image:-o-linear-gradient(top,#f87f7f,#f43637);
  background-image:linear-gradient(to bottom,#f87f7f,#f43637);
}
A.button--info, .button--info {
  color:#fff;
  border-color:#2687b6 !important;
  color:#fff;
  background-color:#78c1e3;
  border-color:#39a3d6 #2687b6 #2687b6 #39a3d6;
  background-image:-moz-linear-gradient(top,#78c1e3,#39a3d6);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#78c1e3),to(#39a3d6));
  background-image:-webkit-linear-gradient(top,#78c1e3,#39a3d6);
  background-image:-o-linear-gradient(top,#78c1e3,#39a3d6);
  background-image:linear-gradient(to bottom,#78c1e3,#39a3d6);
}
A.button--info:hover, .button--info:hover {
  background-color:#8dcae7;
  background-image:-moz-linear-gradient(top,#8dcae7,#4eadda);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#8dcae7),to(#4eadda));
  background-image:-webkit-linear-gradient(top,#8dcae7,#4eadda);
  background-image:-o-linear-gradient(top,#8dcae7,#4eadda);
  background-image:linear-gradient(to bottom,#8dcae7,#4eadda);
}
A.button--muted, .button--muted {
  color:#fff;
  border-color:#b8c1cf !important;
  color:#fff;
  background-color:#fff;
  border-color:#d7dce4 #b8c1cf #b8c1cf #d7dce4;
  background-image:-moz-linear-gradient(top,#fff,#d7dce4);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#d7dce4));
  background-image:-webkit-linear-gradient(top,#fff,#d7dce4);
  background-image:-o-linear-gradient(top,#fff,#d7dce4);
  background-image:linear-gradient(to bottom,#fff,#d7dce4);
}
A.button--muted:hover, .button--muted:hover {
  background-color:#fff;
  background-image:-moz-linear-gradient(top,#fff,#e6e9ee);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e9ee));
  background-image:-webkit-linear-gradient(top,#fff,#e6e9ee);
  background-image:-o-linear-gradient(top,#fff,#e6e9ee);
  background-image:linear-gradient(to bottom,#fff,#e6e9ee);
}
A.button--selected, .button--selected {
  color:#fff;
  border-color:#005fd3 !important;
  color:#fff;
  background-color:#53a1ff;
  border-color:#0677ff #005fd3 #005fd3 #0677ff;
  background-image:-moz-linear-gradient(top,#53a1ff,#0677ff);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#53a1ff),to(#0677ff));
  background-image:-webkit-linear-gradient(top,#53a1ff,#0677ff);
  background-image:-o-linear-gradient(top,#53a1ff,#0677ff);
  background-image:linear-gradient(to bottom,#53a1ff,#0677ff);
}
A.button--selected:hover, .button--selected:hover {
  background-color:#6dafff;
  background-image:-moz-linear-gradient(top,#6dafff,#2085ff);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#6dafff),to(#2085ff));
  background-image:-webkit-linear-gradient(top,#6dafff,#2085ff);
  background-image:-o-linear-gradient(top,#6dafff,#2085ff);
  background-image:linear-gradient(to bottom,#6dafff,#2085ff);
}
A.button--save, .button--save {
  color:#fff;
  border-color:#699233 !important;
  color:#fff;
  background-color:#a8cf76;
  border-color:#84b840 #699233 #699233 #84b840;
  background-image:-moz-linear-gradient(top,#a8cf76,#84b840);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#a8cf76),to(#84b840));
  background-image:-webkit-linear-gradient(top,#a8cf76,#84b840);
  background-image:-o-linear-gradient(top,#a8cf76,#84b840);
  background-image:linear-gradient(to bottom,#a8cf76,#84b840);
}
A.button--save:hover, .button--save:hover {
  background-color:#b4d689;
  background-image:-moz-linear-gradient(top,#b4d689,#90c250);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#b4d689),to(#90c250));
  background-image:-webkit-linear-gradient(top,#b4d689,#90c250);
  background-image:-o-linear-gradient(top,#b4d689,#90c250);
  background-image:linear-gradient(to bottom,#b4d689,#90c250);
}
A.button--delete, .button--delete {
  color:#fff;
  border-color:#d20b0d !important;
  color:#fff;
  background-color:#f76667;
  border-color:#f31e1f #d20b0d #d20b0d #f31e1f;
  background-image:-moz-linear-gradient(top,#f76667,#f31e1f);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#f76667),to(#f31e1f));
  background-image:-webkit-linear-gradient(top,#f76667,#f31e1f);
  background-image:-o-linear-gradient(top,#f76667,#f31e1f);
  background-image:linear-gradient(to bottom,#f76667,#f31e1f);
}
A.button--delete:hover, .button--delete:hover {
  background-color:#f87f7f;
  background-image:-moz-linear-gradient(top,#f87f7f,#f43637);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#f87f7f),to(#f43637));
  background-image:-webkit-linear-gradient(top,#f87f7f,#f43637);
  background-image:-o-linear-gradient(top,#f87f7f,#f43637);
  background-image:linear-gradient(to bottom,#f87f7f,#f43637);
}
A.button--load, .button--load {
  color:#fff;
  border-color:#b36a00 !important;
  color:#fff;
  background-color:#ffad33;
  border-color:#e68900 #b36a00 #b36a00 #e68900;
  background-image:-moz-linear-gradient(top,#ffad33,#e68900);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#ffad33),to(#e68900));
  background-image:-webkit-linear-gradient(top,#ffad33,#e68900);
  background-image:-o-linear-gradient(top,#ffad33,#e68900);
  background-image:linear-gradient(to bottom,#ffad33,#e68900);
}
A.button--load:hover, .button--load:hover {
  background-color:#ffb74d;
  background-image:-moz-linear-gradient(top,#ffb74d,#ff9800);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#ffb74d),to(#ff9800));
  background-image:-webkit-linear-gradient(top,#ffb74d,#ff9800);
  background-image:-o-linear-gradient(top,#ffb74d,#ff9800);
  background-image:linear-gradient(to bottom,#ffb74d,#ff9800);
}
A.button--cancel, .button--cancel {
  color:#fff;
  border-color:#808b9b !important;
  color:#fff;
  background-color:#c8ccd3;
  border-color:#9da5b2 #808b9b #808b9b #9da5b2;
  background-image:-moz-linear-gradient(top,#c8ccd3,#9da5b2);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#c8ccd3),to(#9da5b2));
  background-image:-webkit-linear-gradient(top,#c8ccd3,#9da5b2);
  background-image:-o-linear-gradient(top,#c8ccd3,#9da5b2);
  background-image:linear-gradient(to bottom,#c8ccd3,#9da5b2);
}
A.button--cancel:hover, .button--cancel:hover {
  background-color:#d6d9df;
  background-image:-moz-linear-gradient(top,#d6d9df,#abb2bd);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#d6d9df),to(#abb2bd));
  background-image:-webkit-linear-gradient(top,#d6d9df,#abb2bd);
  background-image:-o-linear-gradient(top,#d6d9df,#abb2bd);
  background-image:linear-gradient(to bottom,#d6d9df,#abb2bd);
}
A.button--confirm, .button--confirm {
  color:#fff;
  border-color:#699233 !important;
  color:#fff;
  background-color:#a8cf76;
  border-color:#84b840 #699233 #699233 #84b840;
  background-image:-moz-linear-gradient(top,#a8cf76,#84b840);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#a8cf76),to(#84b840));
  background-image:-webkit-linear-gradient(top,#a8cf76,#84b840);
  background-image:-o-linear-gradient(top,#a8cf76,#84b840);
  background-image:linear-gradient(to bottom,#a8cf76,#84b840);
}
A.button--confirm:hover, .button--confirm:hover {
  background-color:#b4d689;
  background-image:-moz-linear-gradient(top,#b4d689,#90c250);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#b4d689),to(#90c250));
  background-image:-webkit-linear-gradient(top,#b4d689,#90c250);
  background-image:-o-linear-gradient(top,#b4d689,#90c250);
  background-image:linear-gradient(to bottom,#b4d689,#90c250);
}
A.button--azurro, .button--azurro {
  color:#fff;
  border-color:#2687b6 !important;
  color:#fff;
  background-color:#78c1e3;
  border-color:#39a3d6 #2687b6 #2687b6 #39a3d6;
  background-image:-moz-linear-gradient(top,#78c1e3,#39a3d6);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#78c1e3),to(#39a3d6));
  background-image:-webkit-linear-gradient(top,#78c1e3,#39a3d6);
  background-image:-o-linear-gradient(top,#78c1e3,#39a3d6);
  background-image:linear-gradient(to bottom,#78c1e3,#39a3d6);
}
A.button--azurro:hover, .button--azurro:hover {
  background-color:#8dcae7;
  background-image:-moz-linear-gradient(top,#8dcae7,#4eadda);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#8dcae7),to(#4eadda));
  background-image:-webkit-linear-gradient(top,#8dcae7,#4eadda);
  background-image:-o-linear-gradient(top,#8dcae7,#4eadda);
  background-image:linear-gradient(to bottom,#8dcae7,#4eadda);
}
.button--primary {
  color:#fff;
  border-color:#005fd3 !important;
  color:#fff;
  background-color:#53a1ff;
  border-color:#0677ff #005fd3 #005fd3 #0677ff;
  background-image:-moz-linear-gradient(top,#53a1ff,#0677ff);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#53a1ff),to(#0677ff));
  background-image:-webkit-linear-gradient(top,#53a1ff,#0677ff);
  background-image:-o-linear-gradient(top,#53a1ff,#0677ff);
  background-image:linear-gradient(to bottom,#53a1ff,#0677ff);
}
.button--primary:hover {
  background-color:#6dafff;
  background-image:-moz-linear-gradient(top,#6dafff,#2085ff);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#6dafff),to(#2085ff));
  background-image:-webkit-linear-gradient(top,#6dafff,#2085ff);
  background-image:-o-linear-gradient(top,#6dafff,#2085ff);
  background-image:linear-gradient(to bottom,#6dafff,#2085ff);
}
.button--disabled, .button.is-disabled { COLOR:#ccc; }
.button--disabled:hover, .button.is-disabled:hover { COLOR:#ccc; }
.button--disabled.button--input {
  BACKGROUND:#c7e9ff;
  border-color:rgba(90,127,195,-0.0625);
  COLOR:#2f6ac9;
}
TABLE.valinta {
  display:inline-table;
  vertical-align:top;
  margin:0px 0px 0px 0px;
  padding:0px;
  white-space:normal;
}
TABLE.valinta TR TD {
  margin:0px;
  padding:0px;
}
TABLE.valinta INPUT {
  display:none;
  visibility:hidden;
}
.button.is-selected, .button--checked {
  color:#eee;
  color:#fff;
  background-color:#2085ff;
  border-color:#53a1ff #2085ff #2085ff #53a1ff;
  background-image:-moz-linear-gradient(top,#2085ff,#53a1ff);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#2085ff),to(#53a1ff));
  background-image:-webkit-linear-gradient(top,#2085ff,#53a1ff);
  background-image:-o-linear-gradient(top,#2085ff,#53a1ff);
  background-image:linear-gradient(to bottom,#2085ff,#53a1ff);
}
.button.is-selected:hover, .button--checked:hover {
  background-color:#3a93ff;
  background-image:-moz-linear-gradient(top,#3a93ff,#6dafff);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#3a93ff),to(#6dafff));
  background-image:-webkit-linear-gradient(top,#3a93ff,#6dafff);
  background-image:-o-linear-gradient(top,#3a93ff,#6dafff);
  background-image:linear-gradient(to bottom,#3a93ff,#6dafff);
}
.button--inline {
  height:auto;
  line-height:1;
  margin-bottom:0px;
}
.button--inline .fa { line-height:1; }
.button--description { line-height:1.2; }
.button--description p { margin-top:0px; }
.nappiImg, .nappiImgWhite {
  width:30px;
  height:30px;
  padding:2px;
}
.button-group {
  margin-right:4px;
  margin-bottom:4px;
}
.button-group:last-child { margin-right:0px; }
.button-group .button {
  margin-left:0px;
  margin-right:0px;
  background-clip:padding-box;
  -webkit-border-radius:0px;
  -moz-border-radius:0px;
  border-radius:0px;
}
.button-group .button:first-child, .button-group .button-first {
  background-clip:padding-box;
  -webkit-border-top-left-radius:4px;
  -webkit-border-bottom-left-radius:4px;
  -moz-border-radius-topleft:4px;
  -moz-border-radius-bottomleft:4px;
  border-top-left-radius:4px;
  border-bottom-left-radius:4px;
  border-radius-topleft:4px;
  border-radius-bottomleft:4px;
}
.button-group .button:last-child, .button-group .button-last {
  background-clip:padding-box;
  -webkit-border-top-right-radius:4px;
  -webkit-border-bottom-right-radius:4px;
  -moz-border-radius-topright:4px;
  -moz-border-radius-bottomright:4px;
  border-top-right-radius:4px;
  border-bottom-right-radius:4px;
  border-radius-topright:4px;
  border-radius-bottomright:4px;
}
.button-group--block { display:block; }
.button-group--justify {
  display:table;
  width:100%;
  table-layout:fixed;
}
.button-group--justify .button {
  display:table-cell;
  text-align:center;
  width:28px;
}
.button-group--vertical .button {
  margin-bottom:0px;
  border-width:1px;
}
.button-group * {
  margin-right:0px;
  border-right-width:0px;
}
.button-group > .button + .button {
  margin-right:0px;
  margin-left:0px;
}
.button-group *:last-child { border-right-width:1px; }
.button-group--toggle input, .button-group--select input {
  display:none;
  visibility:hidden;
}
.button-group--select { white-space:normal; }
.button-group--select[data-type=multiple] LABEL {
  margin-right:4px;
  margin-bottom:4px;
}
.button-group .button--plain:last-child { border-right-width:0px; }
.button-group--filter > .button:first-child {
  background-clip:padding-box;
  -webkit-border-top-left-radius:15px;
  -webkit-border-bottom-left-radius:15px;
  -moz-border-radius-topleft:15px;
  -moz-border-radius-bottomleft:15px;
  border-top-left-radius:15px;
  border-bottom-left-radius:15px;
  border-radius-topleft:15px;
  border-radius-bottomleft:15px;
}
.button-group--filter > .button:last-child {
  background-clip:padding-box;
  -webkit-border-top-right-radius:15px;
  -webkit-border-bottom-right-radius:15px;
  -moz-border-radius-topright:15px;
  -moz-border-radius-bottomright:15px;
  border-top-right-radius:15px;
  border-bottom-right-radius:15px;
  border-radius-topright:15px;
  border-radius-bottomright:15px;
}
.button-group--toggle { display:inline-block; }
.card_list {
  margin-right:-6px;
  margin-bottom:-6px;
}
.card_list .card {
  padding-right:6px;
  padding-bottom:6px;
}
.card {
  display:inline-block;
  text-align:left;
  width:100%;
}
.card:last-child { margin-left:0px; }
.card .card__border {
  display:inline-block;
  width:100%;
  border:rgba(65,65,100,0.25) 1px solid;
  padding-right:6px;
  overflow:hidden;
  background-clip:padding-box;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
}
.card .card__border DIV.card__header {
  padding:4px;
  display:table;
  width:100%;
}
.card .card__border DIV.card__header > DIV {
  display:table-cell;
  vertical-align:top;
  padding:4px;
}
.card .card__border DIV.card__header .card__image {
  padding:0px;
  text-align:center;
  width:100%;
}
.card .card__border DIV.card__header .card__image .fa {
  font-size:96px;
  width:96px;
  height:96px;
  line-height:96px;
}
.card .card__border DIV.card__header .card__image img { width:100%; }
.card .card__border DIV.card__header .card__header__icon .fa {
  font-size:40px;
  width:48px;
  height:48px;
  line-height:48px;
  text-align:center;
}
.card .card__border DIV.card__header .card__header__icon img {
  width:48px;
  height:48px;
  background-clip:padding-box;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
}
.card .card__border DIV.card__header .card__header_content { width:100%; }
.card .card__border DIV.card__header .card__header_content H4.title {
  font-family:'Noto Sans', sans-serif;
  font-size:13px;
  font-weight:bold;
  color:rgba(0,0,0,0.65);
}
.card .card__border DIV.card__header .card__header_content .description {
  color:rgba(0,0,0,0.45);
  padding:2px 0px 2px 0px;
}
.card .card__border DIV.card__header .card__header_content .content { padding:4px 0px 4px 0px; }
.card .card__border DIV.card__footer { padding:4px; }
.card.is-selected .card__border {
  color:#fff;
  background-color:#53a1ff;
}
.card.is-selected:hover .card__border { background-color:#3a93ff; }
.card--borderless .card__border {
  border-width:0px;
  padding-right:0px;
}
.card--topimage { width:192px; }
.card--topimage DIV.card__image {
  padding:0px;
  width:100%;
  height:192px;
  display:block;
}
.card--topimage DIV.card__image img {
  width:192px;
  height:192px;
  background-color:#eee;
  background-clip:padding-box;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
}
.card--topimage .card__header_content { height:48px; }
.card--centered { text-align:center; }
.card--color .card__border { border-left-width:4px; }
.card--red .card__border { border-left-color:#f43637; }
.card--purple .card__border { border-left-color:#c13665; }
.card--violet .card__border { border-left-color:#9577dc; }
.card--indigo .card__border { border-left-color:#5c6bc0; }
.card--blue .card__border { border-left-color:#5486d7; }
.card--azure .card__border { border-left-color:#4eadda; }
.card--cyan .card__border { border-left-color:#00bcd4; }
.card--teal .card__border { border-left-color:#009688; }
.card--darkgreen .card__border { border-left-color:#8cab3c; }
.card--green .card__border { border-left-color:#90c250; }
.card--lime .card__border { border-left-color:#cddc39; }
.card--yellow .card__border { border-left-color:#ffeb3b; }
.card--amber .card__border { border-left-color:#ffc107; }
.card--orange .card__border { border-left-color:#ff9800; }
.card--darkorange .card__border { border-left-color:#ff5722; }
.card--pink .card__border { border-left-color:#d56dae; }
.card--brown .card__border { border-left-color:#8b6508; }
.card--white .card__border { border-left-color:#f5f5f5; }
.card--lightgray .card__border { border-left-color:#e6e9ee; }
.card--gray .card__border { border-left-color:#abb2bd; }
.card--darkgray .card__border { border-left-color:#646a74; }
.card--black .card__border { border-left-color:#24272c; }
.card--success .card__border { border-left-color:#90c250; }
.card--warning .card__border { border-left-color:#ff9800; }
.card--danger .card__border { border-left-color:#f43637; }
.card--error .card__border { border-left-color:#f43637; }
.card--info .card__border { border-left-color:#4eadda; }
.card--muted .card__border { border-left-color:#e6e9ee; }
.card--selected .card__border { border-left-color:#2085ff; }
.card--save .card__border { border-left-color:#90c250; }
.card--delete .card__border { border-left-color:#f43637; }
.card--load .card__border { border-left-color:#ff9800; }
.card--cancel .card__border { border-left-color:#abb2bd; }
.cascadinglists {
  padding:0px;
  margin:0px;
  display:table;
  width:100%;
}
.cascadinglists .list {
  padding:0px;
  margin:0px;
  display:table-cell;
  vertical-align:top;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
.cascadinglists .list .content {
  padding:0px;
  margin:0px;
  overflow:auto;
  overflow-x:hidden;
  -ms-overflow-x:hidden;
  -webkit-overflow-scrolling:touch;
}
.cascadinglists .list + .list { padding-left:12px; }
.checkbox {
  display:inline-block;
  vertical-align:top;
  margin-right:4px;
}
.checkbox INPUT[type=checkbox] {
  vertical-align:middle;
  line-height:34px;
  width:25.5px;
}
.checkbox label {
  cursor:pointer;
  display:inline-block;
  height:34px;
  padding-right:4px;
  line-height:34px;
  margin:0px;
}
.checkbox label .fa {
  text-align:center;
  min-width:24px;
  font-size:24px;
  padding-left:4px;
  vertical-align:middle;
}
.checkbox:last-child { margin-right:0px; }
.checkbox label .fa[data-role=icon_on] { display:none; }
.checkbox label.is-selected .fa[data-role=icon_on] { display:inline-block; }
.checkbox label.is-selected .fa[data-role=icon_off] { display:none; }
INPUT.pw_luettelo_check { display:none; }
.checkbox--button label {
  margin-right:4px;
  line-height:34px;
}
.checkbox--button label .fa {
  min-width:20px;
  font-size:20px;
  line-height:34px;
  padding-left:0px;
}
.checkbox--button label:last-child { margin-right:0px; }
.checkbox--button label INPUT { display:none; }
.checkbox--button label.button { padding-right:10px; }
.checkbox--button label.is-selected { color:#fff; }
.checkbox--button label.button--icon {
  padding-left:0px;
  padding-right:0px;
}
.checkbox--pill label {
  height:34px;
  min-width:34px;
  line-height:34px;
  padding-left:10px;
  padding-right:10px;
  display:inline-block;
  margin-right:4px;
  background-color:#fff;
  color:;
  background-clip:padding-box;
  -webkit-border-radius:100px;
  -moz-border-radius:100px;
  border-radius:100px;
}
.checkbox--pill label .fa {
  text-align:center;
  min-width:20px;
  font-size:20px;
  padding-left:0px;
  vertical-align:middle;
}
.checkbox--pill label:last-child { margin-right:0px; }
.checkbox--pill label.is-selected {
  background-color:#2085ff;
  color:#eee;
}
.checkbox--pill label INPUT { display:none; }
.checkbox--pill label.icon {
  text-align:center;
  padding-left:0px;
  padding-right:0px;
  width:34px;
  padding-top:4px;
}
.checkbox--border label {
  border:rgba(65,65,100,0.25) 1px solid;
  padding-left:4px;
  background-clip:padding-box;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
}
.checkbox--border label.is-selected {
  color:#2085ff;
  border-color:#2085ff;
}
.checkbox--icon label {
  padding-left:4px;
  margin-left:0px;
  margin-right:0px;
  color:rgba(75,75,115,0.25);
}
.checkbox--icon label INPUT[type=checkbox] { display:none; }
.checkbox--icon label:last-child { margin-right:0px; }
.checkbox--icon label.is-selected { color:#006bec; }
.checkbox--image label {
  height:;
  line-height:auto;
  margin:0px 2px 2px 0px;
  padding:0px;
}
.checkbox--image label INPUT[type=checkbox] { display:none; }
.checkbox--image label IMG.fa {
  width:34px;
  height:34px;
  background:#fff;
  padding:3px;
  margin:0px;
  border:rgba(65,65,100,0.25) 1px solid;
  cursor:pointer;
  opacity:0.30;
  filter:1;
  background-clip:padding-box;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
}
.checkbox--image label IMG.fa:hover {
  opacity:1.0;
  filter:1;
  border-color:orange;
}
.checkbox--image label.is-selected IMG.fa {
  opacity:1.0;
  filter:1;
  border-color:#3b6fae;
}
.checkbox--image.checkbox--jumbo label { height:60px; }
.checkbox--image.checkbox--jumbo label IMG.fa {
  width:60px;
  height:60px;
}
.checkbox--image.checkbox--large label { height:48px; }
.checkbox--image.checkbox--large label IMG.fa {
  width:48px;
  height:48px;
}
.checkbox--image.checkbox--small label { height:24px; }
.checkbox--image.checkbox--small label IMG.fa {
  width:24px;
  height:24px;
}
.checkbox--image.checkbox--mini label { height:20px; }
.checkbox--image.checkbox--mini label IMG.fa {
  width:20px;
  height:20px;
}
.checkbox--justified {
  display:table;
  width:100%;
}
.checkbox--justified LABEL {
  text-align:center;
  display:table-cell;
}
.checkbox--justified LABEL:last-child { margin:0px 0px 0px 0px; }
.checkbox--button.checkbox--justified { border-spacing:4px 4px; }
.checkbox--pill.checkbox--justified { border-spacing:4px 4px; }
.checkbox--stacked { display:block; }
.checkbox--stacked LABEL {
  margin:0px 0px 4px 0px;
  text-align:left;
  display:block;
}
.checkbox--stacked LABEL:last-child { margin:0px 0px 0px 0px; }
DIV.columns {
  display:table;
  width:100%;
}
DIV.columns > DIV {
  display:table-cell;
  vertical-align:top;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
DIV.columns .column--left { text-align:left; }
DIV.columns .column--center { text-align:center; }
DIV.columns .column--right { text-align:right; }
DIV.columns .column--top { vertical-align:top; }
DIV.columns .column--middle { vertical-align:middle; }
DIV.columns .column--bottom { vertical-align:bottom; }
DIV.columns .column-left { text-align:left; }
DIV.columns .column-center { text-align:center; }
DIV.columns .column-right { text-align:right; }
DIV.columns .column-top { vertical-align:top; }
DIV.columns .column-middle { vertical-align:middle; }
DIV.columns .column-bottom { vertical-align:bottom; }
.container {
  padding-right:10px;
  padding-left:10px;
  box-sizing:border-box;
  margin-right:0px;
  margin-left:0px;
}
.container:first-child { padding-top:10px; }
.container:last-child { padding-bottom:10px; }
.panel-body > .container { width:100%; }
@media (max-width: 767px) {
}
@media (min-width: 768px) {
}
@media (min-width: 1200px) {
  .container { width:1180px; }
  .container--justified { width:100%; }
}
.u-corner--round {
  background-clip:padding-box;
  -webkit-border-radius:100px;
  -moz-border-radius:100px;
  border-radius:100px;
}
.u-corner--round-top {
  background-clip:padding-box;
  -webkit-border-top-left-radius:100px;
  -webkit-border-top-right-radius:100px;
  -moz-border-radius-topleft:100px;
  -moz-border-radius-topright:100px;
  border-top-left-radius:100px;
  border-top-right-radius:100px;
  border-radius-topleft:100px;
  border-radius-topright:100px;
}
.u-corner--round-bottom {
  background-clip:padding-box;
  -webkit-border-bottom-left-radius:100px;
  -webkit-border-bottom-right-radius:100px;
  -moz-border-radius-bottomleft:100px;
  -moz-border-radius-bottomright:100px;
  border-bottom-left-radius:100px;
  border-bottom-right-radius:100px;
  border-radius-bottomleft:100px;
  border-radius-bottomright:100px;
}
.u-corner--round-right {
  background-clip:padding-box;
  -webkit-border-top-right-radius:100px;
  -webkit-border-bottom-right-radius:100px;
  -moz-border-radius-topright:100px;
  -moz-border-radius-bottomright:100px;
  border-top-right-radius:100px;
  border-bottom-right-radius:100px;
  border-radius-topright:100px;
  border-radius-bottomright:100px;
}
.u-corner--round-left {
  background-clip:padding-box;
  -webkit-border-top-left-radius:100px;
  -webkit-border-bottom-left-radius:100px;
  -moz-border-radius-topleft:100px;
  -moz-border-radius-bottomleft:100px;
  border-top-left-radius:100px;
  border-bottom-left-radius:100px;
  border-radius-topleft:100px;
  border-radius-bottomleft:100px;
}
.u-corner--sharp {
  background-clip:padding-box;
  -webkit-border-radius:0px;
  -moz-border-radius:0px;
  border-radius:0px;
}
.u-corner--sharp-left {
  background-clip:padding-box;
  -webkit-border-top-left-radius:0px;
  -webkit-border-bottom-left-radius:0px;
  -moz-border-radius-topleft:0px;
  -moz-border-radius-bottomleft:0px;
  border-top-left-radius:0px;
  border-bottom-left-radius:0px;
  border-radius-topleft:0px;
  border-radius-bottomleft:0px;
}
.u-corner--sharp-right {
  background-clip:padding-box;
  -webkit-border-top-right-radius:0px;
  -webkit-border-bottom-right-radius:0px;
  -moz-border-radius-topright:0px;
  -moz-border-radius-bottomright:0px;
  border-top-right-radius:0px;
  border-bottom-right-radius:0px;
  border-radius-topright:0px;
  border-radius-bottomright:0px;
}
.u-corner--sharp-bottom {
  background-clip:padding-box;
  -webkit-border-bottom-left-radius:0px;
  -webkit-border-bottom-right-radius:0px;
  -moz-border-radius-bottomleft:0px;
  -moz-border-radius-bottomright:0px;
  border-bottom-left-radius:0px;
  border-bottom-right-radius:0px;
  border-radius-bottomleft:0px;
  border-radius-bottomright:0px;
}
.u-corner--sharp-top {
  background-clip:padding-box;
  -webkit-border-top-left-radius:0px;
  -webkit-border-top-right-radius:0px;
  -moz-border-radius-topleft:0px;
  -moz-border-radius-topright:0px;
  border-top-left-radius:0px;
  border-top-right-radius:0px;
  border-radius-topleft:0px;
  border-radius-topright:0px;
}
.u-corner--radius {
  background-clip:padding-box;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border-radius:6px;
}
.u-corner--radius-top {
  background-clip:padding-box;
  -webkit-border-top-left-radius:6px;
  -webkit-border-top-right-radius:6px;
  -moz-border-radius-topleft:6px;
  -moz-border-radius-topright:6px;
  border-top-left-radius:6px;
  border-top-right-radius:6px;
  border-radius-topleft:6px;
  border-radius-topright:6px;
}
.u-corner--radius-bottom {
  background-clip:padding-box;
  -webkit-border-bottom-left-radius:6px;
  -webkit-border-bottom-right-radius:6px;
  -moz-border-radius-bottomleft:6px;
  -moz-border-radius-bottomright:6px;
  border-bottom-left-radius:6px;
  border-bottom-right-radius:6px;
  border-radius-bottomleft:6px;
  border-radius-bottomright:6px;
}
.u-corner--radius-right {
  background-clip:padding-box;
  -webkit-border-top-right-radius:6px;
  -webkit-border-bottom-right-radius:6px;
  -moz-border-radius-topright:6px;
  -moz-border-radius-bottomright:6px;
  border-top-right-radius:6px;
  border-bottom-right-radius:6px;
  border-radius-topright:6px;
  border-radius-bottomright:6px;
}
.u-corner--radius-left {
  background-clip:padding-box;
  -webkit-border-top-left-radius:6px;
  -webkit-border-bottom-left-radius:6px;
  -moz-border-radius-topleft:6px;
  -moz-border-radius-bottomleft:6px;
  border-top-left-radius:6px;
  border-bottom-left-radius:6px;
  border-radius-topleft:6px;
  border-radius-bottomleft:6px;
}
.u-corner--radius-large {
  background-clip:padding-box;
  -webkit-border-radius:12px;
  -moz-border-radius:12px;
  border-radius:12px;
}
.panel .panel-body h2.form__group__header { margin-bottom:0px; }
.panel .panel-body h3.form__fieldset__header { margin-top:0px; }
.form .row {
  margin-left:0px;
  margin-right:0px;
}
.form .col { line-height:34px; }
.form .footer { margin-top:10px; }
.form .header {
  padding-left:6px;
  padding-bottom:6px;
}
.form .header h1.form__header {
  font-family:'Libre Franklin', sans-serif;
  color:rgba(0,0,0,0.65);
  font-weight:normal;
}
.form h2.form__group__header {
  font-family:'Libre Franklin', sans-serif;
  font-weight:normal;
  font-size:20.02px;
  color:rgba(0,0,0,0.65);
  border-bottom:rgba(65,65,100,0.25) 1px solid;
  padding-left:4px;
  padding-top:12px;
  padding-bottom:6px;
  margin-bottom:0px;
  margin-top:0px;
}
.form .form__group + h2.form__group__header { margin-top:20px; }
.form .col.form__fieldset {
  margin-top:6px;
  padding:0px;
}
.form .col.form__fieldset h3.form__fieldset__header {
  font-family:'Libre Franklin', sans-serif;
  font-weight:bold;
  color:rgba(0,0,0,0.65);
  padding-left:3px;
  padding-bottom:6px;
  padding-top:12px;
}
.form .row.form__field {
  padding:0px;
  padding-left:3px;
}
.form .row.form__field[data-level="2"] { background-color:#eee; }
.form .col.form__label {
  padding-left:3px;
  padding-right:3px;
}
.form .col.form__input { padding:0px; }
.form .col.form__input .row .col {
  padding:0px;
  padding-left:3px;
  padding-right:3px;
}
.form .col.form__input INPUT { margin-bottom:3px; }
.form--condensed { padding:0px; }
.gridbutton {
  display:inline-block;
  padding:10px;
  margin:10px;
  width:140px;
  height:140px;
  text-align:center;
  vertical-align:bottom;
  cursor:pointer;
  border:1px solid #ccc;
  border-color:#e6e6e6 #e6e6e6 #cfcfcf;
  border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
  border-bottom-color:#c3c3c3;
  color:rgba(0,0,0,0.87);
  background-clip:padding-box;
  -webkit-border-radius:12px;
  -moz-border-radius:12px;
  border-radius:12px;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  color:#fff;
  background-color:#fff;
  border-color:#e2e2e2 #c9c9c9 #c9c9c9 #e2e2e2;
  background-image:-moz-linear-gradient(top,#fff,#e2e2e2);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e2e2e2));
  background-image:-webkit-linear-gradient(top,#fff,#e2e2e2);
  background-image:-o-linear-gradient(top,#fff,#e2e2e2);
  background-image:linear-gradient(to bottom,#fff,#e2e2e2);
}
.gridbutton:hover {
  background-color:#fff;
  background-image:-moz-linear-gradient(top,#fff,#efefef);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#efefef));
  background-image:-webkit-linear-gradient(top,#fff,#efefef);
  background-image:-o-linear-gradient(top,#fff,#efefef);
  background-image:linear-gradient(to bottom,#fff,#efefef);
}
.gridbutton .fa {
  margin:16px;
  font-size:48px;
}
.gridbutton h4 { font-size:14px; }
.gridbutton p { font-size:11px; }
.gridbutton:hover { color:#4d4d4d; }
.grid {
  margin-left:10px;
  margin-right:10px;
}
.grid .grid {
  margin-left:-10px;
  margin-right:-10px;
}
.grid--bordered {
  border-top:rgba(65,65,100,0.25) 1px solid;
  border-right:rgba(65,65,100,0.25) 1px solid;
}
.grid--bordered .row { border-bottom:rgba(65,65,100,0.25) 1px solid; }
.grid--bordered .row .col { border-left:rgba(65,65,100,0.25) 1px solid; }
.grid--condensed {
  margin-left:0px;
  margin-right:0px;
}
.grid--condensed .row .col {
  padding-left:0px;
  padding-right:0px;
}
.grid--padding {
  margin-top:10px;
  margin-bottom:10px;
}
.grid--padding .row .col {
  padding-top:4px;
  padding-bottom:4px;
}
.input-group {
  display:inline-block;
  margin-right:4px;
  white-space:nowrap;
  vertical-align:top;
}
.input-group:last-child { margin-right:0px; }
.input-group INPUT, .input-group input[type="text"], .input-group input[type="password"], .input-group input[type="datetime"], .input-group input[type="datetime-local"], .input-group input[type="date"], .input-group input[type="month"], .input-group input[type="time"], .input-group input[type="week"], .input-group input[type="number"], .input-group input[type="email"], .input-group input[type="url"], .input-group input[type="search"], .input-group input[type="tel"], .input-group input[type="color"], .input-group INPUT.input, .input-group .button, .input-group .label {
  border-right-width:0px;
  border-left-width:0px;
  margin-left:0px;
  margin-right:0px;
  background-clip:padding-box;
  -webkit-border-radius:0px;
  -moz-border-radius:0px;
  border-radius:0px;
}
.input-group .button { margin-bottom:4px; }
.input-group .label {
  border-top:rgba(65,65,100,0.25) 1px solid;
  border-bottom:rgba(65,65,100,0.25) 1px solid;
}
.input-group .button--input + INPUT { padding-left:0px; }
.input-group .ajaxHoverImage .button {
  border-left-width:0px !important;
  border-right-width:0px !important;
}
.input-group--round input[type="text"]:first-child, .input-group--round input[type="password"]:first-child, .input-group--round input[type="datetime"]:first-child, .input-group--round input[type="datetime-local"]:first-child, .input-group--round input[type="date"]:first-child, .input-group--round input[type="month"]:first-child, .input-group--round input[type="time"]:first-child, .input-group--round input[type="week"]:first-child, .input-group--round input[type="number"]:first-child, .input-group--round input[type="email"]:first-child, .input-group--round input[type="url"]:first-child, .input-group--round input[type="search"]:first-child, .input-group--round input[type="tel"]:first-child, .input-group--round input[type="color"]:first-child, .input-group--round INPUT.input:first-child, .input-group--round .button:first-child, .input-group--round .label:first-child {
  background-clip:padding-box !important;
  -webkit-border-top-left-radius:100px !important;
  -webkit-border-bottom-left-radius:100px !important;
  -moz-border-radius-topleft:100px !important;
  -moz-border-radius-bottomleft:100px !important;
  border-top-left-radius:100px !important;
  border-bottom-left-radius:100px !important;
  border-radius-topleft:100px !important;
  border-radius-bottomleft:100px !important;
}
.input-group--round input[type="text"]:last-child, .input-group--round input[type="password"]:last-child, .input-group--round input[type="datetime"]:last-child, .input-group--round input[type="datetime-local"]:last-child, .input-group--round input[type="date"]:last-child, .input-group--round input[type="month"]:last-child, .input-group--round input[type="time"]:last-child, .input-group--round input[type="week"]:last-child, .input-group--round input[type="number"]:last-child, .input-group--round input[type="email"]:last-child, .input-group--round input[type="url"]:last-child, .input-group--round input[type="search"]:last-child, .input-group--round input[type="tel"]:last-child, .input-group--round input[type="color"]:last-child, .input-group--round INPUT.input:last-child, .input-group--round .button:last-child, .input-group--round .label:last-child {
  background-clip:padding-box !important;
  -webkit-border-top-right-radius:100px !important;
  -webkit-border-bottom-right-radius:100px !important;
  -moz-border-radius-topright:100px !important;
  -moz-border-radius-bottomright:100px !important;
  border-top-right-radius:100px !important;
  border-bottom-right-radius:100px !important;
  border-radius-topright:100px !important;
  border-radius-bottomright:100px !important;
}
.input-group .button-last {
  margin-right:4px;
  border-right-width:1px !important;
  background-clip:padding-box;
  -webkit-border-top-right-radius:4px;
  -webkit-border-bottom-right-radius:4px;
  -moz-border-radius-topright:4px;
  -moz-border-radius-bottomright:4px;
  border-top-right-radius:4px;
  border-bottom-right-radius:4px;
  border-radius-topright:4px;
  border-radius-bottomright:4px;
}
@media screen {
  .input-group input[type="text"]:first-child, .input-group input[type="password"]:first-child, .input-group input[type="datetime"]:first-child, .input-group input[type="datetime-local"]:first-child, .input-group input[type="date"]:first-child, .input-group input[type="month"]:first-child, .input-group input[type="time"]:first-child, .input-group input[type="week"]:first-child, .input-group input[type="number"]:first-child, .input-group input[type="email"]:first-child, .input-group input[type="url"]:first-child, .input-group input[type="search"]:first-child, .input-group input[type="tel"]:first-child, .input-group input[type="color"]:first-child, .input-group INPUT.input:first-child, .input-group .button:first-child, .input-group .label:first-child {
    border-left-width:1px !important;
    background-clip:padding-box;
    -webkit-border-top-left-radius:4.25px;
    -webkit-border-bottom-left-radius:4.25px;
    -moz-border-radius-topleft:4.25px;
    -moz-border-radius-bottomleft:4.25px;
    border-top-left-radius:4.25px;
    border-bottom-left-radius:4.25px;
    border-radius-topleft:4.25px;
    border-radius-bottomleft:4.25px;
  }
  .input-group .button--plain:first-child { border-left-width:0px !important; }
  .input-group input[type="text"]:last-child, .input-group input[type="password"]:last-child, .input-group input[type="datetime"]:last-child, .input-group input[type="datetime-local"]:last-child, .input-group input[type="date"]:last-child, .input-group input[type="month"]:last-child, .input-group input[type="time"]:last-child, .input-group input[type="week"]:last-child, .input-group input[type="number"]:last-child, .input-group input[type="email"]:last-child, .input-group input[type="url"]:last-child, .input-group input[type="search"]:last-child, .input-group input[type="tel"]:last-child, .input-group input[type="color"]:last-child, .input-group INPUT.input:last-child, .input-group .button:last-child, .input-group .label:last-child {
    border-right-width:1px !important;
    background-clip:padding-box;
    -webkit-border-top-right-radius:4.25px;
    -webkit-border-bottom-right-radius:4.25px;
    -moz-border-radius-topright:4.25px;
    -moz-border-radius-bottomright:4.25px;
    border-top-right-radius:4.25px;
    border-bottom-right-radius:4.25px;
    border-radius-topright:4.25px;
    border-radius-bottomright:4.25px;
  }
  .input-group .button--plain:last-child { border-right-width:0px !important; }
}
@media print {
  .input-group {
    background-color:#fff !important;
    background-image:none !important;
    border-width:0px !important;
  }
  .input-group .button { display:none !important; }
}
.input-group--condensed { margin-bottom:0px; }
.input-group--condensed .button { margin-bottom:0px; }
.input-group--condensed INPUT[type="text"] { margin-bottom:0px; }
.input-group--justified {
  width:100%;
  display:table;
  margin-bottom:4px;
}
.input-group--justified > * { display:table-cell; }
.input-group--justified INPUT[type="text"] { margin-bottom:0px; }
.input-group--justified .button--icon .fa { line-height:27.2px; }
.form .col.form__input .input-group--justified INPUT[type="text"] { margin-bottom:0px; }
DIV.header {
  display:table;
  width:100%;
  margin-top:24px;
  padding-bottom:0px;
  margin-bottom:12px;
}
DIV.header:first-child { margin-top:12px; }
DIV.header > DIV {
  display:table-cell;
  height:100%;
  vertical-align:top;
}
DIV.header > DIV.icon {
  white-space:nowrap;
  padding-top:0px;
  padding-right:0px;
}
DIV.header > DIV.icon .button { height:20.02px; }
DIV.header > DIV.icon i.fa {
  color:rgba(0,0,0,0.65);
  line-height:24.024px;
  font-size:20.02px;
}
DIV.header > DIV.text {
  padding-left:8px;
  vertical-align:middle;
  width:100%;
}
DIV.header > DIV.text h1 {
  font-size:20.02px;
  font-family:'Libre Franklin', sans-serif;
  font-weight:normal;
  color:rgba(0,0,0,0.65);
}
DIV.header > DIV.text p {
  color:rgba(51,51,51,0.65);
  font-size:16.016px;
  line-height:1.25;
  margin:0px;
  -webkit-text-size-adjust:none;
  -webkit-margin-before:0px;
  -webkit-margin-after:0px;
}
DIV.header > DIV.text p.info {
  display:inline-block;
  float:right;
}
DIV.header > DIV.text:first-child { padding-left:0px; }
DIV.header > DIV.menu {
  text-align:right;
  white-space:nowrap;
  cursor:pointer;
  color:#ccc;
}
DIV.header--jumbo {
  margin-top:48px;
  margin-bottom:24px;
}
DIV.header--jumbo:first-child { margin-top:24px; }
DIV.header--jumbo DIV.icon .button { height:31.98px; }
DIV.header--jumbo DIV.icon i.fa {
  line-height:38.376px;
  font-size:31.98px;
}
DIV.header--jumbo DIV.text { padding-left:12px; }
DIV.header--jumbo DIV.text h1 { font-size:31.98px; }
DIV.header--jumbo DIV.text p { font-size:25.584px; }
DIV.header--large {
  margin-top:36px;
  margin-bottom:18px;
}
DIV.header--large:first-child { margin-top:18px; }
DIV.header--large DIV.icon .button { height:26px; }
DIV.header--large DIV.icon i.fa {
  line-height:31.2px;
  font-size:26px;
}
DIV.header--large DIV.text { padding-left:10px; }
DIV.header--large DIV.text h1 { font-size:26px; }
DIV.header--large DIV.text p { font-size:20.8px; }
DIV.header--small {
  margin-top:24px;
  margin-bottom:12px;
}
DIV.header--small:first-child { margin-top:12px; }
DIV.header--small DIV.icon .button { height:17.94px; }
DIV.header--small DIV.icon i.fa {
  line-height:21.528px;
  font-size:17.94px;
}
DIV.header--small DIV.text { padding-left:6px; }
DIV.header--small DIV.text h1 { font-size:17.94px; }
DIV.header--small DIV.text p { font-size:14.352px; }
DIV.header--mini {
  margin-top:12px;
  margin-bottom:6px;
}
DIV.header--mini:first-child { margin-top:6px; }
DIV.header--mini DIV.icon .button { height:14.04px; }
DIV.header--mini DIV.icon i.fa {
  line-height:16.848px;
  font-size:14.04px;
}
DIV.header--mini DIV.text { padding-left:4px; }
DIV.header--mini DIV.text h1 { font-size:14.04px; }
DIV.header--mini DIV.text p { font-size:11.232px; }
DIV.header--purple { color:#c13665; }
DIV.header--purple > DIV.text h1 { color:#c13665; }
DIV.header--purple > DIV.text p { color:#c13665; }
DIV.header--violet { color:#9577dc; }
DIV.header--violet > DIV.text h1 { color:#9577dc; }
DIV.header--violet > DIV.text p { color:#9577dc; }
DIV.header--indigo { color:#5c6bc0; }
DIV.header--indigo > DIV.text h1 { color:#5c6bc0; }
DIV.header--indigo > DIV.text p { color:#5c6bc0; }
DIV.header--blue { color:#5486d7; }
DIV.header--blue > DIV.text h1 { color:#5486d7; }
DIV.header--blue > DIV.text p { color:#5486d7; }
DIV.header--azure { color:#4eadda; }
DIV.header--azure > DIV.text h1 { color:#4eadda; }
DIV.header--azure > DIV.text p { color:#4eadda; }
DIV.header--cyan { color:#00bcd4; }
DIV.header--cyan > DIV.text h1 { color:#00bcd4; }
DIV.header--cyan > DIV.text p { color:#00bcd4; }
DIV.header--teal { color:#009688; }
DIV.header--teal > DIV.text h1 { color:#009688; }
DIV.header--teal > DIV.text p { color:#009688; }
DIV.header--darkgreen { color:#8cab3c; }
DIV.header--darkgreen > DIV.text h1 { color:#8cab3c; }
DIV.header--darkgreen > DIV.text p { color:#8cab3c; }
DIV.header--green { color:#90c250; }
DIV.header--green > DIV.text h1 { color:#90c250; }
DIV.header--green > DIV.text p { color:#90c250; }
DIV.header--lime { color:#cddc39; }
DIV.header--lime > DIV.text h1 { color:#cddc39; }
DIV.header--lime > DIV.text p { color:#cddc39; }
DIV.header--yellow { color:#ffeb3b; }
DIV.header--yellow > DIV.text h1 { color:#ffeb3b; }
DIV.header--yellow > DIV.text p { color:#ffeb3b; }
DIV.header--amber { color:#ffc107; }
DIV.header--amber > DIV.text h1 { color:#ffc107; }
DIV.header--amber > DIV.text p { color:#ffc107; }
DIV.header--orange { color:#ff9800; }
DIV.header--orange > DIV.text h1 { color:#ff9800; }
DIV.header--orange > DIV.text p { color:#ff9800; }
DIV.header--darkorange { color:#ff5722; }
DIV.header--darkorange > DIV.text h1 { color:#ff5722; }
DIV.header--darkorange > DIV.text p { color:#ff5722; }
DIV.header--red { color:#f43637; }
DIV.header--red > DIV.text h1 { color:#f43637; }
DIV.header--red > DIV.text p { color:#f43637; }
DIV.header--pink { color:#d56dae; }
DIV.header--pink > DIV.text h1 { color:#d56dae; }
DIV.header--pink > DIV.text p { color:#d56dae; }
DIV.header--brown { color:#8b6508; }
DIV.header--brown > DIV.text h1 { color:#8b6508; }
DIV.header--brown > DIV.text p { color:#8b6508; }
DIV.header--white { color:#f5f5f5; }
DIV.header--white > DIV.text h1 { color:#f5f5f5; }
DIV.header--white > DIV.text p { color:#f5f5f5; }
DIV.header--lightgray { color:#e6e9ee; }
DIV.header--lightgray > DIV.text h1 { color:#e6e9ee; }
DIV.header--lightgray > DIV.text p { color:#e6e9ee; }
DIV.header--gray { color:#abb2bd; }
DIV.header--gray > DIV.text h1 { color:#abb2bd; }
DIV.header--gray > DIV.text p { color:#abb2bd; }
DIV.header--darkgray { color:#646a74; }
DIV.header--darkgray > DIV.text h1 { color:#646a74; }
DIV.header--darkgray > DIV.text p { color:#646a74; }
DIV.header--black { color:#24272c; }
DIV.header--black > DIV.text h1 { color:#24272c; }
DIV.header--black > DIV.text p { color:#24272c; }
DIV.header--success { color:#90c250; }
DIV.header--success > DIV.text h1 { color:#90c250; }
DIV.header--success > DIV.text p { color:#90c250; }
DIV.header--warning { color:#ff9800; }
DIV.header--warning > DIV.text h1 { color:#ff9800; }
DIV.header--warning > DIV.text p { color:#ff9800; }
DIV.header--danger { color:#f43637; }
DIV.header--danger > DIV.text h1 { color:#f43637; }
DIV.header--danger > DIV.text p { color:#f43637; }
DIV.header--error { color:#f43637; }
DIV.header--error > DIV.text h1 { color:#f43637; }
DIV.header--error > DIV.text p { color:#f43637; }
DIV.header--info { color:#4eadda; }
DIV.header--info > DIV.text h1 { color:#4eadda; }
DIV.header--info > DIV.text p { color:#4eadda; }
DIV.header--muted { color:#e6e9ee; }
DIV.header--muted > DIV.text h1 { color:#e6e9ee; }
DIV.header--muted > DIV.text p { color:#e6e9ee; }
DIV.header--selected { color:#2085ff; }
DIV.header--selected > DIV.text h1 { color:#2085ff; }
DIV.header--selected > DIV.text p { color:#2085ff; }
DIV.header--save { color:#90c250; }
DIV.header--save > DIV.text h1 { color:#90c250; }
DIV.header--save > DIV.text p { color:#90c250; }
DIV.header--delete { color:#f43637; }
DIV.header--delete > DIV.text h1 { color:#f43637; }
DIV.header--delete > DIV.text p { color:#f43637; }
DIV.header--load { color:#ff9800; }
DIV.header--load > DIV.text h1 { color:#ff9800; }
DIV.header--load > DIV.text p { color:#ff9800; }
DIV.header--cancel { color:#abb2bd; }
DIV.header--cancel > DIV.text h1 { color:#abb2bd; }
DIV.header--cancel > DIV.text p { color:#abb2bd; }
DIV.header--no-border {
  padding-bottom:0px;
  border-bottom:rgba(65,65,100,0.25) 0px solid;
}
DIV.header--border { border-bottom:rgba(65,65,100,0.25) 1px solid; }
DIV.header--no-margin { margin:0px; }
DIV.header--justified { display:block; }
DIV.header--justified > DIV.icon {
  display:block;
  text-align:center;
}
DIV.header--justified > DIV.text {
  display:block;
  text-align:center;
  font-size:14px;
}
DIV.header--justified > DIV.menu {
  text-align:center;
  padding-top:20px;
  display:block;
}
@media (max-width: 767px) {
  DIV.header:first-child { margin-top:30px; }
  .col > .header { margin-left:8px; }
}
.fa.azure { color:#29b6f6; }
.fa.blue { color:#6599ec; }
.fa.violet { color:#ab8fed; }
.fa.purple { color:#d94e89; }
.fa.pink { color:#e685c0; }
.fa.red { color:#ef5350; }
.fa.brown { color:#97740f; }
.fa.orange { color:#ec8a48; }
.fa.yellow { color:#fbcf55; }
.fa.green { color:#a4d667; }
.fa.white { color:#fff; }
.fa.lightgray { color:#e8f1f5; }
.fa.gray { color:#ccd0d9; }
.fa.darkgray { color:#666d78; }
.fa.black { color:#484848; }
.fa.success { color:#a4d667; }
.fa.warning { color:#ec8a48; }
.fa.danger { color:#ef5350; }
.fa.info { color:#29b6f6; }
.fa.save { color:#a4d667; }
.fa.delete { color:#ef5350; }
.fa.load { color:#ec8a48; }
.fa.error { color:#ef5350; }
.fa.muted { color:#fafcfd; }
.fa.selected { color:#53a1ff; }
.fa.is-selected { color:#2085ff !important; }
.fa.is-disabled { color:#e6e9ee; }
#page-footer-float .fas-button {
  color:rgba(0,0,0,0.87);
  background-color:#e4e4e4;
  border-color:#cbcbcb;
}
#page-footer-float:hover { color:rgba(26,26,26,0.87); }
.fa.input {
  font-size:30.6px;
  line-height:34px;
  width:34px;
  height:34px;
  text-align:center;
  padding:0px;
  margin:0px;
  cursor:pointer;
  vertical-align:bottom;
}
.fa-workhours-work:before { content:"\f01d"; }
.fa-workhours-break:before { content:"\f192"; }
.fa-workhours-total:before { content:"\f017"; }
.fa-workhours-off:before { content:"\f05e"; }
.fa-app-uml:before { content:"\f0e8"; }
.fa-app-theme:before { content:"\f108"; }
.fa-app-theme-desktop:before { content:"\f108"; }
.fa-app-theme-mobile:before { content:"\f10b"; }
.fa-app-changelog:before { content:"\f1da"; }
.fa-app-add:before { content:"\f067"; }
.fa-app-addnew:before { content:"\f067"; }
.fa-app-color:before { content:"\f043"; }
.fa-app-location:before { content:"\f041"; }
.fa-app-references:before { content:"\f0c5"; }
.fa-app-add-content:before { content:"\f055"; }
.fa-app-remove-content:before { content:"\f056"; }
.fa-app-hide-content:before { content:"\f0eb"; }
.fa-app-database:before { content:"\f1c0"; }
.fa-app-play:before { content:"\f04b"; }
.fa-app-pause:before { content:"\f04c"; }
.fa-app-stop:before { content:"\f04d"; }
.fa-app-newline {
  filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform:rotate(90deg);
  -moz-transform:rotate(90deg);
  -ms-transform:rotate(90deg);
  -o-transform:rotate(90deg);
  transform:rotate(90deg);
}
.fa-app-newline:before { content:"\f149"; }
.fa-app-cancel:before { content:"\f014"; }
.fa-app-cancel:before { content:"\f00d"; }
.fa-app-confirm:before { content:"\f00c"; }
.fa-app-empty:before { content:"\f05e"; }
.fa-percent:before {
  font-family:Verdana;
  content:"%";
}
.fa-app-loading {
  -webkit-animation:fa-spin 2s infinite linear;
  animation:fa-spin 2s infinite linear;
}
.fa-app-loading:before { content:"\f1ce"; }
.fa-app-error:before { content:"\f071"; }
.fa-app-success:before { content:"\f087"; }
.fa-app-share:before { content:"\f1e0"; }
.fa-app-table:before { content:"\f114"; }
.fa-app-page:before { content:"\f016"; }
.fa-app-field:before { content:"\f03a"; }
.fa-app-account:before { content:"\f19c"; }
.fa-app-profile:before { content:"\f0c0"; }
.fa-app-user:before { content:"\f007"; }
.fa-app-import:before { content:"\f0ee"; }
.fa-app-action:before { content:"\f03d"; }
.fa-app-workspace:before { content:"\f26c"; }
.fa-app-date:before { content:"\f073"; }
.fa-app-calendar:before { content:"\f073"; }
.fa-app-time:before { content:"\f017"; }
.fa-app-amount:before { content:"\f080"; }
.fa-app-duration:before { content:"\f1da"; }
.fa-app-duration {
  filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1);
  -webkit-transform:scale(1,-1);
  -moz-transform:scale(1,-1);
  -ms-transform:scale(1,-1);
  -o-transform:scale(1,-1);
  transform:scale(1,-1);
}
.fa-app-history:before { content:"\f1da"; }
.fa-app-todo:before { content:"\f046"; }
.fa-app-note:before { content:"\f044"; }
.fa-app-preferences:before { content:"\f013"; }
.fa-app-maintenance:before { content:"\f085"; }
.fa-app-insert {
  filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform:rotate(180deg);
  -moz-transform:rotate(180deg);
  -ms-transform:rotate(180deg);
  -o-transform:rotate(180deg);
  transform:rotate(180deg);
}
.fa-app-insert:before { content:"\f090"; }
.fa-app-notification:before { content:"\f0a1"; }
.fa-app-reminder:before { content:"\f0a2"; }
.fa-app-deadline:before { content:"\f178"; }
.fa-app-search:before { content:"\f002"; }
.fa-app-filter:before { content:"\f1de"; }
.fa-app-ready:before { content:"\f00c"; }
.fa-app-viewtype:before { content:"\f06e"; }
.fa-app-viewtype-filter:before { content:"\f1de"; }
.fa-app-viewtype-preferences:before { content:"\f108"; }
.fa-app-codefile:before { content:"\f121"; }
.fa-app-checkbox:before { content:"\f096"; }
.fa-app-checkbox-checked:before { content:"\f14a"; }
.fa-app-checkbox-checked:before { content:"\f046"; }
.fa-app-radio:before { content:"\f10c"; }
.fa-app-radio-checked:before { content:"\f192"; }
.fa-app-query:before { content:"\f00e"; }
.fa-app-report:before { content:"\f022"; }
.fa-app-copy:before { content:"\f0c5"; }
.fa-app-logout:before { content:"\f011"; }
.fa-app-save:before { content:"\f0c7"; }
.fa-app-save:before { content:"\f00c"; }
.fa-app-refresh:before { content:"\f021"; }
.fa-app-privilege-lock:before { content:"\f023"; }
.fa-app-privilege-read:before { content:"\f13e"; }
.fa-app-privilege-add:before { content:"\f13e"; }
.fa-app-privilege-write:before { content:"\f13e"; }
.fa-app-privilege-edit:before { content:"\f09c"; }
.fa-app-check:before { content:"\f046"; }
.fa-app-menu:before { content:"\f107"; }
.fa-app-menu-close:before { content:"\f106"; }
.fa-app-menu-right:before { content:"\f105"; }
.fa-app-menu-indigator:before { content:"\f111"; }
.fa-app-print:before { content:"\f02f"; }
.fa-app-email:before { content:"\f0e0"; }
.fa-app-address:before { content:"\f0ac"; }
.fa-app-call:before { content:"\f095"; }
.fa-app-phone:before { content:"\f095"; }
.fa-app-sms:before { content:"\f10b"; }
.fa-app-close:before { content:"\f00d"; }
.fa-app-clear:before { content:"\f00d"; }
.fa-app-delete:before { content:"\f1f8"; }
.fa-app-undelete:before { content:"\f0e2"; }
.fa-app-edit:before { content:"\f040"; }
.fa-app-preferences:before { content:"\f013"; }
.fa-app-help:before { content:"\f059"; }
.fa-app-info:before { content:"\f05a"; }
.fa-app-remove:before { content:"\f00d"; }
.fa-app-first:before { content:"\f053"; }
.fa-app-prev:before { content:"\f053"; }
.fa-app-next:before { content:"\f054"; }
.fa-app-last:before { content:"\f054"; }
.fa-app-submenu:before { content:"\f054"; }
.fa-app-open:before { content:"\f054"; }
.fa-app-preview:before { content:"\f06e"; }
.fa-app-loadmore:before { content:"\f103"; }
.fa-app-tag:before { content:"\f02b"; }
.fa-app-taglist:before { content:"\f02c"; }
.fa-app-star:before { content:"\f005"; }
.fa-app-star-empty:before { content:"\f006"; }
.fa-app-star-half:before { content:"\f123"; }
.fa-app-star-full:before { content:"\f005"; }
.fa-app-smiley:before { content:"\f118"; }
.fa-app-smiley-negative:before { content:"\f119"; }
.fa-app-smiley-neutral:before { content:"\f11a"; }
.fa-app-smiley-positive:before { content:"\f118"; }
.fa-field-amount:before { content:"\f080"; }
.fa-field-map:before { content:"\f0ac"; }
.fa-field-address:before { content:"\f0ac"; }
.fa-field-phone:before { content:"\f10b"; }
.fa-field-email:before { content:"\f0e0"; }
.fa-field-date:before { content:"\f073"; }
.fa-field-time:before { content:"\f017"; }
.fa-field-timestamp:before { content:"\f017"; }
.fa-field-duration:before { content:"\f1da"; }
.fa-field-company:before { content:"\f275"; }
.fa-field-person:before { content:"\f007"; }
.fa-field-duration {
  filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1);
  -webkit-transform:scale(1,-1);
  -moz-transform:scale(1,-1);
  -ms-transform:scale(1,-1);
  -o-transform:scale(1,-1);
  transform:scale(1,-1);
}
.fa-action-xml:before { content:"\f1c9"; }
.fa-action-csv:before { content:"\f0f6"; }
.fa-action-ical:before { content:"\f073"; }
.fa-action-list:before { content:"\f044"; }
.fa-action-form:before { content:"\f044"; }
.fa-action-collection:before { content:"\f00b"; }
.fa-action-button:before { content:"\f0fe"; }
.fa-action-integration:before { content:"\f079"; }
.fa-action-rss:before { content:"\f09e"; }
.fa-action-email:before { content:"\f0e0"; }
.fa-action-saldo:before { content:"\f080"; }
.fa-action-script:before { content:"\f121"; }
.fa-action-record:before { content:"\f016"; }
.fa-action-text:before { content:"\f022"; }
.fa-action-sms:before { content:"\f10b"; }
.fa-action-print:before { content:"\f02f"; }
.fa-action-workspace:before { content:"\f26c"; }
.fa-viewtype-group:before { content:"\f115"; }
.fa-viewtype-chart:before { content:"\f080"; }
.fa-viewtype-chart-pie:before { content:"\f200"; }
.fa-viewtype-chart-column:before { content:"\f080"; }
.fa-viewtype-chart-bar {
  filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1,mirror=1);
  -webkit-transform:rotate(270deg) scale(1,-1);
  -moz-transform:rotate(270deg) scale(1,-1);
  -ms-transform:rotate(270deg) scale(1,-1);
  -o-transform:rotate(270deg) scale(1,-1);
  transform:rotate(270deg) scale(1,-1);
  margin-top:-6px;
}
.fa-viewtype-chart-bar:before { content:"\f080"; }
.fa-viewtype-chart-area:before { content:"\f1fe"; }
.fa-viewtype-chart-line:before { content:"\f201"; }
.fa-viewtype-chart-funnel:before { content:"\f0b0"; }
.fa-viewtype-chart-semicircle {
  margin-top:-6px;
  filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform:rotate(270deg);
  -moz-transform:rotate(270deg);
  -ms-transform:rotate(270deg);
  -o-transform:rotate(270deg);
  transform:rotate(270deg);
}
.fa-viewtype-chart-semicircle:before { content:"\f042"; }
.fa-viewtype-chart-pyramid {
  margin-top:-6px;
  filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform:rotate(270deg);
  -moz-transform:rotate(270deg);
  -ms-transform:rotate(270deg);
  -o-transform:rotate(270deg);
  transform:rotate(270deg);
}
.fa-viewtype-chart-pyramid:before { content:"\f04b"; }
.fa-viewtype-directory:before { content:"\f03c"; }
.fa-viewtype-flashcard:before { content:"\f24d"; }
.fa-viewtype-pivot:before { content:"\f0db"; }
.fa-viewtype-map:before { content:"\f0ac"; }
.fa-viewtype-form:before { content:"\f044"; }
.fa-viewtype-sort:before { content:"\f181"; }
.fa-viewtype-table:before { content:"\f0ce"; }
.fa-viewtype-calendar:before { content:"\f073"; }
.fa-viewtype-card:before { content:"\f00a"; }
.fa-viewtype-preview:before { content:"\f009"; }
.fa-viewtype-gantt:before { content:"\f0ae"; }
.fa-viewtype-dayplanner:before { content:"\f0ae"; }
.fa-viewtype-progress:before { content:"\f0ae"; }
.fa-file-csv:before { content:"\f0ce"; }
.fa-changelog:before { content:"\f1da"; }
.fa-add:before { content:"\f067"; }
.fa-addnew:before { content:"\f067"; }
.fa-task:before { content:"\f046"; }
.fa-note:before { content:"\f044"; }
.fa-page:before { content:"\f016"; }
.fa-field:before { content:"\f03a"; }
.fa-account:before { content:"\f0c0"; }
.fa-profile:before { content:"\f0c0"; }
.fa-import:before { content:"\f0ee"; }
.fa-action:before { content:"\f03d" r; }
.fa-workspace:before { content:"\f0e4"; }
.fa-map:before { content:"\f0ac"; }
.fa-address:before { content:"\f14e"; }
.fa-sms:before { content:"\f10b"; }
.fa-email:before { content:"\f0e0"; }
.fa-date:before { content:"\f073"; }
.fa-clock:before { content:"\f017"; }
.fa-duration:before { content:"\f1da"; }
.fa-duration {
  filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1);
  -webkit-transform:scale(1,-1);
  -moz-transform:scale(1,-1);
  -ms-transform:scale(1,-1);
  -o-transform:scale(1,-1);
  transform:scale(1,-1);
}
.fa-close:before { content:"\f00d" m; }
.fa-delete:before { content:"\f014"; }
.fa-undelete:before { content:"\f0e2"; }
.fa-edit:before { content:"\f040"; }
.fa-preferences:before { content:"\f013"; }
.fa-help:before { content:"\f059"; }
.fa-prev:before { content:"\f053"; }
.fa-next:before { content:"\f054"; }
.fa-submenu:before { content:"\f054"; }
.fa-open:before { content:"\f054"; }
.fa-preview:before { content:"\f06e"; }
IMG.icon, IMG.fa {
  cursor:pointer;
  padding:2px 2px 2px 2px;
  margin:0px;
  border:0px;
  vertical-align:middle;
}
IMG.fa-2x { width:24px; }
IMG.fa-3x { width:36px; }
IMG.fa-4x { width:48px; }
IMG.fa-5x { width:60px; }
.icon--azure { color:#29b6f6; }
.icon--blue { color:#6599ec; }
.icon--violet { color:#ab8fed; }
.icon--purple { color:#d94e89; }
.icon--pink { color:#e685c0; }
.icon--red { color:#ef5350; }
.icon--brown { color:#97740f; }
.icon--orange { color:#ec8a48; }
.icon--yellow { color:#fbcf55; }
.icon--green { color:#a4d667; }
.icon--white { color:#fff; }
.icon--lightgray { color:#e8f1f5; }
.icon--gray { color:#ccd0d9; }
.icon--darkgray { color:#666d78; }
.icon--black { color:#484848; }
.icon--success { color:#a4d667; }
.icon--warning { color:#ec8a48; }
.icon--danger { color:#ef5350; }
.icon--info { color:#29b6f6; }
.icon--save { color:#a4d667; }
.icon--delete { color:#ef5350; }
.icon--load { color:#ec8a48; }
.icon--error { color:#ef5350; }
.icon--muted { color:#fafcfd; }
.icon--selected { color:#006bec; }
.fa.icon--jumbo, .icon--3x { font-size:28px; }
.fa.icon--large, .icon--2x { font-size:22px; }
.fa.icon--small { font-size:12px; }
.fa.icon--mini { font-size:12px; }
IMG.fa.icon--jumbo { width:96px; }
IMG.fa.fa.icon--large { width:48px; }
IMG.fa.fa.icon--small { width:12px; }
IMG.fa.fa.icon--mini { width:12px; }
input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
  width:100%;
  height:34px;
  FONT-FAMILY:'Noto Sans', sans-serif;
  color:rgba(0,0,0,0.87);
  FONT-SIZE:13px;
  font-weight:normal;
  line-height:1.25;
  vertical-align:top;
  margin-bottom:4px;
  margin-right:4px;
  padding:0px 0px 0px 7px;
  border:rgba(65,65,100,0.25) 1px solid;
  background-color:#fff;
  outline:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  background-clip:padding-box;
  -webkit-border-radius:4.25px;
  -moz-border-radius:4.25px;
  border-radius:4.25px;
}
input[type="text"]:last-child, input[type="password"]:last-child, input[type="datetime"]:last-child, input[type="datetime-local"]:last-child, input[type="date"]:last-child, input[type="month"]:last-child, input[type="time"]:last-child, input[type="week"]:last-child, input[type="number"]:last-child, input[type="email"]:last-child, input[type="url"]:last-child, input[type="search"]:last-child, input[type="tel"]:last-child, input[type="color"]:last-child, .uneditable-input:last-child { margin-right:0px; }
.input--justified { width:100%; }
INPUT.justified { width:100%; }
INPUT.round, INPUT.input--round, INPUT.input--search {
  padding-left:10px;
  background-clip:padding-box;
  -webkit-border-radius:100px;
  -moz-border-radius:100px;
  border-radius:100px;
}
INPUT.radius {
  background-clip:padding-box;
  -webkit-border-radius:4.25px;
  -moz-border-radius:4.25px;
  border-radius:4.25px;
}
INPUT.sharp {
  background-clip:padding-box;
  -webkit-border-radius:0px;
  -moz-border-radius:0px;
  border-radius:0px;
}
INPUT.success, TEXTAREA.success { border-color:#90c250; }
INPUT.input--plain { border-width:0px; }
INPUT.input_white {
  BACKGROUND:#fff;
  box-shadow:1px 1px 2px rgba(0,0,0,0.1) inset;
}
input.search-query { padding-left:12px; }
LABEL {
  line-height:14px;
  display:inline-block;
  margin:0px 4px 0px 4px;
}
LABEL INPUT[type=checkbox], LABEL INPUT[type=radio] {
  vertical-align:bottom;
  line-height:14px;
}
INPUT[disabled] {
  BACKGROUND:#c7e9ff;
  border-color:rgba(90,127,195,-0.0625);
  COLOR:#2f6ac9;
}
input[type=submit].button--small { padding:0.1em 0.7em; }
input[type=submit].button { padding:0.2em 0.9em; }
INPUT.input--select, INPUT.select, INPUT.input_selection[type=text] {
  text-shadow:0px 1px 1px #fff;
  background-color:#fefefe;
  border-color:rgba(75,75,115,0.25) rgba(65,65,100,0.25) rgba(65,65,100,0.25) rgba(75,75,115,0.25);
  background-image:-moz-linear-gradient(top,#fefefe,#d7d7d7);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#fefefe),to(#d7d7d7));
  background-image:-webkit-linear-gradient(top,#fefefe,#d7d7d7);
  background-image:-o-linear-gradient(top,#fefefe,#d7d7d7);
  background-image:linear-gradient(to bottom,#fefefe,#d7d7d7);
}
INPUT.input--select:hover, INPUT.select:hover, INPUT.input_selection[type=text]:hover {
  background-color:#fff;
  background-image:-moz-linear-gradient(top,#fff,#e4e4e4);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e4e4e4));
  background-image:-webkit-linear-gradient(top,#fff,#e4e4e4);
  background-image:-o-linear-gradient(top,#fff,#e4e4e4);
  background-image:linear-gradient(to bottom,#fff,#e4e4e4);
}
INPUT.input--select:hover, INPUT.select:hover, INPUT.input_selection[type=text]:hover { color:#555; }
INPUT.input--select a, INPUT.select a, INPUT.input_selection[type=text] a { color:#6f6f6f; }
INPUT.input--select a:hover, INPUT.select a:hover, INPUT.input_selection[type=text] a:hover {
  color:#555;
  text-decoration:none;
}
INPUT.error[type=text] { color:#f43637; }
INPUT[type=text].input--note {
  background:url('./../images/img.line.php?height=34px&color=DDDDDD') repeat top left;
  background-attachment:local;
  BACKGROUND-color:#fff;
  line-height:23.4px;
  margin:0px;
  padding:0px 12px 0px 12px;
  vertical-align:top;
  border:#000 0px solid;
  font-weight:bold;
}
INPUT.timer[type=text] {
  text-align:center;
  cursor:pointer;
  COLOR:#143c07;
  BORDER-LEFT-COLOR:#76c22a;
  BORDER-TOP-COLOR:#76c22a;
  BORDER-RIGHT-COLOR:#59a415;
  BORDER-BOTTOM-COLOR:#59a415;
  background-color:#7fc537;
}
INPUT.title {
  color:rgba(0,0,0,0.87);
  font-size:;
  font-weight:bold;
  font-family:'Libre Franklin', sans-serif;
  line-height:1;
  padding:6px;
  margin:1px;
  border:#000 0px solid;
  border-bottom:#ccc 0px solid;
  box-shadow:none;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
.input_code {
  padding:2px;
  FONT-SIZE:12px;
  FONT-FAMILY:Courier;
  COLOR:#222;
  border:rgba(65,65,100,0.25) 1px solid;
}
.inputImg, .inputImgWhite, .inputImgDisabled, .inputPlainImg, .actionImg {
  cursor:pointer;
  width:34px;
  height:34px;
  vertical-align:bottom;
  position:relative;
  z-index:1;
  display:inline;
  BORDER:rgba(65,65,100,0.25) 1px solid;
  border-left:#fff 0px solid;
  padding:5px 5px 5px 5px;
  margin-right:4px;
  margin-bottom:4px;
  background-clip:padding-box;
  -webkit-border-top-right-radius:4.25px;
  -webkit-border-bottom-right-radius:4.25px;
  -moz-border-radius-topright:4.25px;
  -moz-border-radius-bottomright:4.25px;
  border-top-right-radius:4.25px;
  border-bottom-right-radius:4.25px;
  border-radius-topright:4.25px;
  border-radius-bottomright:4.25px;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
::-webkit-input-placeholder { color:#ccd; }
:-moz-placeholder { color:#ccd; }
INPUT.input_selection, INPUT.input_selectionImg, INPUT.inputId {
  text-shadow:0px 1px 1px #fff;
  background-color:#fefefe;
  border-color:rgba(75,75,115,0.25) rgba(65,65,100,0.25) rgba(65,65,100,0.25) rgba(75,75,115,0.25);
  background-image:-moz-linear-gradient(top,#fefefe,#d7d7d7);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#fefefe),to(#d7d7d7));
  background-image:-webkit-linear-gradient(top,#fefefe,#d7d7d7);
  background-image:-o-linear-gradient(top,#fefefe,#d7d7d7);
  background-image:linear-gradient(to bottom,#fefefe,#d7d7d7);
}
INPUT.input_selection:hover, INPUT.input_selectionImg:hover, INPUT.inputId:hover {
  background-color:#fff;
  background-image:-moz-linear-gradient(top,#fff,#e4e4e4);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e4e4e4));
  background-image:-webkit-linear-gradient(top,#fff,#e4e4e4);
  background-image:-o-linear-gradient(top,#fff,#e4e4e4);
  background-image:linear-gradient(to bottom,#fff,#e4e4e4);
}
INPUT.input_selection:hover, INPUT.input_selectionImg:hover, INPUT.inputId:hover { color:#555; }
INPUT.input_selection a, INPUT.input_selectionImg a, INPUT.inputId a { color:#6f6f6f; }
INPUT.input_selection a:hover, INPUT.input_selectionImg a:hover, INPUT.inputId a:hover {
  color:#555;
  text-decoration:none;
}
INPUT.input_action, INPUT.input_actionImg, INPUT.actionImg {
  text-align:center;
  cursor:pointer;
  COLOR:#143c07;
  BORDER-LEFT:#76c22a 1px solid;
  BORDER-TOP:#76c22a 1px solid;
  BORDER-RIGHT:#59a415 1px solid;
  BORDER-BOTTOM:#59a415 1px solid;
  background:url('../images/ulkoasu/gradient_vaaka_light.png') repeat-X bottom left #7fc537;
}
INPUT.endImg, INPUT.input_actionImg, INPUT.inputLomakeImg, INPUT.input_whiteImg, INPUT.input_selectionImg, INPUT.inputTxt, INPUT.inputId {
  margin-right:0px;
  BORDER-RIGHT:#b0b3d4 0px solid;
  background-clip:padding-box;
  -webkit-border-top-right-radius:0px;
  -webkit-border-bottom-right-radius:0px;
  -moz-border-radius-topright:0px;
  -moz-border-radius-bottomright:0px;
  border-top-right-radius:0px;
  border-bottom-right-radius:0px;
  border-radius-topright:0px;
  border-radius-bottomright:0px;
}
INPUT.inputTaulukko, .iT {
  BORDER:#ccc 1px solid;
  HEIGHT:18px;
  padding:1px 2px 1px 2px;
  margin:2px 1px 2px 1px;
}
INPUT.inputYellow {
  BACKGROUND:#efee77;
  BORDER:#d6ab4e 0px solid;
  HEIGHT:18px;
  padding:1px 1px 1px 1px;
  FONT-FAMILY:Verdana;
  font-weight:normal;
  FONT-SIZE:11px;
  margin:0px 2px 0px 0px;
}
INPUT.inputDisabled, .iD {
  COLOR:#222;
  BORDER-COLOR:#222;
}
INPUT.inputImg, INPUT.inputImgDisabled {
  BACKGROUND-COLOR:#e4e4e4;
  BORDER-LEFT-COLOR:rgba(65,65,100,0.25);
  BORDER-TOP-COLOR:rgba(65,65,100,0.25);
  BORDER-RIGHT-COLOR:rgba(55,55,85,0.25);
  BORDER-BOTTOM-COLOR:rgba(55,55,85,0.25);
  background:url('../images/ulkoasu/selection_tausta.gif') repeat-X bottom left;
}
.inputPlainImg {
  width:26px;
  height:26px;
  padding:0px;
  border-radius:4.25px;
  -webkit-border-radius:4.25px;
  -moz-border-radius:4.25px;
}
.inputImgWhite { BACKGROUND-COLOR:#fff; }
.inputImgDisabled {
  cursor:default;
  opacity:0.50;
  filter:1;
}
INPUT.input--purple {
  border-color:#c13665;
  border-size:2px;
}
INPUT.input--violet {
  border-color:#9577dc;
  border-size:2px;
}
INPUT.input--indigo {
  border-color:#5c6bc0;
  border-size:2px;
}
INPUT.input--blue {
  border-color:#5486d7;
  border-size:2px;
}
INPUT.input--azure {
  border-color:#4eadda;
  border-size:2px;
}
INPUT.input--cyan {
  border-color:#00bcd4;
  border-size:2px;
}
INPUT.input--teal {
  border-color:#009688;
  border-size:2px;
}
INPUT.input--darkgreen {
  border-color:#8cab3c;
  border-size:2px;
}
INPUT.input--green {
  border-color:#90c250;
  border-size:2px;
}
INPUT.input--lime {
  border-color:#cddc39;
  border-size:2px;
}
INPUT.input--yellow {
  border-color:#ffeb3b;
  border-size:2px;
}
INPUT.input--amber {
  border-color:#ffc107;
  border-size:2px;
}
INPUT.input--orange {
  border-color:#ff9800;
  border-size:2px;
}
INPUT.input--darkorange {
  border-color:#ff5722;
  border-size:2px;
}
INPUT.input--red {
  border-color:#f43637;
  border-size:2px;
}
INPUT.input--pink {
  border-color:#d56dae;
  border-size:2px;
}
INPUT.input--brown {
  border-color:#8b6508;
  border-size:2px;
}
INPUT.input--white {
  border-color:#f5f5f5;
  border-size:2px;
}
INPUT.input--lightgray {
  border-color:#e6e9ee;
  border-size:2px;
}
INPUT.input--gray {
  border-color:#abb2bd;
  border-size:2px;
}
INPUT.input--darkgray {
  border-color:#646a74;
  border-size:2px;
}
INPUT.input--black {
  border-color:#24272c;
  border-size:2px;
}
INPUT.input--success {
  border-color:#90c250;
  border-size:2px;
}
INPUT.input--warning {
  border-color:#ff9800;
  border-size:2px;
}
INPUT.input--danger {
  border-color:#f43637;
  border-size:2px;
}
INPUT.input--error {
  border-color:#f43637;
  border-size:2px;
}
INPUT.input--info {
  border-color:#4eadda;
  border-size:2px;
}
INPUT.input--muted {
  border-color:#e6e9ee;
  border-size:2px;
}
INPUT.input--selected {
  border-color:#2085ff;
  border-size:2px;
}
INPUT.input--save {
  border-color:#90c250;
  border-size:2px;
}
INPUT.input--delete {
  border-color:#f43637;
  border-size:2px;
}
INPUT.input--load {
  border-color:#ff9800;
  border-size:2px;
}
INPUT.input--cancel {
  border-color:#abb2bd;
  border-size:2px;
}
.label {
  display:inline-block;
  min-height:34px;
  font-size:13px;
  padding-top:6px;
  padding-bottom:6px;
  line-height:16px;
  margin-right:4px;
  vertical-align:top;
}
.label:last-child { margin-right:0px; }
.label--large { font-size:15.6px; }
.label--justified { display:block; }
.form-text {
  display:inline-block;
  padding-top:6px;
  padding-right:4px;
  padding-bottom:6px;
  line-height:22px;
  font-size:13px;
  vertical-align:top;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
UL.Title {
  margin-top:8px;
  padding:0px;
  list-style-type:none;
}
UL.Title LI {
  display:block;
  text-align:left;
  display:block;
  color:#333;
}
UL.Title LI .fa {
  margin:0px 4px 0px 4px;
  color:#999;
  width:28px;
  height:20px;
  font-size:20px;
  cursor:pointer;
  text-align:center;
}
UL.Title LI.selected {
  background-color:#53a1ff;
  color:#eee;
}
UL.Title LI.selected A { color:#eee; }
UL.Title LI.selected:hover { background-color:#2085ff; }
UL.Title LI.link {
  cursor:pointer;
  padding:6px 4px 6px 8px;
  margin:2px 0px 2px 0px;
  background-clip:padding-box;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
}
UL.Title LI.link:hover {
  background-color:#fbf599;
  text-decoration:none;
}
UL.Title LI.header {
  padding:4px 4px 4px 4px;
  margin:12px 0px 4px 0px;
  border-bottom:rgba(65,65,100,0.25) 1px solid;
}
UL.Title LI.header H2 {
  font-family:'Libre Franklin', sans-serif;
  color:rgba(0,0,0,0.65);
  font-size:16px;
  letter-spacing:1px;
}
UL.Title LI H2 {
  display:inline-block;
  font-size:14px;
  font-weight:normal;
  color:rgba(0,0,0,0.87);
  overflow:hidden;
  margin:0px;
  padding:0px;
}
UL.Title LI DIV.status {
  display:inline-block;
  text-align:center;
  height:14px;
  min-width:14px;
  padding:1px 6px 0px 6px;
  font-size:10px;
  line-height:12px;
  color:#fff;
  background-color:#457bd0;
  -webkit-text-size-adjust:none;
  background-clip:padding-box;
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  border-radius:8px;
  -moz-box-shadow:1px 1px 1px rgba(33,33,33,0.2);
  -webkit-box-shadow:1px 1px 1px rgba(33,33,33,0.2);
  box-shadow:1px 1px 1px rgba(33,33,33,0.2);
}
UL.Title LI IMG.icon {
  margin:0px 2px 0px 0px;
  padding:0px;
  width:20px;
  height:20px;
  vertical-align:text-bottom;
}
UL.Title LI A {
  color:#333;
  padding:0px;
  display:block;
}
UL.Button {
  display:inline-block;
  margin:2px 12px 2px 0px;
  padding:0px;
  list-style-type:none;
}
UL.Button LI {
  display:inline-block;
  text-align:left;
  color:#fff;
  height:28px;
  background-repeat:repeat-X;
  background-position:bottom left;
  background-image:url('../images/ulkoasu/gradient_vaaka_light.png');
  -moz-box-shadow:1px 1px 3px rgba(33,33,33,0.3);
  -webkit-box-shadow:1px 1px 3px rgba(33,33,33,0.3);
  box-shadow:1px 1px 3px rgba(33,33,33,0.3);
}
UL.Button LI.link {
  cursor:pointer;
  padding:0px 10px 0px 10px;
  margin:0px;
  border:#999 1px solid;
  border-width:1px 0px 1px 1px;
  background-color:#f5f5f5;
}
UL.Button LI.link:hover {
  background-color:#dcdcdc;
  text-decoration:none;
}
UL.Button LI.link:hover:first-child {
  background-clip:padding-box;
  -webkit-border-top-left-radius:5px;
  -webkit-border-bottom-left-radius:5px;
  -moz-border-radius-topleft:5px;
  -moz-border-radius-bottomleft:5px;
  border-top-left-radius:5px;
  border-bottom-left-radius:5px;
  border-radius-topleft:5px;
  border-radius-bottomleft:5px;
}
UL.Button LI.link:hover:last-child {
  background-clip:padding-box;
  -webkit-border-top-right-radius:5px;
  -webkit-border-bottom-right-radius:5px;
  -moz-border-radius-topright:5px;
  -moz-border-radius-bottomright:5px;
  border-top-right-radius:5px;
  border-bottom-right-radius:5px;
  border-radius-topright:5px;
  border-radius-bottomright:5px;
}
UL.Button LI.link:first-child {
  background-clip:padding-box;
  -webkit-border-top-left-radius:5px;
  -webkit-border-bottom-left-radius:5px;
  -moz-border-radius-topleft:5px;
  -moz-border-radius-bottomleft:5px;
  border-top-left-radius:5px;
  border-bottom-left-radius:5px;
  border-radius-topleft:5px;
  border-radius-bottomleft:5px;
}
UL.Button LI.link:last-child {
  border-width:1px;
  background-clip:padding-box;
  -webkit-border-top-right-radius:5px;
  -webkit-border-bottom-right-radius:5px;
  -moz-border-radius-topright:5px;
  -moz-border-radius-bottomright:5px;
  border-top-right-radius:5px;
  border-bottom-right-radius:5px;
  border-radius-topright:5px;
  border-radius-bottomright:5px;
}
UL.Button LI.selected {
  color:#222;
  background-color:#eaac62;
  background-repeat:repeat-X;
  background-position:top left;
  background-image:url('../images/ulkoasu/gradient_vaaka_top_light.png');
}
UL.Button LI.selected h2 { color:#222; }
UL.Button LI.selected A { color:#eee; }
UL.Button LI.selected:hover { background-color:#e49435; }
UL.Button LI.header {
  padding:2px 4px 2px 4px;
  margin:12px 0px 2px 0px;
}
UL.Button LI.header H2 {
  color:#333;
  font-weight:bold;
}
UL.Button LI H2 {
  display:inline-block;
  font-size:12px;
  font-weight:normal;
  overflow:hidden;
  margin:0px;
  padding:6px 0px 0px 0px;
  color:#666;
}
UL.Button LI IMG.icon {
  margin:4px 2px 0px -2px;
  padding:0px;
  width:20px;
  vertical-align:text-bottom;
}
UL.Button LI IMG.icon:last-child { margin:4px 0px 0px 0px; }
UL.Button LI A {
  color:#666;
  padding:0px;
  display:inline-block;
}
UL.Grid {
  margin-top:8px;
  padding:0px;
  list-style-type:none;
}
UL.Grid LI {
  text-align:left;
  display:inline-block;
  margin:0px 0px 8px 4px;
  padding:4px 4px 4px 8px;
}
UL.Grid LI.selected {
  background-color:#53a1ff;
  color:#eee;
}
UL.Grid LI.selected A { color:#eee; }
UL.Grid LI.link {
  width:200px;
  cursor:pointer;
  background-clip:padding-box;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
}
UL.Grid LI.link:hover {
  background-color:#fbf599;
  text-decoration:none;
}
UL.Grid LI.header {
  clear:both;
  width:100%;
  display:block;
  padding:2px 4px 2px 4px;
  margin:12px 0px 6px 0px;
  border-bottom:rgba(65,65,100,0.25) 1px solid;
}
UL.Grid LI.header H2 {
  height:20px;
  font-size:14px;
  font-family:'Libre Franklin', sans-serif;
  color:rgba(0,0,0,0.65);
  font-weight:bold;
}
UL.Grid LI H2 {
  font-size:12px;
  font-weight:bold;
  color:rgba(0,0,0,0.87);
  overflow:hidden;
  margin:0px 0px 0px 0px;
  padding:0px;
  height:16px;
}
UL.Grid LI p {
  padding:0px;
  margin:0px;
  font-size:10px;
  line-height:1.2;
  color:#777;
  overflow:hidden;
  height:14px;
  -webkit-text-size-adjust:none;
}
UL.Grid LI IMG {
  display:block;
  float:left;
  margin:4px 6px 0px 0px;
  padding:0px 0px 0px 0px;
  width:24px;
  height:24px;
}
UL.Grid LI .fa {
  float:left;
  margin:0px 10px 0px 0px;
  color:#999;
  width:28px;
  height:20px;
  font-size:28px;
  cursor:pointer;
  text-align:center;
}
UL.Grid LI.title {
  text-align:left;
  width:100%;
  display:block;
  color:#14a;
  font-weight:bold;
  font-size:20px;
  margin:20px 0px 3px 0px;
  padding:10px 0px 3px 0px;
  border-bottom:#24a 1px solid;
  clear:left;
}
UL.Grid LI A {
  padding:0px;
  display:block;
}
UL.Grid LI A:hover {
  background-color:#fbf599;
  text-decoration:none;
  background-clip:padding-box;
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  border-radius:8px;
}
UL.Grid LI A DIV {
  text-align:center;
  display:block;
  width:100%;
}
UL.Grid LI A DIV.info { color:#999; }
UL.Grid LI A DIV.description {
  font-weight:normal;
  color:#999;
  font-size:12px;
  line-height:1.333;
  height:32px;
  width:100%;
  overflow:hidden;
}
Ul.Row + UL.Row { margin-top:24px; }
UL.Row {
  width:100%;
  overflow:auto;
  margin:0px;
}
UL.Row UL.Row LI:last-child { border-bottom:rgba(123,123,169,0.25) 0px solid; }
UL.Row UL.Row LI:last-child { border-bottom:rgba(123,123,169,0.25) 0px solid; }
UL.Row LI {
  text-align:left;
  border-bottom:rgba(123,123,169,0.25) 0px solid;
  clear:both;
}
UL.Row LI .row__amount {
  color:rgba(0,0,0,0.65);
  font-weight:bold;
  font-size:14.3px;
  padding-right:10px;
}
UL.Row LI DIV.link {
  display:table;
  width:99%;
  min-height:48px;
}
UL.Row LI DIV.link > A {
  display:table-cell;
  width:100%;
}
UL.Row LI DIV.link .menu {
  min-width:40px;
  padding-right:10px;
}
UL.Row LI.is-open > DIV.link { border-bottom:rgba(123,123,169,0.25) 0px solid; }
UL.Row LI.link {
  cursor:pointer;
  padding:0px;
  margin:0px;
}
UL.Row LI.link:hover { background-color:#f9f9fc; }
UL.Row LI.indent-1 { padding-left:0px; }
UL.Row LI.indent-2 { padding-left:13px; }
UL.Row LI.indent-3 { padding-left:26px; }
UL.Row LI.indent-4 { padding-left:39px; }
UL.Row LI UL.Row { padding-left:13px; }
UL.Row LI.header {
  margin:0px;
  padding:24px 0px 4px 0px;
  border-top:rgba(123,123,169,0.25) 0px solid;
  border-bottom:rgba(123,123,169,0.25) 0px solid;
}
UL.Row LI.header:first-child {
  padding-top:12px;
  border-top:rgba(65,65,100,0.25) 0px solid;
}
UL.Row LI.header DIV.link H4.title {
  font-family:'Libre Franklin', sans-serif;
  color:rgba(0,0,0,0.65);
  font-size:17.94px;
  font-weight:normal;
  letter-spacing:1px;
  padding:0px;
  height:21.528px;
}
UL.Row LI.header DIV.link i.fa { float:none; }
UL.Row LI.highlighted { background-color:#f9f9fc; }
UL.Row LI.is-muted {
  color:#fafcfd;
  background-color:#ebedf5;
}
UL.Row LI.is-muted DIV.link H4.title { color:#fafcfd; }
UL.Row LI.is-muted DIV.link P.description { color:#fafcfd; }
UL.Row LI.selected, UL.Row LI.is-selected {
  color:#fff;
  background-color:#53a1ff;
}
UL.Row LI.selected:hover, UL.Row LI.is-selected:hover { background-color:#3a93ff; }
UL.Row LI.selected DIV.link A .icon, UL.Row LI.is-selected DIV.link A .icon { color:#fff; }
UL.Row LI.selected DIV.link A .text H4.title, UL.Row LI.is-selected DIV.link A .text H4.title { color:#fff; }
UL.Row LI.selected DIV.link A .text .description, UL.Row LI.is-selected DIV.link A .text .description { color:#fff; }
UL.Row LI.selected DIV.link A .info, UL.Row LI.is-selected DIV.link A .info { color:#ddd; }
UL.Row LI.selected DIV.link A .info .row__amount, UL.Row LI.is-selected DIV.link A .info .row__amount { color:#fff; }
UL.Row LI.selected.menu, UL.Row LI.is-selected.menu { color:#eee; }
UL.Row LI.selected.menu:hover, UL.Row LI.is-selected.menu:hover { color:#eee; }
UL.Row LI.selected.menu .fa.is-disabled, UL.Row LI.is-selected.menu .fa.is-disabled { color:#eee; }
UL.Row LI.selected.menu .fa.is-disabled:hover, UL.Row LI.is-selected.menu .fa.is-disabled:hover { color:#eee; }
UL.Row LI DIV.link > A:hover { text-decoration:none; }
UL.Row LI DIV.link > A:hover > DIV { text-decoration:none; }
UL.Row LI DIV.link > A:hover > DIV > H4, UL.Row LI DIV.link > A:hover > DIV > P, UL.Row LI DIV.link > A:hover > DIV > SPAN { text-decoration:none; }
UL.Row LI DIV.link > DIV, UL.Row LI DIV.link > A > DIV {
  display:table-cell;
  height:100%;
  min-height:28px;
  vertical-align:top;
  padding:10px 0px 10px 0px;
}
UL.Row LI DIV.link > DIV.color, UL.Row LI DIV.link > A > DIV.color {
  border-right:rgba(123,123,169,0.25) 1px solid;
  vertical-align:text-bottom;
  margin:0px;
  padding:0px;
  width:6px;
  min-width:6px;
}
UL.Row LI DIV.link > DIV.color IMG, UL.Row LI DIV.link > A > DIV.color IMG {
  margin:0px;
  padding:0px;
  width:6px;
}
UL.Row LI DIV.link > DIV.color.purple, UL.Row LI DIV.link > A > DIV.color.purple { background-color:#c13665; }
UL.Row LI DIV.link > DIV.color.violet, UL.Row LI DIV.link > A > DIV.color.violet { background-color:#9577dc; }
UL.Row LI DIV.link > DIV.color.indigo, UL.Row LI DIV.link > A > DIV.color.indigo { background-color:#5c6bc0; }
UL.Row LI DIV.link > DIV.color.blue, UL.Row LI DIV.link > A > DIV.color.blue { background-color:#5486d7; }
UL.Row LI DIV.link > DIV.color.azure, UL.Row LI DIV.link > A > DIV.color.azure { background-color:#4eadda; }
UL.Row LI DIV.link > DIV.color.cyan, UL.Row LI DIV.link > A > DIV.color.cyan { background-color:#00bcd4; }
UL.Row LI DIV.link > DIV.color.teal, UL.Row LI DIV.link > A > DIV.color.teal { background-color:#009688; }
UL.Row LI DIV.link > DIV.color.darkgreen, UL.Row LI DIV.link > A > DIV.color.darkgreen { background-color:#8cab3c; }
UL.Row LI DIV.link > DIV.color.green, UL.Row LI DIV.link > A > DIV.color.green { background-color:#90c250; }
UL.Row LI DIV.link > DIV.color.lime, UL.Row LI DIV.link > A > DIV.color.lime { background-color:#cddc39; }
UL.Row LI DIV.link > DIV.color.yellow, UL.Row LI DIV.link > A > DIV.color.yellow { background-color:#ffeb3b; }
UL.Row LI DIV.link > DIV.color.amber, UL.Row LI DIV.link > A > DIV.color.amber { background-color:#ffc107; }
UL.Row LI DIV.link > DIV.color.orange, UL.Row LI DIV.link > A > DIV.color.orange { background-color:#ff9800; }
UL.Row LI DIV.link > DIV.color.darkorange, UL.Row LI DIV.link > A > DIV.color.darkorange { background-color:#ff5722; }
UL.Row LI DIV.link > DIV.color.red, UL.Row LI DIV.link > A > DIV.color.red { background-color:#f43637; }
UL.Row LI DIV.link > DIV.color.pink, UL.Row LI DIV.link > A > DIV.color.pink { background-color:#d56dae; }
UL.Row LI DIV.link > DIV.color.brown, UL.Row LI DIV.link > A > DIV.color.brown { background-color:#8b6508; }
UL.Row LI DIV.link > DIV.color.white, UL.Row LI DIV.link > A > DIV.color.white { background-color:#f5f5f5; }
UL.Row LI DIV.link > DIV.color.lightgray, UL.Row LI DIV.link > A > DIV.color.lightgray { background-color:#e6e9ee; }
UL.Row LI DIV.link > DIV.color.gray, UL.Row LI DIV.link > A > DIV.color.gray { background-color:#abb2bd; }
UL.Row LI DIV.link > DIV.color.darkgray, UL.Row LI DIV.link > A > DIV.color.darkgray { background-color:#646a74; }
UL.Row LI DIV.link > DIV.color.black, UL.Row LI DIV.link > A > DIV.color.black { background-color:#24272c; }
UL.Row LI DIV.link > DIV.color.success, UL.Row LI DIV.link > A > DIV.color.success { background-color:#90c250; }
UL.Row LI DIV.link > DIV.color.warning, UL.Row LI DIV.link > A > DIV.color.warning { background-color:#ff9800; }
UL.Row LI DIV.link > DIV.color.danger, UL.Row LI DIV.link > A > DIV.color.danger { background-color:#f43637; }
UL.Row LI DIV.link > DIV.color.error, UL.Row LI DIV.link > A > DIV.color.error { background-color:#f43637; }
UL.Row LI DIV.link > DIV.color.info, UL.Row LI DIV.link > A > DIV.color.info { background-color:#4eadda; }
UL.Row LI DIV.link > DIV.color.muted, UL.Row LI DIV.link > A > DIV.color.muted { background-color:#e6e9ee; }
UL.Row LI DIV.link > DIV.color.selected, UL.Row LI DIV.link > A > DIV.color.selected { background-color:#2085ff; }
UL.Row LI DIV.link > DIV.color.save, UL.Row LI DIV.link > A > DIV.color.save { background-color:#90c250; }
UL.Row LI DIV.link > DIV.color.delete, UL.Row LI DIV.link > A > DIV.color.delete { background-color:#f43637; }
UL.Row LI DIV.link > DIV.color.load, UL.Row LI DIV.link > A > DIV.color.load { background-color:#ff9800; }
UL.Row LI DIV.link > DIV.color.cancel, UL.Row LI DIV.link > A > DIV.color.cancel { background-color:#abb2bd; }
UL.Row LI DIV.link > DIV.order, UL.Row LI DIV.link > A > DIV.order {
  color:rgba(0,0,0,0.65);
  font-weight:bold;
  font-size:14.3px;
  min-width:20px;
  text-align:center;
  margin-top:4px;
  margin-bottom:4px;
  vertical-align:middle;
  padding-left:4px;
  padding-right:4px;
}
UL.Row LI DIV.link > DIV.order + .text, UL.Row LI DIV.link > A > DIV.order + .text { padding-left:0px; }
UL.Row LI DIV.link > DIV.icon, UL.Row LI DIV.link > A > DIV.icon {
  white-space:nowrap;
  height:48px;
  padding-right:0px;
  min-width:48px;
  padding-top:18px;
  padding-left:4px;
}
UL.Row LI DIV.link > DIV.image, UL.Row LI DIV.link > A > DIV.image {
  padding:0px;
  margin:0px;
}
UL.Row LI DIV.link > DIV.image IMG, UL.Row LI DIV.link > A > DIV.image IMG {
  height:60px;
  width:60px;
  max-height:60px;
  max-width:60px;
  padding:0px;
  margin:0px;
  background-clip:padding-box;
  -webkit-border-radius:0px;
  -moz-border-radius:0px;
  border-radius:0px;
}
UL.Row LI DIV.link > DIV A, UL.Row LI DIV.link > A > DIV A { vertical-align:middle; }
UL.Row LI DIV.link > DIV.text, UL.Row LI DIV.link > A > DIV.text {
  vertical-align:middle;
  width:100%;
  padding-left:10px;
}
UL.Row LI DIV.link > DIV.text .description, UL.Row LI DIV.link > A > DIV.text .description {
  line-height:1.2;
  margin:0px;
  -webkit-margin-before:0px;
  -webkit-margin-after:0px;
  height:rgba(0,0,0,1.218);
  overflow:hidden;
}
UL.Row LI DIV.link > DIV.info, UL.Row LI DIV.link > A > DIV.info {
  padding-right:8px;
  vertical-align:middle;
  text-align:right;
  white-space:nowrap;
}
UL.Row LI DIV.link > DIV.menu, UL.Row LI DIV.link > A > DIV.menu {
  text-align:right;
  white-space:nowrap;
  vertical-align:middle;
  color:rgba(0,0,0,0.6);
}
UL.Row LI DIV.link > DIV.menu .fa, UL.Row LI DIV.link > A > DIV.menu .fa {
  color:none;
  font-size:22px;
  line-height:1.4;
  padding:0px;
  text-align:center;
  width:40px;
}
UL.Row LI DIV.link > DIV.menu.is-swipe, UL.Row LI DIV.link > A > DIV.menu.is-swipe {
  background-color:#ccd0d9;
  padding-right:10px;
  padding-left:10px;
  width:40px;
}
UL.Row LI DIV.link > DIV.menu.is-swipe .fa, UL.Row LI DIV.link > A > DIV.menu.is-swipe .fa {
  color:none;
  width:40px;
}
UL.Row LI DIV.link > DIV.menu:hover, UL.Row LI DIV.link > A > DIV.menu:hover { color:rgba(0,0,0,0.6); }
UL.Row LI DIV.link > DIV.menu A, UL.Row LI DIV.link > A > DIV.menu A { color:rgba(0,0,0,0.6); }
UL.Row LI DIV.link > DIV.menu A:hover, UL.Row LI DIV.link > A > DIV.menu A:hover { color:rgba(0,0,0,0.6); }
UL.Row LI DIV.link > DIV.menu-indigator, UL.Row LI DIV.link > A > DIV.menu-indigator {
  vertical-align:middle;
  width:7px;
  padding:0px;
  overflow:hidden;
}
UL.Row LI DIV.link > DIV.menu-indigator .fa, UL.Row LI DIV.link > A > DIV.menu-indigator .fa {
  color:#ccd0d9;
  width:7px;
  min-width:7px;
  font-size:16px;
  line-height:16px;
  height:16px;
  margin:0px 0px 0px 0px;
}
UL.Row LI DIV.link H4.title {
  display:block;
  font-size:rgba(0,0,0,0.87);
  line-height:1.2;
  font-weight:normal;
  color:rgba(0,0,0,0.87);
  overflow:hidden;
  height:rgba(0,0,0,1.218);
  margin-top:2px;
  margin-bottom:2px;
}
UL.Row LI DIV.link DIV.description {
  display:block;
  padding:0px;
  font-size:13px;
  line-height:1.2;
  color:rgba(0,0,0,0.45);
}
UL.Row LI DIV.link DIV.info {
  display:table-cell;
  vertical-align:middle;
  font-size:13px;
  color:rgba(0,0,0,0.45);
  padding:0px;
  margin-top:2px;
  margin-bottom:2px;
}
UL.Row LI DIV.link DIV.content {
  display:none;
  padding-top:10px;
  padding-bottom:4px;
}
UL.Row LI DIV.link DIV.buttons {
  white-space:nowrap;
  width:28px;
  height:28px;
  padding:6px 0px 6px 6px;
}
UL.Row LI DIV.link DIV.buttons [data-role=directory] .fa { font-size:14px; }
UL.Row LI DIV.link IMG {
  margin:0px 2px 0px 2px;
  width:28px;
  height:28px;
  max-width:28px;
  vertical-align:text-bottom;
  background-clip:padding-box;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border-radius:6px;
}
UL.Row LI DIV.link .icon {
  color:rgba(0,0,0,0.6);
  width:28px;
  height:28px;
  font-size:28px;
  cursor:pointer;
  text-align:center;
}
UL.Row LI DIV.link .icon .fa {
  margin:0px 2px 0px 2px;
  min-width:28px;
}
UL.Row LI.singlerow DIV.link { min-height:48px; }
UL.Row LI.singlerow DIV.link > DIV, UL.Row LI.singlerow DIV.link > A > DIV {
  min-height:48px;
  height:48px;
}
UL.Row LI.singlerow DIV.link > DIV.buttons, UL.Row LI.singlerow DIV.link > A > DIV.buttons {
  height:48px;
  padding:0px;
}
UL.Row LI.singlerow DIV.link > DIV.color, UL.Row LI.singlerow DIV.link > A > DIV.color { padding:0px; }
UL.Row LI.singlerow DIV.link > DIV.menu, UL.Row LI.singlerow DIV.link > A > DIV.menu { padding-top:0px; }
UL.Row LI.singlerow DIV.link > DIV.menu .fa, UL.Row LI.singlerow DIV.link > A > DIV.menu .fa { font-size:20px; }
UL.Row LI.singlerow DIV.link > DIV.menu .fa.icon--small, UL.Row LI.singlerow DIV.link > A > DIV.menu .fa.icon--small { font-size:14px; }
UL.Row LI.singlerow DIV.link > DIV.menu-indigator, UL.Row LI.singlerow DIV.link > A > DIV.menu-indigator {
  vertical-align:middle;
  width:8px;
  padding:0px;
}
UL.Row LI.singlerow DIV.link > DIV.menu-indigator .fa, UL.Row LI.singlerow DIV.link > A > DIV.menu-indigator .fa {
  width:8px;
  min-width:8px;
  font-size:16px;
  line-height:16px;
  height:16px;
  margin:0px 0px 0px 0px;
  color:#ccd0d9;
}
UL.Row LI.singlerow DIV.link > DIV.icon, UL.Row LI.singlerow DIV.link > A > DIV.icon {
  height:48px;
  padding-top:6px;
  line-height:48px;
  vertical-align:middle;
}
UL.Row LI.singlerow DIV.link > DIV.image, UL.Row LI.singlerow DIV.link > A > DIV.image {
  padding:0px;
  margin:0px;
}
UL.Row LI.singlerow DIV.link > DIV.image IMG, UL.Row LI.singlerow DIV.link > A > DIV.image IMG {
  height:48px;
  width:48px;
  max-height:48px;
  max-width:48px;
}
UL.Row LI.singlerow DIV.link > DIV.text, UL.Row LI.singlerow DIV.link > A > DIV.text { padding:0px 0px 0px 8px; }
UL.Row LI.singlerow DIV.link .fa {
  width:28.8px;
  height:28.8px;
  min-width:28.8px;
  font-size:28.8px;
  margin:0px 4px 0px 4px;
}
UL.Row LI.singlerow DIV.link IMG {
  width:28.8px;
  height:28.8px;
  max-width:28.8px;
  margin:4px 4px 0px 4px;
}
UL.Row LI.singlerow DIV.link .buttons .fa { line-height:48px; }
UL.Row LI.singlerow.header DIV.link > DIV.text, UL.Row LI.singlerow.header DIV.link > A > DIV.text { padding:0px 0px 0px 12px; }
UL.Row LI.link--placeholder {
  border-color:rgba(55,55,85,0.25);
  border-style:dashed;
  border-width:0px 0px 1px 0px;
}
UL.Row LI.link--placeholder DIV.link H4.title { color:rgba(45,45,69,0.25); }
UL.Row LI.link--placeholder DIV.link p.description { color:rgba(45,45,69,0.25); }
UL.Row.list--multirow LI DIV.link h4.title { height:auto; }
UL.Row.list--multirow LI DIV.link P.description { height:auto; }
UL.Row.list--plain LI { border-bottom-width:0px; }
UL.Row.list--plain LI.is-open > DIV.link { border-bottom-width:0px; }
UL.Row.list--plain LI.header { border-bottom-width:0px; }
UL.Row.list--small .button {
  height:24px;
  line-height:24px;
}
UL.Row.list--small .button--icon { width:24px; }
UL.Row.list--small .row__amount {
  font-size:11.7px;
  padding-right:4px;
  line-height:20px;
}
UL.Row.list--small LI DIV.link.header { padding:16px 0px 4px 0px; }
UL.Row.list--small LI DIV.link > DIV, UL.Row.list--small LI DIV.link > A > DIV {
  display:table-cell;
  height:100%;
  vertical-align:top;
  padding:6px 2px 0px 2px;
}
UL.Row.list--small LI DIV.link IMG {
  margin:0px 4px 0px 4px;
  width:20px;
  height:20px;
  max-width:20px;
  background-clip:padding-box;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
}
UL.Row.list--small LI.header { padding:12px 0px 0px 0px; }
UL.Row.list--small LI.header DIV.link > DIV.text H4.title, UL.Row.list--small LI.header DIV.link > A > DIV.text H4.title { font-size:19.5px; }
UL.Row.list--small LI.singlerow DIV.link { min-height:30px; }
UL.Row.list--small LI.singlerow DIV.link > DIV, UL.Row.list--small LI.singlerow DIV.link > A > DIV { min-height:30px; }
UL.Row.list--small LI.singlerow DIV.link > DIV.buttons, UL.Row.list--small LI.singlerow DIV.link > A > DIV.buttons { height:30px; }
UL.Row.list--small LI.singlerow DIV.link > DIV.icon, UL.Row.list--small LI.singlerow DIV.link > A > DIV.icon {
  height:30px;
  line-height:30px;
}
UL.Row.list--small LI.singlerow DIV.link > DIV.text, UL.Row.list--small LI.singlerow DIV.link > A > DIV.text {
  height:30px;
  line-height:30px;
  padding:0px;
}
UL.Row.list--small LI.singlerow DIV.link > DIV.text H4.title, UL.Row.list--small LI.singlerow DIV.link > A > DIV.text H4.title {
  height:30px;
  line-height:30px;
  padding:0px;
}
UL.Row.list--small LI.singlerow DIV.link > DIV.image IMG, UL.Row.list--small LI.singlerow DIV.link > A > DIV.image IMG {
  height:30px;
  width:30px;
  max-height:30px;
  max-width:30px;
}
UL.Row.list--small LI.singlerow DIV.link .fa {
  width:18px;
  height:18px;
  min-width:18px;
  font-size:18px;
}
UL.Row.list--small LI.singlerow DIV.link IMG {
  width:18px;
  height:18px;
  max-width:18px;
}
UL.Row.list--small LI.singlerow DIV.link > DIV.buttons { height:30px; }
UL.Row.list--small LI.singlerow DIV.link > DIV.menu { padding-right:6px; }
UL.Row.list--small LI.singlerow DIV.link > DIV.menu .fa { font-size:16px; }
UL.Row.list--small LI.singlerow DIV.link > A > DIV.icon { height:30px; }
UL.Row.list--small LI.singlerow DIV.link > A > DIV.buttons { height:30px; }
UL.Row.list--small LI.singlerow DIV.link > A > DIV.menu { padding-right:6px; }
UL.Row.list--small LI.singlerow DIV.link > A > DIV.menu .fa { font-size:16px; }
UL.Row.list--small LI.singlerow DIV.link .fa {
  margin:0px 4px 0px 4px;
  width:20px;
  min-width:20px;
  height:20px;
  font-size:18px;
  max-width:20px;
  background-clip:padding-box;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
}
@media (max-width: 767px) {
  UL.Row LI.header:first-child { padding-top:24px; }
}
UL.imgGrid {
  margin-top:8px;
  margin-left:12px;
  padding:0px;
  list-style-type:none;
}
UL.imgGrid LI {
  text-align:center;
  display:block;
  margin:6px 10px 6px 10px;
  width:160px;
  float:left;
}
UL.imgGrid LI IMG.image {
  display:inline-block;
  margin:0px 0px 8px 0px;
  padding:0px 0px 0px 0px;
  width:100px;
  width:140px;
  height:140px;
  border:#ccc 1px solid;
  box-shadow:1px 1px 4px rgba(0,0,0,0.2);
  background-clip:padding-box;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
}
UL.imgGrid LI IMG.icon {
  display:inline-block;
  margin:0px 0px 4px 0px;
  padding:0px 0px 0px 0px;
  width:48px;
}
UL.imgGrid LI.title {
  text-align:left;
  width:100%;
  display:block;
  color:#14a;
  font-weight:bold;
  font-size:20px;
  margin:20px 0px 3px 0px;
  padding:10px 0px 3px 0px;
  border-bottom:#24a 1px solid;
  clear:left;
}
UL.imgGrid LI A {
  padding:10px;
  display:block;
}
UL.imgGrid LI A:hover {
  background-color:#fbf599;
  text-decoration:none;
  background-clip:padding-box;
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  border-radius:8px;
}
UL.imgGrid LI A DIV {
  text-align:center;
  display:block;
  width:100%;
}
UL.imgGrid LI A DIV.info { color:#999; }
UL.imgGrid LI A DIV.description {
  font-weight:normal;
  color:#999;
  font-size:12px;
  line-height:16px;
  height:32px;
  width:100%;
  overflow:hidden;
}
UL.list--borderless LI { border-bottom:0px; }
.list--ListRow .input-star LABEL, UL.full .input-star LABEL, UL.grid .input-star LABEL {
  width:14px;
  height:14px;
}
.list--ListRow .input-star .fa, UL.full .input-star .fa, UL.grid .input-star .fa {
  font-size:16px;
  line-height:16px;
}
.menu { display:inline-block; }
.menu__item {
  display:inline-block;
  height:34px;
  line-height:1.2;
  padding:8px 4px;
  background-clip:padding-box;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border-radius:6px;
}
.menu__item:hover { background-color:#fbf599; }
.menu--stacked__item { display:block; }
.pw_float {
  position:absolute;
  left:0px;
  top:0px;
  -webkit-transition-property:opacity;
  -webkit-transition-duration:0.2s;
  -webkit-transition-timing-function:ease-out;
}
.pw_popup {
  position:absolute;
  text-align:left;
  z-index:20;
  border:0px;
  margin:0px;
  padding:0px;
  color:#fcfcfc;
  background-color:#111;
  background-clip:padding-box;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border-radius:6px;
  -moz-box-shadow:2px 2px 8px rgba(0,0,0,0.75);
  -webkit-box-shadow:2px 2px 8px rgba(0,0,0,0.75);
  box-shadow:2px 2px 8px rgba(0,0,0,0.75);
}
.pw_ohjeteksti {
  position:absolute;
  text-align:left;
  z-index:20;
  margin:0px;
  line-height:14px;
  font-size:12px;
  font-weight:normal;
  padding:10px;
  width:280px;
  color:#555;
  background-color:#fe8;
  border:#fd7 1px solid;
  background-clip:padding-box;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border-radius:6px;
  -moz-box-shadow:2px 2px 4px #999;
  -webkit-box-shadow:2px 2px 4px #999;
  box-shadow:2px 2px 4px #999;
}
.pw_popup {
  padding:8px;
  text-shadow:#555 1px 1px 1px;
}
.pw_popup h1 {
  display:inline;
  font-size:14px;
  font-weight:bold;
  padding:4px 0px 4px 0px;
}
.pw_popup h2 {
  display:inline;
  font-size:12px;
  font-weight:bold;
  padding:12px 0px 2px 0px;
}
.panel {
  color:#222;
  text-align:left;
  margin:0px;
  padding:0px;
  background-color:#fff;
  -webkit-backface-visibility:hidden;
}
.panel .panel-heading {
  font-family:'Libre Franklin', sans-serif;
  font-size:14px;
  background-color:#fff;
  padding:0px;
}
.panel .panel-heading .button {
  color:rgba(0,0,0,0.6);
  margin-bottom:0px;
}
.panel .panel-heading .button .fa { line-height:38px; }
.panel .panel-heading .button.is-selected { color:#53a1ff; }
.panel .panel-heading .button.is-selected:hover { color:#53a1ff; }
.panel .panel-heading .columns .column { vertical-align:middle; }
.panel .panel-heading .columns .column:first-child { padding-left:10px; }
.panel .panel-heading .columns .column:last-child { padding-right:10px; }
.panel .panel-heading .columns .column--left .fa { color:rgba(0,0,0,0.6); }
.panel .panel-heading .columns .column--left .fa:hover { color:rgba(0,0,0,0.6); }
.panel .panel-heading .columns .column--left .button--round {
  border:rgba(65,65,100,0.25) 2px solid;
  width:40px;
  height:40px;
  background-clip:padding-box;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  border-radius:50%;
}
.panel .panel-heading .columns .column--left .button--round IMG {
  width:40px;
  height:40px;
}
.panel .panel-heading .columns .column--center { text-align:left; }
.panel .panel-heading .columns .column--right { white-space:nowrap; }
.panel .panel-heading .columns .column--right .js-menu { display:inline-block; }
.panel .panel-heading .columns .column--right .js-menu .button--icon { width:38px; }
.panel .panel-heading .columns DIV[data-role="icon"] {
  width:40px;
  vertical-align:middle;
  padding-right:10px;
  padding-left:10px;
}
.panel .panel-heading .columns DIV[data-role="icon"] .button { width:40px; }
.panel .panel-heading .columns DIV[data-role="icon"] IMG {
  width:40px;
  height:40px;
}
.panel .panel-heading .columns DIV[data-role="title"] {
  padding-top:8px;
  padding-bottom:8px;
}
.panel .panel-heading .columns DIV[data-role="title"] h2 {
  padding:0px;
  margin:0px;
  font-family:'Libre Franklin', sans-serif;
  letter-spacing:1px;
  display:inline-block;
  font-weight:normal;
  font-size:20.02px;
  line-height:1.1;
  height:20px;
  overflow:hidden;
  -webkit-margin-before:0px;
  -webkit-margin-after:0px;
}
.panel .panel-heading .columns DIV[data-role="title"] p {
  padding:2px 0px 0px 0px;
  margin:0px;
  font-size:12px;
  line-height:14px;
  height:16px;
  color:rgba(0,0,0,0.65);
  overflow:hidden;
  -webkit-margin-before:0px;
  -webkit-margin-after:0px;
}
.panel .panel-tabs { margin:10px; }
.panel .panel-body h2 {
  margin-top:1em;
  margin-bottom:0.2em;
}
.panel .panel-feedback .alert {
  margin:0px;
  border:0px;
  background-clip:padding-box;
  -webkit-border-radius:0px;
  -moz-border-radius:0px;
  border-radius:0px;
}
.panel .panel-footer {
  font-size:12px;
  line-height:14px;
  color:rgba(0,0,0,0.87);
  border-top:rgba(65,65,100,0.25) 1px solid;
  background-color:#fff;
  padding:6px;
}
.panel .panel-footer:empty { display:none; }
.panel__mask {
  z-index:20;
  position:fixed;
  top:0px;
  left:0px;
  right:0px;
  bottom:0px;
  background-color:#fff;
  opacity:0.9;
}
.panel--inline {
  margin-top:20px;
  width:100%;
}
.panel--inline:first-child { margin-top:0px; }
.panel--inline .panel-heading {
  background-color:#fff;
  padding-top:10px;
  padding-bottom:10px;
}
.panel--inline .panel-heading .columns DIV[data-role="title"] h2 {
  color:rgba(0,0,0,0.65);
  height:26px;
  font-size:26px;
  font-weight:normal;
}
.panel--inline .panel-heading .columns DIV[data-role="title"] h2 A { color:rgba(0,0,0,0.65); }
.panel--inline .panel-button {
  background-color:#ecf0f3;
  border-top:rgba(65,65,100,0.25) 1px solid;
  padding:8px 8px 4px 8px;
}
.panel--inline .panel-button:empty { display:none; }
.panel--floating {
  z-index:21;
  position:absolute;
  display:inline-block;
  -moz-box-shadow:2px 2px 8px rgba(0,0,0,0.75);
  -webkit-box-shadow:2px 2px 8px rgba(0,0,0,0.75);
  box-shadow:2px 2px 8px rgba(0,0,0,0.75);
  background-clip:padding-box;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border-radius:6px;
}
.panel--floating > DIV:first-of-type, .panel--floating .panel-heading {
  background-clip:padding-box;
  -webkit-border-top-left-radius:6px;
  -webkit-border-top-right-radius:6px;
  -moz-border-radius-topleft:6px;
  -moz-border-radius-topright:6px;
  border-top-left-radius:6px;
  border-top-right-radius:6px;
  border-radius-topleft:6px;
  border-radius-topright:6px;
}
.panel--floating > DIV:last-of-type, .panel--floating > FORM > DIV:last-of-type {
  background-clip:padding-box;
  -webkit-border-bottom-left-radius:6px;
  -webkit-border-bottom-right-radius:6px;
  -moz-border-radius-bottomleft:6px;
  -moz-border-radius-bottomright:6px;
  border-bottom-left-radius:6px;
  border-bottom-right-radius:6px;
  border-radius-bottomleft:6px;
  border-radius-bottomright:6px;
}
.panel--floating .panel-heading .columns DIV[data-role="title"] h2 { color:rgba(0,0,0,0.65); }
.panel--floating .panel-body-header { padding:0px 12px; }
.panel--floating .panel-body {
  overflow:auto;
  max-height:400px;
  max-height:400px;
  overflow:auto;
  overflow:auto;
  -webkit-overflow-scrolling:touch;
}
.panel--floating .panel-button {
  padding:0px;
  margin:0px;
  background-color:#a4d667;
}
.panel--floating .panel-button .group {
  display:table;
  width:100%;
}
.panel--floating .panel-button .group .button {
  width:50%;
  height:42px;
  display:table-cell;
  vertical-align:middle;
  background-clip:padding-box;
  -webkit-border-radius:0px;
  -moz-border-radius:0px;
  border-radius:0px;
}
.panel--floating .panel-button .group .button:first-child {
  border-left-width:0px;
  background-clip:padding-box;
  -webkit-border-bottom-left-radius:6px;
  -moz-border-radius-bottomleft:6px;
  border-bottom-left-radius:6px;
  border-radius-bottomleft:6px;
}
.panel--floating .panel-button .group .button:last-child {
  background-clip:padding-box;
  -webkit-border-bottom-right-radius:6px;
  -moz-border-radius-bottomright:6px;
  border-bottom-right-radius:6px;
  border-radius-bottomright:6px;
}
.panel--floating DIV.nappirivi {
  background:#fff;
  border-top:rgba(65,65,100,0.25) 1px solid;
  padding:4px 10px 4px 10px;
}
.panel--floating DIV.teksti {
  border-top:rgba(65,65,100,0.25) 1px solid;
  padding:4px 10px 4px 10px;
}
.panel--dropdown {
  background-clip:padding-box;
  -webkit-border-radius:4.25px;
  -moz-border-radius:4.25px;
  border-radius:4.25px;
  -moz-box-shadow:1px 1px 6px rgba(0,0,0,0.6);
  -webkit-box-shadow:1px 1px 6px rgba(0,0,0,0.6);
  box-shadow:1px 1px 6px rgba(0,0,0,0.6);
}
.panel--dropdown > DIV:first-of-type, .panel--dropdown .panel-heading {
  background-clip:padding-box;
  -webkit-border-top-left-radius:6px;
  -webkit-border-top-right-radius:6px;
  -moz-border-radius-topleft:6px;
  -moz-border-radius-topright:6px;
  border-top-left-radius:6px;
  border-top-right-radius:6px;
  border-radius-topleft:6px;
  border-radius-topright:6px;
}
.panel--dropdown > DIV:last-of-type, .panel--dropdown > FORM > DIV:last-of-type {
  background-clip:padding-box;
  -webkit-border-bottom-left-radius:6px;
  -webkit-border-bottom-right-radius:6px;
  -moz-border-radius-bottomleft:6px;
  -moz-border-radius-bottomright:6px;
  border-bottom-left-radius:6px;
  border-bottom-right-radius:6px;
  border-radius-bottomleft:6px;
  border-radius-bottomright:6px;
}
.panel--fullscreen {
  display:block;
  -moz-box-shadow:0px 0px 0px rgba(0,0,0,0);
  -webkit-box-shadow:0px 0px 0px rgba(0,0,0,0);
  box-shadow:0px 0px 0px rgba(0,0,0,0);
  background-clip:padding-box;
  -webkit-border-radius:0px;
  -moz-border-radius:0px;
  border-radius:0px;
}
.panel--fullscreen > DIV:first-of-type, .panel--fullscreen .panel-heading {
  background-clip:padding-box;
  -webkit-border-top-left-radius:0px;
  -webkit-border-top-right-radius:0px;
  -moz-border-radius-topleft:0px;
  -moz-border-radius-topright:0px;
  border-top-left-radius:0px;
  border-top-right-radius:0px;
  border-radius-topleft:0px;
  border-radius-topright:0px;
}
.panel--fullscreen > DIV:last-of-type, .panel--fullscreen > FORM > DIV:last-of-type {
  background-clip:padding-box;
  -webkit-border-bottom-left-radius:0px;
  -webkit-border-bottom-right-radius:0px;
  -moz-border-radius-bottomleft:0px;
  -moz-border-radius-bottomright:0px;
  border-bottom-left-radius:0px;
  border-bottom-right-radius:0px;
  border-radius-bottomleft:0px;
  border-radius-bottomright:0px;
}
.panel--top {
  display:block;
  z-index:14;
  -moz-box-shadow:0px 0px 0px rgba(0,0,0,0);
  -webkit-box-shadow:0px 0px 0px rgba(0,0,0,0);
  box-shadow:0px 0px 0px rgba(0,0,0,0);
  background-clip:padding-box;
  -webkit-border-radius:0px;
  -moz-border-radius:0px;
  border-radius:0px;
}
.panel--top > DIV:first-of-type, .panel--top .panel-heading {
  background-clip:padding-box;
  -webkit-border-top-left-radius:0px;
  -webkit-border-top-right-radius:0px;
  -moz-border-radius-topleft:0px;
  -moz-border-radius-topright:0px;
  border-top-left-radius:0px;
  border-top-right-radius:0px;
  border-radius-topleft:0px;
  border-radius-topright:0px;
}
.panel--top > DIV:last-of-type, .panel--top > FORM > DIV:last-of-type {
  background-clip:padding-box;
  -webkit-border-bottom-left-radius:0px;
  -webkit-border-bottom-right-radius:0px;
  -moz-border-radius-bottomleft:0px;
  -moz-border-radius-bottomright:0px;
  border-bottom-left-radius:0px;
  border-bottom-right-radius:0px;
  border-radius-bottomleft:0px;
  border-radius-bottomright:0px;
}
.panel--topcenter {
  position:absolute;
  display:block;
  -moz-box-shadow:1px 1px 48px #333;
  -webkit-box-shadow:1px 1px 48px #333;
  box-shadow:1px 1px 48px #333;
  background-clip:padding-box;
  -webkit-border-top-left-radius:0px;
  -webkit-border-top-right-radius:0px;
  -moz-border-radius-topleft:0px;
  -moz-border-radius-topright:0px;
  border-top-left-radius:0px;
  border-top-right-radius:0px;
  border-radius-topleft:0px;
  border-radius-topright:0px;
}
.panel--topcenter > DIV:first-of-type, .panel--topcenter .panel-heading {
  background-clip:padding-box;
  -webkit-border-top-left-radius:0px;
  -webkit-border-top-right-radius:0px;
  -moz-border-radius-topleft:0px;
  -moz-border-radius-topright:0px;
  border-top-left-radius:0px;
  border-top-right-radius:0px;
  border-radius-topleft:0px;
  border-radius-topright:0px;
}
.panel--topcenter > DIV:last-of-type, .panel--topcenter > FORM > DIV:last-of-type {
  background-clip:padding-box;
  -webkit-border-bottom-left-radius:0px;
  -webkit-border-bottom-right-radius:0px;
  -moz-border-radius-bottomleft:0px;
  -moz-border-radius-bottomright:0px;
  border-bottom-left-radius:0px;
  border-bottom-right-radius:0px;
  border-radius-bottomleft:0px;
  border-radius-bottomright:0px;
  background-clip:padding-box;
  -webkit-border-bottom-left-radius:8px;
  -webkit-border-bottom-right-radius:8px;
  -moz-border-radius-bottomleft:8px;
  -moz-border-radius-bottomright:8px;
  border-bottom-left-radius:8px;
  border-bottom-right-radius:8px;
  border-radius-bottomleft:8px;
  border-radius-bottomright:8px;
}
.panel--leftside {
  left:0;
  top:0;
  bottom:0;
  position:fixed;
  display:block;
  width:300px;
  -moz-box-shadow:1px 0px 48px #333;
  -webkit-box-shadow:1px 0px 48px #333;
  box-shadow:1px 0px 48px #333;
  background-clip:padding-box;
  -webkit-border-top-left-radius:0px;
  -webkit-border-top-right-radius:0px;
  -moz-border-radius-topleft:0px;
  -moz-border-radius-topright:0px;
  border-top-left-radius:0px;
  border-top-right-radius:0px;
  border-radius-topleft:0px;
  border-radius-topright:0px;
}
.panel--leftside .panel--heading {
  border-bottom:0px;
  background-clip:padding-box;
  -webkit-border-top-left-radius:0px;
  -webkit-border-top-right-radius:0px;
  -moz-border-radius-topleft:0px;
  -moz-border-radius-topright:0px;
  border-top-left-radius:0px;
  border-top-right-radius:0px;
  border-radius-topleft:0px;
  border-radius-topright:0px;
}
.panel--rightside {
  right:0;
  top:0;
  bottom:0;
  position:fixed;
  display:block;
  width:300px;
  -moz-box-shadow:-1px 0px 48px #333;
  -webkit-box-shadow:-1px 0px 48px #333;
  box-shadow:-1px 0px 48px #333;
  background-clip:padding-box;
  -webkit-border-top-left-radius:0px;
  -webkit-border-top-right-radius:0px;
  -moz-border-radius-topleft:0px;
  -moz-border-radius-topright:0px;
  border-top-left-radius:0px;
  border-top-right-radius:0px;
  border-radius-topleft:0px;
  border-radius-topright:0px;
}
.panel--rightside .panel--heading {
  border-bottom:0px;
  background-clip:padding-box;
  -webkit-border-top-left-radius:0px;
  -webkit-border-top-right-radius:0px;
  -moz-border-radius-topleft:0px;
  -moz-border-radius-topright:0px;
  border-top-left-radius:0px;
  border-top-right-radius:0px;
  border-radius-topleft:0px;
  border-radius-topright:0px;
}
@media (max-width: 767px) {
  .panel--floating.panel--rightside { left:auto; }
}
.panel.nopadding .panel-body, .panel--condensed .panel-body, .panel--list .panel-body, .panel--form .panel-body { padding:0px 0px; }
.panel > .title {
  font-family:'Trebuchet MS', Tahoma, Arial;
  font-weight:bold;
  font-size:16px;
  line-height:24px;
}
.panel > .title DIV {
  display:block;
  padding:4px;
}
.panel > .title IMG {
  cursor:pointer;
  height:24px;
  width:24px;
  border:0px;
  font-weight:bold;
  font-size:14px;
  display:block;
  padding:4px;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
}
.panel > .title IMG.ikoni {
  cursor:pointer;
  position:relative;
  float:left;
  top:-12px;
  width:48px;
  height:48px;
  margin:0px 8px -24px 8px;
  padding:0px;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
}
.panel > .title IMG.close {
  position:absolute;
  right:6px;
}
.panel--list .panel-body { padding:0px; }
@media (max-width: 767px) {
  .panel {
    background-clip:padding-box;
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    border-radius:0px;
  }
  .panel > DIV:first-of-type, .panel .panel-heading {
    background-clip:padding-box;
    -webkit-border-top-left-radius:0px;
    -webkit-border-top-right-radius:0px;
    -moz-border-radius-topleft:0px;
    -moz-border-radius-topright:0px;
    border-top-left-radius:0px;
    border-top-right-radius:0px;
    border-radius-topleft:0px;
    border-radius-topright:0px;
  }
  .panel > DIV:last-of-type, .panel > FORM > DIV:last-of-type {
    background-clip:padding-box;
    -webkit-border-bottom-left-radius:0px;
    -webkit-border-bottom-right-radius:0px;
    -moz-border-radius-bottomleft:0px;
    -moz-border-radius-bottomright:0px;
    border-bottom-left-radius:0px;
    border-bottom-right-radius:0px;
    border-radius-bottomleft:0px;
    border-radius-bottomright:0px;
  }
  .panel .panel-heading .columns DIV[data-role="icon"] { width:48px; }
  .panel .panel-heading .columns DIV[data-role="icon"] IMG {
    width:36px;
    height:36px;
  }
  .panel .panel-heading .columns DIV[data-role="title"] H2 { font-size:15.015px; }
  .panel .panel-heading .columns .button--plain {
    width:40px;
    height:40px;
  }
  .panel .panel-heading .columns .button--plain .fa {
    line-height:40px;
    font-size:24px;
  }
  .panel .panel-heading .columns .js-menu .button { margin-right:10px; }
  .panel .panel-toolbar { padding:4px; }
  .panel--floating {
    position:fixed;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    border-width:0px;
    display:block;
    background-clip:padding-box;
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    border-radius:0px;
    -moz-box-shadow:0px -10px 24px rgba(51,51,51,0.25);
    -webkit-box-shadow:0px -10px 24px rgba(51,51,51,0.25);
    box-shadow:0px -10px 24px rgba(51,51,51,0.25);
  }
  .panel--floating .panel-heading { padding:0px 0px; }
  .panel--floating .panel-feedback {
    position:fixed;
    left:0px;
    width:100%;
    bottom:60px;
  }
  .panel--floating .panel-button {
    position:fixed;
    left:0px;
    width:100%;
    bottom:0px;
  }
  .panel--floating .panel-button .group .button {
    height:60px;
    font-size:16px;
  }
  .panel--floating .panel-button .group .button .fa { font-size:28px; }
  .panel--floating .panel-button .group .button:first-child {
    background-clip:padding-box;
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    border-radius:0px;
  }
  .panel--floating .panel-button .group .button:last-child {
    background-clip:padding-box;
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    border-radius:0px;
  }
  .panel--list .panel-body > .row .col {
    padding-left:0px;
    padding-right:0px;
  }
  .panel--inline .panel-heading { padding:0px 0px; }
}
.panel--condensed .grid {
  margin-left:0px;
  margin-right:0px;
}
.panel--condensed .grid .col {
  margin-left:0px;
  margin-right:0px;
}
.panel--article .panel-body {
  padding-top:10px;
  padding-left:20px;
  padding-right:20px;
  padding-bottom:20px;
}
UL.nav-pills.is-editable > LI > A {
  border:rgba(65,65,100,0.25) 2px dotted;
  border-color:#777;
  padding:7px 12px 0px 12px;
}
UL.nav-pills.is-editable > LI.purple > A { border-color:#722c44; }
UL.nav-pills.is-editable > LI.violet > A { border-color:#5c4d7f; }
UL.nav-pills.is-editable > LI.indigo > A { border-color:#3f4771; }
UL.nav-pills.is-editable > LI.blue > A { border-color:#3b547d; }
UL.nav-pills.is-editable > LI.azure > A { border-color:#38687e; }
UL.nav-pills.is-editable > LI.cyan > A { border-color:#116f7b; }
UL.nav-pills.is-editable > LI.teal > A { border-color:#115c55; }
UL.nav-pills.is-editable > LI.darkgreen > A { border-color:#57672f; }
UL.nav-pills.is-editable > LI.green > A { border-color:#597239; }
UL.nav-pills.is-editable > LI.lime > A { border-color:#787f2e; }
UL.nav-pills.is-editable > LI.yellow > A { border-color:#91872f; }
UL.nav-pills.is-editable > LI.amber > A { border-color:#917215; }
UL.nav-pills.is-editable > LI.orange > A { border-color:#915d11; }
UL.nav-pills.is-editable > LI.darkorange > A { border-color:#913d22; }
UL.nav-pills.is-editable > LI.red > A { border-color:#8b2c2d; }
UL.nav-pills.is-editable > LI.pink > A { border-color:#7c4868; }
UL.nav-pills.is-editable > LI.brown > A { border-color:#574415; }
UL.nav-pills.is-editable > LI.white > A { border-color:#8c8c8c; }
UL.nav-pills.is-editable > LI.lightgray > A { border-color:#848688; }
UL.nav-pills.is-editable > LI.gray > A { border-color:#676a70; }
UL.nav-pills.is-editable > LI.darkgray > A { border-color:#43464b; }
UL.nav-pills.is-editable > LI.black > A { border-color:#232527; }
UL.nav-pills.is-editable > LI.success > A { border-color:#597239; }
UL.nav-pills.is-editable > LI.warning > A { border-color:#915d11; }
UL.nav-pills.is-editable > LI.danger > A { border-color:#8b2c2d; }
UL.nav-pills.is-editable > LI.error > A { border-color:#8b2c2d; }
UL.nav-pills.is-editable > LI.info > A { border-color:#38687e; }
UL.nav-pills.is-editable > LI.muted > A { border-color:#848688; }
UL.nav-pills.is-editable > LI.selected > A { border-color:#215491; }
UL.nav-pills.is-editable > LI.save > A { border-color:#597239; }
UL.nav-pills.is-editable > LI.delete > A { border-color:#8b2c2d; }
UL.nav-pills.is-editable > LI.load > A { border-color:#915d11; }
UL.nav-pills.is-editable > LI.cancel > A { border-color:#676a70; }
UL.nav-pills { margin:0px 0px -6px 0px; }
UL.nav-pills A { cursor:pointer; }
UL.nav-pills A .nav-pills__amount {
  display:inline-block;
  margin-left:8px;
  font-size:10px;
  padding:0px 8px;
  background-color:#fff;
  color:#999;
  background-clip:padding-box;
  -webkit-border-radius:14px;
  -moz-border-radius:14px;
  border-radius:14px;
}
UL.nav-pills > LI {
  display:inline-block;
  padding:0px;
  margin:0px 6px 6px 0px;
}
UL.nav-pills > LI > A {
  border:solid 1px #bbb;
  display:inline-block;
  padding:9px 14px 0px 14px;
  height:34px;
  text-wrap:none;
  background-color:#fff;
  margin:0px;
  color:#999;
  font-size:14px;
  line-height:14px;
  background-clip:padding-box;
  -webkit-border-radius:34px;
  -moz-border-radius:34px;
  border-radius:34px;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
UL.nav-pills > LI > A:hover {
  color:#b3b3b3;
  border-color:#d5d5d5;
}
UL.nav-pills > LI > A h4 {
  font-weight:normal;
  display:inline-block;
}
UL.nav-pills > LI > A .fa {
  font-size:18px;
  line-height:14px;
  padding-left:8px;
  padding-right:8px;
}
UL.nav-pills > LI > A .fa:first-child { padding-left:0px; }
UL.nav-pills > LI > A .fa:last-child { padding-right:0px; }
UL.nav-pills > LI.delimiter > A {
  background-color:#dbdde4;
  width:2px;
  padding:8px 0px 2px 0px;
  border:0px;
}
UL.nav-pills > LI UL {
  position:absolute;
  display:none;
  background-color:#fff;
  border:rgba(65,65,100,0.25) 0px solid;
  padding:4px;
  margin:0px;
  width:300px;
  z-index:12;
  -moz-box-shadow:2px 2px 16px #999;
  -webkit-box-shadow:2px 2px 16px #999;
  box-shadow:2px 2px 16px #999;
}
UL.nav-pills > LI UL LI { display:block; }
UL.nav-pills > LI UL LI A {
  background-color:#fff;
  padding:12px 12px;
  display:block;
  font-size:14px;
  border-bottom:rgba(65,65,100,0.25) 0px solid;
}
UL.nav-pills > LI UL LI A .nav-pills__amount {
  color:#eee;
  background-color:#777;
  float:right;
}
UL.nav-pills > LI UL LI .fa {
  font-size:18px;
  line-height:14px;
  vertical-align:middle;
  padding-right:8px;
}
UL.nav-pills > LI UL LI:hover { color:#b3b3b3; }
UL.nav-pills > LI UL.delimiter > A {
  height:34px;
  background-color:#dbdde4;
  height:2px;
  padding:0px;
  margin-top:8px;
  margin-bottom:8px;
  border:0px;
}
UL.nav-pills > LI LI:last-child A { border-bottom:rgba(65,65,100,0.25) 0px solid; }
UL.nav-pills LI.purple > A {
  background-color:#e278a5;
  color:#812e4a;
  border-color:#cf6f98;
}
UL.nav-pills LI.purple > A .nav-pills__amount {
  background-color:#812e4a;
  color:#e278a5;
}
UL.nav-pills LI.violet > A {
  background-color:#ccbbf4;
  color:#675592;
  border-color:#bbacdf;
}
UL.nav-pills LI.violet > A .nav-pills__amount {
  background-color:#675592;
  color:#ccbbf4;
}
UL.nav-pills LI.indigo > A {
  background-color:#9fa8da;
  color:#454e81;
  border-color:#939bc8;
}
UL.nav-pills LI.indigo > A .nav-pills__amount {
  background-color:#454e81;
  color:#9fa8da;
}
UL.nav-pills LI.blue > A {
  background-color:#92b7f2;
  color:#405e8f;
  border-color:#87a8dd;
}
UL.nav-pills LI.blue > A .nav-pills__amount {
  background-color:#405e8f;
  color:#92b7f2;
}
UL.nav-pills LI.azure > A {
  background-color:#81d4fa;
  color:#3c7590;
  border-color:#78c2e4;
}
UL.nav-pills LI.azure > A .nav-pills__amount {
  background-color:#3c7590;
  color:#81d4fa;
}
UL.nav-pills LI.cyan > A {
  background-color:#80deea;
  color:#0e7e8d;
  border-color:#77cbd6;
}
UL.nav-pills LI.cyan > A .nav-pills__amount {
  background-color:#0e7e8d;
  color:#80deea;
}
UL.nav-pills LI.teal > A {
  background-color:#80cbc4;
  color:#0e685f;
  border-color:#77bab4;
}
UL.nav-pills LI.teal > A .nav-pills__amount {
  background-color:#0e685f;
  color:#80cbc4;
}
UL.nav-pills LI.darkgreen > A {
  background-color:#bcd554;
  color:#627432;
  border-color:#adc34f;
}
UL.nav-pills LI.darkgreen > A .nav-pills__amount {
  background-color:#627432;
  color:#bcd554;
}
UL.nav-pills LI.green > A {
  background-color:#bce18f;
  color:#64823e;
  border-color:#adce84;
}
UL.nav-pills LI.green > A .nav-pills__amount {
  background-color:#64823e;
  color:#bce18f;
}
UL.nav-pills LI.lime > A {
  background-color:#e6ee9c;
  color:#899230;
  border-color:#d2da90;
}
UL.nav-pills LI.lime > A .nav-pills__amount {
  background-color:#899230;
  color:#e6ee9c;
}
UL.nav-pills LI.yellow > A {
  background-color:#fff176;
  color:#a79b31;
  border-color:#e9dc6e;
}
UL.nav-pills LI.yellow > A .nav-pills__amount {
  background-color:#a79b31;
  color:#fff176;
}
UL.nav-pills LI.amber > A {
  background-color:#ffe082;
  color:#a78112;
  border-color:#e9cd78;
}
UL.nav-pills LI.amber > A .nav-pills__amount {
  background-color:#a78112;
  color:#ffe082;
}
UL.nav-pills LI.orange > A {
  background-color:#ffb74d;
  color:#a7690e;
  border-color:#e9a849;
}
UL.nav-pills LI.orange > A .nav-pills__amount {
  background-color:#a7690e;
  color:#ffb74d;
}
UL.nav-pills LI.darkorange > A {
  background-color:#ff8a65;
  color:#a74222;
  border-color:#e9805e;
}
UL.nav-pills LI.darkorange > A .nav-pills__amount {
  background-color:#a74222;
  color:#ff8a65;
}
UL.nav-pills LI.red > A {
  background-color:#e57373;
  color:#a02e2f;
  border-color:#d26b6b;
}
UL.nav-pills LI.red > A .nav-pills__amount {
  background-color:#a02e2f;
  color:#e57373;
}
UL.nav-pills LI.pink > A {
  background-color:#efafd6;
  color:#8d4f76;
  border-color:#daa1c4;
}
UL.nav-pills LI.pink > A .nav-pills__amount {
  background-color:#8d4f76;
  color:#efafd6;
}
UL.nav-pills LI.brown > A {
  background-color:#c59814;
  color:#614a12;
  border-color:#b58c15;
}
UL.nav-pills LI.brown > A .nav-pills__amount {
  background-color:#614a12;
  color:#c59814;
}
UL.nav-pills LI.white > A {
  background-color:#fff;
  color:#a1a1a1;
  border-color:#e9e9e9;
}
UL.nav-pills LI.white > A .nav-pills__amount {
  background-color:#a1a1a1;
  color:#fff;
}
UL.nav-pills LI.lightgray > A {
  background-color:#f5f6fa;
  color:#98999c;
  border-color:#e0e1e4;
}
UL.nav-pills LI.lightgray > A .nav-pills__amount {
  background-color:#98999c;
  color:#f5f6fa;
}
UL.nav-pills LI.gray > A {
  background-color:#dbdde4;
  color:#74787f;
  border-color:#c8cbd0;
}
UL.nav-pills LI.gray > A .nav-pills__amount {
  background-color:#74787f;
  color:#dbdde4;
}
UL.nav-pills LI.darkgray > A {
  background-color:#7f8692;
  color:#4a4d53;
  border-color:#767c87;
}
UL.nav-pills LI.darkgray > A .nav-pills__amount {
  background-color:#4a4d53;
  color:#7f8692;
}
UL.nav-pills LI.black > A {
  background-color:#626262;
  color:#232528;
  border-color:#5b5b5b;
}
UL.nav-pills LI.black > A .nav-pills__amount {
  background-color:#232528;
  color:#626262;
}
UL.nav-pills LI.success > A {
  background-color:#bce18f;
  color:#64823e;
  border-color:#adce84;
}
UL.nav-pills LI.success > A .nav-pills__amount {
  background-color:#64823e;
  color:#bce18f;
}
UL.nav-pills LI.warning > A {
  background-color:#ffb74d;
  color:#a7690e;
  border-color:#e9a849;
}
UL.nav-pills LI.warning > A .nav-pills__amount {
  background-color:#a7690e;
  color:#ffb74d;
}
UL.nav-pills LI.danger > A {
  background-color:#e57373;
  color:#a02e2f;
  border-color:#d26b6b;
}
UL.nav-pills LI.danger > A .nav-pills__amount {
  background-color:#a02e2f;
  color:#e57373;
}
UL.nav-pills LI.error > A {
  background-color:#e57373;
  color:#a02e2f;
  border-color:#d26b6b;
}
UL.nav-pills LI.error > A .nav-pills__amount {
  background-color:#a02e2f;
  color:#e57373;
}
UL.nav-pills LI.info > A {
  background-color:#81d4fa;
  color:#3c7590;
  border-color:#78c2e4;
}
UL.nav-pills LI.info > A .nav-pills__amount {
  background-color:#3c7590;
  color:#81d4fa;
}
UL.nav-pills LI.muted > A {
  background-color:#ebedf5;
  color:#98999c;
  border-color:#d7d9e0;
}
UL.nav-pills LI.muted > A .nav-pills__amount {
  background-color:#98999c;
  color:#ebedf5;
}
UL.nav-pills LI.selected > A {
  background-color:#86bdff;
  color:#215da7;
  border-color:#7cade9;
}
UL.nav-pills LI.selected > A .nav-pills__amount {
  background-color:#215da7;
  color:#86bdff;
}
UL.nav-pills LI.save > A {
  background-color:#bce18f;
  color:#64823e;
  border-color:#adce84;
}
UL.nav-pills LI.save > A .nav-pills__amount {
  background-color:#64823e;
  color:#bce18f;
}
UL.nav-pills LI.delete > A {
  background-color:#e57373;
  color:#a02e2f;
  border-color:#d26b6b;
}
UL.nav-pills LI.delete > A .nav-pills__amount {
  background-color:#a02e2f;
  color:#e57373;
}
UL.nav-pills LI.load > A {
  background-color:#ffb74d;
  color:#a7690e;
  border-color:#e9a849;
}
UL.nav-pills LI.load > A .nav-pills__amount {
  background-color:#a7690e;
  color:#ffb74d;
}
UL.nav-pills LI.cancel > A {
  background-color:#dbdde4;
  color:#74787f;
  border-color:#c8cbd0;
}
UL.nav-pills LI.cancel > A .nav-pills__amount {
  background-color:#74787f;
  color:#dbdde4;
}
UL.nav-pills LI.is-active > A {
  background-color:#2085ff;
  color:#eee;
  border-color:#2085ff;
}
UL.nav-pills LI.is-active > A .nav-pills__amount {
  color:#2085ff;
  background-color:#eee;
}
.placeholder {
  border:rgba(65,65,100,0.25) 1px dashed;
  color:rgba(45,45,69,0.25);
  font-weight:normal;
  min-height:34px;
  min-width:34px;
  text-align:left;
  padding:6px 8px 6px 8px;
  margin:0px 0px 4px 0px;
  display:block;
  line-height:18px;
  cursor:pointer;
  background-clip:padding-box;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
.placeholder .placeholder__icon { padding-right:8px; }
.placeholder .placeholder__icon .fa {
  font-size:18px;
  line-height:1;
}
.placeholder .placeholder__body { width:100%; }
.placeholder .placeholder__body h4 {
  font-size:13px;
  font-weight:normal;
  display:inline-block;
}
.placeholder .placeholder__body p {
  font-size:13px;
  font-size:0.8em;
}
.placeholder:hover {
  border-color:rgba(35,35,54,0.25);
  color:rgba(25,25,38,0.25);
}
.placeholder:empty { display:none; }
.placeholder:last-child { margin-right:0px; }
A.placeholder { color:rgba(65,65,100,0.25); }
.button--placeholder {
  color:rgba(65,65,100,0.25);
  border-style:dashed;
  border-width:1px;
  background-color:#fff;
  background-image:linear-gradient(to bottom,#fff,#fff);
}
.button--placeholder:hover {
  background-color:#fff;
  border-color:rgba(45,45,69,0.25);
  color:rgba(45,45,69,0.25);
  background-image:linear-gradient(to bottom,#fff,#fff);
}
.placeholder--icon {
  display:inline-block;
  width:34px;
  height:34px;
  padding:4px 0px 0px 0px;
  text-align:center;
  line-height:20px;
}
.placeholder--icon .placeholder__icon { padding-right:0px; }
.placeholder--icon .placeholder__icon .fa {
  font-size:20px;
  vertical-align:middle;
}
.radio {
  overflow:auto;
  display:inline-block;
  vertical-align:top;
  margin-right:4px;
}
.radio label {
  cursor:pointer;
  display:inline-block;
  height:34px;
  padding-right:4px;
  line-height:34px;
}
.radio label INPUT[type=radio] {
  vertical-align:middle;
  line-height:34px;
}
.radio label .fa {
  text-align:center;
  min-width:24px;
  font-size:24px;
  padding-left:4px;
  vertical-align:middle;
}
.radio:last-child { margin-right:0px; }
.radio label .fa[data-role=icon_on] { display:none; }
.radio label.is-selected .fa[data-role=icon_on] { display:inline-block; }
.radio label.is-selected .fa[data-role=icon_off] { display:none; }
.radio--button label {
  margin-left:0px;
  margin-right:0px;
  line-height:34px;
  border-right-width:0px;
  background-clip:padding-box;
  -webkit-border-radius:0px;
  -moz-border-radius:0px;
  border-radius:0px;
}
.radio--button label .fa {
  font-size:20px;
  min-width:20px;
  padding-left:0px;
}
.radio--button label:first-child {
  background-clip:padding-box;
  -webkit-border-top-left-radius:17px;
  -webkit-border-bottom-left-radius:17px;
  -moz-border-radius-topleft:17px;
  -moz-border-radius-bottomleft:17px;
  border-top-left-radius:17px;
  border-bottom-left-radius:17px;
  border-radius-topleft:17px;
  border-radius-bottomleft:17px;
}
.radio--button label:last-child {
  margin-right:0px;
  border-right-width:1px;
  background-clip:padding-box;
  -webkit-border-top-right-radius:17px;
  -webkit-border-bottom-right-radius:17px;
  -moz-border-radius-topright:17px;
  -moz-border-radius-bottomright:17px;
  border-top-right-radius:17px;
  border-bottom-right-radius:17px;
  border-radius-topright:17px;
  border-radius-bottomright:17px;
}
.radio--button label INPUT { display:none; }
.radio--button label.button { padding-right:10px; }
.radio--button label.button--icon {
  padding-left:0px;
  padding-right:0px;
}
.radio--button label.button--icon:first-child { padding-left:4px; }
.radio--button label.button--icon:last-child { padding-right:4px; }
.radio--pill label {
  margin-left:0px;
  margin-right:0px;
  height:34px;
  min-width:34px;
  line-height:34px;
  padding-left:10px;
  padding-right:10px;
  display:inline-block;
  background-color:#fff;
  color:;
  margin-right:1px;
  background-clip:padding-box;
  -webkit-border-radius:0px;
  -moz-border-radius:0px;
  border-radius:0px;
}
.radio--pill label .fa {
  text-align:center;
  min-width:20px;
  font-size:20px;
  padding-left:0px;
  vertical-align:middle;
}
.radio--pill label:first-child {
  padding-left:14px;
  background-clip:padding-box;
  -webkit-border-top-left-radius:17px;
  -webkit-border-bottom-left-radius:17px;
  -moz-border-radius-topleft:17px;
  -moz-border-radius-bottomleft:17px;
  border-top-left-radius:17px;
  border-bottom-left-radius:17px;
  border-radius-topleft:17px;
  border-radius-bottomleft:17px;
}
.radio--pill label:last-child {
  margin-right:0px;
  padding-right:14px;
  background-clip:padding-box;
  -webkit-border-top-right-radius:17px;
  -webkit-border-bottom-right-radius:17px;
  -moz-border-radius-topright:17px;
  -moz-border-radius-bottomright:17px;
  border-top-right-radius:17px;
  border-bottom-right-radius:17px;
  border-radius-topright:17px;
  border-radius-bottomright:17px;
}
.radio--pill label.is-selected {
  background-color:#2085ff;
  color:#eee;
}
.radio--pill label INPUT { display:none; }
.radio--pill label.icon {
  text-align:center;
  padding-left:0px;
  padding-right:0px;
  width:34px;
  padding-top:4px;
}
.radio--pill label.icon:first-child { padding-left:4px; }
.radio--pill label.icon:last-child { padding-right:4px; }
.radio--border label {
  border:rgba(65,65,100,0.25) 1px solid;
  padding-left:4px;
  margin-left:0px;
  margin-right:0px;
  background-clip:padding-box;
  -webkit-border-radius:0px;
  -moz-border-radius:0px;
  border-radius:0px;
}
.radio--border label:first-child {
  background-clip:padding-box;
  -webkit-border-top-left-radius:17px;
  -webkit-border-bottom-left-radius:17px;
  -moz-border-radius-topleft:17px;
  -moz-border-radius-bottomleft:17px;
  border-top-left-radius:17px;
  border-bottom-left-radius:17px;
  border-radius-topleft:17px;
  border-radius-bottomleft:17px;
}
.radio--border label:last-child {
  margin-right:0px;
  background-clip:padding-box;
  -webkit-border-top-right-radius:17px;
  -webkit-border-bottom-right-radius:17px;
  -moz-border-radius-topright:17px;
  -moz-border-radius-bottomright:17px;
  border-top-right-radius:17px;
  border-bottom-right-radius:17px;
  border-radius-topright:17px;
  border-radius-bottomright:17px;
}
.radio--border label.is-selected {
  border-color:#2085ff;
  color:#2085ff;
}
.radio--icon label {
  padding-left:4px;
  margin-left:0px;
  margin-right:0px;
  color:rgba(75,75,115,0.25);
}
.radio--icon label INPUT[type=radio] { display:none; }
.radio--icon label:last-child { margin-right:0px; }
.radio--icon label.is-selected { color:#006bec; }
.radio--default-icon-visible label INPUT[type=radio] { display:inline-block; }
.radio--image label {
  height:34px;
  padding:0px;
  margin:0px;
}
.radio--image label INPUT[type=radio] { display:none; }
.radio--image label IMG.fa {
  width:34px;
  height:34px;
  background:#fff;
  padding:1px;
  margin:0px;
  border:1px solid rgba(75,75,115,0.25);
  cursor:pointer;
  opacity:0.50;
  filter:1;
  background-clip:padding-box;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
}
.radio--image label IMG.fa:hover {
  opacity:1.0;
  filter:1;
  border-color:#53a1ff;
}
.radio--image label.is-selected IMG.fa {
  opacity:1.0;
  filter:1;
  border-color:#53a1ff;
}
.radio--image.radio--toggle label.is-selected IMG.fa { border-color:rgba(75,75,115,0.25); }
.radio--image.radio--jumbo label { height:68px; }
.radio--image.radio--jumbo label IMG.fa {
  width:68px;
  height:68px;
}
.radio--image.radio--large label { height:51px; }
.radio--image.radio--large label IMG.fa {
  width:51px;
  height:51px;
}
.radio--image.radio--small label { height:20.4px; }
.radio--image.radio--small label IMG.fa {
  width:20.4px;
  height:20.4px;
}
.radio--image.radio--mini label { height:15.3px; }
.radio--image.radio--mini label IMG.fa {
  width:15.3px;
  height:15.3px;
}
.radio--toggle label { display:none; }
.radio--toggle label INPUT[type=radio] { display:none; }
.radio--toggle label.is-selected { display:inline-block; }
.radio--toggle:first-child {
  background-clip:padding-box;
  -webkit-border-top-left-radius:0px;
  -webkit-border-bottom-left-radius:0px;
  -moz-border-radius-topleft:0px;
  -moz-border-radius-bottomleft:0px;
  border-top-left-radius:0px;
  border-bottom-left-radius:0px;
  border-radius-topleft:0px;
  border-radius-bottomleft:0px;
}
.radio--toggle.radio--button LABEL.is-selected {
  color:#333;
  text-shadow:0 1px 1px rgba(255,255,255,0.75);
  background-color:#e4e4e4;
  background-image:-moz-linear-gradient(top,#fff,#e6e6e6);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
  background-image:-webkit-linear-gradient(top,#fff,#e6e6e6);
  background-image:-o-linear-gradient(top,#fff,#e6e6e6);
  background-image:linear-gradient(to bottom,#fff,#e6e6e6);
  background-repeat:repeat-x;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
  filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
  -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1), 0 1px 2px rgba(0,0,0,0.05);
  -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1), 0 1px 2px rgba(0,0,0,0.05);
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.1), 0 1px 2px rgba(0,0,0,0.05);
  border:1px solid rgba(75,75,115,0.25);
  background-clip:padding-box;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
}
.radio--stacked { display:block; }
.radio--stacked LABEL {
  margin:0px 0px 1px 0px;
  text-align:left;
  display:block;
  background-clip:padding-box;
  -webkit-border-radius:0px;
  -moz-border-radius:0px;
  border-radius:0px;
}
.radio--stacked LABEL:last-child { margin:0px 0px 0px 0px; }
.radio--stacked LABEL:first-child {
  background-clip:padding-box;
  -webkit-border-top-left-radius:17px;
  -webkit-border-top-right-radius:17px;
  -moz-border-radius-topleft:17px;
  -moz-border-radius-topright:17px;
  border-top-left-radius:17px;
  border-top-right-radius:17px;
  border-radius-topleft:17px;
  border-radius-topright:17px;
  background-clip:padding-box;
  -webkit-border-bottom-left-radius:0px;
  -webkit-border-bottom-right-radius:0px;
  -moz-border-radius-bottomleft:0px;
  -moz-border-radius-bottomright:0px;
  border-bottom-left-radius:0px;
  border-bottom-right-radius:0px;
  border-radius-bottomleft:0px;
  border-radius-bottomright:0px;
}
.radio--stacked LABEL:last-child {
  background-clip:padding-box;
  -webkit-border-top-left-radius:0px;
  -webkit-border-top-right-radius:0px;
  -moz-border-radius-topleft:0px;
  -moz-border-radius-topright:0px;
  border-top-left-radius:0px;
  border-top-right-radius:0px;
  border-radius-topleft:0px;
  border-radius-topright:0px;
  background-clip:padding-box;
  -webkit-border-bottom-left-radius:17px;
  -webkit-border-bottom-right-radius:17px;
  -moz-border-radius-bottomleft:17px;
  -moz-border-radius-bottomright:17px;
  border-bottom-left-radius:17px;
  border-bottom-right-radius:17px;
  border-radius-bottomleft:17px;
  border-radius-bottomright:17px;
}
.radio--stacked.radio--button LABEL { border-bottom-width:0px; }
.radio--stacked.radio--button LABEL:last-child { border-bottom-width:1px; }
.radio--justified {
  display:table;
  width:100%;
}
.radio--justified LABEL {
  text-align:center;
  display:table-cell;
}
.radio--justified LABEL:last-child { margin:0px 0px 0px 0px; }
.radio--justified.radio--pill LABEL { margin-right:1px; }
.radio--justified.radio--pill LABEL { margin-right:1px; }
IMG.kuvavalinta, IMG.kuvavalinta_valittu {
  border-radius:4px;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  width:48px;
  height:48px;
  background:#fff;
  padding:1px;
  margin:0px 2px 2px 0px;
  border:#ddd 1px solid;
  cursor:pointer;
}
IMG.kuvavalinta {
  opacity:0.30;
  filter:1;
}
IMG.kuvavalinta:hover {
  opacity:1.0;
  filter:1;
  border-color:orange;
}
IMG.kuvavalinta_valittu { border-color:#3b6fae; }
.progress {
  width:100%;
  display:inline-block;
  background-color:#eee;
  text-align:left;
  padding:0px;
  margin-right:4px;
  margin-bottom:2px;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
.progress:last-child {
  margin-right:0px;
  margin-bottom:0px;
}
.progress .progress__bar {
  display:inline-block;
  background-color:#53a1ff;
  overflow:visible;
  text-align:left;
  font-size:12px;
  height:18px;
  line-height:18px;
  border-style:solid;
  border-width:0px 0px 0px 0px;
  border-right:#e6e6e6 1px solid;
  color:#104380;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
.progress .progress__bar:last-child { border-width:0px 0px 0px 0px; }
.progress .progress__bar h4 {
  margin:4px;
  font-weight:normal;
}
.progress .progress__bar p { margin:4px; }
.progress .bar + .bar {
  background-clip:padding-box;
  -webkit-border-top-left-radius:0px;
  -webkit-border-bottom-left-radius:0px;
  -moz-border-radius-topleft:0px;
  -moz-border-radius-bottomleft:0px;
  border-top-left-radius:0px;
  border-bottom-left-radius:0px;
  border-radius-topleft:0px;
  border-radius-bottomleft:0px;
}
.progress--single .progress__bar {
  padding-left:4px;
  text-align:left;
  overflow:visible;
  white-space:nowrap;
}
.progress--jumbo .progress__bar {
  height:56px;
  line-height:48px;
  font-size:24px;
}
.progress--jumbo .progress__bar h4 {
  margin-left:12px;
  margin-right:12px;
}
.progress--large .progress__bar {
  height:34px;
  line-height:26px;
  font-size:14px;
}
.progress--large .progress__bar h4 {
  margin-left:8px;
  margin-right:8px;
}
.progress--small .progress__bar {
  height:12px;
  line-height:12px;
}
.progress--mini .progress__bar {
  height:4px;
  line-height:4px;
  font-size:6px;
}
.progress--purple .progress__bar {
  background-color:#d94e89;
  color:#5d1a31;
  border-color:#c13665;
}
.progress--violet .progress__bar {
  background-color:#ab8fed;
  color:#502ba8;
  border-color:#9577dc;
}
.progress--indigo .progress__bar {
  background-color:#5c6bc0;
  color:#2c3671;
  border-color:#5c6bc0;
}
.progress--blue .progress__bar {
  background-color:#6599ec;
  color:#21498b;
  border-color:#5486d7;
}
.progress--azure .progress__bar {
  background-color:#29b6f6;
  color:#1d688b;
  border-color:#4eadda;
}
.progress--cyan .progress__bar {
  background-color:#26c6da;
  color:#004b55;
  border-color:#00bcd4;
}
.progress--teal .progress__bar {
  background-color:#26a69a;
  color:#001714;
  border-color:#009688;
}
.progress--darkgreen .progress__bar {
  background-color:#a9c630;
  color:#3f4d1b;
  border-color:#8cab3c;
}
.progress--green .progress__bar {
  background-color:#a4d667;
  color:#4e6d26;
  border-color:#90c250;
}
.progress--lime .progress__bar {
  background-color:#d4e157;
  color:#757f16;
  border-color:#cddc39;
}
.progress--yellow .progress__bar {
  background-color:#fbcf55;
  color:#bba700;
  border-color:#ffeb3b;
}
.progress--amber .progress__bar {
  background-color:#ffca28;
  color:#876500;
  border-color:#ffc107;
}
.progress--orange .progress__bar {
  background-color:#ec8a48;
  color:#804c00;
  border-color:#ff9800;
}
.progress--darkorange .progress__bar {
  background-color:#ff7043;
  color:#a22700;
  border-color:#ff5722;
}
.progress--red .progress__bar {
  background-color:#ef5350;
  color:#a2090a;
  border-color:#f43637;
}
.progress--pink .progress__bar {
  background-color:#e685c0;
  color:#972b6f;
  border-color:#d56dae;
}
.progress--brown .progress__bar {
  background-color:#97740f;
  color:#120d01;
  border-color:#8b6508;
}
.progress--white .progress__bar {
  background-color:#fff;
  color:#b5b5b5;
  border-color:#f5f5f5;
}
.progress--lightgray .progress__bar {
  background-color:#e8f1f5;
  color:#9aa6ba;
  border-color:#e6e9ee;
}
.progress--gray .progress__bar {
  background-color:#ccd0d9;
  color:#667182;
  border-color:#abb2bd;
}
.progress--darkgray .progress__bar {
  background-color:#666d78;
  color:#292b30;
  border-color:#646a74;
}
.progress--black .progress__bar {
  background-color:#484848;
  color:#000;
  border-color:#24272c;
}
.progress--success .progress__bar {
  background-color:#a4d667;
  color:#4e6d26;
  border-color:#90c250;
}
.progress--warning .progress__bar {
  background-color:#ec8a48;
  color:#804c00;
  border-color:#ff9800;
}
.progress--danger .progress__bar {
  background-color:#ef5350;
  color:#a2090a;
  border-color:#f43637;
}
.progress--error .progress__bar {
  background-color:#ef5350;
  color:#a2090a;
  border-color:#f43637;
}
.progress--info .progress__bar {
  background-color:#29b6f6;
  color:#1d688b;
  border-color:#4eadda;
}
.progress--muted .progress__bar {
  background-color:#fafcfd;
  color:#9aa6ba;
  border-color:#e6e9ee;
}
.progress--selected .progress__bar {
  background-color:#53a1ff;
  color:#0048a0;
  border-color:#2085ff;
}
.progress--save .progress__bar {
  background-color:#a4d667;
  color:#4e6d26;
  border-color:#90c250;
}
.progress--delete .progress__bar {
  background-color:#ef5350;
  color:#a2090a;
  border-color:#f43637;
}
.progress--load .progress__bar {
  background-color:#ec8a48;
  color:#804c00;
  border-color:#ff9800;
}
.progress--cancel .progress__bar {
  background-color:#ccd0d9;
  color:#667182;
  border-color:#abb2bd;
}
.progress .progress__bar--purple {
  background-color:#d94e89;
  color:#5d1a31;
  border-color:#c13665;
}
.progress .progress__bar--violet {
  background-color:#ab8fed;
  color:#502ba8;
  border-color:#9577dc;
}
.progress .progress__bar--indigo {
  background-color:#5c6bc0;
  color:#2c3671;
  border-color:#5c6bc0;
}
.progress .progress__bar--blue {
  background-color:#6599ec;
  color:#21498b;
  border-color:#5486d7;
}
.progress .progress__bar--azure {
  background-color:#29b6f6;
  color:#1d688b;
  border-color:#4eadda;
}
.progress .progress__bar--cyan {
  background-color:#26c6da;
  color:#004b55;
  border-color:#00bcd4;
}
.progress .progress__bar--teal {
  background-color:#26a69a;
  color:#001714;
  border-color:#009688;
}
.progress .progress__bar--darkgreen {
  background-color:#a9c630;
  color:#3f4d1b;
  border-color:#8cab3c;
}
.progress .progress__bar--green {
  background-color:#a4d667;
  color:#4e6d26;
  border-color:#90c250;
}
.progress .progress__bar--lime {
  background-color:#d4e157;
  color:#757f16;
  border-color:#cddc39;
}
.progress .progress__bar--yellow {
  background-color:#fbcf55;
  color:#bba700;
  border-color:#ffeb3b;
}
.progress .progress__bar--amber {
  background-color:#ffca28;
  color:#876500;
  border-color:#ffc107;
}
.progress .progress__bar--orange {
  background-color:#ec8a48;
  color:#804c00;
  border-color:#ff9800;
}
.progress .progress__bar--darkorange {
  background-color:#ff7043;
  color:#a22700;
  border-color:#ff5722;
}
.progress .progress__bar--red {
  background-color:#ef5350;
  color:#a2090a;
  border-color:#f43637;
}
.progress .progress__bar--pink {
  background-color:#e685c0;
  color:#972b6f;
  border-color:#d56dae;
}
.progress .progress__bar--brown {
  background-color:#97740f;
  color:#120d01;
  border-color:#8b6508;
}
.progress .progress__bar--white {
  background-color:#fff;
  color:#b5b5b5;
  border-color:#f5f5f5;
}
.progress .progress__bar--lightgray {
  background-color:#e8f1f5;
  color:#9aa6ba;
  border-color:#e6e9ee;
}
.progress .progress__bar--gray {
  background-color:#ccd0d9;
  color:#667182;
  border-color:#abb2bd;
}
.progress .progress__bar--darkgray {
  background-color:#666d78;
  color:#292b30;
  border-color:#646a74;
}
.progress .progress__bar--black {
  background-color:#484848;
  color:#000;
  border-color:#24272c;
}
.progress .progress__bar--success {
  background-color:#a4d667;
  color:#4e6d26;
  border-color:#90c250;
}
.progress .progress__bar--warning {
  background-color:#ec8a48;
  color:#804c00;
  border-color:#ff9800;
}
.progress .progress__bar--danger {
  background-color:#ef5350;
  color:#a2090a;
  border-color:#f43637;
}
.progress .progress__bar--error {
  background-color:#ef5350;
  color:#a2090a;
  border-color:#f43637;
}
.progress .progress__bar--info {
  background-color:#29b6f6;
  color:#1d688b;
  border-color:#4eadda;
}
.progress .progress__bar--muted {
  background-color:#fafcfd;
  color:#9aa6ba;
  border-color:#e6e9ee;
}
.progress .progress__bar--selected {
  background-color:#53a1ff;
  color:#0048a0;
  border-color:#2085ff;
}
.progress .progress__bar--save {
  background-color:#a4d667;
  color:#4e6d26;
  border-color:#90c250;
}
.progress .progress__bar--delete {
  background-color:#ef5350;
  color:#a2090a;
  border-color:#f43637;
}
.progress .progress__bar--load {
  background-color:#ec8a48;
  color:#804c00;
  border-color:#ff9800;
}
.progress .progress__bar--cancel {
  background-color:#ccd0d9;
  color:#667182;
  border-color:#abb2bd;
}
.progress--round {
  overflow:hidden;
  background-clip:padding-box;
  -webkit-border-radius:100px;
  -moz-border-radius:100px;
  border-radius:100px;
}
.progress--radius {
  overflow:hidden;
  background-clip:padding-box;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border-radius:6px;
}
.progress--radius.progress--jumbo {
  background-clip:padding-box;
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  border-radius:8px;
}
.progress--radius.progress--small {
  background-clip:padding-box;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
}
.progress--radius.progress--mini {
  background-clip:padding-box;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
}
.progress--sharp {
  overflow:hidden;
  background-clip:padding-box;
  -webkit-border-radius:0px;
  -moz-border-radius:0px;
  border-radius:0px;
}
.progress {
  width:100%;
  display:inline-block;
  background-color:#eee;
  text-align:left;
  padding:0px;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
.progress .bar {
  display:inline-block;
  overflow:hidden;
  text-align:center;
  height:15px;
  line-height:15px;
  border-style:solid;
  border-width:0px 0px 0px 0px;
}
.progress .bar:last-child { border-width:0px 0px 0px 0px; }
.progress .bar h4 {
  font-weight:normal;
  margin:4px;
}
.progress .bar p { margin:4px; }
.progress .bar + .bar {
  background-clip:padding-box;
  -webkit-border-top-left-radius:0px;
  -webkit-border-bottom-left-radius:0px;
  -moz-border-radius-topleft:0px;
  -moz-border-radius-bottomleft:0px;
  border-top-left-radius:0px;
  border-bottom-left-radius:0px;
  border-radius-topleft:0px;
  border-radius-bottomleft:0px;
}
.progress--center .progress__bar { text-align:center; }
.progress--center .progress__bar h4 {
  margin-right:0px !important;
  margin-left:0px !important;
}
.progress--plain { background-color:transparent; }
.progress--plain .progress__bar {
  background-color:#d94e89;
  color:#5d1a31;
  border-color:#c13665;
}
.row {
  margin-right:-10px;
  margin-left:-10px;
}
.row:before, .row:after {
  display:table;
  content:" ";
}
.row:after { clear:both; }
.row:before, .row:after {
  display:table;
  content:" ";
}
.row:after { clear:both; }
.row.no-padding { padding:0 !important; }
.row.no-padding > [class^='col-'] { padding:0 !important; }
.panel .row {
  margin-right:0px;
  margin-left:0px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  box-sizing:border-box;
  position:relative;
  min-height:1px;
  padding-right:0px;
  padding-left:0px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11 { float:left; }
.col-xs-12 { width:100%; }
.col-xs-11 { width:91.66666666666666%; }
.col-xs-10 { width:83.33333333333334%; }
.col-xs-9 { width:75%; }
.col-xs-8 { width:66.66666666666666%; }
.col-xs-7 { width:58.333333333333336%; }
.col-xs-6 { width:50%; }
.col-xs-5 { width:41.66666666666667%; }
.col-xs-4 { width:33.33333333333333%; }
.col-xs-3 { width:25%; }
.col-xs-2 { width:16.666666666666664%; }
.col-xs-1 { width:8.333333333333332%; }
.col-xs-pull-12 { right:100%; }
.col-xs-pull-11 { right:91.66666666666666%; }
.col-xs-pull-10 { right:83.33333333333334%; }
.col-xs-pull-9 { right:75%; }
.col-xs-pull-8 { right:66.66666666666666%; }
.col-xs-pull-7 { right:58.333333333333336%; }
.col-xs-pull-6 { right:50%; }
.col-xs-pull-5 { right:41.66666666666667%; }
.col-xs-pull-4 { right:33.33333333333333%; }
.col-xs-pull-3 { right:25%; }
.col-xs-pull-2 { right:16.666666666666664%; }
.col-xs-pull-1 { right:8.333333333333332%; }
.col-xs-pull-0 { right:0; }
.col-xs-push-12 { left:100%; }
.col-xs-push-11 { left:91.66666666666666%; }
.col-xs-push-10 { left:83.33333333333334%; }
.col-xs-push-9 { left:75%; }
.col-xs-push-8 { left:66.66666666666666%; }
.col-xs-push-7 { left:58.333333333333336%; }
.col-xs-push-6 { left:50%; }
.col-xs-push-5 { left:41.66666666666667%; }
.col-xs-push-4 { left:33.33333333333333%; }
.col-xs-push-3 { left:25%; }
.col-xs-push-2 { left:16.666666666666664%; }
.col-xs-push-1 { left:8.333333333333332%; }
.col-xs-push-0 { left:0; }
.col-xs-offset-12 { margin-left:100%; }
.col-xs-offset-11 { margin-left:91.66666666666666%; }
.col-xs-offset-10 { margin-left:83.33333333333334%; }
.col-xs-offset-9 { margin-left:75%; }
.col-xs-offset-8 { margin-left:66.66666666666666%; }
.col-xs-offset-7 { margin-left:58.333333333333336%; }
.col-xs-offset-6 { margin-left:50%; }
.col-xs-offset-5 { margin-left:41.66666666666667%; }
.col-xs-offset-4 { margin-left:33.33333333333333%; }
.col-xs-offset-3 { margin-left:25%; }
.col-xs-offset-2 { margin-left:16.666666666666664%; }
.col-xs-offset-1 { margin-left:8.333333333333332%; }
.col-xs-offset-0 { margin-left:0; }
@media (min-width: 768px) {
  .col {
    padding-right:10px;
    padding-left:10px;
  }
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11 { float:left; }
  .col-sm-12 { width:100%; }
  .col-sm-11 { width:91.66666666666666%; }
  .col-sm-10 { width:83.33333333333334%; }
  .col-sm-9 { width:75%; }
  .col-sm-8 { width:66.66666666666666%; }
  .col-sm-7 { width:58.333333333333336%; }
  .col-sm-6 { width:50%; }
  .col-sm-5 { width:41.66666666666667%; }
  .col-sm-4 { width:33.33333333333333%; }
  .col-sm-3 { width:25%; }
  .col-sm-2 { width:16.666666666666664%; }
  .col-sm-1 { width:8.333333333333332%; }
  .col-sm-pull-12 { right:100%; }
  .col-sm-pull-11 { right:91.66666666666666%; }
  .col-sm-pull-10 { right:83.33333333333334%; }
  .col-sm-pull-9 { right:75%; }
  .col-sm-pull-8 { right:66.66666666666666%; }
  .col-sm-pull-7 { right:58.333333333333336%; }
  .col-sm-pull-6 { right:50%; }
  .col-sm-pull-5 { right:41.66666666666667%; }
  .col-sm-pull-4 { right:33.33333333333333%; }
  .col-sm-pull-3 { right:25%; }
  .col-sm-pull-2 { right:16.666666666666664%; }
  .col-sm-pull-1 { right:8.333333333333332%; }
  .col-sm-pull-0 { right:0; }
  .col-sm-push-12 { left:100%; }
  .col-sm-push-11 { left:91.66666666666666%; }
  .col-sm-push-10 { left:83.33333333333334%; }
  .col-sm-push-9 { left:75%; }
  .col-sm-push-8 { left:66.66666666666666%; }
  .col-sm-push-7 { left:58.333333333333336%; }
  .col-sm-push-6 { left:50%; }
  .col-sm-push-5 { left:41.66666666666667%; }
  .col-sm-push-4 { left:33.33333333333333%; }
  .col-sm-push-3 { left:25%; }
  .col-sm-push-2 { left:16.666666666666664%; }
  .col-sm-push-1 { left:8.333333333333332%; }
  .col-sm-push-0 { left:0; }
  .col-sm-offset-12 { margin-left:100%; }
  .col-sm-offset-11 { margin-left:91.66666666666666%; }
  .col-sm-offset-10 { margin-left:83.33333333333334%; }
  .col-sm-offset-9 { margin-left:75%; }
  .col-sm-offset-8 { margin-left:66.66666666666666%; }
  .col-sm-offset-7 { margin-left:58.333333333333336%; }
  .col-sm-offset-6 { margin-left:50%; }
  .col-sm-offset-5 { margin-left:41.66666666666667%; }
  .col-sm-offset-4 { margin-left:33.33333333333333%; }
  .col-sm-offset-3 { margin-left:25%; }
  .col-sm-offset-2 { margin-left:16.666666666666664%; }
  .col-sm-offset-1 { margin-left:8.333333333333332%; }
  .col-sm-offset-0 { margin-left:0; }
}
@media (min-width: 767px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11 { float:left; }
  .col-md-12 { width:100%; }
  .col-md-11 { width:91.66666666666666%; }
  .col-md-10 { width:83.33333333333334%; }
  .col-md-9 { width:75%; }
  .col-md-8 { width:66.66666666666666%; }
  .col-md-7 { width:58.333333333333336%; }
  .col-md-6 { width:50%; }
  .col-md-5 { width:41.66666666666667%; }
  .col-md-4 { width:33.33333333333333%; }
  .col-md-3 { width:25%; }
  .col-md-2 { width:16.666666666666664%; }
  .col-md-1 { width:8.333333333333332%; }
  .col-md-pull-12 { right:100%; }
  .col-md-pull-11 { right:91.66666666666666%; }
  .col-md-pull-10 { right:83.33333333333334%; }
  .col-md-pull-9 { right:75%; }
  .col-md-pull-8 { right:66.66666666666666%; }
  .col-md-pull-7 { right:58.333333333333336%; }
  .col-md-pull-6 { right:50%; }
  .col-md-pull-5 { right:41.66666666666667%; }
  .col-md-pull-4 { right:33.33333333333333%; }
  .col-md-pull-3 { right:25%; }
  .col-md-pull-2 { right:16.666666666666664%; }
  .col-md-pull-1 { right:8.333333333333332%; }
  .col-md-pull-0 { right:0; }
  .col-md-push-12 { left:100%; }
  .col-md-push-11 { left:91.66666666666666%; }
  .col-md-push-10 { left:83.33333333333334%; }
  .col-md-push-9 { left:75%; }
  .col-md-push-8 { left:66.66666666666666%; }
  .col-md-push-7 { left:58.333333333333336%; }
  .col-md-push-6 { left:50%; }
  .col-md-push-5 { left:41.66666666666667%; }
  .col-md-push-4 { left:33.33333333333333%; }
  .col-md-push-3 { left:25%; }
  .col-md-push-2 { left:16.666666666666664%; }
  .col-md-push-1 { left:8.333333333333332%; }
  .col-md-push-0 { left:0; }
  .col-md-offset-12 { margin-left:100%; }
  .col-md-offset-11 { margin-left:91.66666666666666%; }
  .col-md-offset-10 { margin-left:83.33333333333334%; }
  .col-md-offset-9 { margin-left:75%; }
  .col-md-offset-8 { margin-left:66.66666666666666%; }
  .col-md-offset-7 { margin-left:58.333333333333336%; }
  .col-md-offset-6 { margin-left:50%; }
  .col-md-offset-5 { margin-left:41.66666666666667%; }
  .col-md-offset-4 { margin-left:33.33333333333333%; }
  .col-md-offset-3 { margin-left:25%; }
  .col-md-offset-2 { margin-left:16.666666666666664%; }
  .col-md-offset-1 { margin-left:8.333333333333332%; }
  .col-md-offset-0 { margin-left:0; }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11 { float:left; }
  .col-lg-12 { width:100%; }
  .col-lg-11 { width:91.66666666666666%; }
  .col-lg-10 { width:83.33333333333334%; }
  .col-lg-9 { width:75%; }
  .col-lg-8 { width:66.66666666666666%; }
  .col-lg-7 { width:58.333333333333336%; }
  .col-lg-6 { width:50%; }
  .col-lg-5 { width:41.66666666666667%; }
  .col-lg-4 { width:33.33333333333333%; }
  .col-lg-3 { width:25%; }
  .col-lg-2 { width:16.666666666666664%; }
  .col-lg-1 { width:8.333333333333332%; }
  .col-lg-pull-12 { right:100%; }
  .col-lg-pull-11 { right:91.66666666666666%; }
  .col-lg-pull-10 { right:83.33333333333334%; }
  .col-lg-pull-9 { right:75%; }
  .col-lg-pull-8 { right:66.66666666666666%; }
  .col-lg-pull-7 { right:58.333333333333336%; }
  .col-lg-pull-6 { right:50%; }
  .col-lg-pull-5 { right:41.66666666666667%; }
  .col-lg-pull-4 { right:33.33333333333333%; }
  .col-lg-pull-3 { right:25%; }
  .col-lg-pull-2 { right:16.666666666666664%; }
  .col-lg-pull-1 { right:8.333333333333332%; }
  .col-lg-pull-0 { right:0; }
  .col-lg-push-12 { left:100%; }
  .col-lg-push-11 { left:91.66666666666666%; }
  .col-lg-push-10 { left:83.33333333333334%; }
  .col-lg-push-9 { left:75%; }
  .col-lg-push-8 { left:66.66666666666666%; }
  .col-lg-push-7 { left:58.333333333333336%; }
  .col-lg-push-6 { left:50%; }
  .col-lg-push-5 { left:41.66666666666667%; }
  .col-lg-push-4 { left:33.33333333333333%; }
  .col-lg-push-3 { left:25%; }
  .col-lg-push-2 { left:16.666666666666664%; }
  .col-lg-push-1 { left:8.333333333333332%; }
  .col-lg-push-0 { left:0; }
  .col-lg-offset-12 { margin-left:100%; }
  .col-lg-offset-11 { margin-left:91.66666666666666%; }
  .col-lg-offset-10 { margin-left:83.33333333333334%; }
  .col-lg-offset-9 { margin-left:75%; }
  .col-lg-offset-8 { margin-left:66.66666666666666%; }
  .col-lg-offset-7 { margin-left:58.333333333333336%; }
  .col-lg-offset-6 { margin-left:50%; }
  .col-lg-offset-5 { margin-left:41.66666666666667%; }
  .col-lg-offset-4 { margin-left:33.33333333333333%; }
  .col-lg-offset-3 { margin-left:25%; }
  .col-lg-offset-2 { margin-left:16.666666666666664%; }
  .col-lg-offset-1 { margin-left:8.333333333333332%; }
  .col-lg-offset-0 { margin-left:0; }
}
.row.row-xs-eq {
  width:100%;
  display:table;
  table-layout:fixed;
  margin:0;
}
.row.row-xs-eq::before { content:none; }
.row.row-xs-eq::after { content:none; }
.row.row-xs-eq > [class^='col-'] {
  display:table-cell;
  float:none;
  padding:0;
}
@media (min-width: 768px) {
  .row.row-sm-eq {
    display:table;
    table-layout:fixed;
    margin:0;
  }
  .row.row-sm-eq::before { content:none; }
  .row.row-sm-eq::after { content:none; }
  .row.row-sm-eq > [class^='col-'] {
    display:table-cell;
    float:none;
    padding:0;
  }
}
@media (min-width: 992px) {
  .row.row-md-eq {
    display:table;
    table-layout:fixed;
    margin:0;
  }
  .row.row-md-eq::before { content:none; }
  .row.row-md-eq::after { content:none; }
  .row.row-md-eq > [class^='col-'] {
    display:table-cell;
    float:none;
    padding:0;
  }
}
@media (min-width: 1200px) {
  .row.row-lg-eq {
    display:table;
    table-layout:fixed;
    margin:0;
  }
  .row.row-lg-eq::before { content:none; }
  .row.row-lg-eq::after { content:none; }
  .row.row-lg-eq > [class^='col-'] {
    display:table-cell;
    float:none;
    padding:0;
  }
}
SELECT {
  margin-right:4px;
  margin-bottom:4px;
  height:34px;
  FONT-SIZE:13px;
  font-weight:normal;
  padding:0px 0px 0px 6px;
  line-height:34px;
  vertical-align:top;
  width:100%;
  text-shadow:0px 1px 1px #fff;
  background-color:#fefefe;
  border-color:rgba(75,75,115,0.25) rgba(65,65,100,0.25) rgba(65,65,100,0.25) rgba(75,75,115,0.25);
  background-image:-moz-linear-gradient(top,#fefefe,#d7d7d7);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#fefefe),to(#d7d7d7));
  background-image:-webkit-linear-gradient(top,#fefefe,#d7d7d7);
  background-image:-o-linear-gradient(top,#fefefe,#d7d7d7);
  background-image:linear-gradient(to bottom,#fefefe,#d7d7d7);
  background-clip:padding-box;
  -webkit-border-radius:4.25px;
  -moz-border-radius:4.25px;
  border-radius:4.25px;
}
SELECT:hover {
  background-color:#fff;
  background-image:-moz-linear-gradient(top,#fff,#e4e4e4);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e4e4e4));
  background-image:-webkit-linear-gradient(top,#fff,#e4e4e4);
  background-image:-o-linear-gradient(top,#fff,#e4e4e4);
  background-image:linear-gradient(to bottom,#fff,#e4e4e4);
}
SELECT:hover { color:#555; }
SELECT a { color:#6f6f6f; }
SELECT a:hover {
  color:#555;
  text-decoration:none;
}
SELECT:last-child { margin-right:0px; }
.select--justified { width:100%; }
.select--success {
  color:#90c250;
  border-color:#90c250;
}
.ui-select { display:inline-block; }
.ui-select INPUT.floating {
  position:absolute;
  display:none;
  left:0px;
  top:0px;
  z-index:30;
  visibility:visible;
  -moz-box-shadow:1px 1px 12px #999;
  -webkit-box-shadow:1px 1px 12px #999;
  box-shadow:1px 1px 12px #999;
}
DIV.select {
  max-height:350px;
  overflow:auto;
  border:#b8b8b8 1px solid;
  background-color:#fff;
  position:absolute;
  left:0px;
  top:0px;
  z-index:30;
  margin-bottom:20px;
  background-clip:padding-box;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  -moz-box-shadow:1px 1px 12px #999;
  -webkit-box-shadow:1px 1px 12px #999;
  box-shadow:1px 1px 12px #999;
}
DIV.select UL LI {
  cursor:pointer;
  color:#555;
  padding:8px 6px 8px 6px;
  clear:all;
}
DIV.select UL LI IMG {
  width:24px;
  height:24px;
  float:left;
  padding:4px 6px 0px 0px;
}
DIV.select UL LI h4 {
  display:inline-block;
  font-weight:bold;
  FONT-SIZE:12px;
  line-height:12px;
}
DIV.select UL LI p {
  display:block;
  COLOR:#999;
  margin:0px;
  padding:0px 0px 0px 0px;
  font-weight:normal;
  FONT-SIZE:10px;
  line-height:10px;
}
DIV.select UL LI:hover { BACKGROUND-COLOR:#fbf599; }
DIV.select UL LI.selected {
  background-color:#53a1ff;
  color:#fff;
}
DIV.select UL LI.selected p { COLOR:#eee; }
DIV.select UL LI.selected:hover { background-color:#86bdff; }
DIV.select UL LI.highlighted { background-color:#fbf599; }
DIV.select UL LI.highlighted:hover { background-color:#fdfaca; }
DIV.select UL LI.color_success { border-left:#a4d667 12px solid; }
DIV.select UL LI.color_warning { border-left:#ec8a48 12px solid; }
DIV.select UL LI.color_error { border-left:#ef5350 12px solid; }
DIV.select UL LI.color_info { border-left:#29b6f6 12px solid; }
DIV.select UL LI.color_azure, DIV.select UL LI.color_azurro { border-left:#29b6f6 12px solid; }
DIV.select UL LI.color_blue { border-left:#6599ec 12px solid; }
DIV.select UL LI.color_violet { border-left:#ab8fed 12px solid; }
DIV.select UL LI.color_purple { border-left:#d94e89 12px solid; }
DIV.select UL LI.color_red { border-left:#ef5350 12px solid; }
DIV.select UL LI.color_pink { border-left:#e685c0 12px solid; }
DIV.select UL LI.color_brown { border-left:#97740f 12px solid; }
DIV.select UL LI.color_orange { border-left:#ec8a48 12px solid; }
DIV.select UL LI.color_yellow { border-left:#fbcf55 12px solid; }
DIV.select UL LI.color_green { border-left:#a4d667 12px solid; }
DIV.select UL LI.color_white { border-left:#fff 12px solid; }
DIV.select UL LI.color_lightgray { border-left:#e8f1f5 12px solid; }
DIV.select UL LI.color_gray { border-left:#ccd0d9 12px solid; }
DIV.select UL LI.color_darkgray { border-left:#666d78 12px solid; }
DIV.select UL LI.color_black { border-left:#484848 12px solid; }
SELECT.justified { width:100%; }
select.input_selection {
  BACKGROUND:#f2f2f2;
  background:url('../images/ulkoasu/gradient_vaaka_light.png') repeat-X bottom left;
  height:34px;
  padding:0px 0px 0px 6px;
  line-height:16px;
  vertical-align:top;
}
select.input_selection option { padding:3px; }
.nav-steps {
  width:100%;
  display:table;
  padding:0px 0px 0px 0px;
  margin:12px 0px 0px 0px;
  text-align:left;
}
.nav-steps .nav-steps__step {
  display:table-cell;
  text-align:center;
  padding:12px 18px 12px 0px;
  margin:0px 0px 0px 0px;
  color:rgba(0,0,0,0.65);
  width:25%;
  border-left-width:0px;
  border:1px solid rgba(65,65,100,0.25);
  -moz-box-shadow:inset 30px 0 30px -20px rgba(0,0,0,0.1);
  -webkit-box-shadow:inset 30px 0 30px -20px rgba(0,0,0,0.1);
  box-shadow:inset 30px 0 30px -20px rgba(0,0,0,0.1);
}
.nav-steps .nav-steps__step:first-child {
  border-left-width:1px;
  -moz-box-shadow:inset 0px 0 0px 0px rgba(0,0,0,0);
  -webkit-box-shadow:inset 0px 0 0px 0px rgba(0,0,0,0);
  box-shadow:inset 0px 0 0px 0px rgba(0,0,0,0);
  background-clip:padding-box;
  -webkit-border-top-left-radius:2px;
  -webkit-border-bottom-left-radius:2px;
  -moz-border-radius-topleft:2px;
  -moz-border-radius-bottomleft:2px;
  border-top-left-radius:2px;
  border-bottom-left-radius:2px;
  border-radius-topleft:2px;
  border-radius-bottomleft:2px;
}
.nav-steps .nav-steps__step:last-child {
  background-clip:padding-box;
  -webkit-border-top-right-radius:2px;
  -webkit-border-bottom-right-radius:2px;
  -moz-border-radius-topright:2px;
  -moz-border-radius-bottomright:2px;
  border-top-right-radius:2px;
  border-bottom-right-radius:2px;
  border-radius-topright:2px;
  border-radius-bottomright:2px;
}
.nav-steps .nav-steps__step A { display:inline-block; }
.nav-steps .nav-steps__step .order {
  float:left;
  font-family:'Libre Franklin', sans-serif;
  padding-right:0.5em;
  font-size:3em;
  font-weight:bold;
  line-height:0.8em;
}
.nav-steps .nav-steps__step h4 {
  display:inline-block;
  font-size:17.94px;
  font:'Libre Franklin', sans-serif;
  font-weight:normal;
  white-space:nowrap;
}
.nav-steps .nav-steps__step .description {
  font-size:8.97px;
  white-space:nowrap;
}
.nav-steps .nav-steps__step .fa {
  font-size:17.94px;
  line-height:17.94px;
  padding-right:6px;
}
.nav-steps .nav-steps__step .fa:last-child { padding-right:0px; }
.nav-steps .nav-steps__step.is-ready { background-color:#e8f1f5; }
.nav-steps .nav-steps__step.is-ready h4 { color:#abb2bd; }
.nav-steps .nav-steps__step.is-ready DIV { color:#abb2bd; }
.nav-steps .nav-steps__step.is-active {
  background-color:#53a1ff;
  border-color:#2085ff;
}
.nav-steps .nav-steps__step.is-active h4 { color:#eee; }
.nav-steps .nav-steps__step.is-active DIV { color:#eee; }
.u-shadow--mini {
  -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
  -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
  box-shadow:1px 1px 2px rgba(0,0,0,0.2);
}
.u-shadow--small {
  -moz-box-shadow:1px 1px 3px rgba(0,0,0,0.5);
  -webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.5);
  box-shadow:1px 1px 3px rgba(0,0,0,0.5);
}
.u-shadow {
  -moz-box-shadow:2px 2px 4px rgba(0,0,0,0.5);
  -webkit-box-shadow:2px 2px 4px rgba(0,0,0,0.5);
  box-shadow:2px 2px 4px rgba(0,0,0,0.5);
}
.u-shadow--large {
  -moz-box-shadow:4px 4px 8px rgba(0,0,0,0.5);
  -webkit-box-shadow:4px 4px 8px rgba(0,0,0,0.5);
  box-shadow:4px 4px 8px rgba(0,0,0,0.5);
}
.u-shadow--jumbo {
  -moz-box-shadow:6px 6px 14px rgba(0,0,0,0.75);
  -webkit-box-shadow:6px 6px 14px rgba(0,0,0,0.75);
  box-shadow:6px 6px 14px rgba(0,0,0,0.75);
}
TABLE.table { width:100%; }
TABLE.table > CAPTION {
  text-align:left;
  font-size:20px;
  padding:12px 1px 8px 2px;
  color:#818181;
}
TABLE.table > TBODY > TR > TD, TABLE.table > TBODY > TR > TH, TABLE.table > THEAD > TR > TD, TABLE.table > THEAD > TR > TH, TABLE.table > TFOOT > TR > TD, TABLE.table > TFOOT > TR > TH {
  vertical-align:top;
  padding:6px 8px 6px 8px;
  height:32px;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
TABLE.table > TBODY > TR > TD .description, TABLE.table > TBODY > TR > TH .description, TABLE.table > THEAD > TR > TD .description, TABLE.table > THEAD > TR > TH .description, TABLE.table > TFOOT > TR > TD .description, TABLE.table > TFOOT > TR > TH .description {
  font-weight:normal;
  color:#6f6f6f;
}
TABLE.table > TBODY > TR > TH, TABLE.table > THEAD > TR > TH, TABLE.table > TFOOT > TR > TH {
  vertical-align:top;
  font-weight:bold;
  text-align:left;
}
TABLE.table > THEAD > TR > TH, TABLE.table > TFOOT > TR > TH { vertical-align:middle; }
TABLE.table > THEAD > TR.header > TH .title, TABLE.table > TBODY > TR.header > TH .title, TABLE.table > TFOOT > TR.header > TH .title {
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
  display:inline-block;
}
TABLE.table > THEAD > TR.subheader > TH, TABLE.table > THEAD > TR.subheader TD, TABLE.table > TBODY > TR.subheader > TH, TABLE.table > TBODY > TR.subheader TD, TABLE.table > TFOOT > TR.subheader > TH, TABLE.table > TFOOT > TR.subheader TD {
  padding-top:20px;
  font-family:'Libre Franklin', sans-serif;
  font-size:20.02px;
  color:rgba(0,0,0,0.65);
  border-bottom-width:2px;
}
TABLE.table > THEAD > TR.subheader > TH .toggle-amount, TABLE.table > THEAD > TR.subheader TD .toggle-amount, TABLE.table > TBODY > TR.subheader > TH .toggle-amount, TABLE.table > TBODY > TR.subheader TD .toggle-amount, TABLE.table > TFOOT > TR.subheader > TH .toggle-amount, TABLE.table > TFOOT > TR.subheader TD .toggle-amount {
  display:inline-block;
  float:right;
  padding:0px 4px 0px 4px;
}
TABLE.table > THEAD > TR.subfooter > TH, TABLE.table > THEAD > TR.subfooter TD, TABLE.table > TBODY > TR.subfooter > TH, TABLE.table > TBODY > TR.subfooter TD, TABLE.table > TFOOT > TR.subfooter > TH, TABLE.table > TFOOT > TR.subfooter TD {
  color:rgba(0,0,0,0.65);
  font-weight:bold;
  border-top:rgba(65,65,100,0.25) 1px solid;
  padding-bottom:10px;
  border-bottom-width:0px;
}
TABLE.table > THEAD > TR.subfooter > TH, TABLE.table > TBODY > TR.subfooter > TH, TABLE.table > TFOOT > TR.subfooter > TH { border-top:#ced8df 1px solid; }
TABLE.table { border-top:rgba(65,65,100,0.25) 1px solid; }
TABLE.table > THEAD > TR > TD, TABLE.table > TBODY > TR > TD, TABLE.table > TFOOT > TR > TD { border-bottom:rgba(65,65,100,0.25) 1px solid; }
TABLE.table > THEAD > TR > TH, TABLE.table > TBODY > TR > TH, TABLE.table > TFOOT > TR > TH {
  color:#555;
  background-color:#ecf0f3;
  border-bottom:#ced8df 1px solid;
}
TD { border-color:rgba(65,65,100,0.25); }
TH { border-color:#ced8df; }
TABLE.table--form {
  border-width:0px;
  padding:2px;
}
TABLE.table--form > THEAD > TR > TD, TABLE.table--form > THEAD > TR > TH, TABLE.table--form > TBODY > TR > TD, TABLE.table--form > TBODY > TR > TH, TABLE.table--form > TFOOT > TR > TD, TABLE.table--form > TFOOT > TR > TH {
  border-width:0px;
  padding:2px;
}
TABLE.table > THEAD > TR > TH, TABLE.table > TBODY > TR > TH, TABLE.table > TFOOT > TR > TH {
  color:#555;
  background-color:#ecf0f3;
}
TABLE.table--hover > THEAD > TR:hover > TD, TABLE.table--hover > TBODY > TR:hover > TD, TABLE.table--hover > TFOOT > TR:hover > TD { background-color:#f9f9fc; }
TABLE.table--hover > THEAD > TR:hover > TH, TABLE.table--hover > TBODY > TR:hover > TH, TABLE.table--hover > TFOOT > TR:hover > TH { background-color:#dde4e9; }
TABLE.table--hover > THEAD > TR.header:hover > TH, TABLE.table--hover > TBODY > TR.header:hover > TH, TABLE.table--hover > TFOOT > TR.header:hover > TH { background-color:#ecf0f3; }
TABLE.table--hover > THEAD > TR.footer:hover > TH, TABLE.table--hover > TBODY > TR.footer:hover > TH, TABLE.table--hover > TFOOT > TR.footer:hover > TH { background-color:#ecf0f3; }
TABLE.table--hover > THEAD > TR.u-bg--purple:hover > TD, TABLE.table--hover > TBODY > TR.u-bg--purple:hover > TD, TABLE.table--hover > TFOOT > TR.u-bg--purple:hover > TD { background-color:#de6397; }
TABLE.table--hover > THEAD > TR.u-bg--violet:hover > TD, TABLE.table--hover > TBODY > TR.u-bg--violet:hover > TD, TABLE.table--hover > TFOOT > TR.u-bg--violet:hover > TD { background-color:#bba5f1; }
TABLE.table--hover > THEAD > TR.u-bg--indigo:hover > TD, TABLE.table--hover > TBODY > TR.u-bg--indigo:hover > TD, TABLE.table--hover > TFOOT > TR.u-bg--indigo:hover > TD { background-color:#8d97d3; }
TABLE.table--hover > THEAD > TR.u-bg--blue:hover > TD, TABLE.table--hover > TBODY > TR.u-bg--blue:hover > TD, TABLE.table--hover > TFOOT > TR.u-bg--blue:hover > TD { background-color:#7ca8ef; }
TABLE.table--hover > THEAD > TR.u-bg--azure:hover > TD, TABLE.table--hover > TBODY > TR.u-bg--azure:hover > TD, TABLE.table--hover > TFOOT > TR.u-bg--azure:hover > TD { background-color:#68ccf9; }
TABLE.table--hover > THEAD > TR.u-bg--cyan:hover > TD, TABLE.table--hover > TBODY > TR.u-bg--cyan:hover > TD, TABLE.table--hover > TFOOT > TR.u-bg--cyan:hover > TD { background-color:#6ad8e6; }
TABLE.table--hover > THEAD > TR.u-bg--teal:hover > TD, TABLE.table--hover > TBODY > TR.u-bg--teal:hover > TD, TABLE.table--hover > TFOOT > TR.u-bg--teal:hover > TD { background-color:#6ec4bc; }
TABLE.table--hover > THEAD > TR.u-bg--darkgreen:hover > TD, TABLE.table--hover > TBODY > TR.u-bg--darkgreen:hover > TD, TABLE.table--hover > TFOOT > TR.u-bg--darkgreen:hover > TD { background-color:#b4d03f; }
TABLE.table--hover > THEAD > TR.u-bg--green:hover > TD, TABLE.table--hover > TBODY > TR.u-bg--green:hover > TD, TABLE.table--hover > TFOOT > TR.u-bg--green:hover > TD { background-color:#b0db7b; }
TABLE.table--hover > THEAD > TR.u-bg--lime:hover > TD, TABLE.table--hover > TBODY > TR.u-bg--lime:hover > TD, TABLE.table--hover > TFOOT > TR.u-bg--lime:hover > TD { background-color:#e1ea86; }
TABLE.table--hover > THEAD > TR.u-bg--yellow:hover > TD, TABLE.table--hover > TBODY > TR.u-bg--yellow:hover > TD, TABLE.table--hover > TFOOT > TR.u-bg--yellow:hover > TD { background-color:#ffee5d; }
TABLE.table--hover > THEAD > TR.u-bg--amber:hover > TD, TABLE.table--hover > TBODY > TR.u-bg--amber:hover > TD, TABLE.table--hover > TFOOT > TR.u-bg--amber:hover > TD { background-color:#ffda69; }
TABLE.table--hover > THEAD > TR.u-bg--orange:hover > TD, TABLE.table--hover > TBODY > TR.u-bg--orange:hover > TD, TABLE.table--hover > TFOOT > TR.u-bg--orange:hover > TD { background-color:#ffad34; }
TABLE.table--hover > THEAD > TR.u-bg--darkorange:hover > TD, TABLE.table--hover > TBODY > TR.u-bg--darkorange:hover > TD, TABLE.table--hover > TFOOT > TR.u-bg--darkorange:hover > TD { background-color:#ff774c; }
TABLE.table--hover > THEAD > TR.u-bg--red:hover > TD, TABLE.table--hover > TBODY > TR.u-bg--red:hover > TD, TABLE.table--hover > TFOOT > TR.u-bg--red:hover > TD { background-color:#e15d5d; }
TABLE.table--hover > THEAD > TR.u-bg--pink:hover > TD, TABLE.table--hover > TBODY > TR.u-bg--pink:hover > TD, TABLE.table--hover > TFOOT > TR.u-bg--pink:hover > TD { background-color:#ea9acb; }
TABLE.table--hover > THEAD > TR.u-bg--brown:hover > TD, TABLE.table--hover > TBODY > TR.u-bg--brown:hover > TD, TABLE.table--hover > TFOOT > TR.u-bg--brown:hover > TD { background-color:#ae8611; }
TABLE.table--hover > THEAD > TR.u-bg--white:hover > TD, TABLE.table--hover > TBODY > TR.u-bg--white:hover > TD, TABLE.table--hover > TFOOT > TR.u-bg--white:hover > TD { background-color:#f2f2f2; }
TABLE.table--hover > THEAD > TR.u-bg--lightgray:hover > TD, TABLE.table--hover > TBODY > TR.u-bg--lightgray:hover > TD, TABLE.table--hover > TFOOT > TR.u-bg--lightgray:hover > TD { background-color:#e4e7f2; }
TABLE.table--hover > THEAD > TR.u-bg--gray:hover > TD, TABLE.table--hover > TBODY > TR.u-bg--gray:hover > TD, TABLE.table--hover > TFOOT > TR.u-bg--gray:hover > TD { background-color:#ccd0d9; }
TABLE.table--hover > THEAD > TR.u-bg--darkgray:hover > TD, TABLE.table--hover > TBODY > TR.u-bg--darkgray:hover > TD, TABLE.table--hover > TFOOT > TR.u-bg--darkgray:hover > TD { background-color:#727a86; }
TABLE.table--hover > THEAD > TR.u-bg--black:hover > TD, TABLE.table--hover > TBODY > TR.u-bg--black:hover > TD, TABLE.table--hover > TFOOT > TR.u-bg--black:hover > TD { background-color:#555; }
TABLE.table--hover > THEAD > TR.u-bg--success:hover > TD, TABLE.table--hover > TBODY > TR.u-bg--success:hover > TD, TABLE.table--hover > TFOOT > TR.u-bg--success:hover > TD { background-color:#b0db7b; }
TABLE.table--hover > THEAD > TR.u-bg--warning:hover > TD, TABLE.table--hover > TBODY > TR.u-bg--warning:hover > TD, TABLE.table--hover > TFOOT > TR.u-bg--warning:hover > TD { background-color:#ffad34; }
TABLE.table--hover > THEAD > TR.u-bg--danger:hover > TD, TABLE.table--hover > TBODY > TR.u-bg--danger:hover > TD, TABLE.table--hover > TFOOT > TR.u-bg--danger:hover > TD { background-color:#e15d5d; }
TABLE.table--hover > THEAD > TR.u-bg--error:hover > TD, TABLE.table--hover > TBODY > TR.u-bg--error:hover > TD, TABLE.table--hover > TFOOT > TR.u-bg--error:hover > TD { background-color:#e15d5d; }
TABLE.table--hover > THEAD > TR.u-bg--info:hover > TD, TABLE.table--hover > TBODY > TR.u-bg--info:hover > TD, TABLE.table--hover > TFOOT > TR.u-bg--info:hover > TD { background-color:#68ccf9; }
TABLE.table--hover > THEAD > TR.u-bg--muted:hover > TD, TABLE.table--hover > TBODY > TR.u-bg--muted:hover > TD, TABLE.table--hover > TFOOT > TR.u-bg--muted:hover > TD { background-color:#dadeec; }
TABLE.table--backgroundless, TABLE.table--plain { border-width:0px; }
TABLE.table--backgroundless > THEAD > TR > TH, TABLE.table--backgroundless > TBODY > TR > TH, TABLE.table--backgroundless > TFOOT > TR > TH, TABLE.table--plain > THEAD > TR > TH, TABLE.table--plain > TBODY > TR > TH, TABLE.table--plain > TFOOT > TR > TH { background-color:#fff; }
TABLE.table--lined > THEAD > TR > TD, TABLE.table--lined TBODY > TR > TD, TABLE.table--lined TFOOT > TR > TD { border-bottom:rgba(65,65,100,0.25) 1px solid; }
TABLE.table--lined > THEAD > TR > TH, TABLE.table--lined TBODY > TR > TH, TABLE.table--lined TFOOT > TR > TH { border-bottom:#ced8df 1px solid; }
TABLE.table--bordered {
  border:rgba(65,65,100,0.25) 1px solid;
  border-collapse:separate;
  border-left:0;
  background-clip:padding-box;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
}
TABLE.table--bordered > THEAD > TR > TD, TABLE.table--bordered > TBODY > TR > TD, TABLE.table--bordered > TFOOT > TR > TD {
  border-top:1px solid rgba(65,65,100,0.25);
  border-left:rgba(65,65,100,0.25) 1px solid;
}
TABLE.table--bordered > THEAD > TR > TH, TABLE.table--bordered > TBODY > TR > TH, TABLE.table--bordered > TFOOT > TR > TH {
  border-top:1px solid #ced8df;
  border-left:#ced8df 1px solid;
}
TABLE.table--borderless, TABLE.table--plain { border-width:0px; }
TABLE.table--borderless > THEAD > TR > TD, TABLE.table--borderless > THEAD > TR > TH, TABLE.table--borderless > TBODY > TR > TD, TABLE.table--borderless > TBODY > TR > TH, TABLE.table--borderless > TFOOT > TR > TD, TABLE.table--borderless > TFOOT > TR > TH, TABLE.table--plain > THEAD > TR > TD, TABLE.table--plain > THEAD > TR > TH, TABLE.table--plain > TBODY > TR > TD, TABLE.table--plain > TBODY > TR > TH, TABLE.table--plain > TFOOT > TR > TD, TABLE.table--plain > TFOOT > TR > TH { border-width:0px; }
TABLE.table--inline { width:0; }
TABLE.table--jumbo > CAPTION {
  font-size:28px;
  padding-bottom:10px;
}
TABLE.table--jumbo > THEAD > TR > TD, TABLE.table--jumbo > THEAD > TR > TH, TABLE.table--jumbo > TBODY > TR > TD, TABLE.table--jumbo > TBODY > TR > TH, TABLE.table--jumbo > TFOOT > TR > TD, TABLE.table--jumbo > TFOOT > TR > TH {
  height:48px;
  font-size:16px;
  padding:12px 16px 12px 16px;
}
TABLE.table--large > CAPTION {
  font-size:24px;
  padding-bottom:10px;
}
TABLE.table--large > THEAD > TR > TD, TABLE.table--large > THEAD > TR > TH, TABLE.table--large > TBODY > TR > TD, TABLE.table--large > TBODY > TR > TH, TABLE.table--large > TFOOT > TR > TD, TABLE.table--large > TFOOT > TR > TH {
  height:40px;
  font-size:14px;
  padding:10px 14px 10px 14px;
}
TABLE.table--small > CAPTION {
  font-size:14px;
  padding-bottom:4px;
}
TABLE.table--small > THEAD > TR > TD, TABLE.table--small > THEAD > TR > TH, TABLE.table--small > TBODY > TR > TD, TABLE.table--small > TBODY > TR > TH, TABLE.table--small > TFOOT > TR > TD, TABLE.table--small > TFOOT > TR > TH {
  height:20px;
  padding:2px 3px 2px 3px;
  font-size:13px;
  -webkit-text-size-adjust:none;
  -moz-text-size-adjust:none;
  -webkit-text-size-adjust:none;
  -ms-text-size-adjust:none;
  font-size-adjust:none;
}
TABLE.table--small > THEAD > TR > TD .button--table-cell, TABLE.table--small > THEAD > TR > TH .button--table-cell, TABLE.table--small > TBODY > TR > TD .button--table-cell, TABLE.table--small > TBODY > TR > TH .button--table-cell, TABLE.table--small > TFOOT > TR > TD .button--table-cell, TABLE.table--small > TFOOT > TR > TH .button--table-cell {
  margin-top:-3px;
  margin-bottom:-3px;
  height:20px;
}
TABLE.table--small > THEAD > TR > TD .button--table-cell .fa, TABLE.table--small > THEAD > TR > TH .button--table-cell .fa, TABLE.table--small > TBODY > TR > TD .button--table-cell .fa, TABLE.table--small > TBODY > TR > TH .button--table-cell .fa, TABLE.table--small > TFOOT > TR > TD .button--table-cell .fa, TABLE.table--small > TFOOT > TR > TH .button--table-cell .fa {
  font-size:15px;
  line-height:24px;
}
TABLE.table--small > THEAD > TR.subheader > TH, TABLE.table--small > THEAD > TR.subheader TD, TABLE.table--small > TBODY > TR.subheader > TH, TABLE.table--small > TBODY > TR.subheader TD, TABLE.table--small > TFOOT > TR.subheader > TH, TABLE.table--small > TFOOT > TR.subheader TD { padding-top:15px; }
TABLE.table--small > THEAD > TR.subfooter > TH, TABLE.table--small > THEAD > TR.subfooter TD, TABLE.table--small > TBODY > TR.subfooter > TH, TABLE.table--small > TBODY > TR.subfooter TD, TABLE.table--small > TFOOT > TR.subfooter > TH, TABLE.table--small > TFOOT > TR.subfooter TD { padding-bottom:15px; }
TABLE.table--mini > CAPTION {
  font-size:12px;
  padding-bottom:2px;
}
TABLE.table--mini > THEAD > TR > TD, TABLE.table--mini > THEAD > TR > TH, TABLE.table--mini > TBODY > TR > TD, TABLE.table--mini > TBODY > TR > TH, TABLE.table--mini > TFOOT > TR > TD, TABLE.table--mini > TFOOT > TR > TH {
  height:11px;
  padding:1px 2px 1px 2px;
  font-size:11.7px !important;
  -webkit-text-size-adjust:none;
  -moz-text-size-adjust:none;
  -webkit-text-size-adjust:none;
  -ms-text-size-adjust:none;
  font-size-adjust:none;
}
TABLE.table--mini > THEAD > TR > TD .button--table-cell, TABLE.table--mini > THEAD > TR > TH .button--table-cell, TABLE.table--mini > TBODY > TR > TD .button--table-cell, TABLE.table--mini > TBODY > TR > TH .button--table-cell, TABLE.table--mini > TFOOT > TR > TD .button--table-cell, TABLE.table--mini > TFOOT > TR > TH .button--table-cell {
  margin-top:-1px;
  margin-bottom:-1px;
  height:18px;
}
TABLE.table--mini > THEAD > TR > TD .button--table-cell .fa, TABLE.table--mini > THEAD > TR > TH .button--table-cell .fa, TABLE.table--mini > TBODY > TR > TD .button--table-cell .fa, TABLE.table--mini > TBODY > TR > TH .button--table-cell .fa, TABLE.table--mini > TFOOT > TR > TD .button--table-cell .fa, TABLE.table--mini > TFOOT > TR > TH .button--table-cell .fa {
  font-size:14px;
  line-height:20px;
}
TABLE.table--mini > THEAD > TR.subheader > TH, TABLE.table--mini > THEAD > TR.subheader TD, TABLE.table--mini > TBODY > TR.subheader > TH, TABLE.table--mini > TBODY > TR.subheader TD, TABLE.table--mini > TFOOT > TR.subheader > TH, TABLE.table--mini > TFOOT > TR.subheader TD { padding-top:10px; }
TABLE.table--mini > THEAD > TR.subfooter > TH, TABLE.table--mini > THEAD > TR.subfooter TD, TABLE.table--mini > TBODY > TR.subfooter > TH, TABLE.table--mini > TBODY > TR.subfooter TD, TABLE.table--mini > TFOOT > TR.subfooter > TH, TABLE.table--mini > TFOOT > TR.subfooter TD { padding-bottom:10px; }
TABLE.table--purple > CAPTION { color:#c13665; }
TABLE.table--purple > THEAD > TR > TH, TABLE.table--purple > TBODY > TR > TH, TABLE.table--purple > TFOOT > TR > TH {
  color:#5e3442;
  background-color:#de6397;
  border-color:#d4397b;
}
TABLE.table--purple.table--backgroundless > CAPTION { color:#c13665; }
TABLE.table--purple.table--backgroundless > THEAD > TR > TH, TABLE.table--purple.table--backgroundless > TBODY > TR > TH, TABLE.table--purple.table--backgroundless > TFOOT > TR > TH {
  color:#992b50;
  background-color:#fff;
  border-color:rgba(65,65,100,0.25);
}
TABLE.table--purple.table--backgroundless > THEAD > TR > TH { border-color:#d4397b; }
TABLE.table--violet > CAPTION { color:#9577dc; }
TABLE.table--violet > THEAD > TR > TH, TABLE.table--violet > TBODY > TR > TH, TABLE.table--violet > TFOOT > TR > TH {
  color:#504766;
  background-color:#bba5f1;
  border-color:#9b79e9;
}
TABLE.table--violet.table--backgroundless > CAPTION { color:#9577dc; }
TABLE.table--violet.table--backgroundless > THEAD > TR > TH, TABLE.table--violet.table--backgroundless > TBODY > TR > TH, TABLE.table--violet.table--backgroundless > TFOOT > TR > TH {
  color:#754ed2;
  background-color:#fff;
  border-color:rgba(65,65,100,0.25);
}
TABLE.table--violet.table--backgroundless > THEAD > TR > TH { border-color:#9b79e9; }
TABLE.table--indigo > CAPTION { color:#5c6bc0; }
TABLE.table--indigo > THEAD > TR > TH, TABLE.table--indigo > TBODY > TR > TH, TABLE.table--indigo > TFOOT > TR > TH {
  color:#3f445d;
  background-color:#8d97d3;
  border-color:#6876c5;
}
TABLE.table--indigo.table--backgroundless > CAPTION { color:#5c6bc0; }
TABLE.table--indigo.table--backgroundless > THEAD > TR > TH, TABLE.table--indigo.table--backgroundless > TBODY > TR > TH, TABLE.table--indigo.table--backgroundless > TFOOT > TR > TH {
  color:#4150a8;
  background-color:#fff;
  border-color:rgba(65,65,100,0.25);
}
TABLE.table--indigo.table--backgroundless > THEAD > TR > TH { border-color:#6876c5; }
TABLE.table--blue > CAPTION { color:#5486d7; }
TABLE.table--blue > THEAD > TR > TH, TABLE.table--blue > TBODY > TR > TH, TABLE.table--blue > TFOOT > TR > TH {
  color:#3d4c64;
  background-color:#7ca8ef;
  border-color:#4e8ae9;
}
TABLE.table--blue.table--backgroundless > CAPTION { color:#5486d7; }
TABLE.table--blue.table--backgroundless > THEAD > TR > TH, TABLE.table--blue.table--backgroundless > TBODY > TR > TH, TABLE.table--blue.table--backgroundless > TFOOT > TR > TH {
  color:#2f6ac9;
  background-color:#fff;
  border-color:rgba(65,65,100,0.25);
}
TABLE.table--blue.table--backgroundless > THEAD > TR > TH { border-color:#4e8ae9; }
TABLE.table--azure > CAPTION { color:#4eadda; }
TABLE.table--azure > THEAD > TR > TH, TABLE.table--azure > TBODY > TR > TH, TABLE.table--azure > TFOOT > TR > TH {
  color:#3b5865;
  background-color:#68ccf9;
  border-color:#37bbf7;
}
TABLE.table--azure.table--backgroundless > CAPTION { color:#4eadda; }
TABLE.table--azure.table--backgroundless > THEAD > TR > TH, TABLE.table--azure.table--backgroundless > TBODY > TR > TH, TABLE.table--azure.table--backgroundless > TFOOT > TR > TH {
  color:#2a97cb;
  background-color:#fff;
  border-color:rgba(65,65,100,0.25);
}
TABLE.table--azure.table--backgroundless > THEAD > TR > TH { border-color:#37bbf7; }
TABLE.table--cyan > CAPTION { color:#00bcd4; }
TABLE.table--cyan > THEAD > TR > TH, TABLE.table--cyan > TBODY > TR > TH, TABLE.table--cyan > TFOOT > TR > TH {
  color:#245c63;
  background-color:#6ad8e6;
  border-color:#3ecddf;
}
TABLE.table--cyan.table--backgroundless > CAPTION { color:#00bcd4; }
TABLE.table--cyan.table--backgroundless > THEAD > TR > TH, TABLE.table--cyan.table--backgroundless > TBODY > TR > TH, TABLE.table--cyan.table--backgroundless > TFOOT > TR > TH {
  color:#008fa1;
  background-color:#fff;
  border-color:rgba(65,65,100,0.25);
}
TABLE.table--cyan.table--backgroundless > THEAD > TR > TH { border-color:#3ecddf; }
TABLE.table--teal > CAPTION { color:#009688; }
TABLE.table--teal > THEAD > TR > TH, TABLE.table--teal > TBODY > TR > TH, TABLE.table--teal > TFOOT > TR > TH {
  color:#24514d;
  background-color:#6ec4bc;
  border-color:#4ab5ab;
}
TABLE.table--teal.table--backgroundless > CAPTION { color:#009688; }
TABLE.table--teal.table--backgroundless > THEAD > TR > TH, TABLE.table--teal.table--backgroundless > TBODY > TR > TH, TABLE.table--teal.table--backgroundless > TFOOT > TR > TH {
  color:#00635a;
  background-color:#fff;
  border-color:rgba(65,65,100,0.25);
}
TABLE.table--teal.table--backgroundless > THEAD > TR > TH { border-color:#4ab5ab; }
TABLE.table--darkgreen > CAPTION { color:#8cab3c; }
TABLE.table--darkgreen > THEAD > TR > TH, TABLE.table--darkgreen > TBODY > TR > TH, TABLE.table--darkgreen > TFOOT > TR > TH {
  color:#4e5736;
  background-color:#b4d03f;
  border-color:#97b12b;
}
TABLE.table--darkgreen.table--backgroundless > CAPTION { color:#8cab3c; }
TABLE.table--darkgreen.table--backgroundless > THEAD > TR > TH, TABLE.table--darkgreen.table--backgroundless > TBODY > TR > TH, TABLE.table--darkgreen.table--backgroundless > TFOOT > TR > TH {
  color:#6d852f;
  background-color:#fff;
  border-color:rgba(65,65,100,0.25);
}
TABLE.table--darkgreen.table--backgroundless > THEAD > TR > TH { border-color:#97b12b; }
TABLE.table--green > CAPTION { color:#90c250; }
TABLE.table--green > THEAD > TR > TH, TABLE.table--green > TBODY > TR > TH, TABLE.table--green > TFOOT > TR > TH {
  color:#4f5e3c;
  background-color:#b0db7b;
  border-color:#98d153;
}
TABLE.table--green.table--backgroundless > CAPTION { color:#90c250; }
TABLE.table--green.table--backgroundless > THEAD > TR > TH, TABLE.table--green.table--backgroundless > TBODY > TR > TH, TABLE.table--green.table--backgroundless > TFOOT > TR > TH {
  color:#76a53a;
  background-color:#fff;
  border-color:rgba(65,65,100,0.25);
}
TABLE.table--green.table--backgroundless > THEAD > TR > TH { border-color:#98d153; }
TABLE.table--lime > CAPTION { color:#cddc39; }
TABLE.table--lime > THEAD > TR > TH, TABLE.table--lime > TBODY > TR > TH, TABLE.table--lime > TFOOT > TR > TH {
  color:#616635;
  background-color:#e1ea86;
  border-color:#d6e35b;
}
TABLE.table--lime.table--backgroundless > CAPTION { color:#cddc39; }
TABLE.table--lime.table--backgroundless > THEAD > TR > TH, TABLE.table--lime.table--backgroundless > TBODY > TR > TH, TABLE.table--lime.table--backgroundless > TFOOT > TR > TH {
  color:#b2c022;
  background-color:#fff;
  border-color:rgba(65,65,100,0.25);
}
TABLE.table--lime.table--backgroundless > THEAD > TR > TH { border-color:#d6e35b; }
TABLE.table--yellow > CAPTION { color:#ffeb3b; }
TABLE.table--yellow > THEAD > TR > TH, TABLE.table--yellow > TBODY > TR > TH, TABLE.table--yellow > TFOOT > TR > TH {
  color:#706a35;
  background-color:#ffee5d;
  border-color:#ffe92a;
}
TABLE.table--yellow.table--backgroundless > CAPTION { color:#ffeb3b; }
TABLE.table--yellow.table--backgroundless > THEAD > TR > TH, TABLE.table--yellow.table--backgroundless > TBODY > TR > TH, TABLE.table--yellow.table--backgroundless > TFOOT > TR > TH {
  color:#ffe608;
  background-color:#fff;
  border-color:rgba(65,65,100,0.25);
}
TABLE.table--yellow.table--backgroundless > THEAD > TR > TH { border-color:#ffe92a; }
TABLE.table--amber > CAPTION { color:#ffc107; }
TABLE.table--amber > THEAD > TR > TH, TABLE.table--amber > TBODY > TR > TH, TABLE.table--amber > TFOOT > TR > TH {
  color:#705e26;
  background-color:#ffda69;
  border-color:#ffcd36;
}
TABLE.table--amber.table--backgroundless > CAPTION { color:#ffc107; }
TABLE.table--amber.table--backgroundless > THEAD > TR > TH, TABLE.table--amber.table--backgroundless > TBODY > TR > TH, TABLE.table--amber.table--backgroundless > TFOOT > TR > TH {
  color:#d39e00;
  background-color:#fff;
  border-color:rgba(65,65,100,0.25);
}
TABLE.table--amber.table--backgroundless > THEAD > TR > TH { border-color:#ffcd36; }
TABLE.table--orange > CAPTION { color:#ff9800; }
TABLE.table--orange > THEAD > TR > TH, TABLE.table--orange > TBODY > TR > TH, TABLE.table--orange > TFOOT > TR > TH {
  color:#705124;
  background-color:#ffad34;
  border-color:#ff9800;
}
TABLE.table--orange.table--backgroundless > CAPTION { color:#ff9800; }
TABLE.table--orange.table--backgroundless > THEAD > TR > TH, TABLE.table--orange.table--backgroundless > TBODY > TR > TH, TABLE.table--orange.table--backgroundless > TFOOT > TR > TH {
  color:#cc7a00;
  background-color:#fff;
  border-color:rgba(65,65,100,0.25);
}
TABLE.table--orange.table--backgroundless > THEAD > TR > TH { border-color:#ff9800; }
TABLE.table--darkorange > CAPTION { color:#ff5722; }
TABLE.table--darkorange > THEAD > TR > TH, TABLE.table--darkorange > TBODY > TR > TH, TABLE.table--darkorange > TFOOT > TR > TH {
  color:#703e2e;
  background-color:#ff774c;
  border-color:#ff5019;
}
TABLE.table--darkorange.table--backgroundless > CAPTION { color:#ff5722; }
TABLE.table--darkorange.table--backgroundless > THEAD > TR > TH, TABLE.table--darkorange.table--backgroundless > TBODY > TR > TH, TABLE.table--darkorange.table--backgroundless > TFOOT > TR > TH {
  color:#ee3900;
  background-color:#fff;
  border-color:rgba(65,65,100,0.25);
}
TABLE.table--darkorange.table--backgroundless > THEAD > TR > TH { border-color:#ff5019; }
TABLE.table--red > CAPTION { color:#f43637; }
TABLE.table--red > THEAD > TR > TH, TABLE.table--red > TBODY > TR > TH, TABLE.table--red > TFOOT > TR > TH {
  color:#6d3434;
  background-color:#e15d5d;
  border-color:#d93232;
}
TABLE.table--red.table--backgroundless > CAPTION { color:#f43637; }
TABLE.table--red.table--backgroundless > THEAD > TR > TH, TABLE.table--red.table--backgroundless > TBODY > TR > TH, TABLE.table--red.table--backgroundless > TFOOT > TR > TH {
  color:#ea0d0e;
  background-color:#fff;
  border-color:rgba(65,65,100,0.25);
}
TABLE.table--red.table--backgroundless > THEAD > TR > TH { border-color:#d93232; }
TABLE.table--pink > CAPTION { color:#d56dae; }
TABLE.table--pink > THEAD > TR > TH, TABLE.table--pink > TBODY > TR > TH, TABLE.table--pink > TFOOT > TR > TH {
  color:#644458;
  background-color:#ea9acb;
  border-color:#e270b5;
}
TABLE.table--pink.table--backgroundless > CAPTION { color:#d56dae; }
TABLE.table--pink.table--backgroundless > THEAD > TR > TH, TABLE.table--pink.table--backgroundless > TBODY > TR > TH, TABLE.table--pink.table--backgroundless > TFOOT > TR > TH {
  color:#ca4598;
  background-color:#fff;
  border-color:rgba(65,65,100,0.25);
}
TABLE.table--pink.table--backgroundless > THEAD > TR > TH { border-color:#e270b5; }
TABLE.table--brown > CAPTION { color:#8b6508; }
TABLE.table--brown > THEAD > TR > TH, TABLE.table--brown > TBODY > TR > TH, TABLE.table--brown > TFOOT > TR > TH {
  color:#4d4226;
  background-color:#ae8611;
  border-color:#80620d;
}
TABLE.table--brown.table--backgroundless > CAPTION { color:#8b6508; }
TABLE.table--brown.table--backgroundless > THEAD > TR > TH, TABLE.table--brown.table--backgroundless > TBODY > TR > TH, TABLE.table--brown.table--backgroundless > TFOOT > TR > TH {
  color:#5b4205;
  background-color:#fff;
  border-color:rgba(65,65,100,0.25);
}
TABLE.table--brown.table--backgroundless > THEAD > TR > TH { border-color:#80620d; }
TABLE.table--white > CAPTION { color:#f5f5f5; }
TABLE.table--white > THEAD > TR > TH, TABLE.table--white > TBODY > TR > TH, TABLE.table--white > TFOOT > TR > TH {
  color:#6d6d6d;
  background-color:#f2f2f2;
  border-color:#d9d9d9;
}
TABLE.table--white.table--backgroundless > CAPTION { color:#f5f5f5; }
TABLE.table--white.table--backgroundless > THEAD > TR > TH, TABLE.table--white.table--backgroundless > TBODY > TR > TH, TABLE.table--white.table--backgroundless > TFOOT > TR > TH {
  color:#dcdcdc;
  background-color:#fff;
  border-color:rgba(65,65,100,0.25);
}
TABLE.table--white.table--backgroundless > THEAD > TR > TH { border-color:#d9d9d9; }
TABLE.table--lightgray > CAPTION { color:#e6e9ee; }
TABLE.table--lightgray > THEAD > TR > TH, TABLE.table--lightgray > TBODY > TR > TH, TABLE.table--lightgray > TFOOT > TR > TH {
  color:#696a6b;
  background-color:#e4e7f2;
  border-color:#c2c8e1;
}
TABLE.table--lightgray.table--backgroundless > CAPTION { color:#e6e9ee; }
TABLE.table--lightgray.table--backgroundless > THEAD > TR > TH, TABLE.table--lightgray.table--backgroundless > TBODY > TR > TH, TABLE.table--lightgray.table--backgroundless > TFOOT > TR > TH {
  color:#c8ced9;
  background-color:#fff;
  border-color:rgba(65,65,100,0.25);
}
TABLE.table--lightgray.table--backgroundless > THEAD > TR > TH { border-color:#c2c8e1; }
TABLE.table--gray > CAPTION { color:#abb2bd; }
TABLE.table--gray > THEAD > TR > TH, TABLE.table--gray > TBODY > TR > TH, TABLE.table--gray > TFOOT > TR > TH {
  color:#57595c;
  background-color:#ccd0d9;
  border-color:#afb5c3;
}
TABLE.table--gray.table--backgroundless > CAPTION { color:#abb2bd; }
TABLE.table--gray.table--backgroundless > THEAD > TR > TH, TABLE.table--gray.table--backgroundless > TBODY > TR > TH, TABLE.table--gray.table--backgroundless > TFOOT > TR > TH {
  color:#8e98a7;
  background-color:#fff;
  border-color:rgba(65,65,100,0.25);
}
TABLE.table--gray.table--backgroundless > THEAD > TR > TH { border-color:#afb5c3; }
TABLE.table--darkgray > CAPTION { color:#646a74; }
TABLE.table--darkgray > THEAD > TR > TH, TABLE.table--darkgray > TBODY > TR > TH, TABLE.table--darkgray > TFOOT > TR > TH {
  color:#424447;
  background-color:#727a86;
  border-color:#5a606a;
}
TABLE.table--darkgray.table--backgroundless > CAPTION { color:#646a74; }
TABLE.table--darkgray.table--backgroundless > THEAD > TR > TH, TABLE.table--darkgray.table--backgroundless > TBODY > TR > TH, TABLE.table--darkgray.table--backgroundless > TFOOT > TR > TH {
  color:#4c5159;
  background-color:#fff;
  border-color:rgba(65,65,100,0.25);
}
TABLE.table--darkgray.table--backgroundless > THEAD > TR > TH { border-color:#5a606a; }
TABLE.table--black > CAPTION { color:#24272c; }
TABLE.table--black > THEAD > TR > TH, TABLE.table--black > TBODY > TR > TH, TABLE.table--black > TFOOT > TR > TH {
  color:#2f2f31;
  background-color:#555;
  border-color:#3b3b3b;
}
TABLE.table--black.table--backgroundless > CAPTION { color:#24272c; }
TABLE.table--black.table--backgroundless > THEAD > TR > TH, TABLE.table--black.table--backgroundless > TBODY > TR > TH, TABLE.table--black.table--backgroundless > TFOOT > TR > TH {
  color:#0d0e10;
  background-color:#fff;
  border-color:rgba(65,65,100,0.25);
}
TABLE.table--black.table--backgroundless > THEAD > TR > TH { border-color:#3b3b3b; }
TABLE.table--success > CAPTION { color:#90c250; }
TABLE.table--success > THEAD > TR > TH, TABLE.table--success > TBODY > TR > TH, TABLE.table--success > TFOOT > TR > TH {
  color:#4f5e3c;
  background-color:#b0db7b;
  border-color:#98d153;
}
TABLE.table--success.table--backgroundless > CAPTION { color:#90c250; }
TABLE.table--success.table--backgroundless > THEAD > TR > TH, TABLE.table--success.table--backgroundless > TBODY > TR > TH, TABLE.table--success.table--backgroundless > TFOOT > TR > TH {
  color:#76a53a;
  background-color:#fff;
  border-color:rgba(65,65,100,0.25);
}
TABLE.table--success.table--backgroundless > THEAD > TR > TH { border-color:#98d153; }
TABLE.table--warning > CAPTION { color:#ff9800; }
TABLE.table--warning > THEAD > TR > TH, TABLE.table--warning > TBODY > TR > TH, TABLE.table--warning > TFOOT > TR > TH {
  color:#705124;
  background-color:#ffad34;
  border-color:#ff9800;
}
TABLE.table--warning.table--backgroundless > CAPTION { color:#ff9800; }
TABLE.table--warning.table--backgroundless > THEAD > TR > TH, TABLE.table--warning.table--backgroundless > TBODY > TR > TH, TABLE.table--warning.table--backgroundless > TFOOT > TR > TH {
  color:#cc7a00;
  background-color:#fff;
  border-color:rgba(65,65,100,0.25);
}
TABLE.table--warning.table--backgroundless > THEAD > TR > TH { border-color:#ff9800; }
TABLE.table--danger > CAPTION { color:#f43637; }
TABLE.table--danger > THEAD > TR > TH, TABLE.table--danger > TBODY > TR > TH, TABLE.table--danger > TFOOT > TR > TH {
  color:#6d3434;
  background-color:#e15d5d;
  border-color:#d93232;
}
TABLE.table--danger.table--backgroundless > CAPTION { color:#f43637; }
TABLE.table--danger.table--backgroundless > THEAD > TR > TH, TABLE.table--danger.table--backgroundless > TBODY > TR > TH, TABLE.table--danger.table--backgroundless > TFOOT > TR > TH {
  color:#ea0d0e;
  background-color:#fff;
  border-color:rgba(65,65,100,0.25);
}
TABLE.table--danger.table--backgroundless > THEAD > TR > TH { border-color:#d93232; }
TABLE.table--error > CAPTION { color:#f43637; }
TABLE.table--error > THEAD > TR > TH, TABLE.table--error > TBODY > TR > TH, TABLE.table--error > TFOOT > TR > TH {
  color:#6d3434;
  background-color:#e15d5d;
  border-color:#d93232;
}
TABLE.table--error.table--backgroundless > CAPTION { color:#f43637; }
TABLE.table--error.table--backgroundless > THEAD > TR > TH, TABLE.table--error.table--backgroundless > TBODY > TR > TH, TABLE.table--error.table--backgroundless > TFOOT > TR > TH {
  color:#ea0d0e;
  background-color:#fff;
  border-color:rgba(65,65,100,0.25);
}
TABLE.table--error.table--backgroundless > THEAD > TR > TH { border-color:#d93232; }
TABLE.table--info > CAPTION { color:#4eadda; }
TABLE.table--info > THEAD > TR > TH, TABLE.table--info > TBODY > TR > TH, TABLE.table--info > TFOOT > TR > TH {
  color:#3b5865;
  background-color:#68ccf9;
  border-color:#37bbf7;
}
TABLE.table--info.table--backgroundless > CAPTION { color:#4eadda; }
TABLE.table--info.table--backgroundless > THEAD > TR > TH, TABLE.table--info.table--backgroundless > TBODY > TR > TH, TABLE.table--info.table--backgroundless > TFOOT > TR > TH {
  color:#2a97cb;
  background-color:#fff;
  border-color:rgba(65,65,100,0.25);
}
TABLE.table--info.table--backgroundless > THEAD > TR > TH { border-color:#37bbf7; }
TABLE.table--muted > CAPTION { color:#e6e9ee; }
TABLE.table--muted > THEAD > TR > TH, TABLE.table--muted > TBODY > TR > TH, TABLE.table--muted > TFOOT > TR > TH {
  color:#696a6b;
  background-color:#dadeec;
  border-color:#b8bfdb;
}
TABLE.table--muted.table--backgroundless > CAPTION { color:#e6e9ee; }
TABLE.table--muted.table--backgroundless > THEAD > TR > TH, TABLE.table--muted.table--backgroundless > TBODY > TR > TH, TABLE.table--muted.table--backgroundless > TFOOT > TR > TH {
  color:#c8ced9;
  background-color:#fff;
  border-color:rgba(65,65,100,0.25);
}
TABLE.table--muted.table--backgroundless > THEAD > TR > TH { border-color:#b8bfdb; }
TABLE.table--selected > CAPTION { color:#2085ff; }
TABLE.table--selected > THEAD > TR > TH, TABLE.table--selected > TBODY > TR > TH, TABLE.table--selected > TFOOT > TR > TH {
  color:#2d4c70;
  background-color:#6dafff;
  border-color:#3a93ff;
}
TABLE.table--selected.table--backgroundless > CAPTION { color:#2085ff; }
TABLE.table--selected.table--backgroundless > THEAD > TR > TH, TABLE.table--selected.table--backgroundless > TBODY > TR > TH, TABLE.table--selected.table--backgroundless > TFOOT > TR > TH {
  color:#006bec;
  background-color:#fff;
  border-color:rgba(65,65,100,0.25);
}
TABLE.table--selected.table--backgroundless > THEAD > TR > TH { border-color:#3a93ff; }
TABLE.table--save > CAPTION { color:#90c250; }
TABLE.table--save > THEAD > TR > TH, TABLE.table--save > TBODY > TR > TH, TABLE.table--save > TFOOT > TR > TH {
  color:#4f5e3c;
  background-color:#b0db7b;
  border-color:#98d153;
}
TABLE.table--save.table--backgroundless > CAPTION { color:#90c250; }
TABLE.table--save.table--backgroundless > THEAD > TR > TH, TABLE.table--save.table--backgroundless > TBODY > TR > TH, TABLE.table--save.table--backgroundless > TFOOT > TR > TH {
  color:#76a53a;
  background-color:#fff;
  border-color:rgba(65,65,100,0.25);
}
TABLE.table--save.table--backgroundless > THEAD > TR > TH { border-color:#98d153; }
TABLE.table--delete > CAPTION { color:#f43637; }
TABLE.table--delete > THEAD > TR > TH, TABLE.table--delete > TBODY > TR > TH, TABLE.table--delete > TFOOT > TR > TH {
  color:#6d3434;
  background-color:#e15d5d;
  border-color:#d93232;
}
TABLE.table--delete.table--backgroundless > CAPTION { color:#f43637; }
TABLE.table--delete.table--backgroundless > THEAD > TR > TH, TABLE.table--delete.table--backgroundless > TBODY > TR > TH, TABLE.table--delete.table--backgroundless > TFOOT > TR > TH {
  color:#ea0d0e;
  background-color:#fff;
  border-color:rgba(65,65,100,0.25);
}
TABLE.table--delete.table--backgroundless > THEAD > TR > TH { border-color:#d93232; }
TABLE.table--load > CAPTION { color:#ff9800; }
TABLE.table--load > THEAD > TR > TH, TABLE.table--load > TBODY > TR > TH, TABLE.table--load > TFOOT > TR > TH {
  color:#705124;
  background-color:#ffad34;
  border-color:#ff9800;
}
TABLE.table--load.table--backgroundless > CAPTION { color:#ff9800; }
TABLE.table--load.table--backgroundless > THEAD > TR > TH, TABLE.table--load.table--backgroundless > TBODY > TR > TH, TABLE.table--load.table--backgroundless > TFOOT > TR > TH {
  color:#cc7a00;
  background-color:#fff;
  border-color:rgba(65,65,100,0.25);
}
TABLE.table--load.table--backgroundless > THEAD > TR > TH { border-color:#ff9800; }
TABLE.table--cancel > CAPTION { color:#abb2bd; }
TABLE.table--cancel > THEAD > TR > TH, TABLE.table--cancel > TBODY > TR > TH, TABLE.table--cancel > TFOOT > TR > TH {
  color:#57595c;
  background-color:#ccd0d9;
  border-color:#afb5c3;
}
TABLE.table--cancel.table--backgroundless > CAPTION { color:#abb2bd; }
TABLE.table--cancel.table--backgroundless > THEAD > TR > TH, TABLE.table--cancel.table--backgroundless > TBODY > TR > TH, TABLE.table--cancel.table--backgroundless > TFOOT > TR > TH {
  color:#8e98a7;
  background-color:#fff;
  border-color:rgba(65,65,100,0.25);
}
TABLE.table--cancel.table--backgroundless > THEAD > TR > TH { border-color:#afb5c3; }
TABLE.table--bill { border-top:rgba(65,65,100,0.25) 0px solid; }
TABLE.table--bill > CAPTION {
  font-size:18px;
  padding-bottom:6px;
  color:#222;
}
TABLE.table--bill > THEAD > TR > TH, TABLE.table--bill > THEAD > TR TD, TABLE.table--bill > TBODY > TR > TH, TABLE.table--bill > TBODY > TR TD, TABLE.table--bill > TFOOT > TR > TH, TABLE.table--bill > TFOOT > TR TD {
  background:#fff;
  border-bottom:#222 0px solid;
  border-bottom:#222 0px solid;
}
TABLE.table--bill > THEAD > TR > TH, TABLE.table--bill > TBODY > TR > TH, TABLE.table--bill > TFOOT > TR > TH {
  font-weight:bold;
  color:#222;
  font-family:'Noto Sans', sans-serif;
}
TABLE.table--bill > THEAD > TR.header TH, TABLE.table--bill > TBODY > TR.header TH, TABLE.table--bill > TFOOT > TR.header TH {
  border-bottom:#222 1px solid;
  color:#222;
}
TABLE.table--bill > THEAD > TR.footer TH, TABLE.table--bill > TBODY > TR.footer TH, TABLE.table--bill > TFOOT > TR.footer TH {
  border-top:#222 1px solid;
  color:#222;
  padding-bottom:4px;
}
TABLE.lomake { padding:8px; }
TABLE.lomake td, TABLE.lomake th { padding:2px 2px 2px 2px; }
TABLE.lomake TR.luettelo_lomake_valiotsikko ~ TABLE.lomake TR TD { padding-top:8px; }
.lomake { padding:16px 16px 16px 16px; }
.lomake TR TD {
  padding:4px 2px 2px 2px;
  border:blue 0px solid;
}
.lomake tr.luettelo_lomake_valiotsikko td, .lomake tr.luettelo_lomake_alaotsikko td {
  padding:24px 2px 4px 2px;
  text-decoration:none;
  color:rgba(0,0,0,0.65);
  font-family:'Libre Franklin', sans-serif;
  font-size:20.02px;
  letter-spacing:1px;
  border-bottom:rgba(65,65,100,0.25) 1px solid;
}
.lomake tr.luettelo_lomake_alaotsikko td { font-size:14px; }
@media screen and (max-width: 767px) {
  TABLE.lomake { display:block; }
  TABLE.lomake > tbody { display:block; }
  TABLE.lomake > tbody > tr { display:block; }
  TABLE.lomake > tbody > tr > td { display:block; }
}
@media print {
  TABLE.luettelo > TBODY > TR > TD {
    padding:4px 2px 4px 4px;
    min-height:20px;
  }
}
TABLE.table > THEAD > TR.valittu > TD, TABLE.table > THEAD TR.is-selected > TD, TABLE.table > TBODY > TR.valittu > TD, TABLE.table > TBODY TR.is-selected > TD, TABLE.table > TFOOT > TR.valittu > TD, TABLE.table > TFOOT TR.is-selected > TD { background-color:#86bdff; }
TABLE.table > THEAD > TR.valittu > TH, TABLE.table > THEAD TR.is-selected > TH, TABLE.table > TBODY > TR.valittu > TH, TABLE.table > TBODY TR.is-selected > TH, TABLE.table > TFOOT > TR.valittu > TH, TABLE.table > TFOOT TR.is-selected > TH { background-color:#6dafff; }
TABLE.table .button--table-cell {
  margin-top:-4px;
  margin-right:-4px;
  margin-bottom:-4px;
  margin-left:-4px;
}
TABLE.table .button--table-cell.button--small {
  margin-top:0px;
  margin-bottom:0px;
}
.nav-tabs {
  display:block;
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
  text-align:left;
  border-bottom:2px solid rgba(65,65,100,0.25);
}
.nav-tabs .nav-tabs__tabs { margin-bottom:-2px; }
.nav-tabs .nav-tabs__tab {
  display:inline-block;
  padding-right:20px;
  padding-left:20px;
  margin:0px 0px 0px 0px;
  color:rgba(0,0,0,0.65);
  cursor:pointer;
  min-height:34px;
  min-width:34px;
  line-height:34px;
  border-bottom:2px solid transparent;
  border-right:0px solid rgba(65,65,100,0.25);
}
.nav-tabs .nav-tabs__tab:hover { border-bottom-color:#53a1ff; }
.nav-tabs .nav-tabs__tab:last-child { border-right-width:0px; }
.nav-tabs .nav-tabs__tab h4 {
  display:inline-block;
  font-size:13px;
  font-family:'Noto Sans', sans-serif;
  font-weight:normal;
}
.nav-tabs .nav-tabs__tab .nav-tabs__tab__amount {
  display:inline-block;
  margin-left:8px;
  font-size:10px;
  padding:0px 8px;
  background-color:rgba(0,0,0,0.65);
  color:#fff;
  line-height:13px;
  background-clip:padding-box;
  -webkit-border-radius:14px;
  -moz-border-radius:14px;
  border-radius:14px;
}
.nav-tabs .nav-tabs__tab .fa {
  font-size:17px;
  line-height:34px;
  padding-right:0px;
  margin-left:8px;
  margin-right:8px;
  height:34px;
}
.nav-tabs .nav-tabs__tab .fa:last-child { padding-right:0px; }
.nav-tabs .nav-tabs__tab.is-active { border-bottom-color:#53a1ff; }
.nav-tabs__contents > FORM > .nav-tabs__content, .nav-tabs__contents > .nav-tabs__content { display:none; }
@media (min-width: 767px) {
  .nav-tabs .nav-tabs__tab.is-active:hover { background-color:#fbf599; }
  .nav-tabs .nav-tabs__tab:hover { background-color:#fbf599; }
}
.nav-tabs--justified UL {
  display:table;
  width:100%;
}
.nav-tabs--justified UL .nav-tabs__tab {
  padding-left:0px;
  padding-right:0px;
  text-align:center;
  display:table-cell;
}
.nav-tabs--stacked { display:block; }
.nav-tabs--stacked .nav-tabs__tab {
  display:block;
  border-right:2px solid rgba(65,65,100,0.25);
  border-bottom:0px solid rgba(65,65,100,0.25);
}
.nav-tabs--stacked .nav-tabs__tab:last-child {
  border-right-width:2px;
  border-bottom-width:0px;
}
.nav-tabs--stacked .nav-tabs__tab.is-active {
  border-right-color:#53a1ff;
  border-bottom-color:rgba(65,65,100,0.25);
}
.windowTabs {
  display:block;
  clear:left;
  padding:0px 12px 0px 12px;
  margin:12px 0px 0px 0px;
  text-align:left;
}
.windowTabs LI {
  display:block;
  float:left;
  padding:6px 12px 6px 12px;
  margin:0px 4px 0px 0px;
  background-color:#aaa;
  border-top-left-radius:8px;
  border-top-right-radius:8px;
  border-radius-topright:8px;
  border-radius-topleft:8px;
  -webkit-border-top-left-radius:8px;
  -webkit-border-top-right-radius:8px;
  -moz-border-radius-topleft:8px;
  -moz-border-radius-topRight:8px;
}
.windowTabs LI a:link, .windowTabs LI a:visited {
  FONT-SIZE:11px;
  FONT-FAMILY:Verdana;
  color:#fff;
}
.windowTabs LI a:hover {
  color:#eee;
  text-decoration:none;
}
.windowTabs LI:hover { background-color:#777; }
.windowTabs .open {
  background-color:#0f5894;
  background-position:bottom left;
  background-repeat:repeat-x;
  background-image:url('../images/ulkoasu/gradient_vaaka_light.png');
}
.windowTabs .open:hover { background-color:#0f5490; }
.valilehti {
  background-color:#0b315f;
  padding:0px;
}
.valilehtiLomake { padding:0px; }
.valilehtiLehdet {
  padding:8px 10px 0px 10px;
  height:47.6px;
  background-color:#ecf0f3;
  border-bottom:rgba(65,65,100,0.25) 1px solid;
}
.valilehti_on, .valilehti_off, .keltainenlehti_on, .keltainenlehti_off {
  float:left;
  display:block;
  cursor:pointer;
  text-align:center;
  color:rgba(0,0,0,0.87);
  font-weight:bold;
  height:39.6px;
  font-size:13px;
  line-height:39.6px;
  text-decoration:none;
  padding:0px 13.6px 0px 13.6px;
  margin:0px 5.6666666666667px 0px 0px;
  border:transparent 1px solid;
  border-width:1px 1px 0px 1px;
}
.valilehti_on, .keltainenlehti_on {
  color:#222;
  border-color:rgba(65,65,100,0.25);
  background-color:#fff;
  background-clip:padding-box;
  -webkit-border-top-left-radius:6px;
  -webkit-border-top-right-radius:6px;
  -moz-border-radius-topleft:6px;
  -moz-border-radius-topright:6px;
  border-top-left-radius:6px;
  border-top-right-radius:6px;
  border-radius-topleft:6px;
  border-radius-topright:6px;
}
.valilehti_on:hover, .keltainenlehti_on:hover { color:#02152b; }
.keltainenlehti_on { background-color:#fbf9ac; }
.valilehtiLehdetV {
  padding:4px 0px 4px 4px;
  text-align:right;
}
.valilehtiV_on, .valilehtiV_off {
  cursor:pointer;
  text-align:left;
  font-family:Verdana;
  font-weight:bold;
  font-size:11px;
  text-decoration:none;
  min-width:80px;
  padding:8px 4px 8px 10px;
  margin:0px 0px 0px 0px;
}
.valilehtiV_on {
  color:#02152b;
  border:rgba(65,65,100,0.25) 1px solid;
  border-width:1px 0px 1px 1px;
  background-clip:padding-box;
  -webkit-border-top-left-radius:6px;
  -webkit-border-bottom-left-radius:6px;
  -moz-border-radius-topleft:6px;
  -moz-border-radius-bottomleft:6px;
  border-top-left-radius:6px;
  border-bottom-left-radius:6px;
  border-radius-topleft:6px;
  border-radius-bottomleft:6px;
}
.valilehtiV_on:hover { color:#02152b; }
.valilehtiV_off { color:#666; }
.u-text--purple, A.u-text--purple { color:#c13665; }
.u-text--violet, A.u-text--violet { color:#9577dc; }
.u-text--indigo, A.u-text--indigo { color:#5c6bc0; }
.u-text--blue, A.u-text--blue { color:#5486d7; }
.u-text--azure, A.u-text--azure { color:#4eadda; }
.u-text--cyan, A.u-text--cyan { color:#00bcd4; }
.u-text--teal, A.u-text--teal { color:#009688; }
.u-text--darkgreen, A.u-text--darkgreen { color:#8cab3c; }
.u-text--green, A.u-text--green { color:#90c250; }
.u-text--lime, A.u-text--lime { color:#cddc39; }
.u-text--yellow, A.u-text--yellow { color:#ffeb3b; }
.u-text--amber, A.u-text--amber { color:#ffc107; }
.u-text--orange, A.u-text--orange { color:#ff9800; }
.u-text--darkorange, A.u-text--darkorange { color:#ff5722; }
.u-text--red, A.u-text--red { color:#f43637; }
.u-text--pink, A.u-text--pink { color:#d56dae; }
.u-text--brown, A.u-text--brown { color:#8b6508; }
.u-text--white, A.u-text--white { color:#f5f5f5; }
.u-text--lightgray, A.u-text--lightgray { color:#e6e9ee; }
.u-text--gray, A.u-text--gray { color:#abb2bd; }
.u-text--darkgray, A.u-text--darkgray { color:#646a74; }
.u-text--bluegray, A.u-text--bluegray { color:; }
.u-text--black, A.u-text--black { color:#24272c; }
.u-text--success, A.u-text--success { color:#90c250; }
.u-text--warning, A.u-text--warning { color:#ff9800; }
.u-text--danger, A.u-text--danger { color:#f43637; }
.u-text--error, A.u-text--error { color:#f43637; }
.u-text--info, A.u-text--info { color:#4eadda; }
.u-text--muted, A.u-text--muted { color:#e6e9ee; }
.u-text--selected, A.u-text--selected { color:#2085ff; }
.u-text--description, A.u-text--description { color:rgba(0,0,0,0.45); }
.u-text--save, A.u-text--save { color:#90c250; }
.u-text--delete, A.u-text--delete { color:#f43637; }
.u-text--load, A.u-text--load { color:#ff9800; }
.u-text--cancel, A.u-text--cancel { color:#abb2bd; }
.u-text--mini { font-size:7.8px !important; }
.u-text--small { font-size:10.01px !important; }
.u-text--normal { font-size: !important; }
.u-text--large { font-size:15.99px !important; }
.u-text--jumbo { font-size:20.02px !important; }
.clickable.u-text--purple:hover, A:hover.u-text--purple { background-color:#de6397; }
.clickable.u-text--violet:hover, A:hover.u-text--violet { background-color:#bba5f1; }
.clickable.u-text--indigo:hover, A:hover.u-text--indigo { background-color:#6e7cc7; }
.clickable.u-text--blue:hover, A:hover.u-text--blue { background-color:#7ca8ef; }
.clickable.u-text--azure:hover, A:hover.u-text--azure { background-color:#41bef7; }
.clickable.u-text--cyan:hover, A:hover.u-text--cyan { background-color:#3cccde; }
.clickable.u-text--teal:hover, A:hover.u-text--teal { background-color:#2bbbad; }
.clickable.u-text--darkgreen:hover, A:hover.u-text--darkgreen { background-color:#b4d03f; }
.clickable.u-text--green:hover, A:hover.u-text--green { background-color:#b0db7b; }
.clickable.u-text--lime:hover, A:hover.u-text--lime { background-color:#dae56d; }
.clickable.u-text--yellow:hover, A:hover.u-text--yellow { background-color:#fcd66e; }
.clickable.u-text--amber:hover, A:hover.u-text--amber { background-color:#ffd042; }
.clickable.u-text--orange:hover, A:hover.u-text--orange { background-color:#ee995f; }
.clickable.u-text--darkorange:hover, A:hover.u-text--darkorange { background-color:#ff835d; }
.clickable.u-text--red:hover, A:hover.u-text--red { background-color:#f16a67; }
.clickable.u-text--pink:hover, A:hover.u-text--pink { background-color:#ea9acb; }
.clickable.u-text--brown:hover, A:hover.u-text--brown { background-color:#ae8611; }
.clickable.u-text--white:hover, A:hover.u-text--white { background-color:#fff; }
.clickable.u-text--lightgray:hover, A:hover.u-text--lightgray { background-color:#fafcfd; }
.clickable.u-text--gray:hover, A:hover.u-text--gray { background-color:#dbdde4; }
.clickable.u-text--darkgray:hover, A:hover.u-text--darkgray { background-color:#727a86; }
.clickable.u-text--bluegray:hover, A:hover.u-text--bluegray { background-color:#0d0d0d; }
.clickable.u-text--black:hover, A:hover.u-text--black { background-color:#555; }
.clickable.u-text--success:hover, A:hover.u-text--success { background-color:#b0db7b; }
.clickable.u-text--warning:hover, A:hover.u-text--warning { background-color:#ee995f; }
.clickable.u-text--danger:hover, A:hover.u-text--danger { background-color:#f16a67; }
.clickable.u-text--error:hover, A:hover.u-text--error { background-color:#f16a67; }
.clickable.u-text--info:hover, A:hover.u-text--info { background-color:#41bef7; }
.clickable.u-text--muted:hover, A:hover.u-text--muted { background-color:#fff; }
.clickable.u-text--selected:hover, A:hover.u-text--selected { background-color:#6dafff; }
.clickable.u-text--save:hover, A:hover.u-text--save { background-color:#b0db7b; }
.clickable.u-text--delete:hover, A:hover.u-text--delete { background-color:#f16a67; }
.clickable.u-text--load:hover, A:hover.u-text--load { background-color:#ee995f; }
.clickable.u-text--cancel:hover, A:hover.u-text--cancel { background-color:#dbdde4; }
TEXTAREA {
  FONT-FAMILY:'Noto Sans', sans-serif;
  color:rgba(0,0,0,0.87);
  FONT-SIZE:13px;
  font-weight:normal;
  line-height:1.25;
  margin-right:4px;
  margin-bottom:4px;
  padding:0px 0px 0px 6px;
  padding:7px 0px 7px 7px;
  BACKGROUND:#fff;
  box-shadow:none;
  border:rgba(65,65,100,0.25) 1px solid;
  width:100%;
  height:80px;
  outline:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  background-clip:padding-box;
  -webkit-border-radius:4.25px;
  -moz-border-radius:4.25px;
  border-radius:4.25px;
}
TEXTAREA:last-child { margin-right:0px; }
TEXTAREA[disabled] {
  BACKGROUND:#c7e9ff;
  border-color:rgba(90,127,195,-0.0625);
  COLOR:#2f6ac9;
}
TEXTAREA.justified { width:100%; }
TEXTAREA.note {
  background:url('./../images/img.line.php?height=23.4px&color=DDDDDD') repeat top left;
  background-attachment:local;
  BACKGROUND-color:#fff;
  line-height:23.4px;
  margin:0px;
  padding:0px 12px 0px 12px;
  vertical-align:top;
  border:#000 0px solid;
}
TEXTAREA.condensed {
  padding:2px 0px 2px 4px;
  font-size:10px;
  line-height:12px;
}
TEXTAREA.ok { border-color:#90c250; }
TEXTAREA.error {
  border-color:#f43637;
  background-color:#e57373;
}
TEXTAREA.success { border-color:#90c250; }
TEXTAREA.code {
  padding:2px;
  FONT-SIZE:12px;
  FONT-FAMILY:Courier;
  COLOR:#222;
  border:rgba(65,65,100,0.25) 1px solid;
}
TEXTAREA.purple {
  border-color:#c13665;
  border-size:2px;
}
TEXTAREA.violet {
  border-color:#9577dc;
  border-size:2px;
}
TEXTAREA.indigo {
  border-color:#5c6bc0;
  border-size:2px;
}
TEXTAREA.blue {
  border-color:#5486d7;
  border-size:2px;
}
TEXTAREA.azure {
  border-color:#4eadda;
  border-size:2px;
}
TEXTAREA.cyan {
  border-color:#00bcd4;
  border-size:2px;
}
TEXTAREA.teal {
  border-color:#009688;
  border-size:2px;
}
TEXTAREA.darkgreen {
  border-color:#8cab3c;
  border-size:2px;
}
TEXTAREA.green {
  border-color:#90c250;
  border-size:2px;
}
TEXTAREA.lime {
  border-color:#cddc39;
  border-size:2px;
}
TEXTAREA.yellow {
  border-color:#ffeb3b;
  border-size:2px;
}
TEXTAREA.amber {
  border-color:#ffc107;
  border-size:2px;
}
TEXTAREA.orange {
  border-color:#ff9800;
  border-size:2px;
}
TEXTAREA.darkorange {
  border-color:#ff5722;
  border-size:2px;
}
TEXTAREA.red {
  border-color:#f43637;
  border-size:2px;
}
TEXTAREA.pink {
  border-color:#d56dae;
  border-size:2px;
}
TEXTAREA.brown {
  border-color:#8b6508;
  border-size:2px;
}
TEXTAREA.white {
  border-color:#f5f5f5;
  border-size:2px;
}
TEXTAREA.lightgray {
  border-color:#e6e9ee;
  border-size:2px;
}
TEXTAREA.gray {
  border-color:#abb2bd;
  border-size:2px;
}
TEXTAREA.darkgray {
  border-color:#646a74;
  border-size:2px;
}
TEXTAREA.black {
  border-color:#24272c;
  border-size:2px;
}
TEXTAREA.success {
  border-color:#90c250;
  border-size:2px;
}
TEXTAREA.warning {
  border-color:#ff9800;
  border-size:2px;
}
TEXTAREA.danger {
  border-color:#f43637;
  border-size:2px;
}
TEXTAREA.error {
  border-color:#f43637;
  border-size:2px;
}
TEXTAREA.info {
  border-color:#4eadda;
  border-size:2px;
}
TEXTAREA.muted {
  border-color:#e6e9ee;
  border-size:2px;
}
TEXTAREA.selected {
  border-color:#2085ff;
  border-size:2px;
}
TEXTAREA.save {
  border-color:#90c250;
  border-size:2px;
}
TEXTAREA.delete {
  border-color:#f43637;
  border-size:2px;
}
TEXTAREA.load {
  border-color:#ff9800;
  border-size:2px;
}
TEXTAREA.cancel {
  border-color:#abb2bd;
  border-size:2px;
}
textarea.inputLomake, .iL { padding:4px 0px 0px 4px; }
.input_code {
  padding:2px;
  FONT-SIZE:12px;
  FONT-FAMILY:Courier;
  COLOR:#222;
  border:rgba(65,65,100,0.25) 1px solid;
}
.technicaldata .header + TABLE { margin-top:8px; }
.technicaldata TABLE {
  border:none;
  border-spacing:0;
  border-collapse:collapse;
  line-height:1.6;
}
.technicaldata TABLE TH {
  font-weight:normal;
  text-align:left;
  vertical-align:top;
}
.technicaldata TABLE TH > span {
  border-bottom:1px dotted #ccc;
  display:block;
  height:1.2em;
  padding-right:5px;
}
.technicaldata TABLE TH > span > span {
  background-color:#fff;
  padding-right:5px;
}
.technicaldata TABLE TD {
  border:none;
  padding:0;
  vertical-align:top;
}
.technicaldata TABLE TD > span {
  border-bottom:1px dotted #ccc;
  display:block;
  font-weight:inherit;
  height:1.2em;
  overflow:visible;
  padding-left:5px;
  text-align:right;
}
.technicaldata TABLE TD > span > span {
  background-color:#fff;
  float:right;
  font-weight:inherit;
  padding-left:5px;
}
.technicaldata--normal TABLE TD > span {
  text-align:left;
  border-bottom:1px dotted #ccc;
}
.technicaldata--normal TABLE TD > span > span { float:left; }
.tile {
  display:table-cell;
  text-align:center;
  vertical-align:middle;
  width:100px;
  height:100px;
}
.tile .fa { font-size:48px; }
.tile-mini {
  font-size:10px;
  width:48px;
  height:48px;
}
.tile-mini .fa { font-size:24px; }
.tile-small {
  font-size:11px;
  width:80px;
  height:80px;
}
.tile-small .fa { font-size:34px; }
.tile-normal {
  width:100px;
  height:100px;
}
.tile-normal .fa { font-size:48px; }
.tile-large {
  width:160px;
  height:160px;
}
.tile-large .fa { font-size:80px; }
.switch { display:inline-block; }
.switch .switch__button {
  display:inline-block;
  font-size:14px;
  font-weight:normal;
  line-height:34px;
  text-align:center;
  vertical-align:bottom;
  cursor:pointer;
  margin-right:4px;
  margin-bottom:4px;
  white-space:nowrap;
  border:0px solid rgba(75,75,115,0.25);
  background-color:#cbcbcb;
  color:#333;
  padding:2px;
  padding-right:15px;
  padding-left:2px;
  background-clip:padding-box;
  -webkit-border-radius:17px;
  -moz-border-radius:17px;
  border-radius:17px;
  -webkit-transition:background 500ms ease 0s;
  -moz-transition:background 500ms ease 0s;
  -o-transition:background 500ms ease 0s;
  transition:background 500ms ease 0s;
}
.switch .switch__button.selected {
  padding-left:15px;
  padding-right:2px;
}
.switch .switch__button.selected .button { background-color:#fff; }
.switch .switch__button .switch__button__nob {
  min-width:30px;
  height:30px;
  line-height:30px;
  display:block;
  padding-left:6px;
  padding-right:6px;
  font-size:14px;
  background-color:#e4e4e4;
  border:0px solid rgba(75,75,115,0.25);
  text-align:center;
  background-clip:padding-box;
  -webkit-border-radius:17px;
  -moz-border-radius:17px;
  border-radius:17px;
}
.switch .switch__button .switch__button__nob .fa {
  font-size:15px;
  line-height:30px;
}
.switch--purple .switch__button {
  background-color:#d94e89;
  border-color:#d4397b;
}
.switch--violet .switch__button {
  background-color:#ab8fed;
  border-color:#9b79e9;
}
.switch--indigo .switch__button {
  background-color:#5c6bc0;
  border-color:#4a5ab9;
}
.switch--blue .switch__button {
  background-color:#6599ec;
  border-color:#4e8ae9;
}
.switch--azure .switch__button {
  background-color:#29b6f6;
  border-color:#11aef5;
}
.switch--cyan .switch__button {
  background-color:#26c6da;
  border-color:#22b3c5;
}
.switch--teal .switch__button {
  background-color:#26a69a;
  border-color:#219187;
}
.switch--darkgreen .switch__button {
  background-color:#a9c630;
  border-color:#97b12b;
}
.switch--green .switch__button {
  background-color:#a4d667;
  border-color:#98d153;
}
.switch--lime .switch__button {
  background-color:#d4e157;
  border-color:#cedd41;
}
.switch--yellow .switch__button {
  background-color:#fbcf55;
  border-color:#fac83c;
}
.switch--amber .switch__button {
  background-color:#ffca28;
  border-color:#ffc40f;
}
.switch--orange .switch__button {
  background-color:#ec8a48;
  border-color:#ea7b31;
}
.switch--darkorange .switch__button {
  background-color:#ff7043;
  border-color:#ff5d2a;
}
.switch--red .switch__button {
  background-color:#ef5350;
  border-color:#ed3c39;
}
.switch--pink .switch__button {
  background-color:#e685c0;
  border-color:#e270b5;
}
.switch--brown .switch__button {
  background-color:#97740f;
  border-color:#80620d;
}
.switch--white .switch__button {
  background-color:#fff;
  border-color:#f2f2f2;
}
.switch--lightgray .switch__button {
  background-color:#e8f1f5;
  border-color:#d6e6ed;
}
.switch--gray .switch__button {
  background-color:#ccd0d9;
  border-color:#bdc3ce;
}
.switch--darkgray .switch__button {
  background-color:#666d78;
  border-color:#5a606a;
}
.switch--black .switch__button {
  background-color:#484848;
  border-color:#3b3b3b;
}
.switch--success .switch__button {
  background-color:#a4d667;
  border-color:#98d153;
}
.switch--warning .switch__button {
  background-color:#ec8a48;
  border-color:#ea7b31;
}
.switch--danger .switch__button {
  background-color:#ef5350;
  border-color:#ed3c39;
}
.switch--error .switch__button {
  background-color:#ef5350;
  border-color:#ed3c39;
}
.switch--info .switch__button {
  background-color:#29b6f6;
  border-color:#11aef5;
}
.switch--muted .switch__button {
  background-color:#fafcfd;
  border-color:#e8f1f5;
}
.switch--selected .switch__button {
  background-color:#53a1ff;
  border-color:#3a93ff;
}
.switch--save .switch__button {
  background-color:#a4d667;
  border-color:#98d153;
}
.switch--delete .switch__button {
  background-color:#ef5350;
  border-color:#ed3c39;
}
.switch--load .switch__button {
  background-color:#ec8a48;
  border-color:#ea7b31;
}
.switch--cancel .switch__button {
  background-color:#ccd0d9;
  border-color:#bdc3ce;
}
.align-left, .alignLeft, .u-align-left, .u-align--left { text-align:left; }
.align-center, .alignCenter, .u-align-center, .u-align--center { text-align:center; }
.align-right, .alignRight, .u-align-right, .u-align--right { text-align:right; }
TABLE.table > TBODY > TR > TH.u-align--right, TABLE.table > THEAD > TR > TH.u-align--right, TABLE.table > TFOOT > TR > TH.u-align--right { text-align:right; }
TABLE.table > TBODY > TR > TH.u-align--center, TABLE.table > THEAD > TR > TH.u-align--center, TABLE.table > TFOOT > TR > TH.u-align--center { text-align:center; }
.u-bg--purple { background-color:#e278a5; }
.u-bg--violet { background-color:#ccbbf4; }
.u-bg--indigo { background-color:#9fa8da; }
.u-bg--blue { background-color:#92b7f2; }
.u-bg--azure { background-color:#81d4fa; }
.u-bg--cyan { background-color:#80deea; }
.u-bg--teal { background-color:#80cbc4; }
.u-bg--darkgreen { background-color:#bcd554; }
.u-bg--green { background-color:#bce18f; }
.u-bg--lime { background-color:#e6ee9c; }
.u-bg--yellow { background-color:#fff176; }
.u-bg--amber { background-color:#ffe082; }
.u-bg--orange { background-color:#ffb74d; }
.u-bg--darkorange { background-color:#ff8a65; }
.u-bg--red { background-color:#e57373; }
.u-bg--pink { background-color:#efafd6; }
.u-bg--brown { background-color:#c59814; }
.u-bg--white { background-color:#fff; }
.u-bg--lightgray { background-color:#f5f6fa; }
.u-bg--gray { background-color:#dbdde4; }
.u-bg--darkgray { background-color:#7f8692; }
.u-bg--bluegray { background-color:; }
.u-bg--black { background-color:#626262; }
.u-bg--success { background-color:#bce18f; }
.u-bg--warning { background-color:#ffb74d; }
.u-bg--danger { background-color:#e57373; }
.u-bg--error { background-color:#e57373; }
.u-bg--info { background-color:#81d4fa; }
.u-bg--muted { background-color:#ebedf5; }
.u-bg--selected { background-color:#86bdff; }
.u-bg--save { background-color:#bce18f; }
.u-bg--delete { background-color:#e57373; }
.u-bg--load { background-color:#ffb74d; }
.u-bg--cancel { background-color:#dbdde4; }
.clickable.u-bg--purple:hover { background-color:#e78db3; }
.clickable.u-bg--violet:hover { background-color:#dcd1f8; }
.clickable.u-bg--indigo:hover { background-color:#b1b9e1; }
.clickable.u-bg--blue:hover { background-color:#a9c6f4; }
.clickable.u-bg--azure:hover { background-color:#9adcfb; }
.clickable.u-bg--cyan:hover { background-color:#96e4ee; }
.clickable.u-bg--teal:hover { background-color:#92d2cc; }
.clickable.u-bg--darkgreen:hover { background-color:#c4da68; }
.clickable.u-bg--green:hover { background-color:#c8e6a3; }
.clickable.u-bg--lime:hover { background-color:#ebf2b2; }
.clickable.u-bg--yellow:hover { background-color:#fff490; }
.clickable.u-bg--amber:hover { background-color:#ffe69c; }
.clickable.u-bg--orange:hover { background-color:#ffc167; }
.clickable.u-bg--darkorange:hover { background-color:#ff9d7f; }
.clickable.u-bg--red:hover { background-color:#e98989; }
.clickable.u-bg--pink:hover { background-color:#f3c4e1; }
.clickable.u-bg--brown:hover { background-color:#dda916; }
.clickable.u-bg--white:hover { background-color:#fff; }
.clickable.u-bg--lightgray:hover { background-color:#fff; }
.clickable.u-bg--gray:hover { background-color:#e9ebef; }
.clickable.u-bg--darkgray:hover { background-color:#8d939e; }
.clickable.u-bg--bluegray:hover { background-color:#0d0d0d; }
.clickable.u-bg--black:hover { background-color:#6e6e6e; }
.clickable.u-bg--success:hover { background-color:#c8e6a3; }
.clickable.u-bg--warning:hover { background-color:#ffc167; }
.clickable.u-bg--danger:hover { background-color:#e98989; }
.clickable.u-bg--error:hover { background-color:#e98989; }
.clickable.u-bg--info:hover { background-color:#9adcfb; }
.clickable.u-bg--muted:hover { background-color:#fcfcfd; }
.clickable.u-bg--selected:hover { background-color:#a0cbff; }
.clickable.u-bg--save:hover { background-color:#c8e6a3; }
.clickable.u-bg--delete:hover { background-color:#e98989; }
.clickable.u-bg--load:hover { background-color:#ffc167; }
.clickable.u-bg--cancel:hover { background-color:#e9ebef; }
.u-border {
  border-width:1px;
  border-style:solid;
}
.u-border--left {
  border-left-width:1px;
  border-left-style:solid;
}
.u-border--right {
  border-right-width:1px;
  border-right-style:solid;
}
.u-border--top {
  border-top-width:1px;
  border-top-style:solid;
}
.u-border--bottom {
  border-bottom-width:1px;
  border-bottom-style:solid;
}
.u-border--purple { border-color:#cb4573; }
.u-border--violet { border-color:#a58be1; }
.u-border--indigo { border-color:#6e7cc7; }
.u-border--blue { border-color:#6995dc; }
.u-border--azure { border-color:#63b7de; }
.u-border--cyan { border-color:#00d3ee; }
.u-border--teal { border-color:#00b09f; }
.u-border--darkgreen { border-color:#9bbd43; }
.u-border--green { border-color:#9cc963; }
.u-border--lime { border-color:#d2e04f; }
.u-border--yellow { border-color:#fe5; }
.u-border--amber { border-color:#ffc721; }
.u-border--orange { border-color:#ffa21a; }
.u-border--darkorange { border-color:#ff6a3c; }
.u-border--red { border-color:#f54e4f; }
.u-border--pink { border-color:#db81b9; }
.u-border--brown { border-color:#a37709; }
.u-border--white { border-color:#fff; }
.u-border--lightgray { border-color:#f5f6f8; }
.u-border--gray { border-color:#b9bfc8; }
.u-border--darkgray { border-color:#707782; }
.u-border--black { border-color:#2f333a; }
.u-border--success { border-color:#9cc963; }
.u-border--warning { border-color:#ffa21a; }
.u-border--danger { border-color:#f54e4f; }
.u-border--error { border-color:#f54e4f; }
.u-border--info { border-color:#63b7de; }
.u-border--muted { border-color:#f5f6f8; }
.u-border--selected { border-color:#3a93ff; }
.u-border--save { border-color:#9cc963; }
.u-border--delete { border-color:#f54e4f; }
.u-border--load { border-color:#ffa21a; }
.u-border--cancel { border-color:#b9bfc8; }
.u-padding { padding:10px; }
.u-padding--vertical {
  padding-top:10px;
  padding-bottom:10px;
}
.u-padding--horizontal {
  padding-left:10px;
  padding-right:10px;
}
.u-padding--top { padding-top:10px; }
.u-padding--right { padding-right:10px; }
.u-padding--bottom { padding-bottom:10px; }
.u-padding--left { padding-left:10px; }
.u-padding--none { padding:0; }
input[type="text"].u-padding--none { padding:0; }
.u-padding--mini { padding:2.5px; }
.u-padding--small { padding:5px; }
.u-padding--large { padding:15px; }
.u-padding--jumbo { padding:20px; }
.u-padding--bottom--large { padding-bottom:40px; }
.u-padding--bottom--jumbo { padding-bottom:80px; }
.u-margin { margin:10px; }
.u-margin--vertical {
  margin-top:10px;
  margin-bottom:10px;
}
.u-margin--horizontal {
  margin-left:10px;
  margin-right:10px;
}
.u-margin--top { margin-top:10px; }
.u-margin--right { margin-right:10px; }
.u-margin--bottom { margin-bottom:10px; }
.u-margin--left { margin-left:10px; }
.u-space--mini {
  margin-bottom:8px;
  margin-left:4px;
}
.u-space--small {
  margin-bottom:16px;
  margin-left:8px;
}
.u-space {
  margin-bottom:20px;
  margin-left:10px;
}
.u-space--large {
  margin-bottom:40px;
  margin-left:20px;
}
.u-space--jumbo {
  margin-bottom:80px;
  margin-left:40px;
}
.space-10 { margin-bottom:10px; }
.space-15 { margin-bottom:15px; }
.space-20 { margin-bottom:20px; }
.space-25 { margin-bottom:25px; }
.space-30 { margin-bottom:30px; }
.space-35 { margin-bottom:35px; }
.space-40 { margin-bottom:40px; }
.space-50 { margin-bottom:50px; }
.space-60 { margin-bottom:60px; }
.space-70 { margin-bottom:70px; }
.space-80 { margin-bottom:80px; }
.space-90 { margin-bottom:90px; }
.space-100 { margin-bottom:100px; }
.freeze-panes {
  position:relative;
  overflow:hidden;
}
.freeze-panes > DIV {
  position:absolute;
  background-color:#fff;
}
.freeze-panes > DIV.content {
  top:0px;
  right:0px;
  bottom:0px;
  left:0px;
  overflow:auto;
}
.freeze-panes .freezed { overflow:hidden; }
.freeze-panes .freezed-top {
  z-index:10;
  top:0;
  left:0;
  right:0;
  border-bottom:#777 0px solid;
}
.freeze-panes .freezed-bottom {
  z-index:10;
  right:0;
  bottom:0;
  left:0;
  border-top:#777 0px solid;
}
.freeze-panes .freezed-left {
  z-index:10;
  top:0;
  bottom:0;
  left:0;
  border-right:#777 0px solid;
}
.freeze-panes .freezed-right {
  z-index:10;
  top:0;
  right:0;
  bottom:0;
  border-left:#777 0px solid;
}
.freeze-panes .freezed-top-left {
  z-index:11;
  top:0;
  left:0;
}
.freeze-panes .freezed-top-right {
  z-index:11;
  top:0;
  right:0;
}
.freeze-panes .freezed-bottom-right {
  z-index:11;
  bottom:0;
  right:0;
}
.freeze-panes .freezed-bottom-left {
  z-index:11;
  bottom:0;
  left:0;
}
@media print {
  .freeze-panes {
    position:static;
    overflow:auto;
  }
  .freeze-panes .freezed {
    display:none;
    visibility:hidden;
    height:0px;
  }
  .freeze-panes > DIV.content {
    position:static;
    overflow:auto;
  }
}
.taglist {
  cursor:pointer;
  display:block;
  min-width:200px;
}
.taglist SPAN {
  cursor:block;
  display:inline-block;
  color:#222;
  font-size:13px;
  line-height:34px;
  height:34px;
  padding:0px 10px;
  margin:0px 4px 4px 0px;
  border:#eee 1px solid;
  background-clip:padding-box;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border-radius:6px;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
.taglist SPAN.low { color:#999; }
.taglist SPAN.high { color:#eb8420; }
.taglist SPAN.selected {
  color:#222;
  background-color:#ffce29;
  border:#ffc40d 1px solid;
}
.tag_kehys {
  clear:both;
  cursor:pointer;
  display:block;
  margin:6px 6px 12px 6px;
}
.tag_kehys IMG {
  position:absolute;
  width:18px;
  padding:4px 2px 0px 2px;
}
.tag_kehys > DIV { margin-left:28px; }
.tag_kehys-has-value .placeholder { display:none; }
.tagList DIV {
  font-size:12px;
  cursor:pointer;
  font-weight:normal;
  display:block;
  float:left;
  margin:3px 3px 0px 0px;
  padding:3px 4px 3px 4px;
  border-radius:4px;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border:transparent 1px solid;
}
.tagList DIV:hover { border:#eb8420 1px solid; }
.tagList DIV.low { color:#ccc; }
.tagList DIV.normal { color:#999; }
.tagList DIV.high {
  color:#eb8420;
  color:#222;
}
.tagList DIV.selected {
  color:#222;
  background-color:#ffce29;
  border:#eeb40d 1px solid;
  -moz-box-shadow:1px 1px 1px rgba(120,120,120,0.2);
  -webkit-box-shadow:1px 1px 1px rgba(120,120,120,0.2);
  box-shadow:1px 1px 1px rgba(120,120,120,0.2);
}
DIV.comments {
  line-height:normal;
  max-height:400px;
  overflow:auto;
  color:#222;
}
DIV.comments > DIV.comment {
  min-width:220px;
  padding:0px;
  padding:4px 4px 4px 6px;
  background-color:#f5f5f5;
  border:#ddd 1px solid;
  margin:4px 0px 4px 0px;
  border-radius:6px;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
}
DIV.comments > DIV.comment > p {
  padding:0px;
  margin:0px;
}
DIV.comments > DIV.comment > span {
  float:left;
  display:block;
  padding:2px 0px 0px 0px;
  margin:0px;
  font-size:9px;
}
DIV.comments > DIV.comment > span .muokattu { float:right; }
DIV.comments > DIV.comment.oma {
  cursor:pointer;
  background-color:#99cdee;
  border:#5b93b9 1px solid;
  background-color:#f7eb9b;
  border:#ead048 1px solid;
  background-color:#bdffbb;
  border:#82d383 1px solid;
  margin-right:12px;
}
DIV.comments > DIV.comment.oma:hover {
  background-color:#adffab;
  border:#82d383 1px solid;
}
DIV.comments > DIV.comment.vastaus { margin-left:12px; }
.notes {
  min-width:200px;
  border:rgba(123,123,169,0.25) 1px solid;
  background-color:#fff;
  margin-bottom:4px;
  -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.25);
  -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.25);
  box-shadow:1px 1px 2px rgba(0,0,0,0.25);
}
.notes .placeholder { display:none; }
.notes .header {
  font-family:'Libre Franklin', sans-serif;
  cursor:pointer;
  padding:4px 8px;
  margin:0px;
  color:rgba(51,51,51,0.87);
  border:0px;
}
.notes .header i.fa {
  display:inline-block;
  line-height:28px;
}
.notes .header i.fa[data-role=addnew] {
  width:36px;
  text-align:center;
  font-size:18px;
  float:right;
}
.notes .header h4 {
  font-size:20.02px;
  font-weight:normal;
  display:inline-block;
  line-height:30px;
}
.notes .header:hover { color:rgba(102,102,102,0.87); }
.notes .notes-list {
  max-height:350px;
  overflow:auto;
}
.notes .notes-list .note {
  width:100%;
  cursor:pointer;
  display:block;
  padding:4px 4px;
  margin:0px;
  font-size:12px;
  line-height:1.2;
  color:#222;
  border-top:rgba(123,123,169,0.25) 1px solid;
}
.notes .notes-list .note:first-child { border-top:#e8baba 1px solid; }
.notes .notes-list .note .body {
  max-height:80px;
  overflow:hidden;
  background:url('./../images/img.line.php?height=20&color=E5E5E5') repeat top left;
  line-height:20px;
  padding:2px 6px;
  margin-bottom:4px;
}
.notes .notes-list .note .footer {
  font-size:10.01px;
  color:rgba(0,0,0,0.45);
  padding:2px 6px;
}
.notes.is-empty {
  border-width:0px;
  margin-bottom:0px;
  background-color:transparent;
  -moz-box-shadow:1px 1px 1px rgba(0,0,0,0);
  -webkit-box-shadow:1px 1px 1px rgba(0,0,0,0);
  box-shadow:1px 1px 1px rgba(0,0,0,0);
}
.notes.is-empty .header { display:none; }
.notes.is-empty .placeholder { display:block; }
.reference-field-list { margin-bottom:10px; }
.todos {
  min-width:200px;
  border:rgba(123,123,169,0.25) 1px solid;
  background-color:#fff;
  margin-bottom:4px;
  -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.25);
  -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.25);
  box-shadow:1px 1px 2px rgba(0,0,0,0.25);
}
.todos .placeholder { display:none; }
.todos .header {
  font-family:'Libre Franklin', sans-serif;
  cursor:pointer;
  padding:4px 8px;
  margin:0px;
  color:rgba(51,51,51,0.87);
  border:0px;
}
.todos .header i.fa {
  display:inline-block;
  line-height:28px;
}
.todos .header i.fa[data-role=addnew] {
  width:30px;
  text-align:center;
  font-size:18px;
  float:right;
}
.todos .header h4 {
  font-size:20.02px;
  font-weight:normal;
  display:inline-block;
  line-height:2;
}
.todos .header:hover { color:rgba(102,102,102,0.87); }
.todos .todos-list {
  max-height:200px;
  overflow:auto;
}
.todos .todos-list .todo {
  width:100%;
  cursor:pointer;
  display:block;
  padding:0px;
  margin:0px;
  font-size:13px;
  line-height:1.2;
  color:#222;
  border-top:rgba(123,123,169,0.25) 1px dotted;
}
.todos .todos-list .todo:first-child { border-top:#e8baba 1px solid; }
.todos .todos-list .todo .body {
  display:table;
  line-height:1.2;
  padding:0px;
  margin:0px;
  white-space:nowrap;
}
.todos .todos-list .todo .body DIV[data-role=status] {
  display:table-cell;
  padding:4px;
  width:36px;
  text-align:center;
  vertical-align:top;
  display:inline-block;
}
.todos .todos-list .todo .body DIV[data-role=status] LABEL { padding-top:4px; }
.todos .todos-list .todo .body DIV[data-role=text] {
  display:table-cell;
  width:85%;
  line-height:1.4;
  white-space:normal;
  display:inline-block;
  padding:6px;
  border-left:rgba(123,123,169,0.25) 1px dotted;
}
.todos .todos-list .todo .body DIV[data-role=text] DIV[data-role=content] {
  overflow:hidden;
  max-height:36px;
}
.todos .todos-list .todo .footer {
  font-size:10.01px;
  color:rgba(0,0,0,0.45);
  padding:2px 0px;
}
.todos.is-empty {
  border-width:0px;
  margin-bottom:0px;
  background-color:transparent;
  -moz-box-shadow:1px 1px 1px rgba(0,0,0,0);
  -webkit-box-shadow:1px 1px 1px rgba(0,0,0,0);
  box-shadow:1px 1px 1px rgba(0,0,0,0);
}
.todos.is-empty .header { display:none; }
.todos.is-empty .placeholder { display:block; }
.file-preview {
  position:relative;
  text-align:center;
}
.file-preview .file-preview__info {
  position:absolute;
  bottom:0;
  right:0;
  left:0;
  padding:12px 24px;
  background-color:#000;
  color:#fff;
  opacity:0.75;
  filter:1;
}
.file-preview .file-preview__info H4 {
  font-family:'Libre Franklin', sans-serif;
  font-size:17.94px;
}
.file-preview .file-preview__info p {
  white-space:pre-wrap;
  max-height:48.75px;
}
.file-preview .button--plain {
  width:64px;
  background-clip:padding-box;
  -webkit-border-radius:0px;
  -moz-border-radius:0px;
  border-radius:0px;
}
.file-preview .button--plain .fa {
  font-size:32px;
  text-shadow:1px 0 0 #fff, -1px 0 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
  color:#000;
}
.file-preview .button--plain:hover {
  background-color:#000;
  opacity:0.20;
  filter:1;
}
.file-preview .button--plain:hover I.fa { color:#fff; }
.tiedosto-esikatselu {
  background-clip:padding-box;
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  border-radius:8px;
}
.tiedosto-sort-placeholder {
  display:block;
  height:50px;
  background:#fff5aa;
  border:#fbf588 1px solid;
}
.file-list {
  overflow:auto;
  max-height:200px;
}
.file-list > DIV {
  display:block;
  clear:both;
}
.file-list .tiedosto-lista {
  cursor:pointer;
  padding:2px;
  margin-bottom:1px;
  background-clip:padding-box;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
}
.file-list .tiedosto-lista:hover { background-color:#fcf7b2; }
.file-list .tiedosto-lista DIV[data-role=thumbnail] { width:20px; }
.file-list .tiedosto-lista DIV[data-role=text] { padding-top:4px; }
.file-list .tiedosto-lista DIV[data-role=text] p.ingress {
  font-size:13px;
  line-height:1.2;
  color:#555;
  font-weight:normal;
  padding:4px 0px 0px 0px;
  overflow:hidden;
  white-space:pre-line;
  height:46.8px;
}
.file-list .tiedosto-lista DIV[data-role=info] { width:60px; }
.file-list .tiedosto-lista DIV[data-role=info] p {
  display:block;
  font-size:13px;
  line-height:1;
  color:#555;
  font-weight:normal;
  padding:0px 0px 6px 0px;
}
.file-list .tiedosto-lista DIV[data-role=button] { width:20px; }
.file-list .tiedosto-lista IMG {
  width:72px;
  height:72px;
  float:left;
  padding:0px;
  margin:2px 8px 0px 2px;
  border:0px;
  background-clip:padding-box;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
}
.file-list .tiedosto-lista h2 {
  padding:0px 0px 0px 0px;
  font-size:13px;
  height:16.25px;
  overflow:hidden;
  font-weight:bold;
  line-height:1.2;
}
.new { background-color:#fbd577; }
.file-uploader { width:100%; }
.qq-uploader {
  position:relative;
  width:100%;
}
.qq-upload-button {
  border-style:dashed;
  display:block;
  border:rgba(55,55,85,0.25) 1px dashed;
  color:rgba(45,45,69,0.25);
  text-align:center;
  height:34px;
  line-height:34px;
  background-clip:padding-box;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
}
.qq-upload-button-hover {
  border-color:rgba(35,35,54,0.25);
  color:rgba(25,25,38,0.25);
}
.qq-upload-button-focus { outline:1px dotted #000; }
.qq-upload-drop-area, .qq-upload-extra-drop-area {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  min-height:30px;
  z-index:2;
  background:#fbf599;
  text-align:center;
  background:#3381b9;
  color:#fff;
  background-clip:padding-box;
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  border-radius:8px;
}
.qq-upload-drop-area span {
  display:block;
  position:absolute;
  top:50%;
  width:100%;
  margin-top:-8px;
}
.qq-upload-extra-drop-area {
  position:relative;
  margin-top:50px;
  padding-top:30px;
  height:20px;
  min-height:40px;
}
.qq-upload-drop-area-active { background:#3c8ec9; }
.qq-upload-list {
  margin:0;
  padding:0;
  list-style:none;
}
.qq-upload-list li {
  margin:2px 0px 0px 0px;
  padding:2px 4px 2px 4px;
  background-color:#fbf599;
  background-clip:padding-box;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border-radius:6px;
}
.qq-upload-list li.delete { background-color:red; }
.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text, .qq-upload-finished { margin-right:12px; }
.qq-upload-spinner {
  display:inline-block;
  background:url("loading.gif");
  width:15px;
  height:15px;
  vertical-align:text-bottom;
}
.qq-upload-finished {
  display:none;
  width:15px;
  height:15px;
  vertical-align:text-bottom;
}
.qq-upload-size, .qq-upload-cancel {
  font-size:12px;
  font-weight:normal;
}
.qq-upload-failed-text { display:none; }
.qq-upload-failed-icon {
  display:none;
  width:15px;
  height:15px;
  vertical-align:text-bottom;
}
.qq-upload-fail .qq-upload-failed-text { display:inline; }
.qq-upload-list li.qq-upload-success {
  background-color:#5da30c;
  color:#fff;
}
.qq-upload-list li.qq-upload-fail {
  background-color:#d60000;
  color:#fff;
}
.qq-progress-bar {
  width:0px;
  padding:0px 0px 0px 0px;
  margin:2px 0px 0px 0px;
  display:block;
  height:8px;
  background-color:#5da30c;
  background-clip:padding-box;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
}
@media print {
  .qq-upload-button { display:none; }
}
DIV.monivalinta {
  display:inline-block;
  float:left;
  color:#222;
  margin:0px 4px 4px 0px;
  padding:3px 6px;
  border:#ccc 1px solid;
  background-clip:padding-box;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
DIV.monivalinta.azure {
  background-color:#29b6f6;
  border-color:#4eadda;
  color:#2d4550;
}
DIV.monivalinta.blue {
  background-color:#6599ec;
  border-color:#5486d7;
  color:#2f3b4f;
}
DIV.monivalinta.violet {
  background-color:#ab8fed;
  border-color:#9577dc;
  color:#3f3751;
}
DIV.monivalinta.purple {
  background-color:#d94e89;
  border-color:#c13665;
  color:#4a2733;
}
DIV.monivalinta.pink {
  background-color:#e685c0;
  border-color:#d56dae;
  color:#4f3545;
}
DIV.monivalinta.red {
  background-color:#ef5350;
  border-color:#f43637;
  color:#572727;
}
DIV.monivalinta.brown {
  background-color:#97740f;
  border-color:#8b6508;
  color:#3c331c;
}
DIV.monivalinta.orange {
  background-color:#ec8a48;
  border-color:#ff9800;
  color:#59401a;
}
DIV.monivalinta.yellow {
  background-color:#fbcf55;
  border-color:#ffeb3b;
  color:#595428;
}
DIV.monivalinta.green {
  background-color:#a4d667;
  border-color:#90c250;
  color:#3e4a2e;
}
DIV.monivalinta.white {
  background-color:#fff;
  border-color:#f5f5f5;
  color:#575757;
}
DIV.monivalinta.lightgray {
  background-color:#e8f1f5;
  border-color:#e6e9ee;
  color:#535455;
}
DIV.monivalinta.gray {
  background-color:#ccd0d9;
  border-color:#abb2bd;
  color:#444649;
}
DIV.monivalinta.darkgray {
  background-color:#666d78;
  border-color:#646a74;
  color:#333437;
}
DIV.monivalinta.black {
  background-color:#484848;
  border-color:#24272c;
  color:#232325;
}
.input-money.is-base-currency .is-hidden-currency { display:none; }
.flashcard {
  display:block;
  text-align:center;
  padding:4px;
  text-align:center;
}
.flashcard TABLE {
  width:100%;
  max-width:500px;
  height:250px;
  background-clip:padding-box;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
  -moz-box-shadow:2px 4px 10px #999;
  -webkit-box-shadow:2px 4px 10px #999;
  box-shadow:2px 4px 10px #999;
}
.flashcard TABLE TR:first-child { height:210px; }
.flashcard TABLE TD {
  margin:0px;
  padding:10px;
  vertical-align:middle;
  text-align:center;
  font-size:14px;
}
.flashcard TABLE TD h1 { font-size:20px; }
.flashcard TABLE TD h2 { font-size:16px; }
.flashcard TABLE .flashcard__question {
  border-right:solid 1px #ccc;
  overflow:hidden;
  height:210px;
  width:50%;
}
.flashcard TABLE .flashcard__question IMG {
  width:100%;
  background-clip:padding-box;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
}
.flashcard TABLE .flashcard__answer {
  overflow:hidden;
  cursor:pointer;
  height:210px;
  width:50%;
}
.flashcard TABLE .flashcard__buttons {
  display:table;
  text-align:center;
  border-top:dashed 1px #ccc;
  padding-top:10px;
  width:100%;
}
.flashcard TABLE .flashcard__buttons DIV {
  display:table-cell;
  text-align:center;
  vertical-align:middle;
}
.flashcard .flashcard__button {
  cursor:pointer;
  font-size:;
  color:#eee;
  height:40px;
}
.flashcard .flashcard__button--wrong {
  background-color:#ef5350;
  width:50%;
  border-width:1px 0px 1px 1px;
  background-clip:padding-box;
  -webkit-border-top-left-radius:4px;
  -webkit-border-bottom-left-radius:4px;
  -moz-border-radius-topleft:4px;
  -moz-border-radius-bottomleft:4px;
  border-top-left-radius:4px;
  border-bottom-left-radius:4px;
  border-radius-topleft:4px;
  border-radius-bottomleft:4px;
}
.flashcard .flashcard__button--correct {
  background-color:#a4d667;
  width:50%;
  border-width:1px 1px 1px 0px;
  background-clip:padding-box;
  -webkit-border-top-right-radius:4px;
  -webkit-border-bottom-right-radius:4px;
  -moz-border-radius-topright:4px;
  -moz-border-radius-bottomright:4px;
  border-top-right-radius:4px;
  border-bottom-right-radius:4px;
  border-radius-topright:4px;
  border-radius-bottomright:4px;
}
.flashcard .flashcard__button--turn {
  background-color:#ccd0d9;
  width:100%;
  background-clip:padding-box;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
}
.flashcard .flashcard__tolearn, .flashcard .flashcard__learned { min-width:60px; }
.flashcard--jumbo TABLE {
  max-width:800px;
  height:350px;
  background-clip:padding-box;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
  -moz-box-shadow:2px 4px 10px #999;
  -webkit-box-shadow:2px 4px 10px #999;
  box-shadow:2px 4px 10px #999;
}
.flashcard--jumbo TABLE TR:first-child { height:310px; }
.flashcard--jumbo TABLE TD {
  padding:10px;
  font-size:20px;
}
.flashcard--jumbo TABLE TD h1 { font-size:28px; }
.flashcard--jumbo TABLE TD h2 { font-size:20px; }
.flashcard--jumbo TABLE .flashcard__question { height:310px; }
.flashcard--jumbo TABLE .flashcard__question IMG {
  background-clip:padding-box;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
}
.flashcard--jumbo TABLE .flashcard__answer { height:310px; }
.flashcard--jumbo TABLE .flashcard__buttons { padding-top:10px; }
.flashcard--jumbo .flashcard__button { height:40px; }
.flashcard--jumbo .flashcard__button--turn { background-color:#ccd0d9; }
.flashcard--jumbo .flashcard__tolearn, .flashcard--jumbo .flashcard__learned { min-width:60px; }
.flashcard--large TABLE {
  max-width:600px;
  height:300px;
  background-clip:padding-box;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
  -moz-box-shadow:2px 4px 8px #999;
  -webkit-box-shadow:2px 4px 8px #999;
  box-shadow:2px 4px 8px #999;
}
.flashcard--large TABLE TR:first-child { height:260px; }
.flashcard--large TABLE TD {
  padding:10px;
  font-size:16px;
}
.flashcard--large TABLE TD h1 { font-size:22px; }
.flashcard--large TABLE TD h2 { font-size:18px; }
.flashcard--large TABLE .flashcard__question { height:260px; }
.flashcard--large TABLE .flashcard__question IMG {
  background-clip:padding-box;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
}
.flashcard--large TABLE .flashcard__answer { height:260px; }
.flashcard--large TABLE .flashcard__buttons { padding-top:10px; }
.flashcard--large .flashcard__button { height:40px; }
.flashcard--large .flashcard__button--turn { background-color:#ccd0d9; }
.flashcard--large .flashcard__tolearn, .flashcard--large .flashcard__learned { min-width:60px; }
.flashcard--small TABLE {
  max-width:300px;
  height:150px;
  background-clip:padding-box;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
  -moz-box-shadow:1px 2px 8px #999;
  -webkit-box-shadow:1px 2px 8px #999;
  box-shadow:1px 2px 8px #999;
}
.flashcard--small TABLE TR:first-child { height:120px; }
.flashcard--small TABLE TD {
  padding:3px;
  font-size:10px;
}
.flashcard--small TABLE TD h1 { font-size:14px; }
.flashcard--small TABLE TD h2 { font-size:11px; }
.flashcard--small TABLE .flashcard__question { height:120px; }
.flashcard--small TABLE .flashcard__question IMG {
  background-clip:padding-box;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
}
.flashcard--small TABLE .flashcard__answer { height:120px; }
.flashcard--small TABLE .flashcard__buttons { padding-top:3px; }
.flashcard--small .flashcard__button { height:30px; }
.flashcard--small .flashcard__button--turn { background-color:#ccd0d9; }
.flashcard--small .flashcard__tolearn, .flashcard--small .flashcard__learned { min-width:45px; }
.flashcard--mini TABLE {
  max-width:200px;
  height:100px;
  background-clip:padding-box;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
  -moz-box-shadow:1px 2px 4px #999;
  -webkit-box-shadow:1px 2px 4px #999;
  box-shadow:1px 2px 4px #999;
}
.flashcard--mini TABLE TR:first-child { height:76px; }
.flashcard--mini TABLE TD {
  padding:2px;
  font-size:8px;
}
.flashcard--mini TABLE TD h1 { font-size:11px; }
.flashcard--mini TABLE TD h2 { font-size:9px; }
.flashcard--mini TABLE .flashcard__question { height:76px; }
.flashcard--mini TABLE .flashcard__question IMG {
  background-clip:padding-box;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
}
.flashcard--mini TABLE .flashcard__answer { height:76px; }
.flashcard--mini TABLE .flashcard__buttons { padding-top:2px; }
.flashcard--mini .flashcard__button { height:24px; }
.flashcard--mini .flashcard__button--turn { background-color:#ccd0d9; }
.flashcard--mini .flashcard__tolearn, .flashcard--mini .flashcard__learned { min-width:36px; }
.dayplanner * {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
.dayplanner {
  width:100%;
  position:relative;
  overflow:hidden;
}
.dayplanner .planner {
  position:absolute;
  overflow:auto;
  overflow-x:hidden;
  -ms-overflow-x:hidden;
  -webkit-overflow-scrolling:touch;
  background-color:#fff;
}
.dayplanner:after {
  content:".";
  visibility:hidden;
  display:block;
  height:0;
  clear:both;
}
.dayplanner .calHeader {
  position:absolute;
  overflow:hidden;
  font-size:13px;
  font-weight:bold;
  font-family:'Noto Sans', sans-serif;
  background-color:#ecf0f3;
}
.dayplanner .calHeader .saturday { background-color:#e5e5e5; }
.dayplanner .calHeader .sunday { background-color:#ffe5e5; }
.dayplanner .header .calHeader { z-index:4; }
.dayplanner .header .cell {
  z-index:2;
  border-right:1px solid #ddd;
  border-bottom:1px solid #ddd;
}
.dayplanner .header .year {
  color:#555;
  font-weight:bold;
  padding-top:4px;
  text-align:center;
  overflow:hidden;
}
.dayplanner .header .month {
  color:#555;
  font-weight:bold;
  padding-top:4px;
  text-align:center;
  overflow:hidden;
}
.dayplanner .header .week {
  color:#555;
  font-weight:bold;
  padding-top:4px;
  text-align:center;
  overflow:hidden;
}
.dayplanner .header .day {
  color:#555;
  padding-top:4px;
  text-align:center;
  overflow:hidden;
}
.dayplanner .header .today {
  background-color:#fcf7b2;
  border-color:#fbf599;
}
.dayplanner .header .endofweek { border-right:1px solid #ddd; }
.dayplanner .header .endofmonth { border-right:1px solid #8ccb3f; }
.dayplanner .header .endofyear { border-right:1px solid #af1310; }
.dayplanner .header .highlight {
  background-color:#b9d9ff;
  border-color:#a0cbff;
}
.dayplanner .map
  .mapVertical
  .mapHorizontal {
  position:relative;
  overflow:hidden;
  background-color:#ecf0f3;
  border-bottom:#ddd 1px solid;
  z-index:5;
}
.dayplanner .toolbar {
  position:absolute;
  height:32px;
  z-index:5;
}
.dayplanner .topLeft {
  float:left;
  overflow:hidden;
  border-right:1px solid #ddd;
  border-left:1px solid #ddd;
  border-bottom:1px solid #ddd;
  background-color:#ecf0f3;
  position:absolute;
  z-index:5;
  padding:6px;
}
.dayplanner .coordinate {
  float:left;
  padding:4px 8px;
  margin:2px;
  max-width:260px;
  font-size:9px;
  line-height:10px;
  font-weight:bold;
  text-align:left;
  color:#eee;
  border:#333 1px solid;
  background-color:#060d1d;
  background:rgba(10,10,10,0.8);
  position:absolute;
  z-index:5;
  background-clip:padding-box;
  -webkit-border-radius:0px;
  -moz-border-radius:0px;
  border-radius:0px;
  opacity:0.85;
  filter:1;
}
.dayplanner .leftPanel {
  position:relative;
  float:left;
  overflow:hidden;
  border-left:1px solid #ddd;
  border-right:1px solid #ddd;
  z-index:2;
  color:#555;
  font-size:13px;
  font-weight:bold;
  font-family:'Noto Sans', sans-serif;
  background-color:#ecf0f3;
  padding-bottom:20px;
}
.dayplanner .leftPanel .highlight {
  background-color:#b9d9ff;
  border-color:#a0cbff;
}
.dayplanner .leftPanel .name {
  height:23px;
  margin:0;
  border-bottom:1px solid #ddd;
  padding:4px;
  line-height:1.4;
  overflow:hidden;
}
.dayplanner .rightPanel {
  position:relative;
  float:left;
  overflow:auto;
  overflow-y:hidden;
  -ms-overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
  z-index:1;
  padding-bottom:20px;
}
.dayplanner .row {
  float:left;
  height:24px;
  line-height:24px;
  margin-left:-24px;
}
.dayplanner .cell {
  height:18px;
  width:18px;
  position:absolute;
  z-index:1;
  border-bottom:1px solid #ddd;
  border-right:0px solid #ddd;
}
.dayplanner .today { background-color:#fcf7b2; }
.dayplanner .saturday { background-color:#f5f5f5; }
.dayplanner .sunday { background-color:#fff5f5; }
.dayplanner .endofweek { border-right:1px solid #ddd; }
.dayplanner .endofmonth { border-right:1px solid #8ccb3f; }
.dayplanner .endofyear { border-right:1px solid #af1310; }
.dayplanner .highlight { background-color:#ecf5ff; }
.dayplanner .selected {
  background-color:#86bdff;
  border-right:1px solid #6dafff;
}
.dayplanner .load {
  z-index:2;
  position:absolute;
  border-bottom:#e6e9ee 1px solid;
  cursor:pointer;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
.dayplanner .load--highlight {
  background-color:#fff9c3;
  opacity:0.50;
  filter:1;
}
.dayplanner .load SPAN {
  display:block;
  border-top:#ff9800 0px solid;
  border-bottom:#ff9800 1px solid;
  border-right:#ff9800 1px solid;
  background-color:#ec8a48;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
.dayplanner .load SPAN:hover { background-color:#f16a67; }
.dayplanner .load SPAN.overload {
  border-top:#ef5350 0px solid;
  border-bottom:#f43637 1px solid;
  border-right:#f43637 1px solid;
  background-color:#ef5350;
}
.dayplanner .load SPAN.overload:hover { background-color:#f16a67; }
.dayplanner .item {
  height:18px;
  width:18px;
  position:absolute;
  overflow:hidden;
  z-index:2;
  display:block;
  cursor:pointer;
  padding:6px 6px 6px 6px;
  font-family:'Noto Sans', sans-serif;
  font-size:13px;
  line-height:15px;
  text-align:left;
  overflow:hidden;
  border-width:1px;
  border-style:solid;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  background-clip:padding-box;
  -webkit-border-radius:0px;
  -moz-border-radius:0px;
  border-radius:0px;
  -moz-box-shadow:0px 0px 0px rgba(0,0,0,0);
  -webkit-box-shadow:0px 0px 0px rgba(0,0,0,0);
  box-shadow:0px 0px 0px rgba(0,0,0,0);
  color:#456277;
  background-color:#dae8f3;
  border-bottom-color:#bbd6e8;
  border-right-color:#bbd6e8;
  border-top-color:#bbd6e8;
  border-left-color:#bbd6e8;
}
.dayplanner .item:hover {
  color:#3b5567;
  background-color:#c7ddec;
  border-top-color:#a8cae2;
  border-left-color:#a8cae2;
  border-bottom-color:#a8cae2;
  border-right-color:#a8cae2;
}
.dayplanner .item .description { color:#5989aa; }
.dayplanner .item--purple {
  color:#60223d;
  background-color:#e278a5;
  border-bottom-color:#db568f;
  border-right-color:#db568f;
  border-top-color:#db568f;
  border-left-color:#db568f;
}
.dayplanner .item--purple:hover {
  color:#4e1b31;
  background-color:#de6397;
  border-top-color:#d64181;
  border-left-color:#d64181;
  border-bottom-color:#d64181;
  border-right-color:#d64181;
}
.dayplanner .item--purple .description { color:#86224c; }
.dayplanner .item--violet {
  color:#462d80;
  background-color:#ccbbf4;
  border-bottom-color:#b298ee;
  border-right-color:#b298ee;
  border-top-color:#b298ee;
  border-left-color:#b298ee;
}
.dayplanner .item--violet:hover {
  color:#3b266e;
  background-color:#bba5f1;
  border-top-color:#a182eb;
  border-left-color:#a182eb;
  border-bottom-color:#a182eb;
  border-right-color:#a182eb;
}
.dayplanner .item--violet .description { color:#5b33b9; }
.dayplanner .item--indigo {
  color:#303862;
  background-color:#9fa8da;
  border-bottom-color:#828dcf;
  border-right-color:#828dcf;
  border-top-color:#828dcf;
  border-left-color:#828dcf;
}
.dayplanner .item--indigo:hover {
  color:#282e51;
  background-color:#8d97d3;
  border-top-color:#6f7dc8;
  border-left-color:#6f7dc8;
  border-bottom-color:#6f7dc8;
  border-right-color:#6f7dc8;
}
.dayplanner .item--indigo .description { color:#394588; }
.dayplanner .item--blue {
  color:#1e417a;
  background-color:#92b7f2;
  border-bottom-color:#6e9fed;
  border-right-color:#6e9fed;
  border-top-color:#6e9fed;
  border-left-color:#6e9fed;
}
.dayplanner .item--blue:hover {
  color:#193665;
  background-color:#7ca8ef;
  border-top-color:#5790ea;
  border-left-color:#5790ea;
  border-bottom-color:#5790ea;
  border-right-color:#5790ea;
}
.dayplanner .item--blue .description { color:#1b54ae; }
.dayplanner .item--azure {
  color:#155d7e;
  background-color:#81d4fa;
  border-bottom-color:#5ac7f8;
  border-right-color:#5ac7f8;
  border-top-color:#5ac7f8;
  border-left-color:#5ac7f8;
}
.dayplanner .item--azure:hover {
  color:#124d68;
  background-color:#68ccf9;
  border-top-color:#41bef7;
  border-left-color:#41bef7;
  border-bottom-color:#41bef7;
  border-right-color:#41bef7;
}
.dayplanner .item--azure .description { color:#0e80b5; }
.dayplanner .item--cyan {
  color:#20626b;
  background-color:#80deea;
  border-bottom-color:#5dd5e4;
  border-right-color:#5dd5e4;
  border-top-color:#5dd5e4;
  border-left-color:#5dd5e4;
}
.dayplanner .item--cyan:hover {
  color:#1a5057;
  background-color:#6ad8e6;
  border-top-color:#47cfe1;
  border-left-color:#47cfe1;
  border-bottom-color:#47cfe1;
  border-right-color:#47cfe1;
}
.dayplanner .item--cyan .description { color:#1f8996; }
.dayplanner .item--teal {
  color:#2b504d;
  background-color:#80cbc4;
  border-bottom-color:#63bfb7;
  border-right-color:#63bfb7;
  border-top-color:#63bfb7;
  border-left-color:#63bfb7;
}
.dayplanner .item--teal:hover {
  color:#22403d;
  background-color:#6ec4bc;
  border-top-color:#51b8ae;
  border-left-color:#51b8ae;
  border-bottom-color:#51b8ae;
  border-right-color:#51b8ae;
}
.dayplanner .item--teal .description { color:#306c66; }
.dayplanner .item--darkgreen {
  color:#424b1f;
  background-color:#bcd554;
  border-bottom-color:#b0cd33;
  border-right-color:#b0cd33;
  border-top-color:#b0cd33;
  border-left-color:#b0cd33;
}
.dayplanner .item--darkgreen:hover {
  color:#323918;
  background-color:#b4d03f;
  border-top-color:#9eba2d;
  border-left-color:#9eba2d;
  border-bottom-color:#9eba2d;
  border-right-color:#9eba2d;
}
.dayplanner .item--darkgreen .description { color:#56641d; }
.dayplanner .item--green {
  color:#4a6628;
  background-color:#bce18f;
  border-bottom-color:#a9d86f;
  border-right-color:#a9d86f;
  border-top-color:#a9d86f;
  border-left-color:#a9d86f;
}
.dayplanner .item--green:hover {
  color:#3d5321;
  background-color:#b0db7b;
  border-top-color:#9dd35b;
  border-left-color:#9dd35b;
  border-bottom-color:#9dd35b;
  border-right-color:#9dd35b;
}
.dayplanner .item--green .description { color:#628e2b; }
.dayplanner .item--lime {
  color:#707823;
  background-color:#e6ee9c;
  border-bottom-color:#dde879;
  border-right-color:#dde879;
  border-top-color:#dde879;
  border-left-color:#dde879;
}
.dayplanner .item--lime:hover {
  color:#5d641d;
  background-color:#e1ea86;
  border-top-color:#d8e463;
  border-left-color:#d8e463;
  border-bottom-color:#d8e463;
  border-right-color:#d8e463;
}
.dayplanner .item--lime .description { color:#9eab23; }
.dayplanner .item--yellow {
  color:#7f7411;
  background-color:#fff176;
  border-bottom-color:#ffed4d;
  border-right-color:#ffed4d;
  border-top-color:#ffed4d;
  border-left-color:#ffed4d;
}
.dayplanner .item--yellow:hover {
  color:#695f0e;
  background-color:#ffee5d;
  border-top-color:#ffea34;
  border-left-color:#ffea34;
  border-bottom-color:#ffea34;
  border-right-color:#ffea34;
}
.dayplanner .item--yellow .description { color:#b7a507; }
.dayplanner .item--amber {
  color:#856811;
  background-color:#ffe082;
  border-bottom-color:#ffd659;
  border-right-color:#ffd659;
  border-top-color:#ffd659;
  border-left-color:#ffd659;
}
.dayplanner .item--amber:hover {
  color:#6e570e;
  background-color:#ffda69;
  border-top-color:#ffd040;
  border-left-color:#ffd040;
  border-bottom-color:#ffd040;
  border-right-color:#ffd040;
}
.dayplanner .item--amber .description { color:#c09207; }
.dayplanner .item--orange {
  color:#6b4611;
  background-color:#ffb74d;
  border-bottom-color:#ffa624;
  border-right-color:#ffa624;
  border-top-color:#ffa624;
  border-left-color:#ffa624;
}
.dayplanner .item--orange:hover {
  color:#55380d;
  background-color:#ffad34;
  border-top-color:#ff9c0b;
  border-left-color:#ff9c0b;
  border-bottom-color:#ff9c0b;
  border-right-color:#ff9c0b;
}
.dayplanner .item--orange .description { color:#965c07; }
.dayplanner .item--darkorange {
  color:#772911;
  background-color:#ff8a65;
  border-bottom-color:#ff6b3c;
  border-right-color:#ff6b3c;
  border-top-color:#ff6b3c;
  border-left-color:#ff6b3c;
}
.dayplanner .item--darkorange:hover {
  color:#60220e;
  background-color:#ff774c;
  border-top-color:#ff5823;
  border-left-color:#ff5823;
  border-bottom-color:#ff5823;
  border-right-color:#ff5823;
}
.dayplanner .item--darkorange .description { color:#a92e07; }
.dayplanner .item--red {
  color:#622020;
  background-color:#e57373;
  border-bottom-color:#df5151;
  border-right-color:#df5151;
  border-top-color:#df5151;
  border-left-color:#df5151;
}
.dayplanner .item--red:hover {
  color:#4e1a1a;
  background-color:#e15d5d;
  border-top-color:#db3b3b;
  border-left-color:#db3b3b;
  border-bottom-color:#db3b3b;
  border-right-color:#db3b3b;
}
.dayplanner .item--red .description { color:#881f1f; }
.dayplanner .item--pink {
  color:#7b295b;
  background-color:#efafd6;
  border-bottom-color:#e88dc4;
  border-right-color:#e88dc4;
  border-top-color:#e88dc4;
  border-left-color:#e88dc4;
}
.dayplanner .item--pink:hover {
  color:#68234d;
  background-color:#ea9acb;
  border-top-color:#e378b9;
  border-left-color:#e378b9;
  border-bottom-color:#e378b9;
  border-right-color:#e378b9;
}
.dayplanner .item--pink .description { color:#b12d7d; }
.dayplanner .item--brown {
  color:#2e2714;
  background-color:#c59814;
  border-bottom-color:#a07b10;
  border-right-color:#a07b10;
  border-top-color:#a07b10;
  border-left-color:#a07b10;
}
.dayplanner .item--brown:hover {
  color:#1c180c;
  background-color:#ae8611;
  border-top-color:#89690e;
  border-left-color:#89690e;
  border-bottom-color:#89690e;
  border-right-color:#89690e;
}
.dayplanner .item--brown .description { color:#352b0b; }
.dayplanner .item--white {
  color:#6a6a6a;
  background-color:#fff;
  border-bottom-color:#ebebeb;
  border-right-color:#ebebeb;
  border-top-color:#ebebeb;
  border-left-color:#ebebeb;
}
.dayplanner .item--white:hover {
  color:#5e5e5e;
  background-color:#f2f2f2;
  border-top-color:#dedede;
  border-left-color:#dedede;
  border-bottom-color:#dedede;
  border-right-color:#dedede;
}
.dayplanner .item--white .description { color:#969696; }
.dayplanner .item--lightgray {
  color:#595e75;
  background-color:#f5f6fa;
  border-bottom-color:#dadeec;
  border-right-color:#dadeec;
  border-top-color:#dadeec;
  border-left-color:#dadeec;
}
.dayplanner .item--lightgray:hover {
  color:#4d5266;
  background-color:#e4e7f2;
  border-top-color:#c9cee4;
  border-left-color:#c9cee4;
  border-bottom-color:#c9cee4;
  border-right-color:#c9cee4;
}
.dayplanner .item--lightgray .description { color:#7982a6; }
.dayplanner .item--gray {
  color:#525762;
  background-color:#dbdde4;
  border-bottom-color:#c3c8d2;
  border-right-color:#c3c8d2;
  border-top-color:#c3c8d2;
  border-left-color:#c3c8d2;
}
.dayplanner .item--gray:hover {
  color:#474b54;
  background-color:#ccd0d9;
  border-top-color:#b5bac8;
  border-left-color:#b5bac8;
  border-bottom-color:#b5bac8;
  border-right-color:#b5bac8;
}
.dayplanner .item--gray .description { color:#707789; }
.dayplanner .item--darkgray {
  color:#2d2e31;
  background-color:#7f8692;
  border-bottom-color:#6b727e;
  border-right-color:#6b727e;
  border-top-color:#6b727e;
  border-left-color:#6b727e;
}
.dayplanner .item--darkgray:hover {
  color:#202224;
  background-color:#727a86;
  border-top-color:#5f6570;
  border-left-color:#5f6570;
  border-bottom-color:#5f6570;
  border-right-color:#5f6570;
}
.dayplanner .item--darkgray .description { color:#33363b; }
.dayplanner .item--black {
  color:#1c1c1c;
  background-color:#626262;
  border-bottom-color:#4d4d4d;
  border-right-color:#4d4d4d;
  border-top-color:#4d4d4d;
  border-left-color:#4d4d4d;
}
.dayplanner .item--black:hover {
  color:#0f0f0f;
  background-color:#555;
  border-top-color:#404040;
  border-left-color:#404040;
  border-bottom-color:#404040;
  border-right-color:#404040;
}
.dayplanner .item--black .description { color:#181818; }
.dayplanner .item--start {
  border-left-color:#777;
  background-clip:padding-box;
  -webkit-border-top-left-radius:0px;
  -webkit-border-bottom-left-radius:0px;
  -moz-border-radius-topleft:0px;
  -moz-border-radius-bottomleft:0px;
  border-top-left-radius:0px;
  border-bottom-left-radius:0px;
  border-radius-topleft:0px;
  border-radius-bottomleft:0px;
}
.dayplanner .item--end {
  border-right-color:#777;
  background-clip:padding-box;
  -webkit-border-top-right-radius:0px;
  -webkit-border-bottom-right-radius:0px;
  -moz-border-radius-topright:0px;
  -moz-border-radius-bottomright:0px;
  border-top-right-radius:0px;
  border-bottom-right-radius:0px;
  border-radius-topright:0px;
  border-radius-bottomright:0px;
}
.dayplanner--small .item {
  font-size:10px !important;
  padding:3px 3px 3px 3px;
}
.dayplanner--mini .item {
  font-size:8px !important;
  padding:1px 1px 1px 1px;
}
TABLE.pivot .js-pivot-data { cursor:pointer; }
TABLE.pivot .js-pivot-data:hover { background-color:#fcf7b2; }
TABLE.pivot TH.js-pivot-data:hover { background-color:#ced8df; }
.activitylist .activitylist__items {
  overflow:auto;
  border-top:rgba(65,65,100,0.25) 1px solid;
  border-bottom:rgba(65,65,100,0.25) 1px solid;
}
.activitylist .activitylist__items .item {
  width:100%;
  display:table;
  padding:0px;
  border-bottom:rgba(65,65,100,0.25) 1px solid;
  -webkit-transition:background-color 1000ms linear 0s;
  -moz-transition:background-color 1000ms linear 0s;
  -o-transition:background-color 1000ms linear 0s;
  transition:background-color 1000ms linear 0s;
}
.activitylist .activitylist__items .item.is-saving {
  background-color:#fff176;
  -webkit-transition:background-color 0ms linear 0s;
  -moz-transition:background-color 0ms linear 0s;
  -o-transition:background-color 0ms linear 0s;
  transition:background-color 0ms linear 0s;
}
.activitylist .activitylist__items .item .status {
  display:table-cell;
  vertical-align:top;
  padding:6px 8px 0px 8px;
  background-color:#ecf0f3;
  border-right:rgba(65,65,100,0.25) 1px solid;
}
.activitylist .activitylist__items .item .status .button {
  margin-bottom:0px;
  margin-right:0px;
}
.activitylist .activitylist__items .item .status .button-disabled { background-color:#333; }
.activitylist .activitylist__items .item .content {
  display:table-cell;
  vertical-align:top;
  width:100%;
}
.activitylist .activitylist__items .item .content .heading {
  width:100%;
  display:table;
  empty-cells:show;
  cursor:pointer;
  padding:0px;
}
.activitylist .activitylist__items .item .content .heading > DIV {
  display:table-cell;
  vertical-align:middle;
}
.activitylist .activitylist__items .item .content .heading .color { padding:0px 4px 0px 10px; }
.activitylist .activitylist__items .item .content .heading .color > DIV {
  width:16px;
  height:16px;
  background-clip:padding-box;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  border-radius:50%;
}
.activitylist .activitylist__items .item .content .heading .text {
  padding-left:10px;
  width:100%;
}
.activitylist .activitylist__items .item .content .heading .text .description { color:rgba(0,0,0,0.45); }
.activitylist .activitylist__items .item .content .heading .time {
  white-space:nowrap;
  padding:4px;
  font-size:20.02px;
  font-weight:bold;
}
.activitylist .activitylist__items .item .content .body {
  border-top:rgba(65,65,100,0.25) 1px dashed;
  padding:0px;
  display:none;
}
.activitylist .activitylist__items .item.is-play .status { background-color:#a4d667; }
.activitylist .activitylist__items .item.is-play .time { color:#a4d667; }
.activitylist .activitylist__items .item.is-pause .status { background-color:#fbcf55; }
.activitylist .activitylist__items .item.is-pause .time { color:#fbcf55; }
.tasklist .tasklist__items {
  overflow:auto;
  border-top:rgba(65,65,100,0.25) 1px solid;
  border-bottom:rgba(65,65,100,0.25) 1px solid;
}
.tasklist .tasklist__items .item {
  width:100%;
  display:table;
  padding:0px;
  border-bottom:rgba(65,65,100,0.25) 1px solid;
  -webkit-transition:background-color 1000ms linear 0s;
  -moz-transition:background-color 1000ms linear 0s;
  -o-transition:background-color 1000ms linear 0s;
  transition:background-color 1000ms linear 0s;
}
.tasklist .tasklist__items .item.is-saving {
  background-color:#fff176;
  -webkit-transition:background-color 0ms linear 0s;
  -moz-transition:background-color 0ms linear 0s;
  -o-transition:background-color 0ms linear 0s;
  transition:background-color 0ms linear 0s;
}
.tasklist .tasklist__items .item .content {
  display:table-cell;
  vertical-align:top;
  width:100%;
}
.tasklist .tasklist__items .item .content .heading {
  width:100%;
  min-height:40px;
  display:table;
  cursor:pointer;
  padding:8px;
}
.tasklist .tasklist__items .item .content .heading > DIV {
  display:table-cell;
  vertical-align:middle;
}
.tasklist .tasklist__items .item .content .heading .color { padding:0px 10px 0px 4px; }
.tasklist .tasklist__items .item .content .heading .color > DIV {
  width:16px;
  height:16px;
  background-clip:padding-box;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  border-radius:50%;
}
.tasklist .tasklist__items .item .content .heading .text { width:100%; }
.tasklist .tasklist__items .item .content .heading .text .title {
  font-size:rgba(0,0,0,0.87);
  color:rgba(0,0,0,0.87);
}
.tasklist .tasklist__items .item .content .heading .text .description {
  color:rgba(0,0,0,0.45);
  font-size:13px;
}
.tasklist .tasklist__items .item .content .heading .time {
  white-space:nowrap;
  padding-left:6px;
}
.tasklist .tasklist__items .item .content .heading .menu .button { margin-bottom:0px; }
.tasklist .tasklist__items .item .content .heading .time .button { margin-bottom:0px; }
.tasklist .tasklist__items .item .content .body {
  border-top:rgba(65,65,100,0.25) 1px dashed;
  display:none;
}
.tasklist .tasklist__items .item .toolbar {
  display:table-cell;
  vertical-align:top;
  padding:8px 4px 4px 4px;
  background-color:#ecf0f3;
}
.tasklist .tasklist__items .item .toolbar .button { margin-bottom:0px; }
.tasklist .tasklist__items .item.is-play .toolbar { background-color:#a4d667; }
.tasklist .tasklist__items .item.is-pause .toolbar { background-color:#fbcf55; }
.calendar {
  background-color:#fff;
  margin:0 auto;
}
.fc-widget-header {
  color:#555;
  background-color:#ecf0f3;
}
.fc-toolbar {
  color:#555;
  background-color:#ecf0f3;
  padding:10px;
  margin-bottom:0px;
}
h2 {
  font-size:26px;
  font-family:'Libre Franklin', sans-serif;
  line-height:34px;
  font-weight:normal;
}
.fc-event, .fc-agenda .fc-event-time, .fc-event a {
  z-index:2;
  display:block;
  cursor:pointer;
  padding:6px 6px 6px 6px;
  font-family:'Noto Sans', sans-serif;
  font-size:13px;
  line-height:15px;
  text-align:left;
  overflow:hidden;
  border-width:1px;
  border-style:solid;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  background-clip:padding-box;
  -webkit-border-radius:0px;
  -moz-border-radius:0px;
  border-radius:0px;
  -moz-box-shadow:0px 0px 0px rgba(0,0,0,0);
  -webkit-box-shadow:0px 0px 0px rgba(0,0,0,0);
  box-shadow:0px 0px 0px rgba(0,0,0,0);
  color:#456277;
  background-color:#dae8f3;
  border-bottom-color:#bbd6e8;
  border-right-color:#bbd6e8;
  border-top-color:#bbd6e8;
  border-left-color:#bbd6e8;
}
.fc-event:hover, .fc-agenda .fc-event-time:hover, .fc-event a:hover {
  color:#3b5567;
  background-color:#c7ddec;
  border-top-color:#a8cae2;
  border-left-color:#a8cae2;
  border-bottom-color:#a8cae2;
  border-right-color:#a8cae2;
}
.fc-event .description, .fc-agenda .fc-event-time .description, .fc-event a .description { color:#5989aa; }
DIV.fc-toolbar BUTTON {
  height:34px;
  border:0px;
  background:none;
  background-color:#dae2e7;
  font-size:13px;
  background-clip:padding-box;
  -webkit-border-radius:20px;
  -moz-border-radius:20px;
  border-radius:20px;
}
DIV.fc-toolbar BUTTON:hover {
  background:none;
  background-color:#ced8df;
}
.fc .fc-state-default.fc-corner-left {
  background-clip:padding-box;
  -webkit-border-top-left-radius:20px;
  -webkit-border-bottom-left-radius:20px;
  -moz-border-radius-topleft:20px;
  -moz-border-radius-bottomleft:20px;
  border-top-left-radius:20px;
  border-bottom-left-radius:20px;
  border-radius-topleft:20px;
  border-radius-bottomleft:20px;
}
.fc .fc-state-default {
  background-clip:padding-box;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
}
.fc .fc-state-default.fc-corner-right {
  background-clip:padding-box;
  -webkit-border-top-right-radius:20px;
  -webkit-border-bottom-right-radius:20px;
  -moz-border-radius-topright:20px;
  -moz-border-radius-bottomright:20px;
  border-top-right-radius:20px;
  border-bottom-right-radius:20px;
  border-radius-topright:20px;
  border-radius-bottomright:20px;
}
.fc .fc-state-active {
  background:none;
  background-color:#becbd5;
  box-shadow:none;
  text-shadow:none;
}
.fc-highlight {
  background:#86bdff;
  opacity:0.5;
  filter:1;
}
.fc-nonbusiness { background:#f5f5f5; }
.fc-week-number {
  color:#555;
  background-color:#ecf0f3;
  font-weight:bold;
  vertical-align:middle;
}
TH.fc-par, TH.fc-mon, TH.fc-tue, TH.fc-wed, TH.fc-thu, TH.fc-fri, TH.fc-sat, TH.fc-sun {
  color:#555;
  background-color:#ecf0f3;
  font-weight:bold;
  height:28px;
  vertical-align:middle;
}
.fc--content-hidden .fc-content { display:none; }
.fc-event.azure, .fc-agenda .azure .fc-event-time, .azure a {
  background:#81d4fa;
  border-color:#4eadda;
}
.fc-event.azure:hover, .fc-agenda .azure .fc-event-time:hover, .azure a:hover {
  background:#9adcfb;
  border-color:#78c1e3;
}
.fc-event.blue, .fc-agenda .blue .fc-event-time, .blue a {
  background:#92b7f2;
  border-color:#5486d7;
}
.fc-event.blue:hover, .fc-agenda .blue .fc-event-time:hover, .blue a:hover {
  background:#a9c6f4;
  border-color:#7da3e1;
}
.fc-event.violet, .fc-agenda .violet .fc-event-time, .violet a {
  background:#ccbbf4;
  border-color:#9577dc;
}
.fc-event.violet:hover, .fc-agenda .violet .fc-event-time:hover, .violet a:hover {
  background:#dcd1f8;
  border-color:#b5a0e6;
}
.fc-event.purple, .fc-agenda .purple .fc-event-time, .purple a {
  background:#e278a5;
  border-color:#c13665;
}
.fc-event.purple:hover, .fc-agenda .purple .fc-event-time:hover, .purple a:hover {
  background:#e78db3;
  border-color:#d15982;
}
.fc-event.pink, .fc-agenda .pink .fc-event-time, .pink a {
  background:#efafd6;
  border-color:#d56dae;
}
.fc-event.pink:hover, .fc-agenda .pink .fc-event-time:hover, .pink a:hover {
  background:#f3c4e1;
  border-color:#e095c4;
}
.fc-event.red, .fc-agenda .red .fc-event-time, .red a {
  background:#e57373;
  border-color:#f43637;
}
.fc-event.red:hover, .fc-agenda .red .fc-event-time:hover, .red a:hover {
  background:#e98989;
  border-color:#f76667;
}
.fc-event.brown, .fc-agenda .brown .fc-event-time, .brown a {
  background:#c59814;
  border-color:#8b6508;
}
.fc-event.brown:hover, .fc-agenda .brown .fc-event-time:hover, .brown a:hover {
  background:#dda916;
  border-color:#bb880b;
}
.fc-event.orange, .fc-agenda .orange .fc-event-time, .orange a {
  background:#ffb74d;
  border-color:#ff9800;
}
.fc-event.orange:hover, .fc-agenda .orange .fc-event-time:hover, .orange a:hover {
  background:#ffc167;
  border-color:#ffad33;
}
.fc-event.yellow, .fc-agenda .yellow .fc-event-time, .yellow a {
  background:#fff176;
  border-color:#ffeb3b;
}
.fc-event.yellow:hover, .fc-agenda .yellow .fc-event-time:hover, .yellow a:hover {
  background:#fff490;
  border-color:#fff06e;
}
.fc-event.green, .fc-agenda .green .fc-event-time, .green a {
  background:#bce18f;
  border-color:#90c250;
}
.fc-event.green:hover, .fc-agenda .green .fc-event-time:hover, .green a:hover {
  background:#c8e6a3;
  border-color:#a8cf76;
}
.fc-event.white, .fc-agenda .white .fc-event-time, .white a {
  background:#fff;
  border-color:#f5f5f5;
}
.fc-event.white:hover, .fc-agenda .white .fc-event-time:hover, .white a:hover {
  background:#fff;
  border-color:#fff;
}
.fc-event.lightgray, .fc-agenda .lightgray .fc-event-time, .lightgray a {
  background:#f5f6fa;
  border-color:#e6e9ee;
}
.fc-event.lightgray:hover, .fc-agenda .lightgray .fc-event-time:hover, .lightgray a:hover {
  background:#fff;
  border-color:#fff;
}
.fc-event.gray, .fc-agenda .gray .fc-event-time, .gray a {
  background:#dbdde4;
  border-color:#abb2bd;
}
.fc-event.gray:hover, .fc-agenda .gray .fc-event-time:hover, .gray a:hover {
  background:#e9ebef;
  border-color:#c8ccd3;
}
.fc-event.darkgray, .fc-agenda .darkgray .fc-event-time, .darkgray a {
  background:#7f8692;
  border-color:#646a74;
}
.fc-event.darkgray:hover, .fc-agenda .darkgray .fc-event-time:hover, .darkgray a:hover {
  background:#8d939e;
  border-color:#7d838f;
}
.fc-event.black, .fc-agenda .black .fc-event-time, .black a {
  background:#626262;
  border-color:#24272c;
}
.fc-event.black:hover, .fc-agenda .black .fc-event-time:hover, .black a:hover {
  background:#6e6e6e;
  border-color:#3b4048;
}
.fc--jumbo table { font-size:20.02px; }
.fc--jumbo h2 { font-size:31.98px; }
.fc--jumbo .fc-event {
  padding:12px;
  font-size:20.02px;
}
.fc--large table { font-size:15.99px; }
.fc--large h2 { font-size:26px; }
.fc--large .fc-event {
  padding:10px;
  font-size:15.99px;
}
.fc--small table { font-size:10.01px; }
.fc--small h2 { font-size:20.02px; }
.fc--small .fc-event {
  padding:2px;
  font-size:10.01px;
}
.fc--mini table { font-size:7.8px; }
.fc--mini h2 { font-size:17.94px; }
.fc--mini .fc-day-number { padding:0px 1px; }
.fc--mini .fc-event {
  padding:1px;
  font-size:7.8px;
}
.sort .columns .column.unsorted > TABLE TD.is-sum { padding-bottom:0px; }
.sort TABLE { width:100%; }
.sort TABLE TH {
  position:relative;
  background-color:#ecf0f3;
  vertical-align:top;
  padding:10px 2px 10px 8px;
  min-height:28px;
  font-weight:bold;
  text-decoration:none;
  border-bottom:rgba(123,123,169,0.25) 1px solid;
}
.sort TABLE TH > .description {
  font-size:12px;
  padding:0px 0px 0px 0px;
  opacity:0.5;
  filter:1;
}
.sort TABLE TD {
  position:relative;
  vertical-align:top;
  padding:0px;
}
.sort TABLE TD.dropHover { background-color:#ffe082; }
.sort TABLE TD > DIV.items {
  position:relative;
  top:0px;
  bottom:0px;
  left:0px;
  overflow:auto;
}
.sort TABLE TD p {
  font-weight:normal;
  padding:2px;
}
.sort TABLE TD .item {
  margin:0px 0px 0px 0px;
  border-bottom-width:0px;
}
.sort TABLE TD .item:last-chold { border-bottom-width:1px; }
.sort TH.is-sum, .sort TD.is-sum, .sort .item.is-sum, .sort TH.is-sum .category-title { padding-bottom:20px; }
.sort .serie-title {
  position:absolute;
  display:inline-block;
  z-index:1;
  right:0px;
  top:0px;
  margin:0px;
  padding:10px 8px 8px 8px;
}
.sort .category-title {
  position:absolute;
  display:inline-block;
  z-index:1;
  left:0px;
  bottom:0px;
  margin:0px;
  padding:8px;
}
.sort .sum {
  color:#777;
  font-size:10px;
  margin:0px;
  padding:2px;
  text-align:right;
  font-weight:bold;
  position:absolute;
  display:inline-block;
  z-index:2;
  right:2px;
  bottom:2px;
  margin:0px;
}
.sort .item {
  padding:4px;
  position:relative;
  z-index:2;
  display:block;
  cursor:pointer;
  padding:6px 6px 6px 6px;
  font-family:'Noto Sans', sans-serif;
  font-size:13px;
  line-height:15px;
  text-align:left;
  overflow:hidden;
  border-width:1px;
  border-style:solid;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  background-clip:padding-box;
  -webkit-border-radius:0px;
  -moz-border-radius:0px;
  border-radius:0px;
  -moz-box-shadow:0px 0px 0px rgba(0,0,0,0);
  -webkit-box-shadow:0px 0px 0px rgba(0,0,0,0);
  box-shadow:0px 0px 0px rgba(0,0,0,0);
  color:#456277;
  background-color:#dae8f3;
  border-bottom-color:#bbd6e8;
  border-right-color:#bbd6e8;
  border-top-color:#bbd6e8;
  border-left-color:#bbd6e8;
}
.sort .item:hover {
  color:#3b5567;
  background-color:#c7ddec;
  border-top-color:#a8cae2;
  border-left-color:#a8cae2;
  border-bottom-color:#a8cae2;
  border-right-color:#a8cae2;
}
.sort .item .description { color:#5989aa; }
.sort .item > .title {
  display:block;
  padding:0px 0px 0px 0px;
}
.sort .item > .description {
  font-size:12px;
  padding:2px 0px 0px 0px;
  opacity:0.75;
  filter:1;
}
.sort .item > .tag {
  position:absolute;
  display:inline-block;
  z-index:1;
  left:0px;
  bottom:0px;
  margin:0px;
  padding:4px;
}
.sort .item--purple {
  color:#60223d;
  background-color:#e278a5;
  border-bottom-color:#db568f;
  border-right-color:#db568f;
  border-top-color:#db568f;
  border-left-color:#db568f;
}
.sort .item--purple:hover {
  color:#4e1b31;
  background-color:#de6397;
  border-top-color:#d64181;
  border-left-color:#d64181;
  border-bottom-color:#d64181;
  border-right-color:#d64181;
}
.sort .item--purple .description { color:#86224c; }
.sort .item--violet {
  color:#462d80;
  background-color:#ccbbf4;
  border-bottom-color:#b298ee;
  border-right-color:#b298ee;
  border-top-color:#b298ee;
  border-left-color:#b298ee;
}
.sort .item--violet:hover {
  color:#3b266e;
  background-color:#bba5f1;
  border-top-color:#a182eb;
  border-left-color:#a182eb;
  border-bottom-color:#a182eb;
  border-right-color:#a182eb;
}
.sort .item--violet .description { color:#5b33b9; }
.sort .item--indigo {
  color:#303862;
  background-color:#9fa8da;
  border-bottom-color:#828dcf;
  border-right-color:#828dcf;
  border-top-color:#828dcf;
  border-left-color:#828dcf;
}
.sort .item--indigo:hover {
  color:#282e51;
  background-color:#8d97d3;
  border-top-color:#6f7dc8;
  border-left-color:#6f7dc8;
  border-bottom-color:#6f7dc8;
  border-right-color:#6f7dc8;
}
.sort .item--indigo .description { color:#394588; }
.sort .item--blue {
  color:#1e417a;
  background-color:#92b7f2;
  border-bottom-color:#6e9fed;
  border-right-color:#6e9fed;
  border-top-color:#6e9fed;
  border-left-color:#6e9fed;
}
.sort .item--blue:hover {
  color:#193665;
  background-color:#7ca8ef;
  border-top-color:#5790ea;
  border-left-color:#5790ea;
  border-bottom-color:#5790ea;
  border-right-color:#5790ea;
}
.sort .item--blue .description { color:#1b54ae; }
.sort .item--azure {
  color:#155d7e;
  background-color:#81d4fa;
  border-bottom-color:#5ac7f8;
  border-right-color:#5ac7f8;
  border-top-color:#5ac7f8;
  border-left-color:#5ac7f8;
}
.sort .item--azure:hover {
  color:#124d68;
  background-color:#68ccf9;
  border-top-color:#41bef7;
  border-left-color:#41bef7;
  border-bottom-color:#41bef7;
  border-right-color:#41bef7;
}
.sort .item--azure .description { color:#0e80b5; }
.sort .item--cyan {
  color:#20626b;
  background-color:#80deea;
  border-bottom-color:#5dd5e4;
  border-right-color:#5dd5e4;
  border-top-color:#5dd5e4;
  border-left-color:#5dd5e4;
}
.sort .item--cyan:hover {
  color:#1a5057;
  background-color:#6ad8e6;
  border-top-color:#47cfe1;
  border-left-color:#47cfe1;
  border-bottom-color:#47cfe1;
  border-right-color:#47cfe1;
}
.sort .item--cyan .description { color:#1f8996; }
.sort .item--teal {
  color:#2b504d;
  background-color:#80cbc4;
  border-bottom-color:#63bfb7;
  border-right-color:#63bfb7;
  border-top-color:#63bfb7;
  border-left-color:#63bfb7;
}
.sort .item--teal:hover {
  color:#22403d;
  background-color:#6ec4bc;
  border-top-color:#51b8ae;
  border-left-color:#51b8ae;
  border-bottom-color:#51b8ae;
  border-right-color:#51b8ae;
}
.sort .item--teal .description { color:#306c66; }
.sort .item--darkgreen {
  color:#424b1f;
  background-color:#bcd554;
  border-bottom-color:#b0cd33;
  border-right-color:#b0cd33;
  border-top-color:#b0cd33;
  border-left-color:#b0cd33;
}
.sort .item--darkgreen:hover {
  color:#323918;
  background-color:#b4d03f;
  border-top-color:#9eba2d;
  border-left-color:#9eba2d;
  border-bottom-color:#9eba2d;
  border-right-color:#9eba2d;
}
.sort .item--darkgreen .description { color:#56641d; }
.sort .item--green {
  color:#4a6628;
  background-color:#bce18f;
  border-bottom-color:#a9d86f;
  border-right-color:#a9d86f;
  border-top-color:#a9d86f;
  border-left-color:#a9d86f;
}
.sort .item--green:hover {
  color:#3d5321;
  background-color:#b0db7b;
  border-top-color:#9dd35b;
  border-left-color:#9dd35b;
  border-bottom-color:#9dd35b;
  border-right-color:#9dd35b;
}
.sort .item--green .description { color:#628e2b; }
.sort .item--lime {
  color:#707823;
  background-color:#e6ee9c;
  border-bottom-color:#dde879;
  border-right-color:#dde879;
  border-top-color:#dde879;
  border-left-color:#dde879;
}
.sort .item--lime:hover {
  color:#5d641d;
  background-color:#e1ea86;
  border-top-color:#d8e463;
  border-left-color:#d8e463;
  border-bottom-color:#d8e463;
  border-right-color:#d8e463;
}
.sort .item--lime .description { color:#9eab23; }
.sort .item--yellow {
  color:#7f7411;
  background-color:#fff176;
  border-bottom-color:#ffed4d;
  border-right-color:#ffed4d;
  border-top-color:#ffed4d;
  border-left-color:#ffed4d;
}
.sort .item--yellow:hover {
  color:#695f0e;
  background-color:#ffee5d;
  border-top-color:#ffea34;
  border-left-color:#ffea34;
  border-bottom-color:#ffea34;
  border-right-color:#ffea34;
}
.sort .item--yellow .description { color:#b7a507; }
.sort .item--amber {
  color:#856811;
  background-color:#ffe082;
  border-bottom-color:#ffd659;
  border-right-color:#ffd659;
  border-top-color:#ffd659;
  border-left-color:#ffd659;
}
.sort .item--amber:hover {
  color:#6e570e;
  background-color:#ffda69;
  border-top-color:#ffd040;
  border-left-color:#ffd040;
  border-bottom-color:#ffd040;
  border-right-color:#ffd040;
}
.sort .item--amber .description { color:#c09207; }
.sort .item--orange {
  color:#6b4611;
  background-color:#ffb74d;
  border-bottom-color:#ffa624;
  border-right-color:#ffa624;
  border-top-color:#ffa624;
  border-left-color:#ffa624;
}
.sort .item--orange:hover {
  color:#55380d;
  background-color:#ffad34;
  border-top-color:#ff9c0b;
  border-left-color:#ff9c0b;
  border-bottom-color:#ff9c0b;
  border-right-color:#ff9c0b;
}
.sort .item--orange .description { color:#965c07; }
.sort .item--darkorange {
  color:#772911;
  background-color:#ff8a65;
  border-bottom-color:#ff6b3c;
  border-right-color:#ff6b3c;
  border-top-color:#ff6b3c;
  border-left-color:#ff6b3c;
}
.sort .item--darkorange:hover {
  color:#60220e;
  background-color:#ff774c;
  border-top-color:#ff5823;
  border-left-color:#ff5823;
  border-bottom-color:#ff5823;
  border-right-color:#ff5823;
}
.sort .item--darkorange .description { color:#a92e07; }
.sort .item--red {
  color:#622020;
  background-color:#e57373;
  border-bottom-color:#df5151;
  border-right-color:#df5151;
  border-top-color:#df5151;
  border-left-color:#df5151;
}
.sort .item--red:hover {
  color:#4e1a1a;
  background-color:#e15d5d;
  border-top-color:#db3b3b;
  border-left-color:#db3b3b;
  border-bottom-color:#db3b3b;
  border-right-color:#db3b3b;
}
.sort .item--red .description { color:#881f1f; }
.sort .item--pink {
  color:#7b295b;
  background-color:#efafd6;
  border-bottom-color:#e88dc4;
  border-right-color:#e88dc4;
  border-top-color:#e88dc4;
  border-left-color:#e88dc4;
}
.sort .item--pink:hover {
  color:#68234d;
  background-color:#ea9acb;
  border-top-color:#e378b9;
  border-left-color:#e378b9;
  border-bottom-color:#e378b9;
  border-right-color:#e378b9;
}
.sort .item--pink .description { color:#b12d7d; }
.sort .item--brown {
  color:#2e2714;
  background-color:#c59814;
  border-bottom-color:#a07b10;
  border-right-color:#a07b10;
  border-top-color:#a07b10;
  border-left-color:#a07b10;
}
.sort .item--brown:hover {
  color:#1c180c;
  background-color:#ae8611;
  border-top-color:#89690e;
  border-left-color:#89690e;
  border-bottom-color:#89690e;
  border-right-color:#89690e;
}
.sort .item--brown .description { color:#352b0b; }
.sort .item--white {
  color:#6a6a6a;
  background-color:#fff;
  border-bottom-color:#ebebeb;
  border-right-color:#ebebeb;
  border-top-color:#ebebeb;
  border-left-color:#ebebeb;
}
.sort .item--white:hover {
  color:#5e5e5e;
  background-color:#f2f2f2;
  border-top-color:#dedede;
  border-left-color:#dedede;
  border-bottom-color:#dedede;
  border-right-color:#dedede;
}
.sort .item--white .description { color:#969696; }
.sort .item--lightgray {
  color:#595e75;
  background-color:#f5f6fa;
  border-bottom-color:#dadeec;
  border-right-color:#dadeec;
  border-top-color:#dadeec;
  border-left-color:#dadeec;
}
.sort .item--lightgray:hover {
  color:#4d5266;
  background-color:#e4e7f2;
  border-top-color:#c9cee4;
  border-left-color:#c9cee4;
  border-bottom-color:#c9cee4;
  border-right-color:#c9cee4;
}
.sort .item--lightgray .description { color:#7982a6; }
.sort .item--gray {
  color:#525762;
  background-color:#dbdde4;
  border-bottom-color:#c3c8d2;
  border-right-color:#c3c8d2;
  border-top-color:#c3c8d2;
  border-left-color:#c3c8d2;
}
.sort .item--gray:hover {
  color:#474b54;
  background-color:#ccd0d9;
  border-top-color:#b5bac8;
  border-left-color:#b5bac8;
  border-bottom-color:#b5bac8;
  border-right-color:#b5bac8;
}
.sort .item--gray .description { color:#707789; }
.sort .item--darkgray {
  color:#2d2e31;
  background-color:#7f8692;
  border-bottom-color:#6b727e;
  border-right-color:#6b727e;
  border-top-color:#6b727e;
  border-left-color:#6b727e;
}
.sort .item--darkgray:hover {
  color:#202224;
  background-color:#727a86;
  border-top-color:#5f6570;
  border-left-color:#5f6570;
  border-bottom-color:#5f6570;
  border-right-color:#5f6570;
}
.sort .item--darkgray .description { color:#33363b; }
.sort .item--black {
  color:#1c1c1c;
  background-color:#626262;
  border-bottom-color:#4d4d4d;
  border-right-color:#4d4d4d;
  border-top-color:#4d4d4d;
  border-left-color:#4d4d4d;
}
.sort .item--black:hover {
  color:#0f0f0f;
  background-color:#555;
  border-top-color:#404040;
  border-left-color:#404040;
  border-bottom-color:#404040;
  border-right-color:#404040;
}
.sort .item--black .description { color:#181818; }
.sort .item--relative {
  overflow:hidden;
  margin-right:0px;
  border-right-width:0px;
}
.sort .item--relative:last-child { border-right-width:1px; }
.sort .item--lowlight {
  opacity:0.6;
  filter:1;
}
.sort .item--highlight {
  -moz-box-shadow:2px 2px 4px #000;
  -webkit-box-shadow:2px 2px 4px #000;
  box-shadow:2px 2px 4px #000;
  opacity:1;
  filter:1;
}
.sort .item--inline { display:inline-block; }
.sort .item--small {
  overflow:hidden;
  margin-bottom:2px;
  padding:3px 0px 0px 4px;
  height:26px;
}
.sort .item--small .title {
  padding:0px 0px 0px 2px;
  line-height:1.4;
}
.sort .item--empty { border-left-color:#ef5350; }
.sort .sort__filter {
  z-index:1;
  background-color:#fff;
  display:block;
}
.sort .sort__filter header { padding:2px; }
.sort--border TABLE TD {
  border-bottom:rgba(123,123,169,0.25) 1px solid;
  border-left:rgba(123,123,169,0.25) 1px solid;
}
.sort--border TABLE TD .item { border-bottom-width:1px; }
.sort--border TABLE TD > DIV.items { padding:2px; }
.sort--border TABLE TD > DIV.items .item { margin:0px 1px 2px 0px; }