* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: 0;
  -webkit-tap-highlight-color: transparent; }

html {
  position: relative;
  height: 100%;
  -webkit-text-size-adjust: 100%;
  overflow-x: hidden;
  overflow-y: visible; }

img {
  display: inline-block;
  vertical-align: bottom;
  max-width: 100%;
  border: none; }

.grid {
  width: auto;
  margin-left: -10.35px;
  position: relative; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .grid {
      margin-left: -11.25px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .grid {
      margin-left: -12.45px; } }
  @media screen and (min-width: 1700px) {
    .grid {
      margin-left: -15px; } }

.grid_pad {
  width: auto;
  padding-left: 10.35px;
  padding-right: 10.35px;
  margin-left: -10.35px; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .grid_pad {
      padding-left: 11.25px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .grid_pad {
      padding-left: 12.45px; } }
  @media screen and (min-width: 1700px) {
    .grid_pad {
      padding-left: 15px; } }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .grid_pad {
      padding-right: 11.25px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .grid_pad {
      padding-right: 12.45px; } }
  @media screen and (min-width: 1700px) {
    .grid_pad {
      padding-right: 15px; } }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .grid_pad {
      margin-left: -11.25px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .grid_pad {
      margin-left: -12.45px; } }
  @media screen and (min-width: 1700px) {
    .grid_pad {
      margin-left: -15px; } }

[class*='ga-'], [class*='ga_'], [class*='gh-'], [class*='gb-'], [class*='gm-'], [class*='gs-'], [class*='gh_'], [class*='gb_'], [class*='gm_'], [class*='gs_'] {
  padding-left: 10.35px;
  padding-bottom: 10.35px;
  transition: none;
  float: left;
  min-height: 1px; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    [class*='ga-'], [class*='ga_'], [class*='gh-'], [class*='gb-'], [class*='gm-'], [class*='gs-'], [class*='gh_'], [class*='gb_'], [class*='gm_'], [class*='gs_'] {
      padding-left: 11.25px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    [class*='ga-'], [class*='ga_'], [class*='gh-'], [class*='gb-'], [class*='gm-'], [class*='gs-'], [class*='gh_'], [class*='gb_'], [class*='gm_'], [class*='gs_'] {
      padding-left: 12.45px; } }
  @media screen and (min-width: 1700px) {
    [class*='ga-'], [class*='ga_'], [class*='gh-'], [class*='gb-'], [class*='gm-'], [class*='gs-'], [class*='gh_'], [class*='gb_'], [class*='gm_'], [class*='gs_'] {
      padding-left: 15px; } }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    [class*='ga-'], [class*='ga_'], [class*='gh-'], [class*='gb-'], [class*='gm-'], [class*='gs-'], [class*='gh_'], [class*='gb_'], [class*='gm_'], [class*='gs_'] {
      padding-bottom: 11.25px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    [class*='ga-'], [class*='ga_'], [class*='gh-'], [class*='gb-'], [class*='gm-'], [class*='gs-'], [class*='gh_'], [class*='gb_'], [class*='gm_'], [class*='gs_'] {
      padding-bottom: 12.45px; } }
  @media screen and (min-width: 1700px) {
    [class*='ga-'], [class*='ga_'], [class*='gh-'], [class*='gb-'], [class*='gm-'], [class*='gs-'], [class*='gh_'], [class*='gb_'], [class*='gm_'], [class*='gs_'] {
      padding-bottom: 15px; } }

.grid.nogaps {
  margin-left: 0; }

.grid.nogaps > [class*='ga-'], .grid.nogaps > [class*='gb-'], .grid.nogaps > [class*='gm-'], .grid.nogaps > [class*='gs-'], .grid.nogaps > [class*='gh-'],
.grid.nogaps > [class*='ga_'], .grid.nogaps > [class*='gb_'], .grid.nogaps > [class*='gm_'], .grid.nogaps > [class*='gs_'], .grid.nogaps > [class*='gh_'] {
  padding-left: 0 !important;
  padding-bottom: 0 !important; }

.grid:after, .grid_pad:after {
  content: "";
  display: table;
  clear: both; }

.ga-6of6, .ga_6of6, .ga-8of8, .ga_8of8, .ga-5of5, .ga_5of5 {
  width: 100%;
  float: none;
  clear: left; }

.ga-4of5 {
  width: 80%; }

.ga-3of5 {
  width: 60%; }

.ga-2of5 {
  width: 40%; }

.ga-1of5 {
  width: 20%; }

.ga_4of5 {
  width: 80%;
  clear: left; }

.ga_3of5 {
  width: 60%;
  clear: left; }

.ga_2of5 {
  width: 40%;
  clear: left; }

.ga_1of5 {
  width: 20%;
  clear: left; }

.ga-5of6 {
  width: 83.33333%; }

.ga-4of6 {
  width: 66.66667%; }

.ga-3of6 {
  width: 50%; }

.ga-2of6 {
  width: 33.33333%; }

.ga-1of6 {
  width: 16.66667%; }

.ga_5of6 {
  width: 83.33333%;
  clear: left; }

.ga_4of6 {
  width: 66.66667%;
  clear: left; }

.ga_3of6 {
  width: 50%;
  clear: left; }

.ga_2of6 {
  width: 33.33333%;
  clear: left; }

.ga_1of6 {
  width: 16.66667%;
  clear: left; }

.ga-7of8 {
  width: 87.5%; }

.ga-6of8 {
  width: 75%; }

.ga-5of8 {
  width: 62.5%; }

.ga-4of8 {
  width: 50%; }

.ga-3of8 {
  width: 37.5%; }

.ga-2of8 {
  width: 25%; }

.ga-1of8 {
  width: 12.5%; }

.ga_7of8 {
  width: 87.5%;
  clear: left; }

.ga_6of8 {
  width: 75%;
  clear: left; }

.ga_5of8 {
  width: 62.5%;
  clear: left; }

.ga_4of8 {
  width: 50%;
  clear: left; }

.ga_3of8 {
  width: 37.5%;
  clear: left; }

.ga_2of8 {
  width: 25%;
  clear: left; }

.ga_1of8 {
  width: 12.5%;
  clear: left; }

.ga-bot {
  padding-bottom: 0 !important; }

@media screen and (max-width: 649px) {
  .gs-6of6, .gs_6of6, .gs-8of8, .gs_8of8, .gs-5of5, .gs_5of5 {
    width: 100%;
    float: none;
    clear: left; }
  .gs-4of5 {
    width: 80%; }
  .gs-3of5 {
    width: 60%; }
  .gs-2of5 {
    width: 40%; }
  .gs-1of5 {
    width: 20%; }
  .gs_4of5 {
    width: 80%;
    clear: left; }
  .gs_3of5 {
    width: 60%;
    clear: left; }
  .gs_2of5 {
    width: 40%;
    clear: left; }
  .gs_1of5 {
    width: 20%;
    clear: left; }
  .gs-5of6 {
    width: 83.33333%; }
  .gs-4of6 {
    width: 66.66667%; }
  .gs-3of6 {
    width: 50%; }
  .gs-2of6 {
    width: 33.33333%; }
  .gs-1of6 {
    width: 16.66667%; }
  .gs_5of6 {
    width: 83.33333%;
    clear: left; }
  .gs_4of6 {
    width: 66.66667%;
    clear: left; }
  .gs_3of6 {
    width: 50%;
    clear: left; }
  .gs_2of6 {
    width: 33.33333%;
    clear: left; }
  .gs_1of6 {
    width: 16.66667%;
    clear: left; }
  .gs-7of8 {
    width: 87.5%; }
  .gs-6of8 {
    width: 75%; }
  .gs-5of8 {
    width: 62.5%; }
  .gs-4of8 {
    width: 50%; }
  .gs-3of8 {
    width: 37.5%; }
  .gs-2of8 {
    width: 25%; }
  .gs-1of8 {
    width: 12.5%; }
  .gs_7of8 {
    width: 87.5%;
    clear: left; }
  .gs_6of8 {
    width: 75%;
    clear: left; }
  .gs_5of8 {
    width: 62.5%;
    clear: left; }
  .gs_4of8 {
    width: 50%;
    clear: left; }
  .gs_3of8 {
    width: 37.5%;
    clear: left; }
  .gs_2of8 {
    width: 25%;
    clear: left; }
  .gs_1of8 {
    width: 12.5%;
    clear: left; }
  .gs-bot {
    padding-bottom: 0 !important; }
  .s-hide {
    display: none; } }

@media screen and (min-width: 650px) and (max-width: 1024px), print {
  .gm-6of6, .gm_6of6, .gm-8of8, .gm_8of8, .gm-5of5, .gm_5of5 {
    width: 100%;
    float: none;
    clear: left; }
  .gm-4of5 {
    width: 80%; }
  .gm-3of5 {
    width: 60%; }
  .gm-2of5 {
    width: 40%; }
  .gm-1of5 {
    width: 20%; }
  .gm_4of5 {
    width: 80%;
    clear: left; }
  .gm_3of5 {
    width: 60%;
    clear: left; }
  .gm_2of5 {
    width: 40%;
    clear: left; }
  .gm_1of5 {
    width: 20%;
    clear: left; }
  .gm-5of6 {
    width: 83.33333%; }
  .gm-4of6 {
    width: 66.66667%; }
  .gm-3of6 {
    width: 50%; }
  .gm-2of6 {
    width: 33.33333%; }
  .gm-1of6 {
    width: 16.66667%; }
  .gm_5of6 {
    width: 83.33333%;
    clear: left; }
  .gm_4of6 {
    width: 66.66667%;
    clear: left; }
  .gm_3of6 {
    width: 50%;
    clear: left; }
  .gm_2of6 {
    width: 33.33333%;
    clear: left; }
  .gm_1of6 {
    width: 16.66667%;
    clear: left; }
  .gm-7of8 {
    width: 87.5%; }
  .gm-6of8 {
    width: 75%; }
  .gm-5of8 {
    width: 62.5%; }
  .gm-4of8 {
    width: 50%; }
  .gm-3of8 {
    width: 37.5%; }
  .gm-2of8 {
    width: 25%; }
  .gm-1of8 {
    width: 12.5%; }
  .gm_7of8 {
    width: 87.5%;
    clear: left; }
  .gm_6of8 {
    width: 75%;
    clear: left; }
  .gm_5of8 {
    width: 62.5%;
    clear: left; }
  .gm_4of8 {
    width: 50%;
    clear: left; }
  .gm_3of8 {
    width: 37.5%;
    clear: left; }
  .gm_2of8 {
    width: 25%;
    clear: left; }
  .gm_1of8 {
    width: 12.5%;
    clear: left; }
  .gm-bot {
    padding-bottom: 0 !important; }
  .m-hide {
    display: none; } }

@media screen and (min-width: 1025px) and (max-width: 1699px) {
  .gb-6of6, .gb_6of6, .gb-8of8, .gb_8of8, .gb-5of5, .gb_5of5 {
    width: 100%;
    float: none;
    clear: left; }
  .gb-4of5 {
    width: 80%; }
  .gb-3of5 {
    width: 60%; }
  .gb-2of5 {
    width: 40%; }
  .gb-1of5 {
    width: 20%; }
  .gb_4of5 {
    width: 80%;
    clear: left; }
  .gb_3of5 {
    width: 60%;
    clear: left; }
  .gb_2of5 {
    width: 40%;
    clear: left; }
  .gb_1of5 {
    width: 20%;
    clear: left; }
  .gb-5of6 {
    width: 83.33333%; }
  .gb-4of6 {
    width: 66.66667%; }
  .gb-3of6 {
    width: 50%; }
  .gb-2of6 {
    width: 33.33333%; }
  .gb-1of6 {
    width: 16.66667%; }
  .gb_5of6 {
    width: 83.33333%;
    clear: left; }
  .gb_4of6 {
    width: 66.66667%;
    clear: left; }
  .gb_3of6 {
    width: 50%;
    clear: left; }
  .gb_2of6 {
    width: 33.33333%;
    clear: left; }
  .gb_1of6 {
    width: 16.66667%;
    clear: left; }
  .gb-7of8 {
    width: 87.5%; }
  .gb-6of8 {
    width: 75%; }
  .gb-5of8 {
    width: 62.5%; }
  .gb-4of8 {
    width: 50%; }
  .gb-3of8 {
    width: 37.5%; }
  .gb-2of8 {
    width: 25%; }
  .gb-1of8 {
    width: 12.5%; }
  .gb_7of8 {
    width: 87.5%;
    clear: left; }
  .gb_6of8 {
    width: 75%;
    clear: left; }
  .gb_5of8 {
    width: 62.5%;
    clear: left; }
  .gb_4of8 {
    width: 50%;
    clear: left; }
  .gb_3of8 {
    width: 37.5%;
    clear: left; }
  .gb_2of8 {
    width: 25%;
    clear: left; }
  .gb_1of8 {
    width: 12.5%;
    clear: left; }
  .gb-bot {
    padding-bottom: 0 !important; }
  .b-hide {
    display: none; } }

@media screen and (min-width: 1700px) {
  .gh-6of6, .gh_6of6, .gh-8of8, .gh_8of8, .gh-5of5, .gh_5of5 {
    width: 100%;
    float: none;
    clear: left; }
  .gh-4of5 {
    width: 80%; }
  .gh-3of5 {
    width: 60%; }
  .gh-2of5 {
    width: 40%; }
  .gh-1of5 {
    width: 20%; }
  .gh_4of5 {
    width: 80%;
    clear: left; }
  .gh_3of5 {
    width: 60%;
    clear: left; }
  .gh_2of5 {
    width: 40%;
    clear: left; }
  .gh_1of5 {
    width: 20%;
    clear: left; }
  .gh-5of6 {
    width: 83.33333%; }
  .gh-4of6 {
    width: 66.66667%; }
  .gh-3of6 {
    width: 50%; }
  .gh-2of6 {
    width: 33.33333%; }
  .gh-1of6 {
    width: 16.66667%; }
  .gh_5of6 {
    width: 83.33333%;
    clear: left; }
  .gh_4of6 {
    width: 66.66667%;
    clear: left; }
  .gh_3of6 {
    width: 50%;
    clear: left; }
  .gh_2of6 {
    width: 33.33333%;
    clear: left; }
  .gh_1of6 {
    width: 16.66667%;
    clear: left; }
  .gh-7of8 {
    width: 87.5%; }
  .gh-6of8 {
    width: 75%; }
  .gh-5of8 {
    width: 62.5%; }
  .gh-4of8 {
    width: 50%; }
  .gh-3of8 {
    width: 37.5%; }
  .gh-2of8 {
    width: 25%; }
  .gh-1of8 {
    width: 12.5%; }
  .gh_7of8 {
    width: 87.5%;
    clear: left; }
  .gh_6of8 {
    width: 75%;
    clear: left; }
  .gh_5of8 {
    width: 62.5%;
    clear: left; }
  .gh_4of8 {
    width: 50%;
    clear: left; }
  .gh_3of8 {
    width: 37.5%;
    clear: left; }
  .gh_2of8 {
    width: 25%;
    clear: left; }
  .gh_1of8 {
    width: 12.5%;
    clear: left; }
  .gh-bot {
    padding-bottom: 0 !important; }
  .h-hide {
    display: none; } }

.f-cs1, .f-cs1 svg path, .f-cs1 svg circle, .f-cs1 svg polygon, .f-cs1 svg ellipse, .f-cs1 svg rect {
    fill: #5b6771;
}

.s-cs1, .s-cs1 svg path, .s-cs1 svg circle, .s-cs1 svg polygon, .s-cs1 svg ellipse, .s-cs1 svg rect, .s-cs1 svg line, .s-cs1 svg polyline {
  fill: none;
  stroke-width: 7;
  stroke-miterlimit: 100;
  stroke: #0e293e; }

.s-cs11, .s-cs11 svg path, .s-cs11 svg circle, .s-cs11 svg polygon, .s-cs11 svg ellipse, .s-cs11 svg rect, .s-cs11 svg line, .s-cs11 svg polyline {
    fill: none;
    stroke-width: 7;
    stroke-miterlimit: 100;
    stroke: #ffffff;
}

.bg-cs1 {
  background-color: #0e293e; }
  @media print {
    .bg-cs1 {
      -webkit-box-shadow: inset 0px 0px 0px 900px #0e293e;
      -moz-box-shadow: inset 0px 0px 0px 900px #0e293e;
      box-shadow: inset 0px 0px 0px 900px #0e293e;
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0e293e', endColorstr=#0e293e)"; } }

.c-cs1 {
  color: #0e293e; }

.bd-cs1 {
  border-color: #0e293e; }

.f-cs2, .f-cs2 svg path, .f-cs2 svg circle, .f-cs2 svg polygon, .f-cs2 svg ellipse, .f-cs2 svg rect {
  fill: #687473; }

.s-cs2, .s-cs2 svg path, .s-cs2 svg circle, .s-cs2 svg polygon, .s-cs2 svg ellipse, .s-cs2 svg rect, .s-cs2 svg line, .s-cs2 svg polyline {
  fill: none;
  stroke-width: 7;
  stroke-miterlimit: 100;
  stroke: #687473; }

.bg-cs2 {
  background-color: #687473; }
  @media print {
    .bg-cs2 {
      -webkit-box-shadow: inset 0px 0px 0px 900px #687473;
      -moz-box-shadow: inset 0px 0px 0px 900px #687473;
      box-shadow: inset 0px 0px 0px 900px #687473;
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#687473', endColorstr=#687473)"; } }

.c-cs2 {
  color: #687473; }

.bd-cs2 {
  border-color: #687473; }

.f-cs3, .f-cs3 svg path, .f-cs3 svg circle, .f-cs3 svg polygon, .f-cs3 svg ellipse, .f-cs3 svg rect {
    fill: #5b6771;
}

.s-cs3, .s-cs3 svg path, .s-cs3 svg circle, .s-cs3 svg polygon, .s-cs3 svg ellipse, .s-cs3 svg rect, .s-cs3 svg line, .s-cs3 svg polyline {
    stroke: #5b6771;
}

.s-cs33, .s-cs33 svg path, .s-cs33 svg circle, .s-cs33 svg polygon, .s-cs33 svg ellipse, .s-cs33 svg rect, .s-cs33 svg line, .s-cs33 svg polyline {
    stroke: #ffffff;
}

.s-cs32, .s-cs32 svg path, .s-cs32 svg circle, .s-cs32 svg polygon, .s-cs32 svg ellipse, .s-cs32 svg rect, .s-cs32 svg line, .s-cs32 svg polyline {
    stroke: #5b6771;
}

.bg-cs3 {
  background-color: #b8c6c5; }
  @media print {
    .bg-cs3 {
      -webkit-box-shadow: inset 0px 0px 0px 900px #b8c6c5;
      -moz-box-shadow: inset 0px 0px 0px 900px #b8c6c5;
      box-shadow: inset 0px 0px 0px 900px #b8c6c5;
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#b8c6c5', endColorstr=#b8c6c5)"; } }

.c-cs3 {
  color: #b8c6c5; }

.bd-cs3 {
  border-color: #b8c6c5; }

.f-cs4, .f-cs4 svg path, .f-cs4 svg circle, .f-cs4 svg polygon, .f-cs4 svg ellipse, .f-cs4 svg rect {
  fill: #ffffff; }

.s-cs4, .s-cs4 svg path, .s-cs4 svg circle, .s-cs4 svg polygon, .s-cs4 svg ellipse, .s-cs4 svg rect, .s-cs4 svg line, .s-cs4 svg polyline {
  fill: none;
  stroke-width: 7;
  stroke-miterlimit: 100;
  stroke: #ffffff; }

.bg-cs4 {
  background-color: #efefef; }
  @media print {
    .bg-cs4 {
      -webkit-box-shadow: inset 0px 0px 0px 900px #ffffff;
      -moz-box-shadow: inset 0px 0px 0px 900px #ffffff;
      box-shadow: inset 0px 0px 0px 900px #ffffff;
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr=#ffffff)"; } }

.c-cs4 {
  color: #ffffff; }

.bd-cs4 {
  border-color: #ffffff; }

.f-ct1, .f-ct1 svg path, .f-ct1 svg circle, .f-ct1 svg polygon, .f-ct1 svg ellipse, .f-ct1 svg rect {
  fill: #314656; }

.s-ct1, .s-ct1 svg path, .s-ct1 svg circle, .s-ct1 svg polygon, .s-ct1 svg ellipse, .s-ct1 svg rect, .s-ct1 svg line, .s-ct1 svg polyline {
    fill: none;
    stroke-width: 7;
    stroke-miterlimit: 100;
    stroke: #ffffff;
}

.bg-ct1 {
  background-color: #ffffff; }
  @media print {
    .bg-ct1 {
      -webkit-box-shadow: inset 0px 0px 0px 900px #314656;
      -moz-box-shadow: inset 0px 0px 0px 900px #314656;
      box-shadow: inset 0px 0px 0px 900px #314656;
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#314656', endColorstr=#314656)"; } }

.c-ct1 {
  color: #314656; }

.bd-ct1 {
  border-color: #314656; }

.f-ct2, .f-ct2 svg path, .f-ct2 svg circle, .f-ct2 svg polygon, .f-ct2 svg ellipse, .f-ct2 svg rect {
    fill: #000000;
}

.s-ct2, .s-ct2 svg path, .s-ct2 svg circle, .s-ct2 svg polygon, .s-ct2 svg ellipse, .s-ct2 svg rect, .s-ct2 svg line, .s-ct2 svg polyline {
    fill: none;
    stroke-width: 7;
    stroke-miterlimit: 100;
    stroke: #000000;
}

.f-ct22, .f-ct22 svg path, .f-ct22 svg circle, .f-ct22 svg polygon, .f-ct22 svg ellipse, .f-ct22 svg rect {
    fill: #ffffff;
}

.s-ct22, .s-ct22 svg path, .s-ct22 svg circle, .s-ct22 svg polygon, .s-ct22 svg ellipse, .s-ct22 svg rect, .s-ct22 svg line, .s-ct22 svg polyline {
    fill: none;
    stroke-width: 7;
    stroke-miterlimit: 100;
    stroke: #ffffff;
}

.bg-ct2 {
  background-color: #246775; }
  @media print {
    .bg-ct2 {
      -webkit-box-shadow: inset 0px 0px 0px 900px #246775;
      -moz-box-shadow: inset 0px 0px 0px 900px #246775;
      box-shadow: inset 0px 0px 0px 900px #246775;
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#246775', endColorstr=#246775)"; } }

.c-ct2 {
  color: #246775; }

.bd-ct2 {
  border-color: #246775; }

.f-cbg1, .f-cbg1 svg path, .f-cbg1 svg circle, .f-cbg1 svg polygon, .f-cbg1 svg ellipse, .f-cbg1 svg rect {
  fill: #e8f4f4; }

.s-cbg1, .s-cbg1 svg path, .s-cbg1 svg circle, .s-cbg1 svg polygon, .s-cbg1 svg ellipse, .s-cbg1 svg rect, .s-cbg1 svg line, .s-cbg1 svg polyline {
  fill: none;
  stroke-width: 7;
  stroke-miterlimit: 100;
  stroke: #e8f4f4; }

.bg-cbg1 {
  background-color: #e8f4f4; }
  @media print {
    .bg-cbg1 {
      -webkit-box-shadow: inset 0px 0px 0px 900px #e8f4f4;
      -moz-box-shadow: inset 0px 0px 0px 900px #e8f4f4;
      box-shadow: inset 0px 0px 0px 900px #e8f4f4;
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#e8f4f4', endColorstr=#e8f4f4)"; } }

.c-cbg1 {
  color: #e8f4f4; }

.bd-cbg1 {
  border-color: #e8f4f4; }

.f-cbg2, .f-cbg2 svg path, .f-cbg2 svg circle, .f-cbg2 svg polygon, .f-cbg2 svg ellipse, .f-cbg2 svg rect {
  fill: #d8e6e6; }

.s-cbg2, .s-cbg2 svg path, .s-cbg2 svg circle, .s-cbg2 svg polygon, .s-cbg2 svg ellipse, .s-cbg2 svg rect, .s-cbg2 svg line, .s-cbg2 svg polyline {
  fill: none;
  stroke-width: 7;
  stroke-miterlimit: 100;
  stroke: #d8e6e6; }

.bg-cbg2 {
  background-color: #d8e6e6; }
  @media print {
    .bg-cbg2 {
      -webkit-box-shadow: inset 0px 0px 0px 900px #d8e6e6;
      -moz-box-shadow: inset 0px 0px 0px 900px #d8e6e6;
      box-shadow: inset 0px 0px 0px 900px #d8e6e6;
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#d8e6e6', endColorstr=#d8e6e6)"; } }

.c-cbg2 {
  color: #d8e6e6; }

.bd-cbg2 {
  border-color: #d8e6e6; }

.f-cbgnote, .f-cbgnote svg path, .f-cbgnote svg circle, .f-cbgnote svg polygon, .f-cbgnote svg ellipse, .f-cbgnote svg rect {
  fill: #f7f0c7; }

.s-cbgnote, .s-cbgnote svg path, .s-cbgnote svg circle, .s-cbgnote svg polygon, .s-cbgnote svg ellipse, .s-cbgnote svg rect, .s-cbgnote svg line, .s-cbgnote svg polyline {
  fill: none;
  stroke-width: 7;
  stroke-miterlimit: 100;
  stroke: #f7f0c7; }

.bg-cbgnote {
  background-color: #f7f0c7; }
  @media print {
    .bg-cbgnote {
      -webkit-box-shadow: inset 0px 0px 0px 900px #f7f0c7;
      -moz-box-shadow: inset 0px 0px 0px 900px #f7f0c7;
      box-shadow: inset 0px 0px 0px 900px #f7f0c7;
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f7f0c7', endColorstr=#f7f0c7)"; } }

.c-cbgnote {
  color: #f7f0c7; }

.bd-cbgnote {
  border-color: #f7f0c7; }

.f-cc, .f-cc svg path, .f-cc svg circle, .f-cc svg polygon, .f-cc svg ellipse, .f-cc svg rect {
  fill: #30B4AC; }

.s-cc, .s-cc svg path, .s-cc svg circle, .s-cc svg polygon, .s-cc svg ellipse, .s-cc svg rect, .s-cc svg line, .s-cc svg polyline {
  fill: none;
  stroke-width: 7;
  stroke-miterlimit: 100;
  stroke: #30B4AC; }

.bg-cc {
  background-color: #30B4AC; }
  @media print {
    .bg-cc {
      -webkit-box-shadow: inset 0px 0px 0px 900px #30B4AC;
      -moz-box-shadow: inset 0px 0px 0px 900px #30B4AC;
      box-shadow: inset 0px 0px 0px 900px #30B4AC;
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#30B4AC', endColorstr=#30B4AC)"; } }

.c-cc {
  color: #30B4AC; }

.bd-cc {
  border-color: #30B4AC; }

.f-cd, .f-cd svg path, .f-cd svg circle, .f-cd svg polygon, .f-cd svg ellipse, .f-cd svg rect {
    fill: #BD0E54;
}

.s-cd, .s-cd svg path, .s-cd svg circle, .s-cd svg polygon, .s-cd svg ellipse, .s-cd svg rect, .s-cd svg line, .s-cd svg polyline {
    fill: none;
    stroke-width: 7;
    stroke-miterlimit: 100;
    stroke: #BD0E54;
}

.bg-cd {
    background-color: #BD0E54;
}
  @media print {
    .bg-cd {
        -webkit-box-shadow: inset 0px 0px 0px 900px #BD0E54;
        -moz-box-shadow: inset 0px 0px 0px 900px #BD0E54;
        box-shadow: inset 0px 0px 0px 900px #BD0E54;
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#BD0E54', endColorstr=#BD0E54)";
    } }

.c-cd {
  color: #BD0E54; }

.bd-cd {
  border-color: #BD0E54; }

/*$cg1:#7cbee1;       @include setupcolor("cg1",$cg1);
$cg2:#8898d6;       @include setupcolor("cg2",$cg2);
$cg3:#ef83b4;       @include setupcolor("cg3",$cg3);
$cg4:#efa983;       @include setupcolor("cg4",$cg4);
$cg5:#efca83;       @include setupcolor("cg5",$cg5);
$cg6:#cfef82;       @include setupcolor("cg6",$cg6);
$cg7:#67e3db;       @include setupcolor("cg7",$cg7);   */
.f-cg1, .f-cg1 svg path, .f-cg1 svg circle, .f-cg1 svg polygon, .f-cg1 svg ellipse, .f-cg1 svg rect {
  fill: #71b0f6; }

.s-cg1, .s-cg1 svg path, .s-cg1 svg circle, .s-cg1 svg polygon, .s-cg1 svg ellipse, .s-cg1 svg rect, .s-cg1 svg line, .s-cg1 svg polyline {
  fill: none;
  stroke-width: 7;
  stroke-miterlimit: 100;
  stroke: #71b0f6; }

.bg-cg1 {
  background-color: #71b0f6; }
  @media print {
    .bg-cg1 {
      -webkit-box-shadow: inset 0px 0px 0px 900px #71b0f6;
      -moz-box-shadow: inset 0px 0px 0px 900px #71b0f6;
      box-shadow: inset 0px 0px 0px 900px #71b0f6;
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#71b0f6', endColorstr=#71b0f6)"; } }

.c-cg1 {
  color: #71b0f6; }

.bd-cg1 {
  border-color: #71b0f6; }

.f-cg2, .f-cg2 svg path, .f-cg2 svg circle, .f-cg2 svg polygon, .f-cg2 svg ellipse, .f-cg2 svg rect {
  fill: #67d0ef; }

.s-cg2, .s-cg2 svg path, .s-cg2 svg circle, .s-cg2 svg polygon, .s-cg2 svg ellipse, .s-cg2 svg rect, .s-cg2 svg line, .s-cg2 svg polyline {
  fill: none;
  stroke-width: 7;
  stroke-miterlimit: 100;
  stroke: #67d0ef; }

.bg-cg2 {
  background-color: #67d0ef; }
  @media print {
    .bg-cg2 {
      -webkit-box-shadow: inset 0px 0px 0px 900px #67d0ef;
      -moz-box-shadow: inset 0px 0px 0px 900px #67d0ef;
      box-shadow: inset 0px 0px 0px 900px #67d0ef;
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#67d0ef', endColorstr=#67d0ef)"; } }

.c-cg2 {
  color: #67d0ef; }

.bd-cg2 {
  border-color: #67d0ef; }

.f-cg3, .f-cg3 svg path, .f-cg3 svg circle, .f-cg3 svg polygon, .f-cg3 svg ellipse, .f-cg3 svg rect {
  fill: #73e8bd; }

.s-cg3, .s-cg3 svg path, .s-cg3 svg circle, .s-cg3 svg polygon, .s-cg3 svg ellipse, .s-cg3 svg rect, .s-cg3 svg line, .s-cg3 svg polyline {
  fill: none;
  stroke-width: 7;
  stroke-miterlimit: 100;
  stroke: #73e8bd; }

.bg-cg3 {
  background-color: #73e8bd; }
  @media print {
    .bg-cg3 {
      -webkit-box-shadow: inset 0px 0px 0px 900px #73e8bd;
      -moz-box-shadow: inset 0px 0px 0px 900px #73e8bd;
      box-shadow: inset 0px 0px 0px 900px #73e8bd;
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#73e8bd', endColorstr=#73e8bd)"; } }

.c-cg3 {
  color: #73e8bd; }

.bd-cg3 {
  border-color: #73e8bd; }

.f-cg4, .f-cg4 svg path, .f-cg4 svg circle, .f-cg4 svg polygon, .f-cg4 svg ellipse, .f-cg4 svg rect {
  fill: #8fd78e; }

.s-cg4, .s-cg4 svg path, .s-cg4 svg circle, .s-cg4 svg polygon, .s-cg4 svg ellipse, .s-cg4 svg rect, .s-cg4 svg line, .s-cg4 svg polyline {
  fill: none;
  stroke-width: 7;
  stroke-miterlimit: 100;
  stroke: #8fd78e; }

.bg-cg4 {
  background-color: #8fd78e; }
  @media print {
    .bg-cg4 {
      -webkit-box-shadow: inset 0px 0px 0px 900px #8fd78e;
      -moz-box-shadow: inset 0px 0px 0px 900px #8fd78e;
      box-shadow: inset 0px 0px 0px 900px #8fd78e;
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#8fd78e', endColorstr=#8fd78e)"; } }

.c-cg4 {
  color: #8fd78e; }

.bd-cg4 {
  border-color: #8fd78e; }

.f-cg5, .f-cg5 svg path, .f-cg5 svg circle, .f-cg5 svg polygon, .f-cg5 svg ellipse, .f-cg5 svg rect {
  fill: #b7e089; }

.s-cg5, .s-cg5 svg path, .s-cg5 svg circle, .s-cg5 svg polygon, .s-cg5 svg ellipse, .s-cg5 svg rect, .s-cg5 svg line, .s-cg5 svg polyline {
  fill: none;
  stroke-width: 7;
  stroke-miterlimit: 100;
  stroke: #b7e089; }

.bg-cg5 {
  background-color: #b7e089; }
  @media print {
    .bg-cg5 {
      -webkit-box-shadow: inset 0px 0px 0px 900px #b7e089;
      -moz-box-shadow: inset 0px 0px 0px 900px #b7e089;
      box-shadow: inset 0px 0px 0px 900px #b7e089;
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#b7e089', endColorstr=#b7e089)"; } }

.c-cg5 {
  color: #b7e089; }

.bd-cg5 {
  border-color: #b7e089; }

.f-cg6, .f-cg6 svg path, .f-cg6 svg circle, .f-cg6 svg polygon, .f-cg6 svg ellipse, .f-cg6 svg rect {
  fill: #f1dc70; }

.s-cg6, .s-cg6 svg path, .s-cg6 svg circle, .s-cg6 svg polygon, .s-cg6 svg ellipse, .s-cg6 svg rect, .s-cg6 svg line, .s-cg6 svg polyline {
  fill: none;
  stroke-width: 7;
  stroke-miterlimit: 100;
  stroke: #f1dc70; }

.bg-cg6 {
  background-color: #f1dc70; }
  @media print {
    .bg-cg6 {
      -webkit-box-shadow: inset 0px 0px 0px 900px #f1dc70;
      -moz-box-shadow: inset 0px 0px 0px 900px #f1dc70;
      box-shadow: inset 0px 0px 0px 900px #f1dc70;
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f1dc70', endColorstr=#f1dc70)"; } }

.c-cg6 {
  color: #f1dc70; }

.bd-cg6 {
  border-color: #f1dc70; }

.f-cg7, .f-cg7 svg path, .f-cg7 svg circle, .f-cg7 svg polygon, .f-cg7 svg ellipse, .f-cg7 svg rect {
  fill: #f9ba70; }

.s-cg7, .s-cg7 svg path, .s-cg7 svg circle, .s-cg7 svg polygon, .s-cg7 svg ellipse, .s-cg7 svg rect, .s-cg7 svg line, .s-cg7 svg polyline {
  fill: none;
  stroke-width: 7;
  stroke-miterlimit: 100;
  stroke: #f9ba70; }

.bg-cg7 {
  background-color: #f9ba70; }
  @media print {
    .bg-cg7 {
      -webkit-box-shadow: inset 0px 0px 0px 900px #f9ba70;
      -moz-box-shadow: inset 0px 0px 0px 900px #f9ba70;
      box-shadow: inset 0px 0px 0px 900px #f9ba70;
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f9ba70', endColorstr=#f9ba70)"; } }

.c-cg7 {
  color: #f9ba70; }

.bd-cg7 {
  border-color: #f9ba70; }

.f-cg8, .f-cg8 svg path, .f-cg8 svg circle, .f-cg8 svg polygon, .f-cg8 svg ellipse, .f-cg8 svg rect {
  fill: #f89f80; }

.s-cg8, .s-cg8 svg path, .s-cg8 svg circle, .s-cg8 svg polygon, .s-cg8 svg ellipse, .s-cg8 svg rect, .s-cg8 svg line, .s-cg8 svg polyline {
  fill: none;
  stroke-width: 7;
  stroke-miterlimit: 100;
  stroke: #f89f80; }

.bg-cg8 {
  background-color: #f89f80; }
  @media print {
    .bg-cg8 {
      -webkit-box-shadow: inset 0px 0px 0px 900px #f89f80;
      -moz-box-shadow: inset 0px 0px 0px 900px #f89f80;
      box-shadow: inset 0px 0px 0px 900px #f89f80;
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f89f80', endColorstr=#f89f80)"; } }

.c-cg8 {
  color: #f89f80; }

.bd-cg8 {
  border-color: #f89f80; }

.f-cg9, .f-cg9 svg path, .f-cg9 svg circle, .f-cg9 svg polygon, .f-cg9 svg ellipse, .f-cg9 svg rect {
  fill: #f28db2; }

.s-cg9, .s-cg9 svg path, .s-cg9 svg circle, .s-cg9 svg polygon, .s-cg9 svg ellipse, .s-cg9 svg rect, .s-cg9 svg line, .s-cg9 svg polyline {
  fill: none;
  stroke-width: 7;
  stroke-miterlimit: 100;
  stroke: #f28db2; }

.bg-cg9 {
  background-color: #f28db2; }
  @media print {
    .bg-cg9 {
      -webkit-box-shadow: inset 0px 0px 0px 900px #f28db2;
      -moz-box-shadow: inset 0px 0px 0px 900px #f28db2;
      box-shadow: inset 0px 0px 0px 900px #f28db2;
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f28db2', endColorstr=#f28db2)"; } }

.c-cg9 {
  color: #f28db2; }

.bd-cg9 {
  border-color: #f28db2; }

.f-cg10, .f-cg10 svg path, .f-cg10 svg circle, .f-cg10 svg polygon, .f-cg10 svg ellipse, .f-cg10 svg rect {
  fill: #cd7be2; }

.s-cg10, .s-cg10 svg path, .s-cg10 svg circle, .s-cg10 svg polygon, .s-cg10 svg ellipse, .s-cg10 svg rect, .s-cg10 svg line, .s-cg10 svg polyline {
  fill: none;
  stroke-width: 7;
  stroke-miterlimit: 100;
  stroke: #cd7be2; }

.bg-cg10 {
  background-color: #cd7be2; }
  @media print {
    .bg-cg10 {
      -webkit-box-shadow: inset 0px 0px 0px 900px #cd7be2;
      -moz-box-shadow: inset 0px 0px 0px 900px #cd7be2;
      box-shadow: inset 0px 0px 0px 900px #cd7be2;
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#cd7be2', endColorstr=#cd7be2)"; } }

.c-cg10 {
  color: #cd7be2; }

.bd-cg10 {
  border-color: #cd7be2; }

.f-cg11, .f-cg11 svg path, .f-cg11 svg circle, .f-cg11 svg polygon, .f-cg11 svg ellipse, .f-cg11 svg rect {
  fill: #aa6cf0; }

.s-cg11, .s-cg11 svg path, .s-cg11 svg circle, .s-cg11 svg polygon, .s-cg11 svg ellipse, .s-cg11 svg rect, .s-cg11 svg line, .s-cg11 svg polyline {
  fill: none;
  stroke-width: 7;
  stroke-miterlimit: 100;
  stroke: #aa6cf0; }

.bg-cg11 {
  background-color: #aa6cf0; }
  @media print {
    .bg-cg11 {
      -webkit-box-shadow: inset 0px 0px 0px 900px #aa6cf0;
      -moz-box-shadow: inset 0px 0px 0px 900px #aa6cf0;
      box-shadow: inset 0px 0px 0px 900px #aa6cf0;
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#aa6cf0', endColorstr=#aa6cf0)"; } }

.c-cg11 {
  color: #aa6cf0; }

.bd-cg11 {
  border-color: #aa6cf0; }

.f-cg12, .f-cg12 svg path, .f-cg12 svg circle, .f-cg12 svg polygon, .f-cg12 svg ellipse, .f-cg12 svg rect {
  fill: #978cec; }

.s-cg12, .s-cg12 svg path, .s-cg12 svg circle, .s-cg12 svg polygon, .s-cg12 svg ellipse, .s-cg12 svg rect, .s-cg12 svg line, .s-cg12 svg polyline {
  fill: none;
  stroke-width: 7;
  stroke-miterlimit: 100;
  stroke: #978cec; }

.bg-cg12 {
  background-color: #978cec; }
  @media print {
    .bg-cg12 {
      -webkit-box-shadow: inset 0px 0px 0px 900px #978cec;
      -moz-box-shadow: inset 0px 0px 0px 900px #978cec;
      box-shadow: inset 0px 0px 0px 900px #978cec;
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#978cec', endColorstr=#978cec)"; } }

.c-cg12 {
  color: #978cec; }

.bd-cg12 {
  border-color: #978cec; }

@-webkit-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-moz-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-o-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-webkit-keyframes fadeinout {
  from {
    opacity: 0; }
  50% {
    opacity: 1; }
  to {
    opacity: 0; } }

@-moz-keyframes fadeinout {
  from {
    opacity: 0; }
  50% {
    opacity: 1; }
  to {
    opacity: 0; } }

@-o-keyframes fadeinout {
  from {
    opacity: 0; }
  50% {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes fadeinout {
  from {
    opacity: 0; }
  50% {
    opacity: 1; }
  to {
    opacity: 0; } }

@-webkit-keyframes appearbounce {
  from {
    -webkit-transform: scaleX(0.51) scaleY(0.51);
    transform: scaleX(0.51) scaleY(0.51); }
  10% {
    -webkit-transform: scaleX(0.96) scaleY(1.1);
    transform: scaleX(0.96) scaleY(1.1); }
  30% {
    -webkit-transform: scaleX(1.05) scaleY(0.95);
    transform: scaleX(1.05) scaleY(0.95); }
  60% {
    -webkit-transform: scaleX(0.98) scaleY(1.03);
    transform: scaleX(0.98) scaleY(1.03); }
  to {
    -webkit-transform: scaleX(1) scaleY(1);
    transform: scaleX(1) scaleY(1); } }

@-moz-keyframes appearbounce {
  from {
    -webkit-transform: scaleX(0.51) scaleY(0.51);
    transform: scaleX(0.51) scaleY(0.51); }
  10% {
    -webkit-transform: scaleX(0.96) scaleY(1.1);
    transform: scaleX(0.96) scaleY(1.1); }
  30% {
    -webkit-transform: scaleX(1.05) scaleY(0.95);
    transform: scaleX(1.05) scaleY(0.95); }
  60% {
    -webkit-transform: scaleX(0.98) scaleY(1.03);
    transform: scaleX(0.98) scaleY(1.03); }
  to {
    -webkit-transform: scaleX(1) scaleY(1);
    transform: scaleX(1) scaleY(1); } }

@-o-keyframes appearbounce {
  from {
    -webkit-transform: scaleX(0.51) scaleY(0.51);
    transform: scaleX(0.51) scaleY(0.51); }
  10% {
    -webkit-transform: scaleX(0.96) scaleY(1.1);
    transform: scaleX(0.96) scaleY(1.1); }
  30% {
    -webkit-transform: scaleX(1.05) scaleY(0.95);
    transform: scaleX(1.05) scaleY(0.95); }
  60% {
    -webkit-transform: scaleX(0.98) scaleY(1.03);
    transform: scaleX(0.98) scaleY(1.03); }
  to {
    -webkit-transform: scaleX(1) scaleY(1);
    transform: scaleX(1) scaleY(1); } }

@keyframes appearbounce {
  from {
    -webkit-transform: scaleX(0.51) scaleY(0.51);
    transform: scaleX(0.51) scaleY(0.51); }
  10% {
    -webkit-transform: scaleX(0.96) scaleY(1.1);
    transform: scaleX(0.96) scaleY(1.1); }
  30% {
    -webkit-transform: scaleX(1.05) scaleY(0.95);
    transform: scaleX(1.05) scaleY(0.95); }
  60% {
    -webkit-transform: scaleX(0.98) scaleY(1.03);
    transform: scaleX(0.98) scaleY(1.03); }
  to {
    -webkit-transform: scaleX(1) scaleY(1);
    transform: scaleX(1) scaleY(1); } }

@-webkit-keyframes appearbounceBot {
  from {
    -webkit-transform: scaleX(0.51) scaleY(0.51) translateY(100%);
    transform: scaleX(0.51) scaleY(0.51) translateY(100%); }
  10% {
    -webkit-transform: scaleX(0.96) scaleY(1.1) translateY(100%);
    transform: scaleX(0.96) scaleY(1.1) translateY(100%); }
  30% {
    -webkit-transform: scaleX(1.05) scaleY(0.95) translateY(100%);
    transform: scaleX(1.05) scaleY(0.95) translateY(100%); }
  60% {
    -webkit-transform: scaleX(0.98) scaleY(1.03) translateY(100%);
    transform: scaleX(0.98) scaleY(1.03) translateY(100%); }
  to {
    -webkit-transform: scaleX(1) scaleY(1) translateY(100%);
    transform: scaleX(1) scaleY(1) translateY(100%); } }

@-moz-keyframes appearbounceBot {
  from {
    -webkit-transform: scaleX(0.51) scaleY(0.51) translateY(100%);
    transform: scaleX(0.51) scaleY(0.51) translateY(100%); }
  10% {
    -webkit-transform: scaleX(0.96) scaleY(1.1) translateY(100%);
    transform: scaleX(0.96) scaleY(1.1) translateY(100%); }
  30% {
    -webkit-transform: scaleX(1.05) scaleY(0.95) translateY(100%);
    transform: scaleX(1.05) scaleY(0.95) translateY(100%); }
  60% {
    -webkit-transform: scaleX(0.98) scaleY(1.03) translateY(100%);
    transform: scaleX(0.98) scaleY(1.03) translateY(100%); }
  to {
    -webkit-transform: scaleX(1) scaleY(1) translateY(100%);
    transform: scaleX(1) scaleY(1) translateY(100%); } }

@-o-keyframes appearbounceBot {
  from {
    -webkit-transform: scaleX(0.51) scaleY(0.51) translateY(100%);
    transform: scaleX(0.51) scaleY(0.51) translateY(100%); }
  10% {
    -webkit-transform: scaleX(0.96) scaleY(1.1) translateY(100%);
    transform: scaleX(0.96) scaleY(1.1) translateY(100%); }
  30% {
    -webkit-transform: scaleX(1.05) scaleY(0.95) translateY(100%);
    transform: scaleX(1.05) scaleY(0.95) translateY(100%); }
  60% {
    -webkit-transform: scaleX(0.98) scaleY(1.03) translateY(100%);
    transform: scaleX(0.98) scaleY(1.03) translateY(100%); }
  to {
    -webkit-transform: scaleX(1) scaleY(1) translateY(100%);
    transform: scaleX(1) scaleY(1) translateY(100%); } }

@keyframes appearbounceBot {
  from {
    -webkit-transform: scaleX(0.51) scaleY(0.51) translateY(100%);
    transform: scaleX(0.51) scaleY(0.51) translateY(100%); }
  10% {
    -webkit-transform: scaleX(0.96) scaleY(1.1) translateY(100%);
    transform: scaleX(0.96) scaleY(1.1) translateY(100%); }
  30% {
    -webkit-transform: scaleX(1.05) scaleY(0.95) translateY(100%);
    transform: scaleX(1.05) scaleY(0.95) translateY(100%); }
  60% {
    -webkit-transform: scaleX(0.98) scaleY(1.03) translateY(100%);
    transform: scaleX(0.98) scaleY(1.03) translateY(100%); }
  to {
    -webkit-transform: scaleX(1) scaleY(1) translateY(100%);
    transform: scaleX(1) scaleY(1) translateY(100%); } }

@-webkit-keyframes appearbounceTop {
  from {
    -webkit-transform: scaleX(0.51) scaleY(0.51) translateY(-100%);
    transform: scaleX(0.51) scaleY(0.51) translateY(-100%); }
  10% {
    -webkit-transform: scaleX(0.96) scaleY(1.1) translateY(-100%);
    transform: scaleX(0.96) scaleY(1.1) translateY(-100%); }
  30% {
    -webkit-transform: scaleX(1.05) scaleY(0.95) translateY(-100%);
    transform: scaleX(1.05) scaleY(0.95) translateY(-100%); }
  60% {
    -webkit-transform: scaleX(0.98) scaleY(1.03) translateY(-100%);
    transform: scaleX(0.98) scaleY(1.03) translateY(-100%); }
  to {
    -webkit-transform: scaleX(1) scaleY(1) translateY(-100%);
    transform: scaleX(1) scaleY(1) translateY(-100%); } }

@-moz-keyframes appearbounceTop {
  from {
    -webkit-transform: scaleX(0.51) scaleY(0.51) translateY(-100%);
    transform: scaleX(0.51) scaleY(0.51) translateY(-100%); }
  10% {
    -webkit-transform: scaleX(0.96) scaleY(1.1) translateY(-100%);
    transform: scaleX(0.96) scaleY(1.1) translateY(-100%); }
  30% {
    -webkit-transform: scaleX(1.05) scaleY(0.95) translateY(-100%);
    transform: scaleX(1.05) scaleY(0.95) translateY(-100%); }
  60% {
    -webkit-transform: scaleX(0.98) scaleY(1.03) translateY(-100%);
    transform: scaleX(0.98) scaleY(1.03) translateY(-100%); }
  to {
    -webkit-transform: scaleX(1) scaleY(1) translateY(-100%);
    transform: scaleX(1) scaleY(1) translateY(-100%); } }

@-o-keyframes appearbounceTop {
  from {
    -webkit-transform: scaleX(0.51) scaleY(0.51) translateY(-100%);
    transform: scaleX(0.51) scaleY(0.51) translateY(-100%); }
  10% {
    -webkit-transform: scaleX(0.96) scaleY(1.1) translateY(-100%);
    transform: scaleX(0.96) scaleY(1.1) translateY(-100%); }
  30% {
    -webkit-transform: scaleX(1.05) scaleY(0.95) translateY(-100%);
    transform: scaleX(1.05) scaleY(0.95) translateY(-100%); }
  60% {
    -webkit-transform: scaleX(0.98) scaleY(1.03) translateY(-100%);
    transform: scaleX(0.98) scaleY(1.03) translateY(-100%); }
  to {
    -webkit-transform: scaleX(1) scaleY(1) translateY(-100%);
    transform: scaleX(1) scaleY(1) translateY(-100%); } }

@keyframes appearbounceTop {
  from {
    -webkit-transform: scaleX(0.51) scaleY(0.51) translateY(-100%);
    transform: scaleX(0.51) scaleY(0.51) translateY(-100%); }
  10% {
    -webkit-transform: scaleX(0.96) scaleY(1.1) translateY(-100%);
    transform: scaleX(0.96) scaleY(1.1) translateY(-100%); }
  30% {
    -webkit-transform: scaleX(1.05) scaleY(0.95) translateY(-100%);
    transform: scaleX(1.05) scaleY(0.95) translateY(-100%); }
  60% {
    -webkit-transform: scaleX(0.98) scaleY(1.03) translateY(-100%);
    transform: scaleX(0.98) scaleY(1.03) translateY(-100%); }
  to {
    -webkit-transform: scaleX(1) scaleY(1) translateY(-100%);
    transform: scaleX(1) scaleY(1) translateY(-100%); } }

@-webkit-keyframes appearbounceCentre {
  from {
    -webkit-transform: scaleX(0.51) scaleY(0.51) translate(-50%, -50%);
    transform: scaleX(0.51) scaleY(0.51) translate(-50%, -50%); }
  10% {
    -webkit-transform: scaleX(0.96) scaleY(1.1) translate(-50%, -50%);
    transform: scaleX(0.96) scaleY(1.1) translate(-50%, -50%); }
  30% {
    -webkit-transform: scaleX(1.05) scaleY(0.95) translate(-50%, -50%);
    transform: scaleX(1.05) scaleY(0.95) translate(-50%, -50%); }
  60% {
    -webkit-transform: scaleX(0.98) scaleY(1.03) translate(-50%, -50%);
    transform: scaleX(0.98) scaleY(1.03) translate(-50%, -50%); }
  to {
    -webkit-transform: scaleX(1) scaleY(1) translate(-50%, -50%);
    transform: scaleX(1) scaleY(1) translate(-50%, -50%); } }

@-moz-keyframes appearbounceCentre {
  from {
    -webkit-transform: scaleX(0.51) scaleY(0.51) translate(-50%, -50%);
    transform: scaleX(0.51) scaleY(0.51) translate(-50%, -50%); }
  10% {
    -webkit-transform: scaleX(0.96) scaleY(1.1) translate(-50%, -50%);
    transform: scaleX(0.96) scaleY(1.1) translate(-50%, -50%); }
  30% {
    -webkit-transform: scaleX(1.05) scaleY(0.95) translate(-50%, -50%);
    transform: scaleX(1.05) scaleY(0.95) translate(-50%, -50%); }
  60% {
    -webkit-transform: scaleX(0.98) scaleY(1.03) translate(-50%, -50%);
    transform: scaleX(0.98) scaleY(1.03) translate(-50%, -50%); }
  to {
    -webkit-transform: scaleX(1) scaleY(1) translate(-50%, -50%);
    transform: scaleX(1) scaleY(1) translate(-50%, -50%); } }

@-o-keyframes appearbounceCentre {
  from {
    -webkit-transform: scaleX(0.51) scaleY(0.51) translate(-50%, -50%);
    transform: scaleX(0.51) scaleY(0.51) translate(-50%, -50%); }
  10% {
    -webkit-transform: scaleX(0.96) scaleY(1.1) translate(-50%, -50%);
    transform: scaleX(0.96) scaleY(1.1) translate(-50%, -50%); }
  30% {
    -webkit-transform: scaleX(1.05) scaleY(0.95) translate(-50%, -50%);
    transform: scaleX(1.05) scaleY(0.95) translate(-50%, -50%); }
  60% {
    -webkit-transform: scaleX(0.98) scaleY(1.03) translate(-50%, -50%);
    transform: scaleX(0.98) scaleY(1.03) translate(-50%, -50%); }
  to {
    -webkit-transform: scaleX(1) scaleY(1) translate(-50%, -50%);
    transform: scaleX(1) scaleY(1) translate(-50%, -50%); } }

@keyframes appearbounceCentre {
  from {
    -webkit-transform: scaleX(0.51) scaleY(0.51) translate(-50%, -50%);
    transform: scaleX(0.51) scaleY(0.51) translate(-50%, -50%); }
  10% {
    -webkit-transform: scaleX(0.96) scaleY(1.1) translate(-50%, -50%);
    transform: scaleX(0.96) scaleY(1.1) translate(-50%, -50%); }
  30% {
    -webkit-transform: scaleX(1.05) scaleY(0.95) translate(-50%, -50%);
    transform: scaleX(1.05) scaleY(0.95) translate(-50%, -50%); }
  60% {
    -webkit-transform: scaleX(0.98) scaleY(1.03) translate(-50%, -50%);
    transform: scaleX(0.98) scaleY(1.03) translate(-50%, -50%); }
  to {
    -webkit-transform: scaleX(1) scaleY(1) translate(-50%, -50%);
    transform: scaleX(1) scaleY(1) translate(-50%, -50%); } }

@-webkit-keyframes appearbounce2 {
  from {
    -webkit-transform: scaleX(0.51) scaleY(0.51);
    transform: scaleX(0.51) scaleY(0.51); }
  10% {
    -webkit-transform: scaleX(0.96) scaleY(1.1);
    transform: scaleX(0.96) scaleY(1.1); }
  30% {
    -webkit-transform: scaleX(1.05) scaleY(0.95);
    transform: scaleX(1.05) scaleY(0.95); }
  60% {
    -webkit-transform: scaleX(0.98) scaleY(1.03);
    transform: scaleX(0.98) scaleY(1.03); }
  to {
    -webkit-transform: scaleX(1) scaleY(1);
    transform: scaleX(1) scaleY(1); } }

@-moz-keyframes appearbounce2 {
  from {
    -webkit-transform: scaleX(0.51) scaleY(0.51);
    transform: scaleX(0.51) scaleY(0.51); }
  10% {
    -webkit-transform: scaleX(0.96) scaleY(1.1);
    transform: scaleX(0.96) scaleY(1.1); }
  30% {
    -webkit-transform: scaleX(1.05) scaleY(0.95);
    transform: scaleX(1.05) scaleY(0.95); }
  60% {
    -webkit-transform: scaleX(0.98) scaleY(1.03);
    transform: scaleX(0.98) scaleY(1.03); }
  to {
    -webkit-transform: scaleX(1) scaleY(1);
    transform: scaleX(1) scaleY(1); } }

@-o-keyframes appearbounce2 {
  from {
    -webkit-transform: scaleX(0.51) scaleY(0.51);
    transform: scaleX(0.51) scaleY(0.51); }
  10% {
    -webkit-transform: scaleX(0.96) scaleY(1.1);
    transform: scaleX(0.96) scaleY(1.1); }
  30% {
    -webkit-transform: scaleX(1.05) scaleY(0.95);
    transform: scaleX(1.05) scaleY(0.95); }
  60% {
    -webkit-transform: scaleX(0.98) scaleY(1.03);
    transform: scaleX(0.98) scaleY(1.03); }
  to {
    -webkit-transform: scaleX(1) scaleY(1);
    transform: scaleX(1) scaleY(1); } }

@keyframes appearbounce2 {
  from {
    -webkit-transform: scaleX(0.51) scaleY(0.51);
    transform: scaleX(0.51) scaleY(0.51); }
  10% {
    -webkit-transform: scaleX(0.96) scaleY(1.1);
    transform: scaleX(0.96) scaleY(1.1); }
  30% {
    -webkit-transform: scaleX(1.05) scaleY(0.95);
    transform: scaleX(1.05) scaleY(0.95); }
  60% {
    -webkit-transform: scaleX(0.98) scaleY(1.03);
    transform: scaleX(0.98) scaleY(1.03); }
  to {
    -webkit-transform: scaleX(1) scaleY(1);
    transform: scaleX(1) scaleY(1); } }

.fade-in {
  -webkit-animation-delay: 0.2s;
  -webkit-animation-duration: 1s;
  -webkit-animation-name: fadein;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease;
  -moz-animation-delay: 0.2s;
  -moz-animation-duration: 1s;
  -moz-animation-name: fadein;
  -moz-animation-fill-mode: forwards;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease;
  -o-animation-delay: 0.2s;
  -o-animation-duration: 1s;
  -o-animation-name: fadein;
  -o-animation-fill-mode: forwards;
  -o-animation-iteration-count: 1;
  -o-animation-timing-function: ease;
  animation-delay: 0.2s;
  animation-duration: 1s;
  animation-name: fadein;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-timing-function: ease; }

.clr:after {
  content: "";
  display: block;
  clear: both;
  width: 100%;
  height: 0; }

:focus {
  outline: 0 !important; }

::-moz-focus-inner {
  border: 0 !important; }

#page {
  position: relative;
  padding-top: 60.72px;
  min-height: 100%; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    #page {
      padding-top: 66px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    #page {
      padding-top: 73.04px; } }
  @media screen and (min-width: 1700px) {
    #page {
      padding-top: 88px; } }

#page.freeze {
  overflow: hidden;
  height: 100%;
  width: 100%;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding-bottom: 60.72px; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    #page.freeze {
      padding-bottom: 66px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    #page.freeze {
      padding-bottom: 73.04px; } }
  @media screen and (min-width: 1700px) {
    #page.freeze {
      padding-bottom: 88px; } }

.pageWidth {
  display: block;
  margin: auto;
  max-width: 1500px;
  padding-left: 20.7px;
  padding-right: 20.7px; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .pageWidth {
      padding-left: 22.5px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .pageWidth {
      padding-left: 24.9px; } }
  @media screen and (min-width: 1700px) {
    .pageWidth {
      padding-left: 30px; } }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .pageWidth {
      padding-right: 22.5px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .pageWidth {
      padding-right: 24.9px; } }
  @media screen and (min-width: 1700px) {
    .pageWidth {
      padding-right: 30px; } }
  @media screen and (max-width: 649px) {
    .pageWidth {
      padding-left: 8px;
      padding-right: 8px; } }

hr {
  display: block;
  clear: both;
  height: 17.25px;
  border: 0;
  width: 100%; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    hr {
      height: 18.75px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    hr {
      height: 20.75px; } }
  @media screen and (min-width: 1700px) {
    hr {
      height: 25px; } }
  hr:after {
    content: "";
    display: block;
    clear: both;
    width: 100%;
    height: 0; }

small hr {
  height: 6.9px; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    small hr {
      height: 7.5px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    small hr {
      height: 8.3px; } }
  @media screen and (min-width: 1700px) {
    small hr {
      height: 10px; } }

table {
  border-spacing: 0; }

a {
  font-weight: 500; }

    a:link,
    a:visited,
    a:active {
        color: #5b6771;
    }

    a:hover {
        color: #5b6771;
    }

i {
  border-radius: 4px;
  -webkit-border-radius: 4px; }

i, i svg {
  width: 100%;
  height: 100%;
  max-height: 200px;
  display: inline-block; }

i[data-bgicon] {
  width: auto;
  height: auto;
  padding: 0;
  display: inline-block;
  min-width: 1.5em;
  min-height: 1.5em;
  background-repeat: no-repeat !important;
  background-size: contain;
  vertical-align: bottom;
  background-position: center; }

i.icon {
  width: 1.4em;
  height: 1.4em;
  vertical-align: middle;
  display: inline-block; }

@-webkit-keyframes spinme {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-moz-keyframes spinme {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-o-keyframes spinme {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes spinme {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes spinmebackwards {
  from {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); }
  to {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); } }

@-moz-keyframes spinmebackwards {
  from {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); }
  to {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); } }

@-o-keyframes spinmebackwards {
  from {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); }
  to {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); } }

@keyframes spinmebackwards {
  from {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); }
  to {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); } }

.spinner {
  max-width: 150px;
  margin-left: auto;
  display: block;
  margin-right: auto;
  -webkit-animation-delay: 0;
  -webkit-animation-duration: 3s;
  -webkit-animation-name: spinme;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-delay: 0;
  -moz-animation-duration: 3s;
  -moz-animation-name: spinme;
  -moz-animation-fill-mode: forwards;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -o-animation-delay: 0;
  -o-animation-duration: 3s;
  -o-animation-name: spinme;
  -o-animation-fill-mode: forwards;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear;
  animation-delay: 0;
  animation-duration: 3s;
  animation-name: spinme;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear; }

.spin {
  -webkit-animation-delay: 0;
  -webkit-animation-duration: 3s;
  -webkit-animation-name: spinme;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-delay: 0;
  -moz-animation-duration: 3s;
  -moz-animation-name: spinme;
  -moz-animation-fill-mode: forwards;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -o-animation-delay: 0;
  -o-animation-duration: 3s;
  -o-animation-name: spinme;
  -o-animation-fill-mode: forwards;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear;
  animation-delay: 0;
  animation-duration: 3s;
  animation-name: spinme;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear; }

.spinbackwards {
  -webkit-animation-delay: 0;
  -webkit-animation-duration: 3s;
  -webkit-animation-name: spinmebackwards;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-delay: 0;
  -moz-animation-duration: 3s;
  -moz-animation-name: spinmebackwards;
  -moz-animation-fill-mode: forwards;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -o-animation-delay: 0;
  -o-animation-duration: 3s;
  -o-animation-name: spinmebackwards;
  -o-animation-fill-mode: forwards;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear;
  animation-delay: 0;
  animation-duration: 3s;
  animation-name: spinmebackwards;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear; }

p + p {
  margin-top: 0.8em; }

ol, ul {
  list-style: none; }

.fadeAway {
  opacity: 1;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transition: opacity 3s;
  will-change: transform;
  transform: translateZ(0); }

#habla_window_div {
  z-index: 2 !important; }

img[width="1"][height="1"] {
  position: absolute; }

footer {
  background-color: #687473;
  color: #b8c6c5;
  text-align: center;
  position: relative; }

footer a:link, footer a:visited, footer a:hover, footer a:active {
  color: #d8e6e6; }

.errorball {
  background-color: #9e1b32;
  border-radius: 100%;
  padding: 2em;
  width: 15em;
  height: 15em;
  margin: 1em auto 1em auto; }

body {
  font-size: 10.005px;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 400; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    body {
      font-size: 10.875px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    body {
      font-size: 12.035px; } }
  @media screen and (min-width: 1700px) {
    body {
      font-size: 14.5px; } }

h1 {
  font-size: 22.08px;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 800;
  margin-bottom: 0.3em; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    h1 {
      font-size: 24px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    h1 {
      font-size: 26.56px; } }
  @media screen and (min-width: 1700px) {
    h1 {
      font-size: 32px; } }

h1.smaller_h1 {
  font-size: 15.18px; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    h1.smaller_h1 {
      font-size: 16.5px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    h1.smaller_h1 {
      font-size: 18.26px; } }
  @media screen and (min-width: 1700px) {
    h1.smaller_h1 {
      font-size: 22px; } }

h2 {
  font-size: 15.18px;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 400; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    h2 {
      font-size: 16.5px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    h2 {
      font-size: 18.26px; } }
  @media screen and (min-width: 1700px) {
    h2 {
      font-size: 22px; } }

h2 b {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 800; }

h3 {
  font-size: 12.42px;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 300; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    h3 {
      font-size: 13.5px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    h3 {
      font-size: 14.94px; } }
  @media screen and (min-width: 1700px) {
    h3 {
      font-size: 18px; } }

h3 b {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 400; }

h4 {
  letter-spacing: -0.02em;
  font-size: 10.35px;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 300;
  color: #314656;
  line-height: 1em;
  margin: 0.5em 0; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    h4 {
      font-size: 11.25px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    h4 {
      font-size: 12.45px; } }
  @media screen and (min-width: 1700px) {
    h4 {
      font-size: 15px; } }

@media screen and (max-width: 649px) {
  h1, h2, h3, h4 {
    text-align: center;
    display: block; } }

small {
  font-size: 9.315px;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 400;
  line-height: 1.4em;
  display: block; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    small {
      font-size: 10.125px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    small {
      font-size: 11.205px; } }
  @media screen and (min-width: 1700px) {
    small {
      font-size: 13.5px; } }

b {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 800; }

@-webkit-keyframes pulseblue {
  from {
    background-color: #687473; }
  50% {
    background-color: #b8c6c5; }
  to {
    background-color: #687473; } }

@-moz-keyframes pulseblue {
  from {
    background-color: #687473; }
  50% {
    background-color: #b8c6c5; }
  to {
    background-color: #687473; } }

@-o-keyframes pulseblue {
  from {
    background-color: #687473; }
  50% {
    background-color: #b8c6c5; }
  to {
    background-color: #687473; } }

@keyframes pulseblue {
  from {
    background-color: #687473; }
  50% {
    background-color: #b8c6c5; }
  to {
    background-color: #687473; } }

@-webkit-keyframes pulsegrey {
  from {
    background-color: #b8c6c5; }
  50% {
    background-color: #ffffff; }
  to {
    background-color: #b8c6c5; } }

@-moz-keyframes pulsegrey {
  from {
    background-color: #b8c6c5; }
  50% {
    background-color: #ffffff; }
  to {
    background-color: #b8c6c5; } }

@-o-keyframes pulsegrey {
  from {
    background-color: #b8c6c5; }
  50% {
    background-color: #ffffff; }
  to {
    background-color: #b8c6c5; } }

@keyframes pulsegrey {
  from {
    background-color: #b8c6c5; }
  50% {
    background-color: #ffffff; }
  to {
    background-color: #b8c6c5; } }

@-webkit-keyframes pulsebluehover {
  from {
    background-color: #b8c6c5;
    box-shadow: 0 0 0 0 rgba(36, 103, 117, 0.2), 0 0 0 1px rgba(36, 103, 117, 0.1); }
  50% {
    background-color: #d8e6e6;
    box-shadow: 0 0 3px 2px rgba(36, 103, 117, 0.4), 0 0 3px 4px rgba(36, 103, 117, 0.2); }
  to {
    background-color: #b8c6c5;
    box-shadow: 0 0 0 0 rgba(36, 103, 117, 0.2), 0 0 0 1px rgba(36, 103, 117, 0.1); } }

@-moz-keyframes pulsebluehover {
  from {
    background-color: #b8c6c5;
    box-shadow: 0 0 0 0 rgba(36, 103, 117, 0.2), 0 0 0 1px rgba(36, 103, 117, 0.1); }
  50% {
    background-color: #d8e6e6;
    box-shadow: 0 0 3px 2px rgba(36, 103, 117, 0.4), 0 0 3px 4px rgba(36, 103, 117, 0.2); }
  to {
    background-color: #b8c6c5;
    box-shadow: 0 0 0 0 rgba(36, 103, 117, 0.2), 0 0 0 1px rgba(36, 103, 117, 0.1); } }

@-o-keyframes pulsebluehover {
  from {
    background-color: #b8c6c5;
    box-shadow: 0 0 0 0 rgba(36, 103, 117, 0.2), 0 0 0 1px rgba(36, 103, 117, 0.1); }
  50% {
    background-color: #d8e6e6;
    box-shadow: 0 0 3px 2px rgba(36, 103, 117, 0.4), 0 0 3px 4px rgba(36, 103, 117, 0.2); }
  to {
    background-color: #b8c6c5;
    box-shadow: 0 0 0 0 rgba(36, 103, 117, 0.2), 0 0 0 1px rgba(36, 103, 117, 0.1); } }

@keyframes pulsebluehover {
  from {
    background-color: #b8c6c5;
    box-shadow: 0 0 0 0 rgba(36, 103, 117, 0.2), 0 0 0 1px rgba(36, 103, 117, 0.1); }
  50% {
    background-color: #d8e6e6;
    box-shadow: 0 0 3px 2px rgba(36, 103, 117, 0.4), 0 0 3px 4px rgba(36, 103, 117, 0.2); }
  to {
    background-color: #b8c6c5;
    box-shadow: 0 0 0 0 rgba(36, 103, 117, 0.2), 0 0 0 1px rgba(36, 103, 117, 0.1); } }

@-webkit-keyframes pulsegreyhover {
  from {
    background-color: #b8c6c5;
    box-shadow: 0 0 0 0 rgba(36, 103, 117, 0.2), 0 0 0 1px rgba(36, 103, 117, 0.1); }
  50% {
    background-color: #d8e6e6;
    box-shadow: 0 0 3px 2px rgba(36, 103, 117, 0.4), 0 0 3px 4px rgba(36, 103, 117, 0.2); }
  to {
    background-color: #b8c6c5;
    box-shadow: 0 0 0 0 rgba(36, 103, 117, 0.2), 0 0 0 1px rgba(36, 103, 117, 0.1); } }

@-moz-keyframes pulsegreyhover {
  from {
    background-color: #b8c6c5;
    box-shadow: 0 0 0 0 rgba(36, 103, 117, 0.2), 0 0 0 1px rgba(36, 103, 117, 0.1); }
  50% {
    background-color: #d8e6e6;
    box-shadow: 0 0 3px 2px rgba(36, 103, 117, 0.4), 0 0 3px 4px rgba(36, 103, 117, 0.2); }
  to {
    background-color: #b8c6c5;
    box-shadow: 0 0 0 0 rgba(36, 103, 117, 0.2), 0 0 0 1px rgba(36, 103, 117, 0.1); } }

@-o-keyframes pulsegreyhover {
  from {
    background-color: #b8c6c5;
    box-shadow: 0 0 0 0 rgba(36, 103, 117, 0.2), 0 0 0 1px rgba(36, 103, 117, 0.1); }
  50% {
    background-color: #d8e6e6;
    box-shadow: 0 0 3px 2px rgba(36, 103, 117, 0.4), 0 0 3px 4px rgba(36, 103, 117, 0.2); }
  to {
    background-color: #b8c6c5;
    box-shadow: 0 0 0 0 rgba(36, 103, 117, 0.2), 0 0 0 1px rgba(36, 103, 117, 0.1); } }

@keyframes pulsegreyhover {
  from {
    background-color: #b8c6c5;
    box-shadow: 0 0 0 0 rgba(36, 103, 117, 0.2), 0 0 0 1px rgba(36, 103, 117, 0.1); }
  50% {
    background-color: #d8e6e6;
    box-shadow: 0 0 3px 2px rgba(36, 103, 117, 0.4), 0 0 3px 4px rgba(36, 103, 117, 0.2); }
  to {
    background-color: #b8c6c5;
    box-shadow: 0 0 0 0 rgba(36, 103, 117, 0.2), 0 0 0 1px rgba(36, 103, 117, 0.1); } }

@-webkit-keyframes focusing {
  from {
    box-shadow: 0 0 0 0 rgba(36, 103, 117, 0.2), 0 0 0 1px rgba(36, 103, 117, 0.1); }
  50% {
    box-shadow: 0 0 3px 2px rgba(36, 103, 117, 0.4), 0 0 3px 4px rgba(36, 103, 117, 0.2); }
  to {
    box-shadow: 0 0 0 0 rgba(36, 103, 117, 0.2), 0 0 0 1px rgba(36, 103, 117, 0.1); } }

@-moz-keyframes focusing {
  from {
    box-shadow: 0 0 0 0 rgba(36, 103, 117, 0.2), 0 0 0 1px rgba(36, 103, 117, 0.1); }
  50% {
    box-shadow: 0 0 3px 2px rgba(36, 103, 117, 0.4), 0 0 3px 4px rgba(36, 103, 117, 0.2); }
  to {
    box-shadow: 0 0 0 0 rgba(36, 103, 117, 0.2), 0 0 0 1px rgba(36, 103, 117, 0.1); } }

@-o-keyframes focusing {
  from {
    box-shadow: 0 0 0 0 rgba(36, 103, 117, 0.2), 0 0 0 1px rgba(36, 103, 117, 0.1); }
  50% {
    box-shadow: 0 0 3px 2px rgba(36, 103, 117, 0.4), 0 0 3px 4px rgba(36, 103, 117, 0.2); }
  to {
    box-shadow: 0 0 0 0 rgba(36, 103, 117, 0.2), 0 0 0 1px rgba(36, 103, 117, 0.1); } }

@keyframes focusing {
  from {
    box-shadow: 0 0 0 0 rgba(36, 103, 117, 0.2), 0 0 0 1px rgba(36, 103, 117, 0.1); }
  50% {
    box-shadow: 0 0 3px 2px rgba(36, 103, 117, 0.4), 0 0 3px 4px rgba(36, 103, 117, 0.2); }
  to {
    box-shadow: 0 0 0 0 rgba(36, 103, 117, 0.2), 0 0 0 1px rgba(36, 103, 117, 0.1); } }

@-webkit-keyframes droperror {
  0% {
    margin-top: -10px;
    opacity: 0; }
  50% {
    margin-top: 4px;
    opacity: 1; }
  70% {
    margin-top: 6px; }
  100% {
    margin-top: 5px; } }

@-moz-keyframes droperror {
  0% {
    margin-top: -10px;
    opacity: 0; }
  50% {
    margin-top: 4px;
    opacity: 1; }
  70% {
    margin-top: 6px; }
  100% {
    margin-top: 5px; } }

@-o-keyframes droperror {
  0% {
    margin-top: -10px;
    opacity: 0; }
  50% {
    margin-top: 4px;
    opacity: 1; }
  70% {
    margin-top: 6px; }
  100% {
    margin-top: 5px; } }

@keyframes droperror {
  0% {
    margin-top: -10px;
    opacity: 0; }
  50% {
    margin-top: 4px;
    opacity: 1; }
  70% {
    margin-top: 6px; }
  100% {
    margin-top: 5px; } }

@-webkit-keyframes removeerror {
  0% {
    min-height: 10px; }
  50% {
    min-height: 2px; }
  70% {
    min-height: 0; }
  100% {
    min-height: 1px; } }

@-moz-keyframes removeerror {
  0% {
    min-height: 10px; }
  50% {
    min-height: 2px; }
  70% {
    min-height: 0; }
  100% {
    min-height: 1px; } }

@-o-keyframes removeerror {
  0% {
    min-height: 10px; }
  50% {
    min-height: 2px; }
  70% {
    min-height: 0; }
  100% {
    min-height: 1px; } }

@keyframes removeerror {
  0% {
    min-height: 10px; }
  50% {
    min-height: 2px; }
  70% {
    min-height: 0; }
  100% {
    min-height: 1px; } }

@-webkit-keyframes animatebg0 {
  0% {
    background-position: 200% 50%;
    background-position-x: 200%; }
  50% {
    background-position: 98% 50%;
    background-position-x: 98%; }
  70% {
    background-position: 101% 50%;
    background-position-x: 101%; }
  100% {
    background-position: 100% 50%;
    background-position-x: 100%; } }

@-moz-keyframes animatebg0 {
  0% {
    background-position: 200% 50%;
    background-position-x: 200%; }
  50% {
    background-position: 98% 50%;
    background-position-x: 98%; }
  70% {
    background-position: 101% 50%;
    background-position-x: 101%; }
  100% {
    background-position: 100% 50%;
    background-position-x: 100%; } }

@-o-keyframes animatebg0 {
  0% {
    background-position: 200% 50%;
    background-position-x: 200%; }
  50% {
    background-position: 98% 50%;
    background-position-x: 98%; }
  70% {
    background-position: 101% 50%;
    background-position-x: 101%; }
  100% {
    background-position: 100% 50%;
    background-position-x: 100%; } }

@keyframes animatebg0 {
  0% {
    background-position: 200% 50%;
    background-position-x: 200%; }
  50% {
    background-position: 98% 50%;
    background-position-x: 98%; }
  70% {
    background-position: 101% 50%;
    background-position-x: 101%; }
  100% {
    background-position: 100% 50%;
    background-position-x: 100%; } }

@-webkit-keyframes animatebg1 {
  0% {
    background-position: 200% 50%;
    background-position-x: 200%; }
  50% {
    background-position: 98% 50%;
    background-position-x: 98%; }
  70% {
    background-position: 101% 50%;
    background-position-x: 101%; }
  100% {
    background-position: 100% 50%;
    background-position-x: 100%; } }

@-moz-keyframes animatebg1 {
  0% {
    background-position: 200% 50%;
    background-position-x: 200%; }
  50% {
    background-position: 98% 50%;
    background-position-x: 98%; }
  70% {
    background-position: 101% 50%;
    background-position-x: 101%; }
  100% {
    background-position: 100% 50%;
    background-position-x: 100%; } }

@-o-keyframes animatebg1 {
  0% {
    background-position: 200% 50%;
    background-position-x: 200%; }
  50% {
    background-position: 98% 50%;
    background-position-x: 98%; }
  70% {
    background-position: 101% 50%;
    background-position-x: 101%; }
  100% {
    background-position: 100% 50%;
    background-position-x: 100%; } }

@keyframes animatebg1 {
  0% {
    background-position: 200% 50%;
    background-position-x: 200%; }
  50% {
    background-position: 98% 50%;
    background-position-x: 98%; }
  70% {
    background-position: 101% 50%;
    background-position-x: 101%; }
  100% {
    background-position: 100% 50%;
    background-position-x: 100%; } }

@-webkit-keyframes animatebg2 {
  0% {
    background-position: 200% 50%;
    background-position-x: 200%; }
  50% {
    background-position: 98% 50%;
    background-position-x: 98%; }
  70% {
    background-position: 101% 50%;
    background-position-x: 101%; }
  100% {
    background-position: 100% 50%;
    background-position-x: 100%; } }

@-moz-keyframes animatebg2 {
  0% {
    background-position: 200% 50%;
    background-position-x: 200%; }
  50% {
    background-position: 98% 50%;
    background-position-x: 98%; }
  70% {
    background-position: 101% 50%;
    background-position-x: 101%; }
  100% {
    background-position: 100% 50%;
    background-position-x: 100%; } }

@-o-keyframes animatebg2 {
  0% {
    background-position: 200% 50%;
    background-position-x: 200%; }
  50% {
    background-position: 98% 50%;
    background-position-x: 98%; }
  70% {
    background-position: 101% 50%;
    background-position-x: 101%; }
  100% {
    background-position: 100% 50%;
    background-position-x: 100%; } }

@keyframes animatebg2 {
  0% {
    background-position: 200% 50%;
    background-position-x: 200%; }
  50% {
    background-position: 98% 50%;
    background-position-x: 98%; }
  70% {
    background-position: 101% 50%;
    background-position-x: 101%; }
  100% {
    background-position: 100% 50%;
    background-position-x: 100%; } }

textarea:focus, input:focus, button:focus, a:focus {
  box-shadow: 0 0 0 4px #246775;
  border-radius: 4px;
  -webkit-animation-delay: 0s;
  -webkit-animation-duration: 0.6s;
  -webkit-animation-name: focusing;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease;
  -moz-animation-delay: 0s;
  -moz-animation-duration: 0.6s;
  -moz-animation-name: focusing;
  -moz-animation-fill-mode: forwards;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: ease;
  -o-animation-delay: 0s;
  -o-animation-duration: 0.6s;
  -o-animation-name: focusing;
  -o-animation-fill-mode: forwards;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: ease;
  animation-delay: 0s;
  animation-duration: 0.6s;
  animation-name: focusing;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: ease; }

select:focus {
  -webkit-animation-delay: 0s;
  -webkit-animation-duration: 0.6s;
  -webkit-animation-name: selectfocusing;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease;
  -moz-animation-delay: 0s;
  -moz-animation-duration: 0.6s;
  -moz-animation-name: selectfocusing;
  -moz-animation-fill-mode: forwards;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: ease;
  -o-animation-delay: 0s;
  -o-animation-duration: 0.6s;
  -o-animation-name: selectfocusing;
  -o-animation-fill-mode: forwards;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: ease;
  animation-delay: 0s;
  animation-duration: 0.6s;
  animation-name: selectfocusing;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: ease; }

select option:disabled {
  color: #0e293e;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 500; }

select option:disabled {
  color: #b8c6c5;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 300; }

[data-validateme][data-bgicon=tick] {
  -webkit-animation-delay: 0s;
  -webkit-animation-duration: 0.6s;
  -webkit-animation-name: animatebg0;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease;
  -moz-animation-delay: 0s;
  -moz-animation-duration: 0.6s;
  -moz-animation-name: animatebg0;
  -moz-animation-fill-mode: forwards;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease;
  -o-animation-delay: 0s;
  -o-animation-duration: 0.6s;
  -o-animation-name: animatebg0;
  -o-animation-fill-mode: forwards;
  -o-animation-iteration-count: 1;
  -o-animation-timing-function: ease;
  animation-delay: 0s;
  animation-duration: 0.6s;
  animation-name: animatebg0;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-timing-function: ease; }

[data-validateme][data-bgicon=cross] {
  -webkit-animation-delay: 0s;
  -webkit-animation-duration: 0.6s;
  -webkit-animation-name: animatebg1;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease;
  -moz-animation-delay: 0s;
  -moz-animation-duration: 0.6s;
  -moz-animation-name: animatebg1;
  -moz-animation-fill-mode: forwards;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease;
  -o-animation-delay: 0s;
  -o-animation-duration: 0.6s;
  -o-animation-name: animatebg1;
  -o-animation-fill-mode: forwards;
  -o-animation-iteration-count: 1;
  -o-animation-timing-function: ease;
  animation-delay: 0s;
  animation-duration: 0.6s;
  animation-name: animatebg1;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-timing-function: ease; }

[data-bgicon=validating] {
  -webkit-animation-delay: 0s;
  -webkit-animation-duration: 0.6s;
  -webkit-animation-name: animatebg2;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease;
  -moz-animation-delay: 0s;
  -moz-animation-duration: 0.6s;
  -moz-animation-name: animatebg2;
  -moz-animation-fill-mode: forwards;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease;
  -o-animation-delay: 0s;
  -o-animation-duration: 0.6s;
  -o-animation-name: animatebg2;
  -o-animation-fill-mode: forwards;
  -o-animation-iteration-count: 1;
  -o-animation-timing-function: ease;
  animation-delay: 0s;
  animation-duration: 0.6s;
  animation-name: animatebg2;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-timing-function: ease; }

[data-validateme]::-ms-clear {
  width: 0;
  height: 0; }

[data-validateme][data-bgicon=tick]:focus {
  -webkit-animation-delay: 0s, 0s;
  -webkit-animation-duration: 0.6s, 0.6s;
  -webkit-animation-name: animatebg0, focusing;
  -webkit-animation-fill-mode: forwards,forwards;
  -webkit-animation-iteration-count: 1, infinite;
  -webkit-animation-timing-function: ease, ease;
  -moz-animation-delay: 0s, 0s;
  -moz-animation-duration: 0.6s, 0.6s;
  -moz-animation-name: animatebg0, focusing;
  -moz-animation-fill-mode: forwards,forwards;
  -moz-animation-iteration-count: 1, infinite;
  -moz-animation-timing-function: ease, ease;
  -o-animation-delay: 0s, 0s;
  -o-animation-duration: 0.6s, 0.6s;
  -o-animation-name: animatebg0, focusing;
  -o-animation-fill-mode: forwards,forwards;
  -o-animation-iteration-count: 1, infinite;
  -o-animation-timing-function: ease, ease;
  animation-delay: 0s, 0s;
  animation-duration: 0.6s, 0.6s;
  animation-name: animatebg0, focusing;
  animation-fill-mode: forwards,forwards;
  animation-iteration-count: 1, infinite;
  animation-timing-function: ease, ease; }

[data-validateme][data-bgicon=cross]:focus {
  -webkit-animation-delay: 0s, 0s;
  -webkit-animation-duration: 0.6s, 0.6s;
  -webkit-animation-name: animatebg1, focusing;
  -webkit-animation-fill-mode: forwards,forwards;
  -webkit-animation-iteration-count: 1, infinite;
  -webkit-animation-timing-function: ease, ease;
  -moz-animation-delay: 0s, 0s;
  -moz-animation-duration: 0.6s, 0.6s;
  -moz-animation-name: animatebg1, focusing;
  -moz-animation-fill-mode: forwards,forwards;
  -moz-animation-iteration-count: 1, infinite;
  -moz-animation-timing-function: ease, ease;
  -o-animation-delay: 0s, 0s;
  -o-animation-duration: 0.6s, 0.6s;
  -o-animation-name: animatebg1, focusing;
  -o-animation-fill-mode: forwards,forwards;
  -o-animation-iteration-count: 1, infinite;
  -o-animation-timing-function: ease, ease;
  animation-delay: 0s, 0s;
  animation-duration: 0.6s, 0.6s;
  animation-name: animatebg1, focusing;
  animation-fill-mode: forwards,forwards;
  animation-iteration-count: 1, infinite;
  animation-timing-function: ease, ease; }

[data-validateme][data-bgicon=validating]:focus {
  -webkit-animation-delay: 0s, 0s;
  -webkit-animation-duration: 0.6s, 0.6s;
  -webkit-animation-name: animatebg2, focusing;
  -webkit-animation-fill-mode: forwards,forwards;
  -webkit-animation-iteration-count: 1, infinite;
  -webkit-animation-timing-function: ease, ease;
  -moz-animation-delay: 0s, 0s;
  -moz-animation-duration: 0.6s, 0.6s;
  -moz-animation-name: animatebg2, focusing;
  -moz-animation-fill-mode: forwards,forwards;
  -moz-animation-iteration-count: 1, infinite;
  -moz-animation-timing-function: ease, ease;
  -o-animation-delay: 0s, 0s;
  -o-animation-duration: 0.6s, 0.6s;
  -o-animation-name: animatebg2, focusing;
  -o-animation-fill-mode: forwards,forwards;
  -o-animation-iteration-count: 1, infinite;
  -o-animation-timing-function: ease, ease;
  animation-delay: 0s, 0s;
  animation-duration: 0.6s, 0.6s;
  animation-name: animatebg2, focusing;
  animation-fill-mode: forwards,forwards;
  animation-iteration-count: 1, infinite;
  animation-timing-function: ease, ease; }

select[data-validateme][data-bgicon=tick]:focus {
  -webkit-animation-delay: 0s, 0s;
  -webkit-animation-duration: 0.6s, 0.6s;
  -webkit-animation-name: animatebg0, selectfocusing;
  -webkit-animation-fill-mode: forwards,forwards;
  -webkit-animation-iteration-count: 1, infinite;
  -webkit-animation-timing-function: ease, ease;
  -moz-animation-delay: 0s, 0s;
  -moz-animation-duration: 0.6s, 0.6s;
  -moz-animation-name: animatebg0, selectfocusing;
  -moz-animation-fill-mode: forwards,forwards;
  -moz-animation-iteration-count: 1, infinite;
  -moz-animation-timing-function: ease, ease;
  -o-animation-delay: 0s, 0s;
  -o-animation-duration: 0.6s, 0.6s;
  -o-animation-name: animatebg0, selectfocusing;
  -o-animation-fill-mode: forwards,forwards;
  -o-animation-iteration-count: 1, infinite;
  -o-animation-timing-function: ease, ease;
  animation-delay: 0s, 0s;
  animation-duration: 0.6s, 0.6s;
  animation-name: animatebg0, selectfocusing;
  animation-fill-mode: forwards,forwards;
  animation-iteration-count: 1, infinite;
  animation-timing-function: ease, ease; }

select[data-validateme][data-bgicon=cross]:focus {
  -webkit-animation-delay: 0s, 0s;
  -webkit-animation-duration: 0.6s, 0.6s;
  -webkit-animation-name: animatebg1, selectfocusing;
  -webkit-animation-fill-mode: forwards,forwards;
  -webkit-animation-iteration-count: 1, infinite;
  -webkit-animation-timing-function: ease, ease;
  -moz-animation-delay: 0s, 0s;
  -moz-animation-duration: 0.6s, 0.6s;
  -moz-animation-name: animatebg1, selectfocusing;
  -moz-animation-fill-mode: forwards,forwards;
  -moz-animation-iteration-count: 1, infinite;
  -moz-animation-timing-function: ease, ease;
  -o-animation-delay: 0s, 0s;
  -o-animation-duration: 0.6s, 0.6s;
  -o-animation-name: animatebg1, selectfocusing;
  -o-animation-fill-mode: forwards,forwards;
  -o-animation-iteration-count: 1, infinite;
  -o-animation-timing-function: ease, ease;
  animation-delay: 0s, 0s;
  animation-duration: 0.6s, 0.6s;
  animation-name: animatebg1, selectfocusing;
  animation-fill-mode: forwards,forwards;
  animation-iteration-count: 1, infinite;
  animation-timing-function: ease, ease; }

[data-mousetouch="mouse"] button:hover:not([disabled]):not(:active),
[data-mousetouch="mouse"] a.btn:hover:not([disabled]):not(:active),
[data-mousetouch="mouse"] input[type="button"]:hover:not([disabled]):not(:active),
[data-mousetouch="mouse"] input[type="submit"]:hover:not([disabled]):not(:active),
[data-mousetouch="mouse"] a.bigSelector:hover:not([disabled]):not(:active) {
  -webkit-animation-delay: 0s;
  -webkit-animation-duration: 0.6s;
  -webkit-animation-name: pulsegrey;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease;
  -moz-animation-delay: 0s;
  -moz-animation-duration: 0.6s;
  -moz-animation-name: pulsegrey;
  -moz-animation-fill-mode: forwards;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: ease;
  -o-animation-delay: 0s;
  -o-animation-duration: 0.6s;
  -o-animation-name: pulsegrey;
  -o-animation-fill-mode: forwards;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: ease;
  animation-delay: 0s;
  animation-duration: 0.6s;
  animation-name: pulsegrey;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: ease; }

button:focus:not([disabled]):not(:active),
a.btn:focus:not([disabled]):not(:active),
input[type="button"]:focus:not([disabled]):not(:active),
input[type="submit"]:focus:not([disabled]):not(:active),
button:hover:focus:not([disabled]):not(:active),
a.btn:hover:focus:not([disabled]):not(:active),
input[type="button"]:hover:focus:not([disabled]):not(:active),
input[type="submit"]:hover:focus:not([disabled]):not(:active) {
  background-color: #b8c6c5;
  -webkit-animation-delay: 0s;
  -webkit-animation-duration: 0.6s;
  -webkit-animation-name: pulsegreyhover;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease;
  -moz-animation-delay: 0s;
  -moz-animation-duration: 0.6s;
  -moz-animation-name: pulsegreyhover;
  -moz-animation-fill-mode: forwards;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: ease;
  -o-animation-delay: 0s;
  -o-animation-duration: 0.6s;
  -o-animation-name: pulsegreyhover;
  -o-animation-fill-mode: forwards;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: ease;
  animation-delay: 0s;
  animation-duration: 0.6s;
  animation-name: pulsegreyhover;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: ease; }

.formError {
  -webkit-animation-delay: 0s;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-name: droperror;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease;
  -moz-animation-delay: 0s;
  -moz-animation-duration: 0.5s;
  -moz-animation-name: droperror;
  -moz-animation-fill-mode: forwards;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease;
  -o-animation-delay: 0s;
  -o-animation-duration: 0.5s;
  -o-animation-name: droperror;
  -o-animation-fill-mode: forwards;
  -o-animation-iteration-count: 1;
  -o-animation-timing-function: ease;
  animation-delay: 0s;
  animation-duration: 0.5s;
  animation-name: droperror;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-timing-function: ease; }

.formError:empty {
  -webkit-animation-delay: 0s;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-name: removeerror;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease;
  -moz-animation-delay: 0s;
  -moz-animation-duration: 0.5s;
  -moz-animation-name: removeerror;
  -moz-animation-fill-mode: forwards;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease;
  -o-animation-delay: 0s;
  -o-animation-duration: 0.5s;
  -o-animation-name: removeerror;
  -o-animation-fill-mode: forwards;
  -o-animation-iteration-count: 1;
  -o-animation-timing-function: ease;
  animation-delay: 0s;
  animation-duration: 0.5s;
  animation-name: removeerror;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-timing-function: ease; }

button,
a.btn,
input[type="button"],
input[type="submit"] {
    display: inline-block;
    border-width: 1px;
    border-style: solid;
    border-color: #5b6771;
    background-color: #5b6771;
    cursor: pointer;
    color: #FFFFFF;
    padding: 8.28px;
    font-size: 15.18px;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-weight: 300;
    vertical-align: middle;
    -webkit-user-drag: none;
    -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;
    white-space: normal;
    text-decoration: none;
    position: relative;
    transition: none !important;
    vertical-align: middle;
    text-align: center;
}
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    button,
    a.btn,
    input[type="button"],
    input[type="submit"] {
      padding: 9px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    button,
    a.btn,
    input[type="button"],
    input[type="submit"] {
      padding: 9.96px; } }
  @media screen and (min-width: 1700px) {
    button,
    a.btn,
    input[type="button"],
    input[type="submit"] {
      padding: 12px; } }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    button,
    a.btn,
    input[type="button"],
    input[type="submit"] {
      font-size: 16.5px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    button,
    a.btn,
    input[type="button"],
    input[type="submit"] {
      font-size: 18.26px; } }
  @media screen and (min-width: 1700px) {
    button,
    a.btn,
    input[type="button"],
    input[type="submit"] {
      font-size: 22px; } }

button b, a.btn b {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 500; }

:invalid {
  box-shadow: none; }

:-moz-ui-invalid {
  box-shadow: none; }

.formError {
  color: #9e1b32;
  font-size: 9.315px;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 500;
  line-height: 1.6em;
  display: block;
  margin-top: 5px;
  min-height: 10px; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .formError {
      font-size: 10.125px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .formError {
      font-size: 11.205px; } }
  @media screen and (min-width: 1700px) {
    .formError {
      font-size: 13.5px; } }

.formError:empty {
  margin-top: 0px;
  min-height: 0; }

.formError b {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 800; }

select,
button[data-withicon],
a.btn[data-withicon],
input[data-withicon], input[data-bgicon] {
  background-size: 100%;
  background-repeat: no-repeat !important;
  background-position: top right;
  background-position-x: 100%;
  padding-right: 39.33px; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    select,
    button[data-withicon],
    a.btn[data-withicon],
    input[data-withicon], input[data-bgicon] {
      padding-right: 42.75px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    select,
    button[data-withicon],
    a.btn[data-withicon],
    input[data-withicon], input[data-bgicon] {
      padding-right: 47.31px; } }
  @media screen and (min-width: 1700px) {
    select,
    button[data-withicon],
    a.btn[data-withicon],
    input[data-withicon], input[data-bgicon] {
      padding-right: 57px; } }

span[data-withicon] {
  position: relative;
  display: inline-block; }

button[data-withicon]::before,
a.btn[data-withicon]::before,
input[type="button"][data-withicon]::before,
input[type="submit"][data-withicon]::before,
span[data-withicon]::before {
  content: '';
  position: absolute;
  right: 4px;
  top: 4px;
  bottom: 4px;
  width: 31.05px;
  background-color: #e8f4f4;
  border-radius: 2px;
  background-repeat: no-repeat;
  background-size: 94%;
  overflow: visible;
  z-index: 2;
  transition: none !important; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    button[data-withicon]::before,
    a.btn[data-withicon]::before,
    input[type="button"][data-withicon]::before,
    input[type="submit"][data-withicon]::before,
    span[data-withicon]::before {
      width: 33.75px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    button[data-withicon]::before,
    a.btn[data-withicon]::before,
    input[type="button"][data-withicon]::before,
    input[type="submit"][data-withicon]::before,
    span[data-withicon]::before {
      width: 37.35px; } }
  @media screen and (min-width: 1700px) {
    button[data-withicon]::before,
    a.btn[data-withicon]::before,
    input[type="button"][data-withicon]::before,
    input[type="submit"][data-withicon]::before,
    span[data-withicon]::before {
      width: 45px; } }

.icononly {
  padding: 0 !important;
  width: 2.2em;
  height: 2.2em; }

.icononly[data-withicon]::before {
  background-color: transparent !important; }

button:not([disabled]):active,
a.btn:not([disabled]):active,
input[type="button"]:not([disabled]):active,
input[type="submit"]:not([disabled]):active {
  border-color: #b8c6c5;
  background-color: #b8c6c5;
  border-bottom-color: #b8c6c5;
  border-bottom-width: 1px; }

button:active:before,
a.btn:active:before,
input[type="button"]:active:before,
input[type="submit"]:active:before {
  background-color: #b8c6c5;
  top: 0; }

button:disabled,
a.btn:disabled,
input[type="button"]:disabled,
input[type="submit"]:disabled {
  border-color: #b8c6c5;
  border-style: solid;
  color: #0e293e;
  background-color: #b8c6c5;
  cursor: not-allowed; }

button:disabled:before,
a.btn:disabled:before,
input[type="button"]:disabled:before,
input[type="submit"]:disabled:before {
  opacity: 0.5; }

button.busy:disabled,
a.btn.busy,
input.busy[type="button"]:disabled,
input[type="submit"].busy:disabled {
  cursor: wait; }

button.busy:disabled:before,
a.btn.busy:before,
input.busy[type="button"]:disabled:before,
input.busy[type="submit"]:disabled:before {
  opacity: 1;
  background-color: #b8c6c5;
  background-image: url("data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0idmFsaWRhdGluZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMDAgMTAwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zew0KCSAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjVzOw0KCSAgYW5pbWF0aW9uLW5hbWU6IGZhZGVpbjsNCgkgIGFuaW1hdGlvbi1maWxsLW1vZGU6IGZvcndhcmRzOw0KCSAgYW5pbWF0aW9uLWl0ZXJhdGlvbi1jb3VudDogaW5maW5pdGU7IA0KCSAgLXdlYmtpdC1hbmltYXRpb24tZHVyYXRpb246IDAuNXM7DQoJICAtd2Via2l0LWFuaW1hdGlvbi1uYW1lOiBmYWRlaW47DQoJICAtd2Via2l0LWFuaW1hdGlvbi1maWxsLW1vZGU6IGZvcndhcmRzOw0KCSAgLXdlYmtpdC1hbmltYXRpb24taXRlcmF0aW9uLWNvdW50OiBpbmZpbml0ZTsgDQoJICBmaWxsOiNmZmY7DQoJICBvcGFjaXR5OiAwLjE7DQoJfQ0KCUBrZXlmcmFtZXMgZmFkZWluIHsNCgkgIGZyb20gew0KCQlvcGFjaXR5OiAwLjE7IH0NCgkgIDMzJSB7DQoJCW9wYWNpdHk6IDE7IH0NCgkgIDY2JXsNCgkJb3BhY2l0eTogMC4xOyB9ICANCgkgIHRvew0KCQlvcGFjaXR5OiAwLjE7IH0gIA0KCSAgfQ0KCX0NCglALXdlYmtpdC1rZXlmcmFtZXMgZmFkZWluIHsNCgkgIGZyb20gew0KCQlvcGFjaXR5OiAwLjE7IH0NCgkgIDMzJSB7DQoJCW9wYWNpdHk6IDE7IH0NCgkgIDY2JXsNCgkJb3BhY2l0eTogMC4xOyB9ICANCgkgIHRvew0KCQlvcGFjaXR5OiAwLjE7IH0gIA0KCSAgfQ0KCX0NCgkuYTB7DQoJICBhbmltYXRpb24tZGVsYXk6IDAuMXM7DQoJfQ0KCS5hMXsNCgkgIGFuaW1hdGlvbi1kZWxheTogMC4yczsNCgl9DQoJLmEyew0KCSAgYW5pbWF0aW9uLWRlbGF5OiAwLjNzOw0KCX0NCjwvc3R5bGU+DQo8Zz4NCgk8Y2lyY2xlIGNsYXNzPSJzIGEwIiBjeD0iMjMuMiIgY3k9IjUwIiByPSIxMC4xIi8+DQoJPGNpcmNsZSBjbGFzcz0icyBhMSIgY3g9IjUwIiBjeT0iNTAiIHI9IjEwLjEiLz4NCgk8Y2lyY2xlIGNsYXNzPSJzIGEyIiBjeD0iNzYuOCIgY3k9IjUwIiByPSIxMC4xIi8+DQo8L2c+DQo8L3N2Zz4NCg=="); }

@-webkit-keyframes busybutton {
  from {
    height: 4px;
    bottom: -8px;
    opacity: 0; }
  10% {
    bottom: -10px;
    opacity: 1; }
  to {
    height: 8px;
    bottom: -16px;
    opacity: 0.0; } }

@-moz-keyframes busybutton {
  from {
    height: 4px;
    bottom: -8px;
    opacity: 0; }
  10% {
    bottom: -10px;
    opacity: 1; }
  to {
    height: 8px;
    bottom: -16px;
    opacity: 0.0; } }

@-o-keyframes busybutton {
  from {
    height: 4px;
    bottom: -8px;
    opacity: 0; }
  10% {
    bottom: -10px;
    opacity: 1; }
  to {
    height: 8px;
    bottom: -16px;
    opacity: 0.0; } }

@keyframes busybutton {
  from {
    height: 4px;
    bottom: -8px;
    opacity: 0; }
  10% {
    bottom: -10px;
    opacity: 1; }
  to {
    height: 8px;
    bottom: -16px;
    opacity: 0.0; } }

button.busy:disabled:after,
a.btn.busy:disabled:after,
input[type="button"].busy:disabled:after,
input[type="submit"].busy:disabled:after {
  content: '';
  bottom: -8px;
  left: 0;
  height: 4px;
  position: absolute;
  display: block;
  width: 100%;
  border-radius: 3px;
  background-color: #246775;
  opacity: 0.5;
  -webkit-animation-delay: 0;
  -webkit-animation-duration: 0.8s;
  -webkit-animation-name: busybutton;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease;
  -moz-animation-delay: 0;
  -moz-animation-duration: 0.8s;
  -moz-animation-name: busybutton;
  -moz-animation-fill-mode: forwards;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: ease;
  -o-animation-delay: 0;
  -o-animation-duration: 0.8s;
  -o-animation-name: busybutton;
  -o-animation-fill-mode: forwards;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: ease;
  animation-delay: 0;
  animation-duration: 0.8s;
  animation-name: busybutton;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: ease; }

textarea, input[type=text], input[type=email], input[type=password], input[type=tel], .toggler .checkbox {
  display: inline-block;
  border-width: 1px;
  border-style: solid;
  border-color: #b8c6c5;
  background-color: #ffffff;
  color: #0e293e;
  padding: 8.28px;
  font-size: 12.42px;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 400;
  white-space: normal;
  text-decoration: none;
  position: relative;
  transition: none !important;
  vertical-align: middle;
  max-width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearence: none;
  background-size: 2.1em 2.1em;
  background-repeat: no-repeat !important;
  background-position: 50% 50%; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    textarea, input[type=text], input[type=email], input[type=password], input[type=tel], .toggler .checkbox {
      padding: 9px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    textarea, input[type=text], input[type=email], input[type=password], input[type=tel], .toggler .checkbox {
      padding: 9.96px; } }
  @media screen and (min-width: 1700px) {
    textarea, input[type=text], input[type=email], input[type=password], input[type=tel], .toggler .checkbox {
      padding: 12px; } }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    textarea, input[type=text], input[type=email], input[type=password], input[type=tel], .toggler .checkbox {
      font-size: 13.5px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    textarea, input[type=text], input[type=email], input[type=password], input[type=tel], .toggler .checkbox {
      font-size: 14.94px; } }
  @media screen and (min-width: 1700px) {
    textarea, input[type=text], input[type=email], input[type=password], input[type=tel], .toggler .checkbox {
      font-size: 18px; } }

select:disabled, input[type=text]:disabled, input[type=email]:disabled, input[type=password]:disabled, input[type=tel]:disabled, .toggler .checkbox:disabled {
  background-color: #b8c6c5;
  color: #687473;
  background-image: none !important; }

input[data-bgicon] {
  background-position: right center; }

a.toggler {
  color: inherit !important;
  text-decoration: inherit;
  display: block;
  font-size: 9.315px;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 400;
  vertical-align: middle;
  -webkit-user-drag: none;
  -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; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    a.toggler {
      font-size: 10.125px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    a.toggler {
      font-size: 11.205px; } }
  @media screen and (min-width: 1700px) {
    a.toggler {
      font-size: 13.5px; } }

a.toggler:hover {
  color: inherit;
  cursor: pointer; }

a:focus.toggler {
  -webkit-animation-delay: 0;
  -webkit-animation-duration: 0;
  -webkit-animation-name: none;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 0;
  -webkit-animation-timing-function: ease;
  -moz-animation-delay: 0;
  -moz-animation-duration: 0;
  -moz-animation-name: none;
  -moz-animation-fill-mode: forwards;
  -moz-animation-iteration-count: 0;
  -moz-animation-timing-function: ease;
  -o-animation-delay: 0;
  -o-animation-duration: 0;
  -o-animation-name: none;
  -o-animation-fill-mode: forwards;
  -o-animation-iteration-count: 0;
  -o-animation-timing-function: ease;
  animation-delay: 0;
  animation-duration: 0;
  animation-name: none;
  animation-fill-mode: forwards;
  animation-iteration-count: 0;
  animation-timing-function: ease;
  box-shadow: none; }

a:focus.toggler .checkbox {
  -webkit-animation-delay: 0s;
  -webkit-animation-duration: 0.6s;
  -webkit-animation-name: focusing;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease;
  -moz-animation-delay: 0s;
  -moz-animation-duration: 0.6s;
  -moz-animation-name: focusing;
  -moz-animation-fill-mode: forwards;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: ease;
  -o-animation-delay: 0s;
  -o-animation-duration: 0.6s;
  -o-animation-name: focusing;
  -o-animation-fill-mode: forwards;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: ease;
  animation-delay: 0s;
  animation-duration: 0.6s;
  animation-name: focusing;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: ease;
  box-shadow: none; }

.toggler .checkbox {
  padding: 8.28px;
  background-size: 1em 1em;
  background-position: center;
  float: left;
  margin-right: 0.5em;
  margin-bottom: 0.15em;
  cursor: pointer;
  vertical-align: bottom; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .toggler .checkbox {
      padding: 9px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .toggler .checkbox {
      padding: 9.96px; } }
  @media screen and (min-width: 1700px) {
    .toggler .checkbox {
      padding: 12px; } }

select {
  background-image: url(data:image/png;base64,R0lGODlhDQAEAIAAAAAAAP8A/yH5BAEHAAEALAAAAAANAAQAAAILhA+hG5jMDpxvhgIAOw==);
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMjguMzUgMjguMzUiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI4LjM1IDI4LjM1IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiMzNDM0MzQiIGQ9Ik04Ljg0Niw5Ljk0OGw1LjMyOSw1LjQ5Mmw1LjMyOS01LjQ5MmwyLjM2NywyLjA3M2wtNy42OTYsNy43MjhMNi40NzksMTIuMDJMOC44NDYsOS45NDh6Ii8+DQo8L3N2Zz4NCg==);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 2.1em 2.1em;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearence: none;
  text-indent: 0.01px;
  text-overflow: "";
  cursor: pointer;
  display: inline-block;
  border-width: 1px;
  border-style: solid;
  border-color: #b8c6c5;
  background-color: #ffffff;
  color: #0e293e;
  padding: 8.28px;
  font-size: 12.42px;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 400;
  white-space: normal;
  text-decoration: none;
  position: relative;
  transition: none !important;
  vertical-align: middle;
  max-width: 100%;
  vertical-align: middle;
  -webkit-user-drag: none;
  -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;
  padding-right: 31.05px;
  padding-left: 12.42px;
}
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    select {
      padding: 9px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    select {
      padding: 9.96px; } }
  @media screen and (min-width: 1700px) {
    select {
      padding: 12px; } }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    select {
      font-size: 13.5px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    select {
      font-size: 14.94px; } }
  @media screen and (min-width: 1700px) {
    select {
      font-size: 18px; } }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    select {
      padding-right: 33.75px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    select {
      padding-right: 37.35px; } }
  @media screen and (min-width: 1700px) {
    select {
      padding-right: 45px; } }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    select {
      padding-left: 13.5px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    select {
      padding-left: 14.94px; } }
  @media screen and (min-width: 1700px) {
    select {
      padding-left: 18px; } }

select::-ms-expand {
  display: none; }

select:invalid { }

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
  background-color: #faffbd;
  background-image: inherit;
  color: inherit; }

.fullsize {
  width: 100%; }

i.fullsize {
  width: 100%;
  min-height: 150px; }

label {
  color: #687473;
  padding-bottom: 0.4em;
  display: block; }

.bankSelector {
  background-color: #ffffff;
  display: block;
  max-width: 100%;
  border-radius: 4px;
  position: relative;
  height: 55.2px; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .bankSelector {
      height: 60px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .bankSelector {
      height: 66.4px; } }
  @media screen and (min-width: 1700px) {
    .bankSelector {
      height: 80px; } }

.bankSelector .bankSelectorIcon {
  height: 100%;
  width: 55.2px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: #b8c6c5;
  border-radius: 4px 0 0 4px;
  max-width: 25%; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .bankSelector .bankSelectorIcon {
      width: 60px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .bankSelector .bankSelectorIcon {
      width: 66.4px; } }
  @media screen and (min-width: 1700px) {
    .bankSelector .bankSelectorIcon {
      width: 80px; } }

.bankSelector:before {
  content: ' ';
  width: 55.2px;
  position: relative;
  display: inline-block;
  top: 0;
  left: 0;
  bottom: 0;
  max-width: 25%; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .bankSelector:before {
      width: 60px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .bankSelector:before {
      width: 66.4px; } }
  @media screen and (min-width: 1700px) {
    .bankSelector:before {
      width: 80px; } }

.bankSelector:after {
  content: ' ';
  width: 55.2px;
  position: relative;
  display: inline-block;
  top: 0;
  right: 0;
  bottom: 0;
  max-width: 20%; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .bankSelector:after {
      width: 60px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .bankSelector:after {
      width: 66.4px; } }
  @media screen and (min-width: 1700px) {
    .bankSelector:after {
      width: 80px; } }

.bankSelectorDetails {
  display: inline-block;
  padding: 4px;
  font-size: 9.315px; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .bankSelectorDetails {
      font-size: 10.125px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .bankSelectorDetails {
      font-size: 11.205px; } }
  @media screen and (min-width: 1700px) {
    .bankSelectorDetails {
      font-size: 13.5px; } }

.bankSelectorIcon img {
  display: block;
  max-width: 80%;
  height: auto;
  border-radius: 4px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.bankSelector .bankSelectorCheckbox {
  height: 100%;
  width: 34.5px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  max-width: 20%;
  background-color: #b8c6c5;
  border-radius: 0 4px 4px 0; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .bankSelector .bankSelectorCheckbox {
      width: 37.5px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .bankSelector .bankSelectorCheckbox {
      width: 41.5px; } }
  @media screen and (min-width: 1700px) {
    .bankSelector .bankSelectorCheckbox {
      width: 50px; } }

.bankSelectorCheckbox .checkbox {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.bigSelector {
  display: block;
  max-width: 100%;
  border-radius: 4px;
  position: relative;
  height: 58.65px;
  background-color: #b8c6c5; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .bigSelector {
      height: 63.75px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .bigSelector {
      height: 70.55px; } }
  @media screen and (min-width: 1700px) {
    .bigSelector {
      height: 85px; } }

.bigSelector .bigSelectorIcon {
  height: 100%;
  width: 69px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: #ffffff;
  border-radius: 4px 0 0 4px; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .bigSelector .bigSelectorIcon {
      width: 75px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .bigSelector .bigSelectorIcon {
      width: 83px; } }
  @media screen and (min-width: 1700px) {
    .bigSelector .bigSelectorIcon {
      width: 100px; } }

.bigSelector:before {
  content: ' ';
  width: 58.65px;
  position: relative;
  display: inline-block;
  top: 0;
  left: 0;
  bottom: 0; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .bigSelector:before {
      width: 63.75px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .bigSelector:before {
      width: 70.55px; } }
  @media screen and (min-width: 1700px) {
    .bigSelector:before {
      width: 85px; } }

.bigSelector:after {
  content: ' ';
  width: 58.65px;
  position: relative;
  display: inline-block;
  top: 0;
  right: 0;
  bottom: 0; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .bigSelector:after {
      width: 63.75px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .bigSelector:after {
      width: 70.55px; } }
  @media screen and (min-width: 1700px) {
    .bigSelector:after {
      width: 85px; } }

.bigSelectorLabel {
  display: block;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  font-size: 10.005px;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 500;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding-left: 72.45px;
  padding-right: 72.45px; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .bigSelectorLabel {
      font-size: 10.875px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .bigSelectorLabel {
      font-size: 12.035px; } }
  @media screen and (min-width: 1700px) {
    .bigSelectorLabel {
      font-size: 14.5px; } }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .bigSelectorLabel {
      padding-left: 78.75px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .bigSelectorLabel {
      padding-left: 87.15px; } }
  @media screen and (min-width: 1700px) {
    .bigSelectorLabel {
      padding-left: 105px; } }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .bigSelectorLabel {
      padding-right: 78.75px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .bigSelectorLabel {
      padding-right: 87.15px; } }
  @media screen and (min-width: 1700px) {
    .bigSelectorLabel {
      padding-right: 105px; } }

.bigSelectorIcon img, .bigSelectorIcon i {
  display: block;
  height: auto;
  border-radius: 3px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

a.toggler.bigSelector .bigSelectorIcon i svg path {
  fill: #b8c6c5 !important;
  transition: fill 0.5s; }

a.toggler.bigSelector.on .bigSelectorIcon i svg path {
  fill: #d8e6e6 !important; }

.bigSelectorIcon i {
  width: 100%;
  height: 100%; }

.bigSelector .bigSelectorCheckbox {
  height: 100%;
  width: 55.2px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: 0 4px 4px 0; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .bigSelector .bigSelectorCheckbox {
      width: 60px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .bigSelector .bigSelectorCheckbox {
      width: 66.4px; } }
  @media screen and (min-width: 1700px) {
    .bigSelector .bigSelectorCheckbox {
      width: 80px; } }

.bigSelectorCheckbox .checkbox {
  position: absolute;
  background-size: 100%;
  width: 100%;
  height: 50%;
  overflow: hidden;
  background-image: none !important; }

a.toggler.bigSelector .checkbox:before {
  content: '';
  background-color: #9e1b32;
  width: 15.87px;
  height: 15.87px;
  top: 50%;
  left: 25%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  border-radius: 4px;
  transition: left 0.18s cubic-bezier(0.17, 0.67, 0.57, 1.24); }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    a.toggler.bigSelector .checkbox:before {
      width: 17.25px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    a.toggler.bigSelector .checkbox:before {
      width: 19.09px; } }
  @media screen and (min-width: 1700px) {
    a.toggler.bigSelector .checkbox:before {
      width: 23px; } }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    a.toggler.bigSelector .checkbox:before {
      height: 17.25px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    a.toggler.bigSelector .checkbox:before {
      height: 19.09px; } }
  @media screen and (min-width: 1700px) {
    a.toggler.bigSelector .checkbox:before {
      height: 23px; } }

a.toggler.on.bigSelector .checkbox:before {
  left: 75%;
  background-color: #30B4AC;
  transition: left 0.18s cubic-bezier(0.17, 0.67, 0.57, 1.24); }

a.toggler.bigSelector .checkbox:after {
  content: "OFF";
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 800;
  font-size: 10.005px;
  position: absolute;
  top: 50%;
  left: 70%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-animation-delay: 0s;
  -webkit-animation-duration: 0.16s;
  -webkit-animation-name: turnoff;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: cubic-bezier(0.17, 0.67, 0.57, 1.24);
  -moz-animation-delay: 0s;
  -moz-animation-duration: 0.16s;
  -moz-animation-name: turnoff;
  -moz-animation-fill-mode: forwards;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: cubic-bezier(0.17, 0.67, 0.57, 1.24);
  -o-animation-delay: 0s;
  -o-animation-duration: 0.16s;
  -o-animation-name: turnoff;
  -o-animation-fill-mode: forwards;
  -o-animation-iteration-count: 1;
  -o-animation-timing-function: cubic-bezier(0.17, 0.67, 0.57, 1.24);
  animation-delay: 0s;
  animation-duration: 0.16s;
  animation-name: turnoff;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-timing-function: cubic-bezier(0.17, 0.67, 0.57, 1.24); }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    a.toggler.bigSelector .checkbox:after {
      font-size: 10.875px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    a.toggler.bigSelector .checkbox:after {
      font-size: 12.035px; } }
  @media screen and (min-width: 1700px) {
    a.toggler.bigSelector .checkbox:after {
      font-size: 14.5px; } }

a.toggler.on.bigSelector .checkbox:after {
  content: "ON";
  left: 28%;
  -webkit-animation-delay: 0s;
  -webkit-animation-duration: 0.16s;
  -webkit-animation-name: turnon;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: cubic-bezier(0.17, 0.67, 0.57, 1.24);
  -moz-animation-delay: 0s;
  -moz-animation-duration: 0.16s;
  -moz-animation-name: turnon;
  -moz-animation-fill-mode: forwards;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: cubic-bezier(0.17, 0.67, 0.57, 1.24);
  -o-animation-delay: 0s;
  -o-animation-duration: 0.16s;
  -o-animation-name: turnon;
  -o-animation-fill-mode: forwards;
  -o-animation-iteration-count: 1;
  -o-animation-timing-function: cubic-bezier(0.17, 0.67, 0.57, 1.24);
  animation-delay: 0s;
  animation-duration: 0.16s;
  animation-name: turnon;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-timing-function: cubic-bezier(0.17, 0.67, 0.57, 1.24); }

@-webkit-keyframes turnon {
  0% {
    content: "OFF";
    left: 70%;
    opacity: 0.3; }
  50% {
    left: 118%;
    content: "OFF";
    opacity: 0.3; }
  51% {
    content: "ON";
    left: -30%; }
  100% {
    left: 28%;
    opacity: 1; } }

@-moz-keyframes turnon {
  0% {
    content: "OFF";
    left: 70%;
    opacity: 0.3; }
  50% {
    left: 118%;
    content: "OFF";
    opacity: 0.3; }
  51% {
    content: "ON";
    left: -30%; }
  100% {
    left: 28%;
    opacity: 1; } }

@-o-keyframes turnon {
  0% {
    content: "OFF";
    left: 70%;
    opacity: 0.3; }
  50% {
    left: 118%;
    content: "OFF";
    opacity: 0.3; }
  51% {
    content: "ON";
    left: -30%; }
  100% {
    left: 28%;
    opacity: 1; } }

@keyframes turnon {
  0% {
    content: "OFF";
    left: 70%;
    opacity: 0.3; }
  50% {
    left: 118%;
    content: "OFF";
    opacity: 0.3; }
  51% {
    content: "ON";
    left: -30%; }
  100% {
    left: 28%;
    opacity: 1; } }

@-webkit-keyframes turnoff {
  0% {
    content: "ON";
    left: 28%;
    opacity: 1; }
  50% {
    left: -50%;
    content: "ON";
    opacity: 1; }
  51% {
    content: "OFF";
    left: 118%; }
  100% {
    left: 70%;
    opacity: 0.3; } }

@-moz-keyframes turnoff {
  0% {
    content: "ON";
    left: 28%;
    opacity: 1; }
  50% {
    left: -50%;
    content: "ON";
    opacity: 1; }
  51% {
    content: "OFF";
    left: 118%; }
  100% {
    left: 70%;
    opacity: 0.3; } }

@-o-keyframes turnoff {
  0% {
    content: "ON";
    left: 28%;
    opacity: 1; }
  50% {
    left: -50%;
    content: "ON";
    opacity: 1; }
  51% {
    content: "OFF";
    left: 118%; }
  100% {
    left: 70%;
    opacity: 0.3; } }

@keyframes turnoff {
  0% {
    content: "ON";
    left: 28%;
    opacity: 1; }
  50% {
    left: -50%;
    content: "ON";
    opacity: 1; }
  51% {
    content: "OFF";
    left: 118%; }
  100% {
    left: 70%;
    opacity: 0.3; } }

.validation-summary-errors, .field-validation-error {
  background-color: #ffffff;
  color: #9e1b32;
  padding: 13.8px;
  margin-bottom: 13.8px;
  border-radius: 4px; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .validation-summary-errors, .field-validation-error {
      padding: 15px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .validation-summary-errors, .field-validation-error {
      padding: 16.6px; } }
  @media screen and (min-width: 1700px) {
    .validation-summary-errors, .field-validation-error {
      padding: 20px; } }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .validation-summary-errors, .field-validation-error {
      margin-bottom: 15px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .validation-summary-errors, .field-validation-error {
      margin-bottom: 16.6px; } }
  @media screen and (min-width: 1700px) {
    .validation-summary-errors, .field-validation-error {
      margin-bottom: 20px; } }

.validation-summary-errors::before, field-validation-error::before {
  content: 'Oops - please amend the following:';
  display: block;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 500; }

.inputcurrency {
  display: inline-block;
  color: #687473;
  font-size: 22.08px;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 500;
  text-align: center;
  width: 1em;
  margin-right: -1em;
  vertical-align: middle;
  z-index: 2;
  position: relative; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .inputcurrency {
      font-size: 24px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .inputcurrency {
      font-size: 26.56px; } }
  @media screen and (min-width: 1700px) {
    .inputcurrency {
      font-size: 32px; } }

.appearBounce {
  -webkit-animation-delay: 0;
  -webkit-animation-duration: 0.4s;
  -webkit-animation-name: appearbounce;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease;
  -moz-animation-delay: 0;
  -moz-animation-duration: 0.4s;
  -moz-animation-name: appearbounce;
  -moz-animation-fill-mode: forwards;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease;
  -o-animation-delay: 0;
  -o-animation-duration: 0.4s;
  -o-animation-name: appearbounce;
  -o-animation-fill-mode: forwards;
  -o-animation-iteration-count: 1;
  -o-animation-timing-function: ease;
  animation-delay: 0;
  animation-duration: 0.4s;
  animation-name: appearbounce;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-timing-function: ease; }

.appearBounce2 {
  -webkit-animation-delay: 0;
  -webkit-animation-duration: 0.4s;
  -webkit-animation-name: appearbounce2;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease;
  -moz-animation-delay: 0;
  -moz-animation-duration: 0.4s;
  -moz-animation-name: appearbounce2;
  -moz-animation-fill-mode: forwards;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease;
  -o-animation-delay: 0;
  -o-animation-duration: 0.4s;
  -o-animation-name: appearbounce2;
  -o-animation-fill-mode: forwards;
  -o-animation-iteration-count: 1;
  -o-animation-timing-function: ease;
  animation-delay: 0;
  animation-duration: 0.4s;
  animation-name: appearbounce2;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-timing-function: ease; }

fieldset {
  border: none; }

#modal {
  display: none;
  position: fixed;
  background-color: #ffffff;
  z-index: 201;
  width: 68em;
  max-width: 90%;
  max-height: 90%;
  overflow: auto;
  overflow-x: hidden;
  overflow-y: auto;
  top: 50%;
  left: 50%;
  -webkit-overflow-scrolling: touch;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform-origin: 0 -50%;
  moz-transform-origin: 0 -50%;
  -o-transform-origin: 0 -50%;
  -ms-transform-origin: 0 -50%;
  transform-origin: 0 -50%;
  min-height: 25%;
  -webkit-overflow-scrolling: touch; }

#modal[data-state="show"] {
  display: block;
  -webkit-animation-delay: 0s;
  -webkit-animation-duration: 0.45s;
  -webkit-animation-name: openmodal;
  -webkit-animation-fill-mode: initial;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease;
  -moz-animation-delay: 0s;
  -moz-animation-duration: 0.45s;
  -moz-animation-name: openmodal;
  -moz-animation-fill-mode: initial;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease;
  -o-animation-delay: 0s;
  -o-animation-duration: 0.45s;
  -o-animation-name: openmodal;
  -o-animation-fill-mode: initial;
  -o-animation-iteration-count: 1;
  -o-animation-timing-function: ease;
  animation-delay: 0s;
  animation-duration: 0.45s;
  animation-name: openmodal;
  animation-fill-mode: initial;
  animation-iteration-count: 1;
  animation-timing-function: ease; }

#modal[data-state="show"].alreadyOpen {
  -webkit-animation-delay: 0s;
  -webkit-animation-duration: 0.25s;
  -webkit-animation-name: openmodalAlreadyOpen;
  -webkit-animation-fill-mode: initial;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease;
  -moz-animation-delay: 0s;
  -moz-animation-duration: 0.25s;
  -moz-animation-name: openmodalAlreadyOpen;
  -moz-animation-fill-mode: initial;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease;
  -o-animation-delay: 0s;
  -o-animation-duration: 0.25s;
  -o-animation-name: openmodalAlreadyOpen;
  -o-animation-fill-mode: initial;
  -o-animation-iteration-count: 1;
  -o-animation-timing-function: ease;
  animation-delay: 0s;
  animation-duration: 0.25s;
  animation-name: openmodalAlreadyOpen;
  animation-fill-mode: initial;
  animation-iteration-count: 1;
  animation-timing-function: ease; }

#modal[data-state="show"].alreadyOpen2 {
  -webkit-animation-delay: 0s;
  -webkit-animation-duration: 0.25s;
  -webkit-animation-name: openmodalAlreadyOpen2;
  -webkit-animation-fill-mode: initial;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease;
  -moz-animation-delay: 0s;
  -moz-animation-duration: 0.25s;
  -moz-animation-name: openmodalAlreadyOpen2;
  -moz-animation-fill-mode: initial;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease;
  -o-animation-delay: 0s;
  -o-animation-duration: 0.25s;
  -o-animation-name: openmodalAlreadyOpen2;
  -o-animation-fill-mode: initial;
  -o-animation-iteration-count: 1;
  -o-animation-timing-function: ease;
  animation-delay: 0s;
  animation-duration: 0.25s;
  animation-name: openmodalAlreadyOpen2;
  animation-fill-mode: initial;
  animation-iteration-count: 1;
  animation-timing-function: ease; }

#modal[data-state="show"] + #worksheet:before {
  content: '';
  background-color: #687473;
  opacity: 0.4;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-animation-delay: 0s;
  -webkit-animation-duration: 0.25s;
  -webkit-animation-name: fadeworksheet;
  -webkit-animation-fill-mode: initial;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease;
  -moz-animation-delay: 0s;
  -moz-animation-duration: 0.25s;
  -moz-animation-name: fadeworksheet;
  -moz-animation-fill-mode: initial;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease;
  -o-animation-delay: 0s;
  -o-animation-duration: 0.25s;
  -o-animation-name: fadeworksheet;
  -o-animation-fill-mode: initial;
  -o-animation-iteration-count: 1;
  -o-animation-timing-function: ease;
  animation-delay: 0s;
  animation-duration: 0.25s;
  animation-name: fadeworksheet;
  animation-fill-mode: initial;
  animation-iteration-count: 1;
  animation-timing-function: ease;
  z-index: 2; }

@-webkit-keyframes fadeworksheet {
  from {
    opacity: 0.0; }
  to {
    opacity: 0.4; } }

@-moz-keyframes fadeworksheet {
  from {
    opacity: 0.0; }
  to {
    opacity: 0.4; } }

@-o-keyframes fadeworksheet {
  from {
    opacity: 0.0; }
  to {
    opacity: 0.4; } }

@keyframes fadeworksheet {
  from {
    opacity: 0.0; }
  to {
    opacity: 0.4; } }

#worksheet {
  -webkit-backface-visibility: hidden;
  display: none;
  position: fixed;
  background-color: #eaeeee;
  z-index: 200;
  width: 70em;
  max-width: 90%;
  max-height: 100%;
  overflow: auto;
  overflow-x: hidden;
  overflow-y: auto;
  top: 0;
  right: 0;
  -webkit-overflow-scrolling: touch;
  text-align: center;
  border-radius: 3px 0 0 3px;
  -webkit-box-shadow: 0 0 2em 1em rgba(49, 70, 86, 0.5);
  -moz-box-shadow: 0 0 2em 1em rgba(49, 70, 86, 0.5);
  box-shadow: 0 0 2em 1em rgba(49, 70, 86, 0.5);
  height: 100%;
  -webkit-overflow-scrolling: touch; }

.worksheet {
  text-align: left;
  padding: 2em;
  min-height: 100%;
  position: relative; }

#worksheet[data-state="show"] {
  display: block;
  -webkit-animation-delay: 0s;
  -webkit-animation-duration: 0.65s;
  -webkit-animation-name: openworksheet;
  -webkit-animation-fill-mode: initial;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease;
  -moz-animation-delay: 0s;
  -moz-animation-duration: 0.65s;
  -moz-animation-name: openworksheet;
  -moz-animation-fill-mode: initial;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease;
  -o-animation-delay: 0s;
  -o-animation-duration: 0.65s;
  -o-animation-name: openworksheet;
  -o-animation-fill-mode: initial;
  -o-animation-iteration-count: 1;
  -o-animation-timing-function: ease;
  animation-delay: 0s;
  animation-duration: 0.65s;
  animation-name: openworksheet;
  animation-fill-mode: initial;
  animation-iteration-count: 1;
  animation-timing-function: ease; }

#worksheet[data-state="show"].alreadyOpen {
  -webkit-animation-delay: 0s;
  -webkit-animation-duration: 0.25s;
  -webkit-animation-name: openworksheet;
  -webkit-animation-fill-mode: initial;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease;
  -moz-animation-delay: 0s;
  -moz-animation-duration: 0.25s;
  -moz-animation-name: openworksheet;
  -moz-animation-fill-mode: initial;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease;
  -o-animation-delay: 0s;
  -o-animation-duration: 0.25s;
  -o-animation-name: openworksheet;
  -o-animation-fill-mode: initial;
  -o-animation-iteration-count: 1;
  -o-animation-timing-function: ease;
  animation-delay: 0s;
  animation-duration: 0.25s;
  animation-name: openworksheet;
  animation-fill-mode: initial;
  animation-iteration-count: 1;
  animation-timing-function: ease; }

#worksheet[data-state="show"].alreadyOpen2 {
  -webkit-animation-delay: 0s;
  -webkit-animation-duration: 0.25s;
  -webkit-animation-name: openworksheet;
  -webkit-animation-fill-mode: initial;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease;
  -moz-animation-delay: 0s;
  -moz-animation-duration: 0.25s;
  -moz-animation-name: openworksheet;
  -moz-animation-fill-mode: initial;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease;
  -o-animation-delay: 0s;
  -o-animation-duration: 0.25s;
  -o-animation-name: openworksheet;
  -o-animation-fill-mode: initial;
  -o-animation-iteration-count: 1;
  -o-animation-timing-function: ease;
  animation-delay: 0s;
  animation-duration: 0.25s;
  animation-name: openworksheet;
  animation-fill-mode: initial;
  animation-iteration-count: 1;
  animation-timing-function: ease; }

#modal #modalBox {
  border: 0.5em solid transparent;
  position: relative; }

#modal > .mCSB_scrollTools_vertical, #worksheet > .mCSB_scrollTools_vertical {
  z-index: 201;
  opacity: 1;
  right: 3px;
  background-color: rgba(184, 198, 197, 0.4); }

@-webkit-keyframes openworksheet {
  from {
    transform: translate(100%, 0);
    -webkit-transform: translate(100%, 0); }
  10% {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0); }
  30% {
    transform: translate(-0.5%, 0);
    -webkit-transform: translate(-0.5%, 0); }
  40% {
    transform: translate(0.1%, 0);
    -webkit-transform: translate(0.1%, 0); }
  to {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0); } }

@-moz-keyframes openworksheet {
  from {
    transform: translate(100%, 0);
    -webkit-transform: translate(100%, 0); }
  10% {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0); }
  30% {
    transform: translate(-0.5%, 0);
    -webkit-transform: translate(-0.5%, 0); }
  40% {
    transform: translate(0.1%, 0);
    -webkit-transform: translate(0.1%, 0); }
  to {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0); } }

@-o-keyframes openworksheet {
  from {
    transform: translate(100%, 0);
    -webkit-transform: translate(100%, 0); }
  10% {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0); }
  30% {
    transform: translate(-0.5%, 0);
    -webkit-transform: translate(-0.5%, 0); }
  40% {
    transform: translate(0.1%, 0);
    -webkit-transform: translate(0.1%, 0); }
  to {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0); } }

@keyframes openworksheet {
  from {
    transform: translate(100%, 0);
    -webkit-transform: translate(100%, 0); }
  10% {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0); }
  30% {
    transform: translate(-0.5%, 0);
    -webkit-transform: translate(-0.5%, 0); }
  40% {
    transform: translate(0.1%, 0);
    -webkit-transform: translate(0.1%, 0); }
  to {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0); } }

@-webkit-keyframes openmodal {
  from {
    transform: translate(-50%, 100%);
    -webkit-transform: translate(-50%, 100%); }
  10% {
    transform: translate(-50%, -52%);
    -webkit-transform: translate(-50%, -52%); }
  30% {
    transform: translate(-50%, -49.5%);
    -webkit-transform: translate(-50%, -49.5%); }
  40% {
    transform: translate(-50%, -50.1%);
    -webkit-transform: translate(-50%, -50.1%); }
  to {
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%); } }

@-moz-keyframes openmodal {
  from {
    transform: translate(-50%, 100%);
    -webkit-transform: translate(-50%, 100%); }
  10% {
    transform: translate(-50%, -52%);
    -webkit-transform: translate(-50%, -52%); }
  30% {
    transform: translate(-50%, -49.5%);
    -webkit-transform: translate(-50%, -49.5%); }
  40% {
    transform: translate(-50%, -50.1%);
    -webkit-transform: translate(-50%, -50.1%); }
  to {
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%); } }

@-o-keyframes openmodal {
  from {
    transform: translate(-50%, 100%);
    -webkit-transform: translate(-50%, 100%); }
  10% {
    transform: translate(-50%, -52%);
    -webkit-transform: translate(-50%, -52%); }
  30% {
    transform: translate(-50%, -49.5%);
    -webkit-transform: translate(-50%, -49.5%); }
  40% {
    transform: translate(-50%, -50.1%);
    -webkit-transform: translate(-50%, -50.1%); }
  to {
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%); } }

@keyframes openmodal {
  from {
    transform: translate(-50%, 100%);
    -webkit-transform: translate(-50%, 100%); }
  10% {
    transform: translate(-50%, -52%);
    -webkit-transform: translate(-50%, -52%); }
  30% {
    transform: translate(-50%, -49.5%);
    -webkit-transform: translate(-50%, -49.5%); }
  40% {
    transform: translate(-50%, -50.1%);
    -webkit-transform: translate(-50%, -50.1%); }
  to {
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%); } }

@-webkit-keyframes openmodalAlreadyOpen {
  from {
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%); }
  10% {
    transform: translate(-50%, -52%);
    -webkit-transform: translate(-50%, -52%); }
  40% {
    transform: translate(-50%, -49%);
    -webkit-transform: translate(-50%, -49%); }
  to {
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%); } }

@-moz-keyframes openmodalAlreadyOpen {
  from {
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%); }
  10% {
    transform: translate(-50%, -52%);
    -webkit-transform: translate(-50%, -52%); }
  40% {
    transform: translate(-50%, -49%);
    -webkit-transform: translate(-50%, -49%); }
  to {
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%); } }

@-o-keyframes openmodalAlreadyOpen {
  from {
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%); }
  10% {
    transform: translate(-50%, -52%);
    -webkit-transform: translate(-50%, -52%); }
  40% {
    transform: translate(-50%, -49%);
    -webkit-transform: translate(-50%, -49%); }
  to {
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%); } }

@keyframes openmodalAlreadyOpen {
  from {
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%); }
  10% {
    transform: translate(-50%, -52%);
    -webkit-transform: translate(-50%, -52%); }
  40% {
    transform: translate(-50%, -49%);
    -webkit-transform: translate(-50%, -49%); }
  to {
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%); } }

@-webkit-keyframes openmodalAlreadyOpen2 {
  from {
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%); }
  10% {
    transform: translate(-50%, -52%);
    -webkit-transform: translate(-50%, -52%); }
  40% {
    transform: translate(-50%, -49%);
    -webkit-transform: translate(-50%, -49%); }
  to {
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%); } }

@-moz-keyframes openmodalAlreadyOpen2 {
  from {
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%); }
  10% {
    transform: translate(-50%, -52%);
    -webkit-transform: translate(-50%, -52%); }
  40% {
    transform: translate(-50%, -49%);
    -webkit-transform: translate(-50%, -49%); }
  to {
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%); } }

@-o-keyframes openmodalAlreadyOpen2 {
  from {
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%); }
  10% {
    transform: translate(-50%, -52%);
    -webkit-transform: translate(-50%, -52%); }
  40% {
    transform: translate(-50%, -49%);
    -webkit-transform: translate(-50%, -49%); }
  to {
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%); } }

@keyframes openmodalAlreadyOpen2 {
  from {
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%); }
  10% {
    transform: translate(-50%, -52%);
    -webkit-transform: translate(-50%, -52%); }
  40% {
    transform: translate(-50%, -49%);
    -webkit-transform: translate(-50%, -49%); }
  to {
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%); } }

#modalHeader {
    position: fixed;
    padding: 0.5em;
    top: -3px;
    left: 0;
    right: 0;
    text-align: center;
    color: #ffffff;
    background-color: #5b6771;
    z-index: 201;
}

#closemodal {
  background-color: transparent !important;
  position: absolute;
  width: 2em;
  height: 2em;
  right: 1.2em;
  top: 5%;
  height: 90%; }

#closeworksheet {
  top: 0.5em;
  right: 1.2em;
  position: fixed;
  cursor: pointer;
  width: 2em;
  height: 2em;
  z-index: 1;
  border-radius: 3px; }

#modal[data-allowclose="0"] #closemodal {
  display: none; }

#modal[data-allowclose="1"] #closemodal {
  display: block; }

#modalFooter {
  padding: 1em;
  position: fixed;
  bottom: -3px;
  left: 0;
  right: 0;
  text-align: center;
  background-color: #FFFFFF;
  z-index: 201;}

#modalFooter:empty {
  display: none; }

_:-ms-lang(x), #modalFooter, #modalHeader {
  position: relative; }

@media screen\0 {
  #modalFooter, #modalHeader {
    position: relative; } }

_:-ms-lang(x), _:-webkit-full-screen, #modalFooter, #modalHeader {
  position: fixed; }

#modalContent {
  /*    @include scaleSize(padding,12px);
    background-color:$cs4;
    margin-left:1px;
    margin-right:1px;*/
  padding: 1em; }

#modalContent:before, #modalContent:after {
  /*  display:block;
  content:' ';
  height:1em;*/ }

#modalContent .fauxframe {
  width: 100%;
  max-width: 100% !important;
  overflow: hidden; }

#modalContent .fauxframe *, #modalContent .fauxframe table tr td {
  max-width: 100% !important;
  margin-left: auto;
  margin-right: auto; }

#modalContent .fauxframe > div {
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden; }

#modal table {
    width: 100%;
}

/*tabs*/
#modal .tabcontent {
    display: flex;
    justify-content: space-between;
}

#modal .tab {
    overflow: hidden;
    background-color: #EFEFEF;
}

#modal .tab button {
    background-color: #EFEFEF;
    color: black;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
}

    #modal .tab button:hover {
        background-color: #5b6771;
        color: white;
    }

    #modal .tab button.active {
        background-color: #5b6771;
        color: white;
    }

#modal .tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}

#modal tr:nth-child(even) {
    background-color: #EFEFEF;
}


#toasts {
    z-index: 201;
  max-width: 100%;
  -webkit-animation-delay: 0;
  -webkit-animation-duration: 0.2s;
  -webkit-animation-name: appeartoast;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease;
  -moz-animation-delay: 0;
  -moz-animation-duration: 0.2s;
  -moz-animation-name: appeartoast;
  -moz-animation-fill-mode: forwards;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease;
  -o-animation-delay: 0;
  -o-animation-duration: 0.2s;
  -o-animation-name: appeartoast;
  -o-animation-fill-mode: forwards;
  -o-animation-iteration-count: 1;
  -o-animation-timing-function: ease;
  animation-delay: 0;
  animation-duration: 0.2s;
  animation-name: appeartoast;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-timing-function: ease;
  position: fixed;
  top: 27.6px;
  right: 0;
  padding: 8.28px; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    #toasts {
      top: 30px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    #toasts {
      top: 33.2px; } }
  @media screen and (min-width: 1700px) {
    #toasts {
      top: 40px; } }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    #toasts {
      padding: 9px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    #toasts {
      padding: 9.96px; } }
  @media screen and (min-width: 1700px) {
    #toasts {
      padding: 12px; } }

@-webkit-keyframes appeartoast {
  0% {
    -webkit-transform: translate(0, -100%);
    -moz-transform: translate(0, -100%);
    -o-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    transform: translate(0, -100%); }
  70% {
    -webkit-transform: translate(0, 10%);
    -moz-transform: translate(0, 10%);
    -o-transform: translate(0, 10%);
    -ms-transform: translate(0, 10%);
    transform: translate(0, 10%); }
  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); } }

@-moz-keyframes appeartoast {
  0% {
    -webkit-transform: translate(0, -100%);
    -moz-transform: translate(0, -100%);
    -o-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    transform: translate(0, -100%); }
  70% {
    -webkit-transform: translate(0, 10%);
    -moz-transform: translate(0, 10%);
    -o-transform: translate(0, 10%);
    -ms-transform: translate(0, 10%);
    transform: translate(0, 10%); }
  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); } }

@-o-keyframes appeartoast {
  0% {
    -webkit-transform: translate(0, -100%);
    -moz-transform: translate(0, -100%);
    -o-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    transform: translate(0, -100%); }
  70% {
    -webkit-transform: translate(0, 10%);
    -moz-transform: translate(0, 10%);
    -o-transform: translate(0, 10%);
    -ms-transform: translate(0, 10%);
    transform: translate(0, 10%); }
  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); } }

@keyframes appeartoast {
  0% {
    -webkit-transform: translate(0, -100%);
    -moz-transform: translate(0, -100%);
    -o-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    transform: translate(0, -100%); }
  70% {
    -webkit-transform: translate(0, 10%);
    -moz-transform: translate(0, 10%);
    -o-transform: translate(0, 10%);
    -ms-transform: translate(0, 10%);
    transform: translate(0, 10%); }
  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); } }

#toasts:empty {
  display: none; }

#toasts .toast, #coverAll .tooltip {
  display: block;
  width: 400px;
  max-width: 100%;
  margin-top: 8.28px;
  padding: 8.28px;
  position: relative;
  font-size: 10.005px; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    #toasts .toast, #coverAll .tooltip {
      margin-top: 9px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    #toasts .toast, #coverAll .tooltip {
      margin-top: 9.96px; } }
  @media screen and (min-width: 1700px) {
    #toasts .toast, #coverAll .tooltip {
      margin-top: 12px; } }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    #toasts .toast, #coverAll .tooltip {
      padding: 9px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    #toasts .toast, #coverAll .tooltip {
      padding: 9.96px; } }
  @media screen and (min-width: 1700px) {
    #toasts .toast, #coverAll .tooltip {
      padding: 12px; } }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    #toasts .toast, #coverAll .tooltip {
      font-size: 10.875px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    #toasts .toast, #coverAll .tooltip {
      font-size: 12.035px; } }
  @media screen and (min-width: 1700px) {
    #toasts .toast, #coverAll .tooltip {
      font-size: 14.5px; } }

.tooltip .tooltipfooter {
  padding: 4px;
  margin: -8.28px;
  background-color: #b8c6c5;
  border-radius: 0 0 3px 3px; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .tooltip .tooltipfooter {
      margin: -9px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .tooltip .tooltipfooter {
      margin: -9.96px; } }
  @media screen and (min-width: 1700px) {
    .tooltip .tooltipfooter {
      margin: -12px; } }
  .tooltip .tooltipfooter:after {
    content: "";
    display: block;
    clear: both;
    width: 100%;
    height: 0; }

.tooltipfooter .pagination {
  margin-top: 1em;
  margin-left: 1em;
  text-decoration: underline;
  color: #246775;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 800;
  cursor: pointer;
  display: block;
  float: left;
  vertical-align: middle;
  -webkit-user-drag: none;
  -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; }

@-webkit-keyframes highlight {
  0% {
    -webkit-box-shadow: inset 0px 0px 1px 0px #30B4AC;
    -moz-box-shadow: inset 0px 0px 1px 0px #30B4AC;
    box-shadow: inset 0px 0px 1px 0px #30B4AC; }
  50% {
    -webkit-box-shadow: inset 0px 0px 10px50px #30B4AC;
    -moz-box-shadow: inset 0px 0px 10px 5px #30B4AC;
    box-shadow: inset 0px 0px 10px 5px #30B4AC; }
  100% {
    -webkit-box-shadow: inset 0px 0px 1px 0px #30B4AC;
    -moz-box-shadow: inset 0px 0px 1px 0px #30B4AC;
    box-shadow: inset 0px 0px 1px 0px #30B4AC; } }

@-moz-keyframes highlight {
  0% {
    -webkit-box-shadow: inset 0px 0px 1px 0px #30B4AC;
    -moz-box-shadow: inset 0px 0px 1px 0px #30B4AC;
    box-shadow: inset 0px 0px 1px 0px #30B4AC; }
  50% {
    -webkit-box-shadow: inset 0px 0px 10px50px #30B4AC;
    -moz-box-shadow: inset 0px 0px 10px 5px #30B4AC;
    box-shadow: inset 0px 0px 10px 5px #30B4AC; }
  100% {
    -webkit-box-shadow: inset 0px 0px 1px 0px #30B4AC;
    -moz-box-shadow: inset 0px 0px 1px 0px #30B4AC;
    box-shadow: inset 0px 0px 1px 0px #30B4AC; } }

@-o-keyframes highlight {
  0% {
    -webkit-box-shadow: inset 0px 0px 1px 0px #30B4AC;
    -moz-box-shadow: inset 0px 0px 1px 0px #30B4AC;
    box-shadow: inset 0px 0px 1px 0px #30B4AC; }
  50% {
    -webkit-box-shadow: inset 0px 0px 10px50px #30B4AC;
    -moz-box-shadow: inset 0px 0px 10px 5px #30B4AC;
    box-shadow: inset 0px 0px 10px 5px #30B4AC; }
  100% {
    -webkit-box-shadow: inset 0px 0px 1px 0px #30B4AC;
    -moz-box-shadow: inset 0px 0px 1px 0px #30B4AC;
    box-shadow: inset 0px 0px 1px 0px #30B4AC; } }

@keyframes highlight {
  0% {
    -webkit-box-shadow: inset 0px 0px 1px 0px #30B4AC;
    -moz-box-shadow: inset 0px 0px 1px 0px #30B4AC;
    box-shadow: inset 0px 0px 1px 0px #30B4AC; }
  50% {
    -webkit-box-shadow: inset 0px 0px 10px50px #30B4AC;
    -moz-box-shadow: inset 0px 0px 10px 5px #30B4AC;
    box-shadow: inset 0px 0px 10px 5px #30B4AC; }
  100% {
    -webkit-box-shadow: inset 0px 0px 1px 0px #30B4AC;
    -moz-box-shadow: inset 0px 0px 1px 0px #30B4AC;
    box-shadow: inset 0px 0px 1px 0px #30B4AC; } }

.highlight {
  position: relative; }

.highlight::before {
  -webkit-animation-delay: 0;
  -webkit-animation-duration: 1s;
  -webkit-animation-name: highlight;
  -webkit-animation-fill-mode: linear;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease;
  -moz-animation-delay: 0;
  -moz-animation-duration: 1s;
  -moz-animation-name: highlight;
  -moz-animation-fill-mode: linear;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: ease;
  -o-animation-delay: 0;
  -o-animation-duration: 1s;
  -o-animation-name: highlight;
  -o-animation-fill-mode: linear;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: ease;
  animation-delay: 0;
  animation-duration: 1s;
  animation-name: highlight;
  animation-fill-mode: linear;
  animation-iteration-count: infinite;
  animation-timing-function: ease;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 999 !important;
  width: initial !important;
  height: initial !important;
  content: '';
  display: block;
  border-radius: 3px; }

#coverAll .tooltip {
  background-color: #ffffff; }

#toasts .toast {
    -webkit-animation-delay: 0;
    -webkit-animation-duration: 0.35s;
    -webkit-animation-name: appearbounce;
    -webkit-animation-fill-mode: linear;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease;
    -moz-animation-delay: 0;
    -moz-animation-duration: 0.35s;
    -moz-animation-name: appearbounce;
    -moz-animation-fill-mode: linear;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: ease;
    -o-animation-delay: 0;
    -o-animation-duration: 0.35s;
    -o-animation-name: appearbounce;
    -o-animation-fill-mode: linear;
    -o-animation-iteration-count: 1;
    -o-animation-timing-function: ease;
    animation-delay: 0;
    animation-duration: 0.35s;
    animation-name: appearbounce;
    animation-fill-mode: linear;
    animation-iteration-count: 1;
    animation-timing-function: ease;
    border-left: 1em #5b6771 solid;
}

#coverAll .tooltip.tipNoElement {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-animation-delay: 0;
  -webkit-animation-duration: 0.35s;
  -webkit-animation-name: appearbounceCentre;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease;
  -moz-animation-delay: 0;
  -moz-animation-duration: 0.35s;
  -moz-animation-name: appearbounceCentre;
  -moz-animation-fill-mode: forwards;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease;
  -o-animation-delay: 0;
  -o-animation-duration: 0.35s;
  -o-animation-name: appearbounceCentre;
  -o-animation-fill-mode: forwards;
  -o-animation-iteration-count: 1;
  -o-animation-timing-function: ease;
  animation-delay: 0;
  animation-duration: 0.35s;
  animation-name: appearbounceCentre;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-timing-function: ease; }

#coverAll .tooltip.tipTop {
  -webkit-animation-delay: 0;
  -webkit-animation-duration: 0.35s;
  -webkit-animation-name: appearbounceTop;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease;
  -moz-animation-delay: 0;
  -moz-animation-duration: 0.35s;
  -moz-animation-name: appearbounceTop;
  -moz-animation-fill-mode: forwards;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease;
  -o-animation-delay: 0;
  -o-animation-duration: 0.35s;
  -o-animation-name: appearbounceTop;
  -o-animation-fill-mode: forwards;
  -o-animation-iteration-count: 1;
  -o-animation-timing-function: ease;
  animation-delay: 0;
  animation-duration: 0.35s;
  animation-name: appearbounceTop;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-timing-function: ease;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  margin-bottom: 2em; }

#coverAll .tooltip.tipBot {
  -webkit-animation-delay: 0;
  -webkit-animation-duration: 0.35s;
  -webkit-animation-name: appearbounceBot;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease;
  -moz-animation-delay: 0;
  -moz-animation-duration: 0.35s;
  -moz-animation-name: appearbounceBot;
  -moz-animation-fill-mode: forwards;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease;
  -o-animation-delay: 0;
  -o-animation-duration: 0.35s;
  -o-animation-name: appearbounceBot;
  -o-animation-fill-mode: forwards;
  -o-animation-iteration-count: 1;
  -o-animation-timing-function: ease;
  animation-delay: 0;
  animation-duration: 0.35s;
  animation-name: appearbounceBot;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-timing-function: ease;
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -o-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  margin-top: 2em; }

#coverAll .tooltip:after {
  content: '';
  width: 0;
  height: 0;
  z-index: 300;
  position: absolute;
  display: block;
  z-index: 100; }

@media screen and (max-width: 649px) {
  #coverAll .tooltip {
    width: 90%;
    left: 5% !important;
    right: 5% !important; } }

@media screen and (max-width: 649px) {
  #coverAll .tooltip.tipNoElement {
    width: 90%;
    left: 50% !important;
    right: 50% !important; } }

#coverAll .tooltip.tipTop:after {
  border-top: 2em solid #b8c6c5;
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -o-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  bottom: 0; }

#coverAll .tooltip.tipBot:after {
  border-bottom: 2em solid #ffffff;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  top: 0; }

#coverAll .tooltip.tipRight:after {
  border-right: 2em solid transparent;
  margin-left: 0.7em;
  left: 0;
  float: left; }

#coverAll .tooltip.tipLeft:after {
  border-left: 2em solid transparent;
  margin-right: 0.7em;
  right: 0;
  float: right; }

#toasts .toast h3, #coverAll .tooltip h3 {
  font-size: 10.005px;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 800; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    #toasts .toast h3, #coverAll .tooltip h3 {
      font-size: 10.875px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    #toasts .toast h3, #coverAll .tooltip h3 {
      font-size: 12.035px; } }
  @media screen and (min-width: 1700px) {
    #toasts .toast h3, #coverAll .tooltip h3 {
      font-size: 14.5px; } }

#toasts .toast .close {
  top: 0;
  right: 0;
  position: absolute;
  width: 2em;
  height: 2em;
  margin: 0.25em;
  cursor: pointer;
  z-index: 98;
  padding: 2em;
  background-clip: padding-box;
  background-size: 50%;
  background-position: top right; }

#toasts .toast .close svg {
  width: 50%;
  height: 50%;
  position: absolute;
  top: 0;
  right: 0; }

#coverAll .tooltip .close {
  float: right; }

#toasts .toast.creditTodayToast {
  background-position: right 1271px;
  background-color: #1b0c0f;
  background-repeat: repeat-y;
  -webkit-animation-delay: 0, 0s;
  -webkit-animation-duration: 0.35s, 20s;
  -webkit-animation-name: appearbounce, movebg;
  -webkit-animation-fill-mode: forwards,forwards;
  -webkit-animation-iteration-count: 1, infinite;
  -webkit-animation-timing-function: ease, linear;
  -moz-animation-delay: 0, 0s;
  -moz-animation-duration: 0.35s, 20s;
  -moz-animation-name: appearbounce, movebg;
  -moz-animation-fill-mode: forwards,forwards;
  -moz-animation-iteration-count: 1, infinite;
  -moz-animation-timing-function: ease, linear;
  -o-animation-delay: 0, 0s;
  -o-animation-duration: 0.35s, 20s;
  -o-animation-name: appearbounce, movebg;
  -o-animation-fill-mode: forwards,forwards;
  -o-animation-iteration-count: 1, infinite;
  -o-animation-timing-function: ease, linear;
  animation-delay: 0, 0s;
  animation-duration: 0.35s, 20s;
  animation-name: appearbounce, movebg;
  animation-fill-mode: forwards,forwards;
  animation-iteration-count: 1, infinite;
  animation-timing-function: ease, linear;
  height: 80px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d; }

.creditTodayToast a {
  font-size: 11px;
  font-weight: normal;
  position: absolute;
  bottom: 8px;
  right: 8px;
  z-index: 1001;
  color: #ffffff; }

.creditTodayToast img {
  position: absolute;
  margin-top: -24px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -25%);
  -moz-transform: translate(-50%, -25%);
  -o-transform: translate(-50%, -25%);
  -ms-transform: translate(-50%, -25%);
  transform: translate(-50%, -25%);
  width: 115%; }

@-webkit-keyframes movebg {
  from {
    background-position: right 1271px;
    background-position-y: 1271px; }
  to {
    background-position: right 0;
    background-position-y: 0; } }

@-moz-keyframes movebg {
  from {
    background-position: right 1271px;
    background-position-y: 1271px; }
  to {
    background-position: right 0;
    background-position-y: 0; } }

@-o-keyframes movebg {
  from {
    background-position: right 1271px;
    background-position-y: 1271px; }
  to {
    background-position: right 0;
    background-position-y: 0; } }

@keyframes movebg {
  from {
    background-position: right 1271px;
    background-position-y: 1271px; }
  to {
    background-position: right 0;
    background-position-y: 0; } }

.showorhideMessages[data-totalmessagecount='0'] {
  display: none !important; }

.mymessages {
  overflow: hidden;
  margin: -8.28px; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .mymessages {
      margin: -9px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .mymessages {
      margin: -9.96px; } }
  @media screen and (min-width: 1700px) {
    .mymessages {
      margin: -12px; } }

.messagesHeader {
  background-color: #b8c6c5;
  padding: 1.5em;
  text-align: left;
  font-size: 9.315px; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .messagesHeader {
      font-size: 10.125px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .messagesHeader {
      font-size: 11.205px; } }
  @media screen and (min-width: 1700px) {
    .messagesHeader {
      font-size: 13.5px; } }
  .messagesHeader:after {
    content: "";
    display: block;
    clear: both;
    width: 100%;
    height: 0; }

.messagesUnreadmessage {
  letter-spacing: -0.02em;
  font-size: 10.35px;
  margin-bottom: 0.5em; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .messagesUnreadmessage {
      font-size: 11.25px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .messagesUnreadmessage {
      font-size: 12.45px; } }
  @media screen and (min-width: 1700px) {
    .messagesUnreadmessage {
      font-size: 15px; } }

.messagesUnreadmessage .unreadmessagecount {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 800; }

.unreadmessagecountplural[data-unreadmessagecount='1'] {
  display: none; }

.messagesList .message {
  height: 5em;
  vertical-align: middle;
  -webkit-user-drag: none;
  -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;
  cursor: pointer;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border: 0px solid #b8c6c5;
  border-left-width: 6.9px;
  border-left-color: #246775;
  transition: margin 0.3s;
  text-decoration: none;
  color: #0e293e; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .messagesList .message {
      border-left-width: 7.5px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .messagesList .message {
      border-left-width: 8.3px; } }
  @media screen and (min-width: 1700px) {
    .messagesList .message {
      border-left-width: 10px; } }

.messagesList .message:nth-child(even) {
  border-left-color: #314656; }

.messagesList .message[data-read='1'] {
  border-left-color: #b8c6c5;
  color: #687473; }

.messagesList .message:nth-child(even)[data-read='1'] {
  border-left-color: #687473; }

.messagesList .message[data-read='0'] .messageTime .read {
  display: none; }

.messagesList .message:hover {
  color: #314656;
  border-left-width: 13.8px; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .messagesList .message:hover {
      border-left-width: 15px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .messagesList .message:hover {
      border-left-width: 16.6px; } }
  @media screen and (min-width: 1700px) {
    .messagesList .message:hover {
      border-left-width: 20px; } }

.messagesList .message .messageIcon {
  height: 100%;
  width: 4em;
  padding: 0.2em;
  float: left;
  margin-right: 13.8px;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .messagesList .message .messageIcon {
      margin-right: 15px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .messagesList .message .messageIcon {
      margin-right: 16.6px; } }
  @media screen and (min-width: 1700px) {
    .messagesList .message .messageIcon {
      margin-right: 20px; } }

.messagesList .message:hover .messageIcon {
  margin-right: 6.9px; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .messagesList .message:hover .messageIcon {
      margin-right: 7.5px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .messagesList .message:hover .messageIcon {
      margin-right: 8.3px; } }
  @media screen and (min-width: 1700px) {
    .messagesList .message:hover .messageIcon {
      margin-right: 10px; } }

.messagesList .message .messageIcon div {
  width: 100%;
  height: 100%;
  background-position-y: 50%;
  background-repeat: no-repeat; }

.messagesList .message .messagePreview {
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
  text-align: left;
  padding: 0.3em 0;
  width: 50%; }

.messagesList .message .messagePreview .subject, .messagesList .message .messagePreview .body {
  width: 100%;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
  word-wrap: break-word; }

.messagesList .message .messagePreview .subject {
  margin-bottom: 0.3em;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 800;
  letter-spacing: -0.02em;
  font-size: 10.35px; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .messagesList .message .messagePreview .subject {
      font-size: 11.25px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .messagesList .message .messagePreview .subject {
      font-size: 12.45px; } }
  @media screen and (min-width: 1700px) {
    .messagesList .message .messagePreview .subject {
      font-size: 15px; } }

.messagesList .message .messageTime {
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
  width: 20%;
  text-align: right;
  color: #687473;
  padding: 0.5em;
  font-size: 9.315px; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .messagesList .message .messageTime {
      font-size: 10.125px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .messagesList .message .messageTime {
      font-size: 11.205px; } }
  @media screen and (min-width: 1700px) {
    .messagesList .message .messageTime {
      font-size: 13.5px; } }

.messagesList .message .messageTime .sent {
  margin-bottom: 0.5em; }

.messagesList .message:nth-child(even) {
  background-color: #ffffff; }

.messageData {
  letter-spacing: -0.02em;
  font-size: 10.35px; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .messageData {
      font-size: 11.25px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .messageData {
      font-size: 12.45px; } }
  @media screen and (min-width: 1700px) {
    .messageData {
      font-size: 15px; } }

.messagesHeader a[data-bgicon] {
  height: 4.5em;
  width: 4em;
  margin: -0.5em;
  margin-right: 0;
  float: left;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center; }

.messageBody {
  padding: 13.8px;
  padding-bottom: 20.7px;
  text-align: left; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .messageBody {
      padding: 15px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .messageBody {
      padding: 16.6px; } }
  @media screen and (min-width: 1700px) {
    .messageBody {
      padding: 20px; } }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .messageBody {
      padding-bottom: 22.5px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .messageBody {
      padding-bottom: 24.9px; } }
  @media screen and (min-width: 1700px) {
    .messageBody {
      padding-bottom: 30px; } }

.mailHowTo {
  background-color: #246775;
  padding: 13.8px;
  padding-top: 0 !important;
  margin-left: -13.8px;
  margin-right: -13.8px;
  margin-top: 1em;
  margin-bottom: 1em; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .mailHowTo {
      padding: 15px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .mailHowTo {
      padding: 16.6px; } }
  @media screen and (min-width: 1700px) {
    .mailHowTo {
      padding: 20px; } }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .mailHowTo {
      margin-left: -15px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .mailHowTo {
      margin-left: -16.6px; } }
  @media screen and (min-width: 1700px) {
    .mailHowTo {
      margin-left: -20px; } }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .mailHowTo {
      margin-right: -15px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .mailHowTo {
      margin-right: -16.6px; } }
  @media screen and (min-width: 1700px) {
    .mailHowTo {
      margin-right: -20px; } }

.mailHowTo h3 {
  background-color: #314656;
  color: #ffffff;
  padding: 13.8px;
  margin-top: 0 !important;
  margin-bottom: 1em;
  margin-left: -13.8px;
  margin-right: -13.8px; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .mailHowTo h3 {
      padding: 15px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .mailHowTo h3 {
      padding: 16.6px; } }
  @media screen and (min-width: 1700px) {
    .mailHowTo h3 {
      padding: 20px; } }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .mailHowTo h3 {
      margin-left: -15px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .mailHowTo h3 {
      margin-left: -16.6px; } }
  @media screen and (min-width: 1700px) {
    .mailHowTo h3 {
      margin-left: -20px; } }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .mailHowTo h3 {
      margin-right: -15px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .mailHowTo h3 {
      margin-right: -16.6px; } }
  @media screen and (min-width: 1700px) {
    .mailHowTo h3 {
      margin-right: -20px; } }

.mailHowTo h3 b {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 500; }

.mailHowTo h4 {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 500;
  margin-bottom: 0; }

.mailTo {
  letter-spacing: -0.02em;
  font-size: 10.35px; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .mailTo {
      font-size: 11.25px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .mailTo {
      font-size: 12.45px; } }
  @media screen and (min-width: 1700px) {
    .mailTo {
      font-size: 15px; } }

.mailFrom {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 800;
  font-size: 12.42px;
  color: #314656; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .mailFrom {
      font-size: 13.5px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .mailFrom {
      font-size: 14.94px; } }
  @media screen and (min-width: 1700px) {
    .mailFrom {
      font-size: 18px; } }

.mailFrom::first-line {
  color: #687473; }

.bubble_reply, .bubble {
  width: 80%;
  padding: 13.8px;
  background: #ffffff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  clear: both; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .bubble_reply, .bubble {
      padding: 15px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .bubble_reply, .bubble {
      padding: 16.6px; } }
  @media screen and (min-width: 1700px) {
    .bubble_reply, .bubble {
      padding: 20px; } }

.bubble_reply {
  margin-left: 20%; }

.messageTime {
  float: right;
  font-size: 9.315px;
  padding: 8px;
  padding-top: 4px; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .messageTime {
      font-size: 10.125px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .messageTime {
      font-size: 11.205px; } }
  @media screen and (min-width: 1700px) {
    .messageTime {
      font-size: 13.5px; } }
  .messageTime:after {
    content: "";
    display: block;
    clear: both;
    width: 100%;
    height: 0; }

.messageFooter {
  padding-top: 1.5em;
  float: none;
  clear: both; }

.dashboard {
  padding: 15px; }

.dashboard.modular {
  padding: 7.5px; }

.dashboard:after, .grid.dashboard > div:after, .dashboard .grid:after, .dashboard .grid > div:after {
  content: "";
  display: block;
  clear: both;
  width: 100%;
  height: 0; }

.dashboard.backInTime {
  -webkit-animation-delay: 0s;
  -webkit-animation-duration: 1s;
  -webkit-animation-name: backInTime;
  -webkit-animation-fill-mode: both;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease;
  -moz-animation-delay: 0s;
  -moz-animation-duration: 1s;
  -moz-animation-name: backInTime;
  -moz-animation-fill-mode: both;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease;
  -o-animation-delay: 0s;
  -o-animation-duration: 1s;
  -o-animation-name: backInTime;
  -o-animation-fill-mode: both;
  -o-animation-iteration-count: 1;
  -o-animation-timing-function: ease;
  animation-delay: 0s;
  animation-duration: 1s;
  animation-name: backInTime;
  animation-fill-mode: both;
  animation-iteration-count: 1;
  animation-timing-function: ease; }

.dashboard.forwardInTime {
  -webkit-animation-delay: 0s;
  -webkit-animation-duration: 1s;
  -webkit-animation-name: forwardInTime;
  -webkit-animation-fill-mode: both;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease;
  -moz-animation-delay: 0s;
  -moz-animation-duration: 1s;
  -moz-animation-name: forwardInTime;
  -moz-animation-fill-mode: both;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease;
  -o-animation-delay: 0s;
  -o-animation-duration: 1s;
  -o-animation-name: forwardInTime;
  -o-animation-fill-mode: both;
  -o-animation-iteration-count: 1;
  -o-animation-timing-function: ease;
  animation-delay: 0s;
  animation-duration: 1s;
  animation-name: forwardInTime;
  animation-fill-mode: both;
  animation-iteration-count: 1;
  animation-timing-function: ease; }

@keyframes backInTime {
  from {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%); }
  50% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%); }
  50.001% {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%); }
  to {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%); } }

@keyframes forwardInTime {
  from {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%); }
  50% {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%); }
  50.001% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%); }
  to {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%); } }

.grid.dashboard .x1 {
  height: 29.33333VH;
  min-height: 14.66667em;
  position: relative; }

.grid.dashboard .x2 {
  height: 58.66667VH;
  min-height: 29.33333em;
  position: relative; }

.grid.dashboard, .grid.dashboard .x3 {
  height: 88VH;
  min-height: 44em;
  position: relative; }

.grid.dashboard .x1 {
  height: calc(100VH / 3 - 65px / 3); }

.grid.dashboard .x2 {
  height: calc(100VH / 3 * 2 - 65px / 3 * 2); }

.grid.dashboard, .grid.dashboard .x3 {
  height: calc(100VH - 65px); }

.dashModule.dashModuleH1 {
  height: 29.33333VH;
  min-height: 14.66667em;
  position: relative; }

.dashModule.dashModuleH2 {
  height: 58.66667VH;
  min-height: 29.33333em;
  position: relative; }

.dashboard, .dashModule.dashModuleH3 {
  height: 88VH;
  min-height: 44em;
  position: relative; }

.dashModule.dashModuleH1 {
  height: calc(100VH / 3 - 65px / 3); }

.dashModule.dashModuleH2 {
  height: calc(100VH / 3 * 2 - 65px / 3 * 2); }

.dashboard, .dashModule.dashModuleH3 {
  height: calc(100VH - 65px); }

.dashModule {
  padding: 7.5px; }

@media screen and (max-width: 649px) {
  .dashboard .layout5X3 .dashModule.dashModuleW1 {
    width: 100%; }
  .dashboard .layout5X3 .dashModule.dashModuleW2 {
    width: 100%; }
  .dashboard .layout5X3 .dashModule.dashModuleW3 {
    width: 100%; }
  .dashboard .layout5X3 .dashModule.dashModuleW4 {
    width: 100%; }
  .dashboard .layout5X3 .dashModule.dashModuleW5 {
    width: 100%; }
  .dashboard .layout3X3 .dashModule.dashModuleW1 {
    width: 100%; }
  .dashboard .layout3X3 .dashModule.dashModuleW2 {
    width: 100%; }
  .dashboard .layout3X3 .dashModule.dashModuleW3 {
    width: 100%; }
  .dashboard .layout3X3 .dashModule.dashModuleW4 {
    width: 100%; }
  .dashboard .layout3X3 .dashModule.dashModuleW5 {
    width: 100%; } }

@media screen and (min-width: 650px) and (max-width: 1024px), print {
  .dashboard .layout5X3 .dashModule.dashModuleW1 {
    width: 33.33333%; }
  .dashboard .layout5X3 .dashModule.dashModuleW2 {
    width: 66.66667%; }
  .dashboard .layout5X3 .dashModule.dashModuleW3 {
    width: 100%; }
  .dashboard .layout5X3 .dashModule.dashModuleW4 {
    width: 100%; }
  .dashboard .layout5X3 .dashModule.dashModuleW5 {
    width: 100%; }
  .dashboard .layout3X3 .dashModule.dashModuleW1 {
    width: 33.33333%; }
  .dashboard .layout3X3 .dashModule.dashModuleW2 {
    width: 66.66667%; }
  .dashboard .layout3X3 .dashModule.dashModuleW3 {
    width: 100%; }
  .dashboard .layout3X3 .dashModule.dashModuleW4 {
    width: 100%; }
  .dashboard .layout3X3 .dashModule.dashModuleW5 {
    width: 100%; } }

@media screen and (min-width: 1025px) {
  .dashboard .layout5X3 .dashModule.dashModuleW1 {
    width: 20%; }
  .dashboard .layout5X3 .dashModule.dashModuleW2 {
    width: 40%; }
  .dashboard .layout5X3 .dashModule.dashModuleW3 {
    width: 60%; }
  .dashboard .layout5X3 .dashModule.dashModuleW4 {
    width: 80%; }
  .dashboard .layout5X3 .dashModule.dashModuleW5 {
    width: 100%; }
  .dashboard .layout3X3 .dashModule.dashModuleW1 {
    width: 33.33333%; }
  .dashboard .layout3X3 .dashModule.dashModuleW2 {
    width: 66.66667%; }
  .dashboard .layout3X3 .dashModule.dashModuleW3 {
    width: 100%; }
  .dashboard .layout3X3 .dashModule.dashModuleW4 {
    width: 100%; }
  .dashboard .layout3X3 .dashModule.dashModuleW5 {
    width: 100%; } }

.grid.dashboard .x2 {
  height: 58.66667VH;
  min-height: 29.33333em;
  position: relative; }

.grid.dashboard, .grid.dashboard .x3 {
  height: 88VH;
  min-height: 44em;
  position: relative; }

.grid.dashboard .x1 {
  height: calc(100VH / 3 - 80px / 3); }

.grid.dashboard .x2 {
  height: calc(100VH / 3 * 2 - 80px / 3 * 2); }

.grid.dashboard, .grid.dashboard .x3 {
  height: calc(100VH - 80px); }

.greenDot, .amberDot, .redDot {
  position: absolute;
  left: 50%;
  margin-left: 0.8em;
  top: 0;
  width: 0.5em;
  height: 0.5em;
  border-radius: 100%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

.greenDot {
  background-color: #30B4AC; }

.amberDot {
  background-color: #FFBB28; }

.redDot {
  background-color: #9e1b32; }

.dashbox {
    text-align: center;
    padding: 5.175px;
    width: 100%;
    z-index: 1;
    position: relative;
    background-color: #efefef;
    overflow: hidden;
    height: 100%;
}
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .dashbox {
      padding: 5.625px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .dashbox {
      padding: 6.225px; } }
  @media screen and (min-width: 1700px) {
    .dashbox {
      padding: 7.5px; } }
  .dashbox:after {
    content: "";
    display: block;
    clear: both;
    width: 100%;
    height: 0; }

.dashbox .scrollbox {
  font-size: 12.42px;
  padding: 0;
  margin: 0;
  overflow: auto;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  top: 1.8em;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-overflow-scrolling: touch;
  text-align: left; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .dashbox .scrollbox {
      font-size: 13.5px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .dashbox .scrollbox {
      font-size: 14.94px; } }
  @media screen and (min-width: 1700px) {
    .dashbox .scrollbox {
      font-size: 18px; } }

.dashbox .scrollbox.fullheight {
  top: 0; }

.scrollbox h1 {
  line-height: 1em;
  margin-right: 1em;
  -ms-word-break: break-all;
  word-break: break-all;
  font-size: 15.18px; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .scrollbox h1 {
      font-size: 16.5px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .scrollbox h1 {
      font-size: 18.26px; } }
  @media screen and (min-width: 1700px) {
    .scrollbox h1 {
      font-size: 22px; } }

.scrollbox h1 span {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 300; }

.dashbox:before, .dashbox:after {
  display: block;
  content: '';
  font-size: 12.42px;
  height: 1.8em;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  position: absolute;
  z-index: 3; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .dashbox:before, .dashbox:after {
      font-size: 13.5px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .dashbox:before, .dashbox:after {
      font-size: 14.94px; } }
  @media screen and (min-width: 1700px) {
    .dashbox:before, .dashbox:after {
      font-size: 18px; } }

.dashbox:after {
  top: auto;
    bottom: 0;
    -webkit-transform: translateY(105%);
  -moz-transform: translateY(105%);
  -o-transform: translateY(105%);
  -ms-transform: translateY(105%);
  transform: translateY(105%); }

.grid.dashboard .dashbox {
  height: 100%;
  font-size: 12.42px; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .grid.dashboard .dashbox {
      font-size: 13.5px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .grid.dashboard .dashbox {
      font-size: 14.94px; } }
  @media screen and (min-width: 1700px) {
    .grid.dashboard .dashbox {
      font-size: 18px; } }

#categories.dashbox:before {
  height: 16.8em;
  font-size: 12.42px; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    #categories.dashbox:before {
      font-size: 13.5px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    #categories.dashbox:before {
      font-size: 14.94px; } }
  @media screen and (min-width: 1700px) {
    #categories.dashbox:before {
      font-size: 18px; } }

#categories.dashbox .scrollbox {
  top: 16.8em;
  font-size: 12.42px; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    #categories.dashbox .scrollbox {
      font-size: 13.5px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    #categories.dashbox .scrollbox {
      font-size: 14.94px; } }
  @media screen and (min-width: 1700px) {
    #categories.dashbox .scrollbox {
      font-size: 18px; } }

#categories .categoryGraph {
  top: 1.8em;
  height: 15em;
  left: 0;
  right: 0;
  font-size: 12.42px;
  width: 100%;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.55); }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    #categories .categoryGraph {
      font-size: 13.5px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    #categories .categoryGraph {
      font-size: 14.94px; } }
  @media screen and (min-width: 1700px) {
    #categories .categoryGraph {
      font-size: 18px; } }

.categoryGraph .creditGraph, .categoryGraph .debitGraph {
  position: absolute;
  width: 33%;
  height: 82%;
  top: 5%;

}

.categoryGraph .creditGraph {
  left: 16%; }

.categoryGraph .debitGraph {
  right: 16%; }

.categoryGraph .options {
  position: absolute;
  width: 20%;
  bottom: 0;
  right: 0;
  font-size: 9.315px;
  padding: 0.2em;
  text-align: right;
  color: #687473;
  line-height: 1em;
  z-index: 5; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .categoryGraph .options {
      font-size: 10.125px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .categoryGraph .options {
      font-size: 11.205px; } }
  @media screen and (min-width: 1700px) {
    .categoryGraph .options {
      font-size: 13.5px; } }

.categoryGraph .options .checkbox {
  float: right;
  margin-left: 0.2em;
  margin-right: 0.1em; }

.categoryGraph .breakdownGraph {
  position: absolute;
  width: 100%;
  bottom: 0;
  height: 0;
  transition: height 0.6s cubic-bezier(0.26, 0.58, 0.22, 1);
  transition: height 0.6s cubic-bezier(0.26, 0.58, 0.22, 1.16);
  z-index: 5; }

.breakdownGraph .slice {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  transition: height 0.3s cubic-bezier(0.26, 0.58, 0.22, 1), top 0.3s cubic-bezier(0.26, 0.58, 0.22, 1);
  transition: height 0.3s cubic-bezier(0.26, 0.58, 0.22, 1.16), top 0.3s cubic-bezier(0.26, 0.58, 0.22, 1.16);
  z-index: 5; }

.predictedSlice {
  background-position: left bottom;
  background-size: 120px 120px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjAwIDIwMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTAwIDEwMDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8ZGVmcz4KICAgIDxwYXR0ZXJuIGlkPSJsaW5lczEiIHg9IjAiIHk9IjAiIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgcGF0dGVyblVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CiAgICAgICAgPGxpbmUgeDE9IjEwIiB5MT0iMCIgeDI9IjAiIHkyPSIxMCIgc3R5bGU9InN0cm9rZTojZmZmO3N0cm9rZS13aWR0aDoxLjYiPjwvbGluZT4KICAgICAgICA8bGluZSB4MT0iMCIgeTE9IjIwIiB4Mj0iMjAiIHkyPSIwIiBzdHlsZT0ic3Ryb2tlOiNmZmY7c3Ryb2tlLXdpZHRoOjEuNiI+PC9saW5lPgogICAgICAgIDxsaW5lIHgxPSItMTAiIHkxPSIxMCIgeDI9IjEwIiB5Mj0iLTEwIiBzdHlsZT0ic3Ryb2tlOiNmZmY7c3Ryb2tlLXdpZHRoOjEuNiI+PC9saW5lPgogICAgPC9wYXR0ZXJuPgo8L2RlZnM+CjxyZWN0IHg9IjAiIHk9IjAiIGZpbGw9InVybCgjbGluZXMxKSIgd2lkdGg9IjIwMCIgaGVpZ2h0PSIyMDAiPjwvcmVjdD4KPC9zdmc+"); }

.categoryGraph[data-prediction="0"] .predicted {
  display: none; }

.categoryGraph[data-prediction="1"] .known {
  display: none; }

.breakdownGraph .totals {
  left: 100%;
  bottom: 0;
  width: 100%;
  position: absolute;
  transition: height 0.6s cubic-bezier(0.26, 0.58, 0.22, 1) top 0.6s cubic-bezier(0.26, 0.58, 0.22, 1);
  transition: height 0.6s cubic-bezier(0.26, 0.58, 0.22, 1.16) top 0.6s cubic-bezier(0.26, 0.58, 0.22, 1.16);
  -webkit-transform: translateY(110%) translateX(-100%);
  -moz-transform: translateY(110%) translateX(-100%);
  -o-transform: translateY(110%) translateX(-100%);
  -ms-transform: translateY(110%) translateX(-100%);
  transform: translateY(110%) translateX(-100%);
  font-size: 9.315px;
  line-height: 1em;
  color: #687473;
  z-index: 5; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .breakdownGraph .totals {
      font-size: 10.125px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .breakdownGraph .totals {
      font-size: 11.205px; } }
  @media screen and (min-width: 1700px) {
    .breakdownGraph .totals {
      font-size: 13.5px; } }

[data-prediction="0"] .slice.predicted {
  height: 0; }

.breakdownGraph.crAv {
  left: 0;
  width: 7%;
  transition-delay: 0.2s; }

.breakdownGraph.cr1 {
  left: 9%;
  width: 29%;
  transition-delay: 0.3s; }

.breakdownGraph.cr2 {
  left: 40%;
  width: 29%;
  transition-delay: 0.4s; }

.breakdownGraph.cr3 {
  left: 71%;
  width: 29%;
  transition-delay: 0.5s; }

.breakdownGraph.de1 {
  right: 71%;
  width: 29%;
  transition-delay: 0.5s; }

.breakdownGraph.de2 {
  right: 40%;
  width: 29%;
  transition-delay: 0.4s; }

.breakdownGraph.de3 {
  right: 9%;
  width: 29%;
  transition-delay: 0.3s; }

.breakdownGraph.deAv {
  right: 0;
  width: 7%;
  transition-delay: 0.2s; }

.categoryGraph .creditSummary, .categoryGraph .debitSummary {
    position: absolute;
    min-width: 14%;
    background-color: #efefef;
    border-radius: 3px;
    text-align: center;
    padding: 3.75px;
    font-size: 9.315px;
    line-height: 1.2em;
    opacity: 0;
    transition: top 0.6s cubic-bezier(0.26, 0.58, 0.22, 1), opacity 0.3s;
    transition: top 0.6s cubic-bezier(0.26, 0.58, 0.22, 1.36), opacity 0.3s;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    top: 100%;
    z-index: 6;
}
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .categoryGraph .creditSummary, .categoryGraph .debitSummary {
      font-size: 10.125px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .categoryGraph .creditSummary, .categoryGraph .debitSummary {
      font-size: 11.205px; } }
  @media screen and (min-width: 1700px) {
    .categoryGraph .creditSummary, .categoryGraph .debitSummary {
      font-size: 13.5px; } }

.categoryGraph .creditSummary.show, .categoryGraph .debitSummary.show {
  opacity: 1; }

.categoryGraph .creditSummary span, .categoryGraph .debitSummary span {
  font-size: 9.315px;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 300; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .categoryGraph .creditSummary span, .categoryGraph .debitSummary span {
      font-size: 10.125px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .categoryGraph .creditSummary span, .categoryGraph .debitSummary span {
      font-size: 11.205px; } }
  @media screen and (min-width: 1700px) {
    .categoryGraph .creditSummary span, .categoryGraph .debitSummary span {
      font-size: 13.5px; } }

.categoryGraph .creditSummary div, .categoryGraph .debitSummary div {
  font-size: 12.42px;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 800; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .categoryGraph .creditSummary div, .categoryGraph .debitSummary div {
      font-size: 13.5px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .categoryGraph .creditSummary div, .categoryGraph .debitSummary div {
      font-size: 14.94px; } }
  @media screen and (min-width: 1700px) {
    .categoryGraph .creditSummary div, .categoryGraph .debitSummary div {
      font-size: 18px; } }

.categoryGraph .creditSummary {
  left: 3px;
  border-right: 7.5px #30B4AC solid;
  transition-delay: 0.1s; }

.categoryGraph .debitSummary {
  right: 3px;
  border-left: 7.5px #9e1b32 solid;
  transition-delay: 0.1s; }

.categoryGraph .creditSummary:before {
  content: '';
  border-top: 1em solid transparent;
  border-right: 1em solid transparent;
  border-bottom: 1em solid transparent;
  border-left: 1em solid #30B4AC;
  -webkit-transform: translateY(-50%) translateX(100%);
  -moz-transform: translateY(-50%) translateX(100%);
  -o-transform: translateY(-50%) translateX(100%);
  -ms-transform: translateY(-50%) translateX(100%);
  transform: translateY(-50%) translateX(100%);
  top: 50%;
  right: 0;
  float: right;
  position: absolute; }

.categoryGraph .debitSummary:before {
  content: '';
  border-top: 1em solid transparent;
  border-left: 1em solid transparent;
  border-bottom: 1em solid transparent;
    border-right: 1em solid #BD0E54;
  -webkit-transform: translateY(-50%) translateX(-100%);
  -moz-transform: translateY(-50%) translateX(-100%);
  -o-transform: translateY(-50%) translateX(-100%);
  -ms-transform: translateY(-50%) translateX(-100%);
  transform: translateY(-50%) translateX(-100%);
  top: 50%;
  left: 0;
  float: left;
  position: absolute; }

.precentageBreakdown {
  font-size: 9.315px;
  text-align: center;
  padding-top: 6px;
  clear: both;
  display: block;
  width: 100%;
  line-height: 1.1em; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .precentageBreakdown {
      font-size: 10.125px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .precentageBreakdown {
      font-size: 11.205px; } }
  @media screen and (min-width: 1700px) {
    .precentageBreakdown {
      font-size: 13.5px; } }

.precentageBreakdown > div {
  height: 1.1em; }

.categoryPercentage {
  height: 1em;
  padding: 0;
  position: relative;
  display: inline-block;
  width: 100%;
  background-color: rgba(184, 198, 197, 0.5); }

.categoryPercentage > div {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  transition: width 0.3s cubic-bezier(0.26, 0.58, 0.22, 1), left 0.3s cubic-bezier(0.26, 0.58, 0.22, 1);
  transition: width 0.3s cubic-bezier(0.26, 0.58, 0.22, 1.16), left 0.3s cubic-bezier(0.26, 0.58, 0.22, 1.16); }

.scrollbox h3 {
    padding: 0 1.5em 0 1.5em;
    text-align: center;
    height: 1.8em;
    line-height: 1.8em;
}

.item {
  font-size: 10.005px;
  text-align: left;
  margin-bottom: 0px;
    border-bottom: 3px solid #ffffff;
  padding: 3px;
  color: #687473;
  position: relative;
  line-height: 1.3em; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .item {
      font-size: 10.875px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .item {
      font-size: 12.035px; } }
  @media screen and (min-width: 1700px) {
    .item {
      font-size: 14.5px; } }

.item {
  /*-webkit-box-shadow: 0px 1px 0px 0px rgba($cs1,0.14);
  -moz-box-shadow: 0px 1px 0px 0px rgba($cs1,0.14);
  box-shadow: 0px 1px 0px 0px rgba($cs1,0.14);*/
  line-height: 1.25em; }

.item {
    padding-left: 5px;
  padding-right: 13px; }

#modal .item {
  -webkit-animation-delay: 0s;
  -webkit-animation-duration: 0s;
  -webkit-animation-name: none;
  -webkit-animation-fill-mode: both;
  -webkit-animation-iteration-count: 0;
  -webkit-animation-timing-function: ease;
  -moz-animation-delay: 0s;
  -moz-animation-duration: 0s;
  -moz-animation-name: none;
  -moz-animation-fill-mode: both;
  -moz-animation-iteration-count: 0;
  -moz-animation-timing-function: ease;
  -o-animation-delay: 0s;
  -o-animation-duration: 0s;
  -o-animation-name: none;
  -o-animation-fill-mode: both;
  -o-animation-iteration-count: 0;
  -o-animation-timing-function: ease;
  animation-delay: 0s;
  animation-duration: 0s;
  animation-name: none;
  animation-fill-mode: both;
  animation-iteration-count: 0;
  animation-timing-function: ease; }

.showAll {
  display: none;
  font-size: 12.42px;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 300;
  padding: 0.25em;
  text-align: center; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .showAll {
      font-size: 13.5px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .showAll {
      font-size: 14.94px; } }
  @media screen and (min-width: 1700px) {
    .showAll {
      font-size: 18px; } }

.hideMore .item:nth-child(1n+4) {
  display: none !important; }

.showingAll .item:nth-child(1n+4), #modal .showingAll .item:nth-child(1n+4) {
  -webkit-animation-delay: 0s;
  -webkit-animation-duration: 0.4s;
  -webkit-animation-name: drop;
  -webkit-animation-fill-mode: both;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease;
  -moz-animation-delay: 0s;
  -moz-animation-duration: 0.4s;
  -moz-animation-name: drop;
  -moz-animation-fill-mode: both;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease;
  -o-animation-delay: 0s;
  -o-animation-duration: 0.4s;
  -o-animation-name: drop;
  -o-animation-fill-mode: both;
  -o-animation-iteration-count: 1;
  -o-animation-timing-function: ease;
  animation-delay: 0s;
  animation-duration: 0.4s;
  animation-name: drop;
  animation-fill-mode: both;
  animation-iteration-count: 1;
  animation-timing-function: ease; }

.hideMore .showAll:nth-child(1n+5) {
  display: block !important; }

.insertedTransactions {
  border: 2px #b8c6c5 dotted;
  margin: 0.5em;
  padding: 0.5em;
  font-size: 12.42px;
  background-color: #ffffff;
  border-radius: 3px;
  min-height: 2em;
  text-align: center; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .insertedTransactions {
      font-size: 13.5px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .insertedTransactions {
      font-size: 14.94px; } }
  @media screen and (min-width: 1700px) {
    .insertedTransactions {
      font-size: 18px; } }

.hidingExtra .hideExtra, .showingExtra .showExtra {
  display: none; }

.hideExtra .showExtra, .showingExtra .hideExtra {
  -webkit-animation-delay: 0s;
  -webkit-animation-duration: 0.4s;
  -webkit-animation-name: open;
  -webkit-animation-fill-mode: both;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease;
  -moz-animation-delay: 0s;
  -moz-animation-duration: 0.4s;
  -moz-animation-name: open;
  -moz-animation-fill-mode: both;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease;
  -o-animation-delay: 0s;
  -o-animation-duration: 0.4s;
  -o-animation-name: open;
  -o-animation-fill-mode: both;
  -o-animation-iteration-count: 1;
  -o-animation-timing-function: ease;
  animation-delay: 0s;
  animation-duration: 0.4s;
  animation-name: open;
  animation-fill-mode: both;
  animation-iteration-count: 1;
  animation-timing-function: ease; }

.linkedTransactionItem {
  border: 2px #d8e6e6 dotted;
  margin-left: 2em;
  font-size: 12.42px;
  background-color: #ffffff;
  margin-bottom: 0.5em;
  margin-top: 2px;
  position: relative;
  border-radius: 3px;
  padding: 2px;
  min-height: 2em; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .linkedTransactionItem {
      font-size: 13.5px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .linkedTransactionItem {
      font-size: 14.94px; } }
  @media screen and (min-width: 1700px) {
    .linkedTransactionItem {
      font-size: 18px; } }

.linkedTransactionItem > div:empty:after, .insertedTransactions > div:empty:after {
  content: 'Transaction not available...';
  color: #b8c6c5; }

.linkedTransactionItem::before {
  font-size: 12.42px;
  display: block;
  border-left: 2px #b8c6c5 solid;
  border-bottom: 2px #b8c6c5 solid;
  content: '';
  width: 0.75em;
  height: 1em;
  position: absolute;
  border-bottom-left-radius: 3px;
  z-index: -1;
  margin-top: -6px;
  top: 0;
  left: -1em; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .linkedTransactionItem::before {
      font-size: 13.5px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .linkedTransactionItem::before {
      font-size: 14.94px; } }
  @media screen and (min-width: 1700px) {
    .linkedTransactionItem::before {
      font-size: 18px; } }

.linkedTransactionItem::after {
  font-size: 12.42px;
  margin-top: -6px;
  display: block;
  border-right: 2px #b8c6c5 solid;
  border-top: 2px #b8c6c5 solid;
  content: '';
  width: 0.4em;
  height: 0.4em;
  position: absolute;
  z-index: 5;
  top: 1em;
  left: -0.8em;
  transform-origin: 100% 50%;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .linkedTransactionItem::after {
      font-size: 13.5px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .linkedTransactionItem::after {
      font-size: 14.94px; } }
  @media screen and (min-width: 1700px) {
    .linkedTransactionItem::after {
      font-size: 18px; } }

.insertedTransactions .linkedTransactionItem {
  display: none !important; }

.relatedTransactions {
  margin-top: 2em; }

    .item, .relatedTransactions .item, .showAll {
        background-color: #efefef;
    }

        .transactionItem:nth-child(even) > .item, .item:nth-child(even), .relatedTransactions > .item:nth-child(even), .showAll:nth-child(even) {
            background-color: #efefef;
        }

        .item.totalFooter {
            color: #000000;
            background-color: #a3aaad;
            min-height: 3.2em;
        }

#modal .item.totalFooter {
  background-color: transparent !important; }

.transactionCategories {
  margin-top: 0.2em; }

.firstInDay {
  border-top: 2px #b8c6c5 dotted;
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  transform: translateY(-2px); }

.transactionItem:first-of-type .firstInDay {
  border-top: none; }

.transactionItem .item {
  padding: 5px; }

.transactionQuery {
  opacity: 0.2;
  border-radius: 100%;
  display: inline-block;
  height: 1.4em;
  width: 1.4em;
  -webkit-box-shadow: 0px 0px 0px 1px #ffffff;
  -moz-box-shadow: 0px 0px 0px 1px #ffffff;
  box-shadow: 0px 0px 0px 1px #ffffff;
  transition: all 0.3s;
  background-color: #ffffff; }

.transactionQuery .icon {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  vertical-align: top; }

.transactionItem .item:hover .transactionQuery {
  opacity: 1;
  -webkit-animation-delay: 0.2s;
  -webkit-animation-duration: 0.6s;
  -webkit-animation-name: jump;
  -webkit-animation-fill-mode: both;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease;
  -moz-animation-delay: 0.2s;
  -moz-animation-duration: 0.6s;
  -moz-animation-name: jump;
  -moz-animation-fill-mode: both;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease;
  -o-animation-delay: 0.2s;
  -o-animation-duration: 0.6s;
  -o-animation-name: jump;
  -o-animation-fill-mode: both;
  -o-animation-iteration-count: 1;
  -o-animation-timing-function: ease;
  animation-delay: 0.2s;
  animation-duration: 0.6s;
  animation-name: jump;
  animation-fill-mode: both;
  animation-iteration-count: 1;
  animation-timing-function: ease; }

@-webkit-keyframes jump {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  20% {
    -webkit-transform: translateY(-0.45em);
    -moz-transform: translateY(-0.45em);
    -o-transform: translateY(-0.45em);
    -ms-transform: translateY(-0.45em);
    transform: translateY(-0.45em); }
  40% {
    -webkit-transform: translateY(0em);
    -moz-transform: translateY(0em);
    -o-transform: translateY(0em);
    -ms-transform: translateY(0em);
    transform: translateY(0em); }
  60% {
    -webkit-transform: translateY(-0.3em);
    -moz-transform: translateY(-0.3em);
    -o-transform: translateY(-0.3em);
    -ms-transform: translateY(-0.3em);
    transform: translateY(-0.3em); }
  80% {
    -webkit-transform: translateY(0em);
    -moz-transform: translateY(0em);
    -o-transform: translateY(0em);
    -ms-transform: translateY(0em);
    transform: translateY(0em); }
  100% {
    -webkit-transform: translateY(0em);
    -moz-transform: translateY(0em);
    -o-transform: translateY(0em);
    -ms-transform: translateY(0em);
    transform: translateY(0em); } }

@-moz-keyframes jump {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  20% {
    -webkit-transform: translateY(-0.45em);
    -moz-transform: translateY(-0.45em);
    -o-transform: translateY(-0.45em);
    -ms-transform: translateY(-0.45em);
    transform: translateY(-0.45em); }
  40% {
    -webkit-transform: translateY(0em);
    -moz-transform: translateY(0em);
    -o-transform: translateY(0em);
    -ms-transform: translateY(0em);
    transform: translateY(0em); }
  60% {
    -webkit-transform: translateY(-0.3em);
    -moz-transform: translateY(-0.3em);
    -o-transform: translateY(-0.3em);
    -ms-transform: translateY(-0.3em);
    transform: translateY(-0.3em); }
  80% {
    -webkit-transform: translateY(0em);
    -moz-transform: translateY(0em);
    -o-transform: translateY(0em);
    -ms-transform: translateY(0em);
    transform: translateY(0em); }
  100% {
    -webkit-transform: translateY(0em);
    -moz-transform: translateY(0em);
    -o-transform: translateY(0em);
    -ms-transform: translateY(0em);
    transform: translateY(0em); } }

@-o-keyframes jump {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  20% {
    -webkit-transform: translateY(-0.45em);
    -moz-transform: translateY(-0.45em);
    -o-transform: translateY(-0.45em);
    -ms-transform: translateY(-0.45em);
    transform: translateY(-0.45em); }
  40% {
    -webkit-transform: translateY(0em);
    -moz-transform: translateY(0em);
    -o-transform: translateY(0em);
    -ms-transform: translateY(0em);
    transform: translateY(0em); }
  60% {
    -webkit-transform: translateY(-0.3em);
    -moz-transform: translateY(-0.3em);
    -o-transform: translateY(-0.3em);
    -ms-transform: translateY(-0.3em);
    transform: translateY(-0.3em); }
  80% {
    -webkit-transform: translateY(0em);
    -moz-transform: translateY(0em);
    -o-transform: translateY(0em);
    -ms-transform: translateY(0em);
    transform: translateY(0em); }
  100% {
    -webkit-transform: translateY(0em);
    -moz-transform: translateY(0em);
    -o-transform: translateY(0em);
    -ms-transform: translateY(0em);
    transform: translateY(0em); } }

@keyframes jump {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  20% {
    -webkit-transform: translateY(-0.45em);
    -moz-transform: translateY(-0.45em);
    -o-transform: translateY(-0.45em);
    -ms-transform: translateY(-0.45em);
    transform: translateY(-0.45em); }
  40% {
    -webkit-transform: translateY(0em);
    -moz-transform: translateY(0em);
    -o-transform: translateY(0em);
    -ms-transform: translateY(0em);
    transform: translateY(0em); }
  60% {
    -webkit-transform: translateY(-0.3em);
    -moz-transform: translateY(-0.3em);
    -o-transform: translateY(-0.3em);
    -ms-transform: translateY(-0.3em);
    transform: translateY(-0.3em); }
  80% {
    -webkit-transform: translateY(0em);
    -moz-transform: translateY(0em);
    -o-transform: translateY(0em);
    -ms-transform: translateY(0em);
    transform: translateY(0em); }
  100% {
    -webkit-transform: translateY(0em);
    -moz-transform: translateY(0em);
    -o-transform: translateY(0em);
    -ms-transform: translateY(0em);
    transform: translateY(0em); } }

.transactionDate span {
  font-size: 10.005px;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 300; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .transactionDate span {
      font-size: 10.875px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .transactionDate span {
      font-size: 12.035px; } }
  @media screen and (min-width: 1700px) {
    .transactionDate span {
      font-size: 14.5px; } }

.transactionRunningBalance span {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 800; }

.transactionTitle, .transactionAmount {
    color: #000000;
    font-size: 12.42px;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-weight: 500;
    padding: 0.2em 0;
}
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .transactionTitle, .transactionAmount {
      font-size: 13.5px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .transactionTitle, .transactionAmount {
      font-size: 14.94px; } }
  @media screen and (min-width: 1700px) {
    .transactionTitle, .transactionAmount {
      font-size: 18px; } }

.transactionTitle span {
  font-size: 9.315px;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #687473; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .transactionTitle span {
      font-size: 10.125px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .transactionTitle span {
      font-size: 11.205px; } }
  @media screen and (min-width: 1700px) {
    .transactionTitle span {
      font-size: 13.5px; } }

.transactionIcon {
  display: inline-block;
  padding: 2px;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 3px; }

.transactionIcon, .transactionIcon i, .transactionIcon .description {
  vertical-align: middle;
  display: inline-block; }

@-webkit-keyframes showCategories {
  0% {
    max-height: 0; }
  100% {
    max-height: 1em; } }

@-moz-keyframes showCategories {
  0% {
    max-height: 0; }
  100% {
    max-height: 1em; } }

@-o-keyframes showCategories {
  0% {
    max-height: 0; }
  100% {
    max-height: 1em; } }

@keyframes showCategories {
  0% {
    max-height: 0; }
  100% {
    max-height: 1em; } }

@-webkit-keyframes hideCategories {
  0% {
    max-height: 2em; }
  100% {
    max-height: 0; } }

@-moz-keyframes hideCategories {
  0% {
    max-height: 2em; }
  100% {
    max-height: 0; } }

@-o-keyframes hideCategories {
  0% {
    max-height: 2em; }
  100% {
    max-height: 0; } }

@keyframes hideCategories {
  0% {
    max-height: 2em; }
  100% {
    max-height: 0; } }

.transactionCategoryLinks, .transactionCategoryLinks a {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 300; }

.transactionAmount {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 800; }

.dashModule.hasFooter .scrollbox,
.dashModule.hasFooter .dashbox:after {
  bottom: 2.75em; }

.dashModule .dashbox > .totalFooter {
  display: none; }

.dashModule.hasFooter .dashbox > .totalFooter {
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
  display: block; }

.dashbox .totalFooter .additional {
  display: none; }

#modal .totalFooter .additional {
  display: initial; }

.expand.item:hover, .clickable.item:hover {
  -webkit-box-shadow: inset 0px 0px 0px 100px rgba(36, 103, 117, 0.15);
  -moz-box-shadow: inset 0px 0px 0px 100px rgba(36, 103, 117, 0.15);
  box-shadow: inset 0px 0px 0px 100px rgba(36, 103, 117, 0.15); }

.expand, .clickable {
  cursor: pointer; }

#modalContent .item .tog {
  display: none; }

#modalContent .grow-in-modal {
  width: 50%; }

.item .additional {
  display: none; }

.itemContainer .additional {
    display: inline;
    display: initial;
}

@-webkit-keyframes drop {
  0% {
    transform: translateY(-10px);
    opacity: 0; }
  50% {
    transform: translateY(3px);
    opacity: 1; }
  70% {
    transform: translateY(1px); }
  100% {
    transform: translateY(0px);
    opacity: 1; } }

@-moz-keyframes drop {
  0% {
    transform: translateY(-10px);
    opacity: 0; }
  50% {
    transform: translateY(3px);
    opacity: 1; }
  70% {
    transform: translateY(1px); }
  100% {
    transform: translateY(0px);
    opacity: 1; } }

@-o-keyframes drop {
  0% {
    transform: translateY(-10px);
    opacity: 0; }
  50% {
    transform: translateY(3px);
    opacity: 1; }
  70% {
    transform: translateY(1px); }
  100% {
    transform: translateY(0px);
    opacity: 1; } }

@keyframes drop {
  0% {
    transform: translateY(-10px);
    opacity: 0; }
  50% {
    transform: translateY(3px);
    opacity: 1; }
  70% {
    transform: translateY(1px); }
  100% {
    transform: translateY(0px);
    opacity: 1; } }

.drop {
  -webkit-animation-delay: 0s;
  -webkit-animation-duration: 0.4s;
  -webkit-animation-name: drop;
  -webkit-animation-fill-mode: both;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease;
  -moz-animation-delay: 0s;
  -moz-animation-duration: 0.4s;
  -moz-animation-name: drop;
  -moz-animation-fill-mode: both;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease;
  -o-animation-delay: 0s;
  -o-animation-duration: 0.4s;
  -o-animation-name: drop;
  -o-animation-fill-mode: both;
  -o-animation-iteration-count: 1;
  -o-animation-timing-function: ease;
  animation-delay: 0s;
  animation-duration: 0.4s;
  animation-name: drop;
  animation-fill-mode: both;
  animation-iteration-count: 1;
  animation-timing-function: ease;
  will-change: transform; }

.item.recentTransaction {
  font-size: 12.42px; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .item.recentTransaction {
      font-size: 13.5px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .item.recentTransaction {
      font-size: 14.94px; } }
  @media screen and (min-width: 1700px) {
    .item.recentTransaction {
      font-size: 18px; } }

.itemContainer .item {
  text-size: 2em !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-color: transparent;
  line-height: 1.8em;
  letter-spacing: -0.02em;
  font-size: 10.35px; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .itemContainer .item {
      font-size: 11.25px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .itemContainer .item {
      font-size: 12.45px; } }
  @media screen and (min-width: 1700px) {
    .itemContainer .item {
      font-size: 15px; } }

.trunc {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.timeRange, #selectRange {
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 10.005px;
    padding: 4px;
    margin-top: 10px;
    background-color: #efefef;
}
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .timeRange, #selectRange {
      font-size: 10.875px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .timeRange, #selectRange {
      font-size: 12.035px; } }
  @media screen and (min-width: 1700px) {
    .timeRange, #selectRange {
      font-size: 14.5px; } }

.displayNameText {
  word-break: break-word;
  white-space: normal;
  line-height: normal;
  text-align: left; }
  @media screen and (max-width: 600px) {
    .displayNameText {
      margin-left: -5%;
      margin-top: -0.5%; } }

.displayNameText h1 {
  font-size: 22px;
  word-break: break-word; }
  @media screen and (max-width: 600px) {
    .displayNameText h1 {
      font-size: 18px; } }
  @media screen and (max-width: 320px) {
    .displayNameText h1 {
      font-size: 16px; } }

.timeRange {
  cursor: pointer; }

.timeRange:hover {
  background-color: #ffffff; }

.timeRange [data-icon="calendar-s-ct2"] svg {
  height: 2.2em;
  padding-top: 0.4em; }

.timeRange b {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 800;
  color: #000000; }

.monthsBox {
  width: 45%;
  padding: 1em;
  display: inline-block; }

#selectRange {
  padding: 1em; }

#selectRange .to {
  width: 10%;
  display: inline-block; }

#startDate, #endDate {
    color: #000000;
    font-size: 9.315px;
}
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    #startDate, #endDate {
      font-size: 10.125px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    #startDate, #endDate {
      font-size: 11.205px; } }
  @media screen and (min-width: 1700px) {
    #startDate, #endDate {
      font-size: 13.5px; } }

.breakdownTitle {
    color: #FFFFFF;
    background-color: #5b6771;
}

.item .recurrence {
    color: #246775;
    background-color: #f7f0c7;
    font-size: 9.315px;
    border-radius: 0.75px;
    text-align: center;
    margin: 2px;
    padding: 4px;
    line-height: 1.4em;
    margin-right: 4px;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    float: left;
}
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .item .recurrence {
      font-size: 10.125px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .item .recurrence {
      font-size: 11.205px; } }
  @media screen and (min-width: 1700px) {
    .item .recurrence {
      font-size: 13.5px; } }

.itemContainer .recurrence {
  display: none; }

span.bigNumber {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 800;
  font-size: 15.18px;
  color: #000000; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    span.bigNumber {
      font-size: 16.5px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    span.bigNumber {
      font-size: 18.26px; } }
  @media screen and (min-width: 1700px) {
    span.bigNumber {
      font-size: 22px; } }

span.title {
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-weight: 800;
    letter-spacing: -0.02em;
    font-size: 10.35px;
    color: #000000;
}
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    span.title {
      font-size: 11.25px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    span.title {
      font-size: 12.45px; } }
  @media screen and (min-width: 1700px) {
    span.title {
      font-size: 15px; } }

span.category {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 10.005px;
  color: #246775; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    span.category {
      font-size: 10.875px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    span.category {
      font-size: 12.035px; } }
  @media screen and (min-width: 1700px) {
    span.category {
      font-size: 14.5px; } }

span.categoryType {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 12.42px;
  color: #246775; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    span.categoryType {
      font-size: 13.5px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    span.categoryType {
      font-size: 14.94px; } }
  @media screen and (min-width: 1700px) {
    span.categoryType {
      font-size: 18px; } }

span.strike {
  font-size: 10.005px;
  color: #9e1b32;
  text-decoration: line-through; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    span.strike {
      font-size: 10.875px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    span.strike {
      font-size: 12.035px; } }
  @media screen and (min-width: 1700px) {
    span.strike {
      font-size: 14.5px; } }

span.info_important {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 800;
  font-size: 10.005px;
  color: #000000; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    span.info_important {
      font-size: 10.875px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    span.info_important {
      font-size: 12.035px; } }
  @media screen and (min-width: 1700px) {
    span.info_important {
      font-size: 14.5px; } }

span.info {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 10.005px;
  color: #000000; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    span.info {
      font-size: 10.875px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    span.info {
      font-size: 12.035px; } }
  @media screen and (min-width: 1700px) {
    span.info {
      font-size: 14.5px; } }

span.error {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 800;
  font-size: 9.315px;
  color: #9e1b32; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    span.error {
      font-size: 10.125px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    span.error {
      font-size: 11.205px; } }
  @media screen and (min-width: 1700px) {
    span.error {
      font-size: 13.5px; } }

[data-active='false'] span {
  color: #687473 !important; }

[data-active='false'] .icon svg path,
[data-active='false'] .icon svg circle,
[data-active='false'] .icon svg polygon,
[data-active='false'] .icon svg polyline,
[data-active='false'] .icon svg ellipse,
[data-active='false'] .icon svg rect {
  stroke: #687473 !important; }

.num {
  text-align: right;
  font-size: 9.315px;
  direction: rtl; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .num {
      font-size: 10.125px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .num {
      font-size: 11.205px; } }
  @media screen and (min-width: 1700px) {
    .num {
      font-size: 13.5px; } }

.num span {
  direction: ltr;
  unicode-bidi: bidi-override; }

span.details {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 9.315px;
  color: #687473; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    span.details {
      font-size: 10.125px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    span.details {
      font-size: 11.205px; } }
  @media screen and (min-width: 1700px) {
    span.details {
      font-size: 13.5px; } }

.itemContainer span.title {
  font-size: 12.42px; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .itemContainer span.title {
      font-size: 13.5px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .itemContainer span.title {
      font-size: 14.94px; } }
  @media screen and (min-width: 1700px) {
    .itemContainer span.title {
      font-size: 18px; } }

.itemContainer span.category {
  font-size: 12.42px; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .itemContainer span.category {
      font-size: 13.5px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .itemContainer span.category {
      font-size: 14.94px; } }
  @media screen and (min-width: 1700px) {
    .itemContainer span.category {
      font-size: 18px; } }

.itemContainer span.categoryType {
  font-size: 15.18px; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .itemContainer span.categoryType {
      font-size: 16.5px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .itemContainer span.categoryType {
      font-size: 18.26px; } }
  @media screen and (min-width: 1700px) {
    .itemContainer span.categoryType {
      font-size: 22px; } }

.itemContainer span.info_important {
  letter-spacing: -0.02em;
  font-size: 10.35px; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .itemContainer span.info_important {
      font-size: 11.25px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .itemContainer span.info_important {
      font-size: 12.45px; } }
  @media screen and (min-width: 1700px) {
    .itemContainer span.info_important {
      font-size: 15px; } }

.itemContainer span.info {
  letter-spacing: -0.02em;
  font-size: 10.35px; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .itemContainer span.info {
      font-size: 11.25px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .itemContainer span.info {
      font-size: 12.45px; } }
  @media screen and (min-width: 1700px) {
    .itemContainer span.info {
      font-size: 15px; } }

.itemContainer span.error {
  font-size: 10.005px; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .itemContainer span.error {
      font-size: 10.875px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .itemContainer span.error {
      font-size: 12.035px; } }
  @media screen and (min-width: 1700px) {
    .itemContainer span.error {
      font-size: 14.5px; } }

.itemContainer .item .num {
  font-size: 10.005px; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .itemContainer .item .num {
      font-size: 10.875px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .itemContainer .item .num {
      font-size: 12.035px; } }
  @media screen and (min-width: 1700px) {
    .itemContainer .item .num {
      font-size: 14.5px; } }

.itemContainer span.details {
  font-size: 10.005px; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .itemContainer span.details {
      font-size: 10.875px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .itemContainer span.details {
      font-size: 12.035px; } }
  @media screen and (min-width: 1700px) {
    .itemContainer span.details {
      font-size: 14.5px; } }

.item .null {
  opacity: 0.3; }

.item hr {
  height: 0.5em; }

.item div.icon {
  height: 2.6em;
  position: relative; }

.item div.icon i {
  position: absolute;
  top: 10%;
  left: 10%;
  right: 10%;
  bottom: 10%;
  width: 80%;
  height: auto; }

.icon svg + svg, .icon span + svg, .icon span + span {
  position: absolute;
  left: 0; }

.dashbox .dashtop {
    background-color: #5b6771;
    color: #FFFFFF;
    margin: -5.175px;
    padding: 0 1.5em 0 1.5em;
    text-align: center;
    font-size: 12.42px;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-weight: 300;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    z-index: 4;
    height: 1.8em;
    line-height: 1.8em;
}

  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .dashbox .dashtop {
      margin: -5.625px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .dashbox .dashtop {
      margin: -6.225px; } }
  @media screen and (min-width: 1700px) {
    .dashbox .dashtop {
      margin: -7.5px; } }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .dashbox .dashtop {
      font-size: 13.5px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .dashbox .dashtop {
      font-size: 14.94px; } }
  @media screen and (min-width: 1700px) {
    .dashbox .dashtop {
      font-size: 18px; } }

@media screen and (min-width: 650px) and (max-width: 1024px), print {
    .dashbox .dashtop {
        margin: -5.625px;
    }
}

@-webkit-keyframes flasher {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 1; } }

@-moz-keyframes flasher {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 1; } }

@-o-keyframes flasher {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 1; } }

@keyframes flasher {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 1; } }

.hasAlert .dashtop {
    color: #FFFFFF;
    background-color: #9e1b32
}

.dashtopwhite {
    background-color: #FFFFFF !important;
    color: #5b6771 !important;
}

.dashboxwhite {
    background-color: #FFFFFF !important;
}

.dashbox.transparent, .dashbox.transparent .dashtop, .dashbox.transparent .item, .dashbox.transparent:before, .dashbox.transparent:after {
  background-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.dashbox .dashtop i {
  width: 1.5em;
  height: 1.5em; }

.dashbox .dashtop [data-count]:after {
  content: "(" attr(data-count) ")";
  display: inline-block; }

.dashbox .dashtop [data-count="0"]:after {
  display: none; }

.dashbox .dashtop i.icon, .dashbox .dashtop i.icon svg {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer; }

.dashbox .dashtop i.icon {
  right: 0.1em; }

.dashbox .dashtop i.btMaximise {
  right: 1.6em; }

.dashbox .dashtop i.alert {
  position: relative;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
  top: initial;
  right: initial;
  cursor: initial; }

.dashbox.transparent .dashtop i.help {
  background-color: rgba(255, 255, 255, 0.55);
  border-radius: 100%;
  padding: 2px; }

#dashboardBankGraph {
  overflow: hidden;
  font-size: 9.315px;
  color: #687473;
  height: 100%;
  padding: 0 0 1em 0; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    #dashboardBankGraph {
      font-size: 10.125px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    #dashboardBankGraph {
      font-size: 11.205px; } }
  @media screen and (min-width: 1700px) {
    #dashboardBankGraph {
      font-size: 13.5px; } }

#dashboardBankGraph text {
  fill: #246775; }

#dashboardBankGraph .tick line {
  stroke: #b8c6c5;
  stroke-width: 1px; }

#dashboardBankGraph .y-grid .tick line {
  stroke: rgba(255, 255, 255, 0.3);
  stroke-width: 6px; }

#dashboardBankGraph .zero {
  opacity: 1 !important; }

i svg {
  -webkit-animation-delay: 0s;
  -webkit-animation-duration: 1s;
  -webkit-animation-name: dash;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-in;
  -moz-animation-delay: 0s;
  -moz-animation-duration: 1s;
  -moz-animation-name: dash;
  -moz-animation-fill-mode: forwards;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease-in;
  -o-animation-delay: 0s;
  -o-animation-duration: 1s;
  -o-animation-name: dash;
  -o-animation-fill-mode: forwards;
  -o-animation-iteration-count: 1;
  -o-animation-timing-function: ease-in;
  animation-delay: 0s;
  animation-duration: 1s;
  animation-name: dash;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-timing-function: ease-in; }

#closemodal svg {
  -webkit-animation-delay: 0s;
  -webkit-animation-duration: 1s;
  -webkit-animation-name: none;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-in;
  -moz-animation-delay: 0s;
  -moz-animation-duration: 1s;
  -moz-animation-name: none;
  -moz-animation-fill-mode: forwards;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease-in;
  -o-animation-delay: 0s;
  -o-animation-duration: 1s;
  -o-animation-name: none;
  -o-animation-fill-mode: forwards;
  -o-animation-iteration-count: 1;
  -o-animation-timing-function: ease-in;
  animation-delay: 0s;
  animation-duration: 1s;
  animation-name: none;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-timing-function: ease-in; }

@-webkit-keyframes dash {
  0% {
    stroke-dasharray: 600;
    stroke-dashoffset: 600; }
  10% {
    stroke-dasharray: 500;
    stroke-dashoffset: 500; }
  100% {
    stroke-dasharray: 400;
    stroke-dashoffset: 0; } }

@-moz-keyframes dash {
  0% {
    stroke-dasharray: 600;
    stroke-dashoffset: 600; }
  10% {
    stroke-dasharray: 500;
    stroke-dashoffset: 500; }
  100% {
    stroke-dasharray: 400;
    stroke-dashoffset: 0; } }

@-o-keyframes dash {
  0% {
    stroke-dasharray: 600;
    stroke-dashoffset: 600; }
  10% {
    stroke-dasharray: 500;
    stroke-dashoffset: 500; }
  100% {
    stroke-dasharray: 400;
    stroke-dashoffset: 0; } }

@keyframes dash {
  0% {
    stroke-dasharray: 600;
    stroke-dashoffset: 600; }
  10% {
    stroke-dasharray: 500;
    stroke-dashoffset: 500; }
  100% {
    stroke-dasharray: 400;
    stroke-dashoffset: 0; } }

.timeline {
  background-color: #b8c6c5;
  padding-top: 2px;
  padding-left: 2px;
  padding-right: 2px;
  text-align: center;
  position: relative; }
  .timeline:after {
    content: "";
    display: block;
    clear: both;
    width: 100%;
    height: 0; }

.timelineDay {
  font-size: 100%;
  background-color: #ffffff;
  width: 3.5714%;
  padding-bottom: 1.5%;
  position: relative;
  display: inline-block;
  margin-bottom: 2px;
  border-right: 1px #b8c6c5 solid;
  float: left;
  display: block; }

.timelineDay.weekend {
  background-color: #d8e6e6; }

.timelineDay.unavailable {
  background-color: transparent; }

.timelineDay.hasCredit {
  background-color: #30B4AC; }

.timelineDay.hasDebit {
        background-color: #BD0E54;
    }

.timelineDay.hasCredit.hasDebit {
  background-color: #30B4AC;
  position: relative;
  overflow: hidden; }

.timelineDay.hasCredit.hasDebit:after {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  content: '';
  border-top: 1em solid transparent;
            border-right: 2em solid #BD0E54; }

.timelineDay:nth-child(28n+0) {
  border-right: none; }

.timelineDay:nth-child(28n+1) {
  clear: both; }

.clickableLabel {
    padding: 0.6em;
    border: 2px dotted #ffffff;
    border-radius: 3px;
    cursor: pointer;
    color: #ffffff;
    display: inline-block;
}

.standardLabel {
  display: inline-block;
  color: #ffffff; }

.transactionSelector {
  display: none; }

.clearFilter {
  cursor: pointer; }

.spin {
  animation: spin 0.9s infinite linear;
  transform-origin: center; }

.spinner {
  animation: appear 0.4s 1;
  animation-fill-mode: both;
  transform-origin: center; }

.spinner svg {
  max-width: 100%;
  width: 7em;
  height: auto;
  max-height: 7em;
  padding: 0.5em; }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }

[data-transactionType="Credit"] .debitShow, [data-transactionType="Debit"] .creditShow, [data-hasDate="false"] .dateShow {
  display: none; }

.calendarDateBox {
  width: 1.9em;
  height: 1.9em;
  border-radius: 3px;
  background-color: #ffffff;
  position: relative;
  text-align: center;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 800;
  font-size: 1.75em;
  line-height: 1.50em;
  padding: 0;
  color: #0e293e; }

.calendarDateBox .calendarMonth {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-color: #246775;
  color: #ffffff;
  font-size: 0.5em;
  height: 1em;
  line-height: 1em;
  border-radius: 3px 3px 0 0; }

.calendarDateBox .calendarPeriod {
  position: absolute;
  bottom: 0.3em;
  left: 0;
  right: 0;
  font-size: 0.4em;
  height: 0.8em;
  line-height: 0.8em;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 400; }

sup {
  font-size: 0.5em; }

#diTabs {
  z-index: -1;
  text-align: right;
  margin: 0 2em; }

.diTab {
  line-height: 1em;
  text-align: center;
  background-color: #b8c6c5;
  padding: 0.6em 1em;
  margin-left: -1.5px;
  border-radius: 3px 3px 0 0;
  display: inline-block;
  cursor: pointer;
  -webkit-transform: translateY(0.5em);
  -moz-transform: translateY(0.5em);
  -o-transform: translateY(0.5em);
  -ms-transform: translateY(0.5em);
  transform: translateY(0.5em);
  z-index: 1;
  transition: all 0.15s cubic-bezier(0.26, 0.58, 0.22, 1);
  transition: all 0.15s cubic-bezier(0.26, 0.58, 0.22, 1.36);
  font-size: 15.18px;
  -webkit-box-shadow: 0 10px 30px rgba(14, 41, 62, 0.2);
  -moz-box-shadow: 0 10px 30px rgba(14, 41, 62, 0.2);
  box-shadow: 0 10px 30px rgba(14, 41, 62, 0.2);
  width: 6em;
  max-width: 25%; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .diTab {
      font-size: 16.5px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .diTab {
      font-size: 18.26px; } }
  @media screen and (min-width: 1700px) {
    .diTab {
      font-size: 22px; } }

.diTab .amount {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 800; }

.diTab .period {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 300; }

.diTab:hover {
  background-color: #d8e6e6;
  -webkit-transform: translateY(0.2em);
  -moz-transform: translateY(0.2em);
  -o-transform: translateY(0.2em);
  -ms-transform: translateY(0.2em);
  transform: translateY(0.2em); }

.diTab.selected, .diTab.selected:hover {
  background-color: #e8f4f4;
  cursor: initial;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  z-index: 1 !important;
  position: relative; }

.diGraphBox {
    background-color: #efefef;
    border-radius: 3px;
    z-index: 0;
    position: relative;
    padding: 1em;
    margin: 1em;
    margin-top: -1px;
    height: 18em;
    z-index: 1 !important;
}

.diTotal {
  background-color: #ffffff;
  border-left: 7.5px #30B4AC solid;
  height: 40%;
  right: 7.5%;
  top: 20%;
  width: 30%;
  font-size: 12.42px;
  position: absolute;
  border-radius: 3px; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .diTotal {
      font-size: 13.5px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .diTotal {
      font-size: 14.94px; } }
  @media screen and (min-width: 1700px) {
    .diTotal {
      font-size: 18px; } }

.diTotal > div {
  position: absolute;
  top: 50%;
  width: 100%;
  font-size: 22.08px;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 800;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .diTotal > div {
      font-size: 24px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .diTotal > div {
      font-size: 26.56px; } }
  @media screen and (min-width: 1700px) {
    .diTotal > div {
      font-size: 32px; } }

.diTotal .period {
  letter-spacing: -0.02em;
  font-size: 10.35px;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 300; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .diTotal .period {
      font-size: 11.25px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .diTotal .period {
      font-size: 12.45px; } }
  @media screen and (min-width: 1700px) {
    .diTotal .period {
      font-size: 15px; } }

.diTotal:before {
  content: '';
  border-top: 1em solid transparent;
  border-right: 1em solid #30B4AC;
  border-bottom: 1em solid transparent;
  border-left: 1em solid transparent;
  -webkit-transform: translateY(-50%) translateX(-100%);
  -moz-transform: translateY(-50%) translateX(-100%);
  -o-transform: translateY(-50%) translateX(-100%);
  -ms-transform: translateY(-50%) translateX(-100%);
  transform: translateY(-50%) translateX(-100%);
  top: 50%;
  left: 0;
  float: left;
  position: absolute; }

.diTotal.negative {
    border-left: 7.5px #BD0E54 solid;
}

.diTotal.negative:before {
        border-right: 1em solid #BD0E54;
    }

.diGraph {
  height: 60%;
  left: 5%;
  top: 10%;
  width: 50%;
  font-size: 12.42px;
  position: absolute; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .diGraph {
      font-size: 13.5px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .diGraph {
      font-size: 14.94px; } }
  @media screen and (min-width: 1700px) {
    .diGraph {
      font-size: 18px; } }

.diSummary {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -o-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  position: absolute;
  bottom: 0;
  width: 100%;
  line-height: 1.1em;
  font-size: 9.315px;
  padding: 0.6em; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .diSummary {
      font-size: 10.125px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .diSummary {
      font-size: 11.205px; } }
  @media screen and (min-width: 1700px) {
    .diSummary {
      font-size: 13.5px; } }

.diSummary .title {
  font-size: 12.42px;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 800;
  margin-top: 0.3em; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .diSummary .title {
      font-size: 13.5px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .diSummary .title {
      font-size: 14.94px; } }
  @media screen and (min-width: 1700px) {
    .diSummary .title {
      font-size: 18px; } }

.diGraph > div {
  position: absolute;
  z-index: 1;
  transition: all 0.3s cubic-bezier(0.26, 0.58, 0.22, 1);
  transition: all 0.3s cubic-bezier(0.26, 0.58, 0.22, 1.36); }

.diGraphCredit {
  width: 30%;
  left: 0;
  bottom: 0;
  background-color: #30B4AC; }

.diGraphDebit {
  width: 30%;
  left: 35%;
  bottom: 0;
    background-color: #BD0E54;
}

.diGraphDi {
  width: 30%;
  right: 0;
  top: 0;
  background-color: #71b0f6; }

.diGraphDiSummary {
  width: 30%;
  right: 0;
  bottom: 0; }

.dottedLine {
  border-top: 2px #b8c6c5 dashed;
  width: 100%;
  position: absolute; }

.dottedLine:last-child {
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  transform: translateY(-2px); }

.centerBox {
    padding: 8em 2em 8em 2em;
    position: fixed;
    background-color: #ffffff;
    z-index: 8;
    width: 80em;
    max-width: 90%;
    max-height: 90%;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: auto;
    top: 50%;
    left: 50%;
    -webkit-overflow-scrolling: touch;
    text-align: left;
    transform: translate(-50%, -50%);
    transition: top 1s;
    font-size: 0.95em;
    min-height: 25%;
    -webkit-animation-delay: 0.2s;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-name: centerBox;
    -webkit-animation-fill-mode: both;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease;
    -moz-animation-delay: 0.2s;
    -moz-animation-duration: 0.5s;
    -moz-animation-name: centerBox;
    -moz-animation-fill-mode: both;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: ease;
    -o-animation-delay: 0.2s;
    -o-animation-duration: 0.5s;
    -o-animation-name: centerBox;
    -o-animation-fill-mode: both;
    -o-animation-iteration-count: 1;
    -o-animation-timing-function: ease;
    animation-delay: 0.2s;
    animation-duration: 0.5s;
    animation-name: centerBox;
    animation-fill-mode: both;
    animation-iteration-count: 1;
    animation-timing-function: ease;
    will-change: transform;
    text-align: center;
}

@-webkit-keyframes centerBox {
  0% {
    transform: translate(-50%, 100%);
    opacity: 0; }
  50% {
    transform: translate(-50%, -50%);
    opacity: 1; }
  70% {
    transform: translate(-50%, -51%); }
  100% {
    transform: translate(-50%, -50%);
    opacity: 1; } }

@-moz-keyframes centerBox {
  0% {
    transform: translate(-50%, 100%);
    opacity: 0; }
  50% {
    transform: translate(-50%, -50%);
    opacity: 1; }
  70% {
    transform: translate(-50%, -51%); }
  100% {
    transform: translate(-50%, -50%);
    opacity: 1; } }

@-o-keyframes centerBox {
  0% {
    transform: translate(-50%, 100%);
    opacity: 0; }
  50% {
    transform: translate(-50%, -50%);
    opacity: 1; }
  70% {
    transform: translate(-50%, -51%); }
  100% {
    transform: translate(-50%, -50%);
    opacity: 1; } }

@keyframes centerBox {
  0% {
    transform: translate(-50%, 100%);
    opacity: 0; }
  50% {
    transform: translate(-50%, -50%);
    opacity: 1; }
  70% {
    transform: translate(-50%, -51%); }
  100% {
    transform: translate(-50%, -50%);
    opacity: 1; } }

.centerBox .logo {
  height: 5em;
  max-height: 5em;
  width: 100%;
  margin-left: auto;
  margin-right: auto; }

.centerBox .logo svg {
  stroke:   #5b6771;
  opacity: 0.25; }

.menuOption {
  text-decoration: none; }

.menuOption div {
  font-size: 15.18px;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 300; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .menuOption div {
      font-size: 16.5px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .menuOption div {
      font-size: 18.26px; } }
  @media screen and (min-width: 1700px) {
    .menuOption div {
      font-size: 22px; } }

.menuOption i {
  width: 60%;
  max-width: 100px;
  padding: 10px;
  margin: 0 auto;
  display: block;
  position: relative; }

    .menuOption i::before {
        content: '';
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        background-color: #5b6771;
        z-index: -1;
    }

.noneFound, .oneFound {
  display: none;
  animation-delay: 0s !important; }

.oneFound span {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 800; }

.customers div {
  display: inline-block; }

a[data-customer] {
  padding: 0.4em;
  display: block;
  cursor: pointer;
  margin: 0.5%;
  transform-origin: 50% 50% !important;
  color: #222;
  text-decoration: none;
  color: #0e293e; }

a[data-customer].notfiltered {
  animation: showcustomer 0.5s 1 !important;
  animation-delay: 0 !important;
  animation-fill-mode: forwards !important; }

a[data-customer].filtered {
  animation: hidecustomer 0.7s 1 !important;
  animation-delay: 0 !important;
  animation-fill-mode: forwards !important; }

a[data-customer].selected {
  animation: selectcustomer 0.7s infinite !important;
  animation-delay: 0 !important;
  animation-fill-mode: forwards !important; }

@-webkit-keyframes hidecustomer {
  0% {
    transform: scaleY(1); }
  100% {
    display: none;
    position: absolute;
    opacity: 0;
    margin: 0;
    padding: 0;
    transform: scaleY(0); } }

@-moz-keyframes hidecustomer {
  0% {
    transform: scaleY(1); }
  100% {
    display: none;
    position: absolute;
    opacity: 0;
    margin: 0;
    padding: 0;
    transform: scaleY(0); } }

@-o-keyframes hidecustomer {
  0% {
    transform: scaleY(1); }
  100% {
    display: none;
    position: absolute;
    opacity: 0;
    margin: 0;
    padding: 0;
    transform: scaleY(0); } }

@keyframes hidecustomer {
  0% {
    transform: scaleY(1); }
  100% {
    display: none;
    position: absolute;
    opacity: 0;
    margin: 0;
    padding: 0;
    transform: scaleY(0); } }

@-webkit-keyframes showcustomer {
  0% {
    display: none;
    position: absolute;
    opacity: 0;
    margin: 0;
    padding: 0;
    transform: scaleY(0); }
  0% {
    transform: scaleY(1); } }

@-moz-keyframes showcustomer {
  0% {
    display: none;
    position: absolute;
    opacity: 0;
    margin: 0;
    padding: 0;
    transform: scaleY(0); }
  0% {
    transform: scaleY(1); } }

@-o-keyframes showcustomer {
  0% {
    display: none;
    position: absolute;
    opacity: 0;
    margin: 0;
    padding: 0;
    transform: scaleY(0); }
  0% {
    transform: scaleY(1); } }

@keyframes showcustomer {
  0% {
    display: none;
    position: absolute;
    opacity: 0;
    margin: 0;
    padding: 0;
    transform: scaleY(0); }
  0% {
    transform: scaleY(1); } }

@-webkit-keyframes selectcustomer {
  0% {
    background-color: rgba(216, 230, 230, 0.5); }
  30% {
    background-color: #d8e6e6; }
  100% {
    background-color: rgba(216, 230, 230, 0.5); } }

@-moz-keyframes selectcustomer {
  0% {
    background-color: rgba(216, 230, 230, 0.5); }
  30% {
    background-color: #d8e6e6; }
  100% {
    background-color: rgba(216, 230, 230, 0.5); } }

@-o-keyframes selectcustomer {
  0% {
    background-color: rgba(216, 230, 230, 0.5); }
  30% {
    background-color: #d8e6e6; }
  100% {
    background-color: rgba(216, 230, 230, 0.5); } }

@keyframes selectcustomer {
  0% {
    background-color: rgba(216, 230, 230, 0.5); }
  30% {
    background-color: #d8e6e6; }
  100% {
    background-color: rgba(216, 230, 230, 0.5); } }

a[data-customer] img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 4px; }

a[data-customer] span {
  font-size: 0.8em;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  /*display: block;*/ 

}

#exitTour, #resumeTour {
  display: block;
  max-width: 100%;
  background-color: #b8c6c5;
  padding: 0.5em 2em;
  position: relative;
  border-radius: 3px;
  -webkit-box-shadow: 0 10px 30px rgba(14, 41, 62, 0.2);
  -moz-box-shadow: 0 10px 30px rgba(14, 41, 62, 0.2);
  box-shadow: 0 10px 30px rgba(14, 41, 62, 0.2);
  font-size: 10.005px;
  position: fixed;
  bottom: 0.5em;
  left: 0.5em;
  z-index: 999;
  cursor: pointer;
  text-align: center;
  color: #246775;
  font-size: 15.18px;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 300;
  text-decoration: underline;
  -webkit-animation-delay: 1s;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-name: appearTour;
  -webkit-animation-fill-mode: both;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease;
  -moz-animation-delay: 1s;
  -moz-animation-duration: 0.5s;
  -moz-animation-name: appearTour;
  -moz-animation-fill-mode: both;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease;
  -o-animation-delay: 1s;
  -o-animation-duration: 0.5s;
  -o-animation-name: appearTour;
  -o-animation-fill-mode: both;
  -o-animation-iteration-count: 1;
  -o-animation-timing-function: ease;
  animation-delay: 1s;
  animation-duration: 0.5s;
  animation-name: appearTour;
  animation-fill-mode: both;
  animation-iteration-count: 1;
  animation-timing-function: ease; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    #exitTour, #resumeTour {
      font-size: 10.875px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    #exitTour, #resumeTour {
      font-size: 12.035px; } }
  @media screen and (min-width: 1700px) {
    #exitTour, #resumeTour {
      font-size: 14.5px; } }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    #exitTour, #resumeTour {
      font-size: 16.5px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    #exitTour, #resumeTour {
      font-size: 18.26px; } }
  @media screen and (min-width: 1700px) {
    #exitTour, #resumeTour {
      font-size: 22px; } }

#resumeTour i {
  position: absolute;
  right: -1em;
  top: -1em;
  height: 2em;
  width: 2em;
  border-radius: 100%;
  background-color: #b8c6c5;
  padding: 0.2em; }

@-webkit-keyframes appearTour {
  0% {
    bottom: -5em; }
  80% {
    bottom: 0.6em; }
  100% {
    bottom: 0.5em; } }

@-moz-keyframes appearTour {
  0% {
    bottom: -5em; }
  80% {
    bottom: 0.6em; }
  100% {
    bottom: 0.5em; } }

@-o-keyframes appearTour {
  0% {
    bottom: -5em; }
  80% {
    bottom: 0.6em; }
  100% {
    bottom: 0.5em; } }

@keyframes appearTour {
  0% {
    bottom: -5em; }
  80% {
    bottom: 0.6em; }
  100% {
    bottom: 0.5em; } }

@-webkit-keyframes open {
  0% {
    transform: translateY(-23px);
    opacity: 0; }
  50% {
    transform: translateY(-1px);
    opacity: 1; }
  70% {
    transform: translateY(0px); }
  100% {
    transform: translateY(-1px);
    opacity: 1; } }

@-moz-keyframes open {
  0% {
    transform: translateY(-23px);
    opacity: 0; }
  50% {
    transform: translateY(-1px);
    opacity: 1; }
  70% {
    transform: translateY(0px); }
  100% {
    transform: translateY(-1px);
    opacity: 1; } }

@-o-keyframes open {
  0% {
    transform: translateY(-23px);
    opacity: 0; }
  50% {
    transform: translateY(-1px);
    opacity: 1; }
  70% {
    transform: translateY(0px); }
  100% {
    transform: translateY(-1px);
    opacity: 1; } }

@keyframes open {
  0% {
    transform: translateY(-23px);
    opacity: 0; }
  50% {
    transform: translateY(-1px);
    opacity: 1; }
  70% {
    transform: translateY(0px); }
  100% {
    transform: translateY(-1px);
    opacity: 1; } }

.ediTransactionList 
.collTransctionList{
  background-color: #ffffff;
  border-radius: 0 0 3px 3px;
  margin-bottom: 0.4em;
  padding: 0.4em;
  -webkit-box-shadow: 0 10px 30px rgba(14, 41, 62, 0.2);
  -moz-box-shadow: 0 10px 30px rgba(14, 41, 62, 0.2);
  box-shadow: 0 10px 30px rgba(14, 41, 62, 0.2);
  padding-top: 0.1em;
  z-index: 0; }

#ediChangeDate option[data-incomplete="true"]
#collChangeDate option[data-incomplete="true"] {
    background: #b8c6c5;
}

.noteInfo {
  border-radius: 1em;
  background-color: #246775;
  color: #ffffff;
  dislpay: inline-block;
  width: 2em;
  height: 1em;
  line-height: 1em;
  text-align: center;
  cursor: pointer; }

.ediCalulationBox
.collCalulationBox {
    background-color: #ffffff;
    border-radius: 3px;
    padding: 1em;
}

#bankAccounts .account-verification {
  display: none; }

.account-verification tbody th,
.account-verification tbody td,
.account-verification p {
  line-height: 1.6em; }

table.account-verification thead th {
  padding-top: 4px; }

table.account-verification tbody td:nth-child(2) {
  padding-left: 15px; }

.account-verification.account-address {
  padding-top: 10px;
  text-align: right; }

.icon.traffic-light {
  border-left: 7px solid;
  border-radius: 3px;
  border-color: transparent; }

.traffic-light.green {
  border-color: #02c37c; }

.traffic-light.red {
    border-color: #BD0E54;
}

.traffic-light.amber {
  border-color: #e2b642; }

.traffic-light.grey {
  border-color: #bbb; }

.companiesProfile {
  width: 100%;
  table-layout: fixed;
  margin: 0 auto; }
  @media screen and (max-width: 600px) {
    .companiesProfile {
      table-layout: auto; } }

.companiesProfile table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%; }

.companiesProfile > thead > tr > th {
  background: #e1e0e5; }

.companiesProfile td, 
.companiesProfile th {
  border: 1px solid #efefef;
  text-align: center;
  padding: 2px; }

.companiesProfile tr:nth-child(even) {
    background-color: #efefef;
}

.showRedFlagOnCompaniesProfile {
  color: #b10e1e;
  font-weight: bold; }

@media screen and (max-width: 600px) {
  .companiesHouseSmallscreenstyle {
    width: 100%;
    overflow: scroll; } }

/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/
/*
CONTENTS: 
  1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
  2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
  3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
  4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
  5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
  6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
    6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/
/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/
.mCustomScrollbar {
  z-index: 2;
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom;
  /* direct pointer events to js */ }

.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
  -ms-touch-action: auto;
  touch-action: auto; }

.mCustomScrollBox {
  /* contains plugin's markup */
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: none;
  direction: ltr; }

.mCSB_container {
  /* contains the original content */
  overflow: hidden;
  width: auto;
  height: auto; }

/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_inside > .mCSB_container {
  margin-right: 30px; }

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0; }

/* non-visible scrollbar */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px; }

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0; }

/* RTL direction/left-side scrollbar */
.mCSB_scrollTools {
  /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
  position: absolute;
  width: 16px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0; }

.mCSB_outside + .mCSB_scrollTools {
  right: -26px; }

/* scrollbar position: outside */
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  /* RTL direction/left-side scrollbar */
  right: auto;
  left: 0; }

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  left: -26px; }

/* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer {
  /* contains the draggable element and dragger rail markup */
  position: absolute;
  top: 4px;
  left: 0;
  bottom: 4px;
  right: 0;
  height: auto; }

.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 20px 0; }

.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px; }

.mCSB_scrollTools .mCSB_dragger {
  /* the draggable element */
  cursor: pointer;
  width: 100%;
  height: 30px;
  /* minimum dragger height */
  z-index: 2; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  /* the dragger element */
  position: relative;
  width: 4px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  text-align: center;
  cursor: ns-resize; }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 12px;
  /* auto-expanded scrollbar */ }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 8px;
  /* auto-expanded scrollbar */ }

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer; }

.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0; }

/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-bottom: 30px; }

.mCSB_horizontal.mCSB_outside > .mCSB_container {
  min-height: 100%; }

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0; }

/* non-visible scrollbar */
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 16px;
  top: auto;
  right: 4px;
  bottom: 0;
  left: 4px; }

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -26px; }

/* scrollbar position: outside */
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerContainer {
  top: 0;
  left: 4px;
  bottom: 0;
  right: 4px; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0 20px; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 0 3px; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 30px;
  /* minimum dragger width */
  height: 100%;
  left: 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 10px;
  margin: 3px auto;
  top: 0px; }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  /* auto-expanded scrollbar */
  margin: 2px auto; }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 8px;
  /* auto-expanded scrollbar */
  margin: 4px 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  left: 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  right: 0; }

.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  cursor: ew-resize !important; }

/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_container_wrapper {
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: 30px;
  margin-bottom: 30px; }

.mCSB_container_wrapper > .mCSB_container {
  padding-right: 30px;
  padding-bottom: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mCSB_vertical_horizontal ~ .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 15px; }

.mCSB_vertical_horizontal ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  display: none;
  right: 15px; }

/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0; }

/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0; }

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 20px; }

/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 0; }

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px; }

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
  padding-right: 0; }

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
  padding-bottom: 0; }

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
  /* non-visible scrollbar */
  margin-left: 0; }

/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0; }

/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
  -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
  transition: opacity .2s ease-in-out, background-color .2s ease-in-out; }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
  -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
 margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
 margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
 opacity .2s ease-in-out, background-color .2s ease-in-out;
  -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
 margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
 margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
 opacity .2s ease-in-out, background-color .2s ease-in-out;
  -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
 margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
 margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
 opacity .2s ease-in-out, background-color .2s ease-in-out;
  transition: width .2s ease-out .2s, height .2s ease-out .2s, 
 margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
 margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
 opacity .2s ease-in-out, background-color .2s ease-in-out; }

/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/
/* 
  ----------------------------------------
  6.1 THEMES 
  ----------------------------------------
  */
/* default theme ("light") */
.mCSB_scrollTools {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)"; }

.mCS-autoHide .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 0.4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)"; }

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 1 !important;
  filter: "alpha(opacity=100)" !important;
  -ms-filter: "alpha(opacity=100)" !important; }

.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4);
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)"; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)"; }

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
  filter: "alpha(opacity=85)";
  -ms-filter: "alpha(opacity=85)"; }

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)"; }

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  background-image: url(../../sass/mCSB_buttons.png);
  /* css sprites */
  background-repeat: no-repeat;
  opacity: 0.4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)"; }

.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 0;
  /* 
    sprites locations 
    light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
    dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
    */ }

.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -20px;
  /* 
    sprites locations
    light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
    dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
    */ }

.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -40px;
  /* 
    sprites locations 
    light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
    dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
    */ }

.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -56px;
  /* 
    sprites locations 
    light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
    dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
    */ }

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)"; }

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
  opacity: 0.9;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)"; }

/* theme: "dark" */
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px; }

/* ---------------------------------------- */
/* theme: "light-2", "dark-2" */
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px; }

.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px; }

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto; }

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85); }

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9); }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px 0; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -20px; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -40px; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -56px; }

/* theme: "dark-2" */
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px 0; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -20px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -40px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -56px; }

/* ---------------------------------------- */
/* theme: "light-thick", "dark-thick" */
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0; }

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto; }

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85); }

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9); }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px 0; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -20px; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -40px; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -56px; }

/* theme: "dark-thick" */
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px 0; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -20px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -40px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -56px; }

/* ---------------------------------------- */
/* theme: "light-thin", "dark-thin" */
.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1); }

.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px; }

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%; }

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto; }

/* theme "dark-thin" */
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px; }

/* ---------------------------------------- */
/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.15); }

.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
  height: 14px; }

.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 14px;
  margin: 0 1px; }

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 14px; }

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 14px;
  margin: 1px 0; }

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 16px;
  /* auto-expanded scrollbar */
  height: 16px;
  margin: -1px 0; }

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 4px;
  /* auto-expanded scrollbar */ }

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 16px;
  /* auto-expanded scrollbar */
  width: 16px;
  margin: 0 -1px; }

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 4px;
  /* auto-expanded scrollbar */
  margin: 6px 0; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 -72px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -92px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -112px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -128px; }

/* theme "rounded-dark", "rounded-dots-dark" */
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px -72px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -92px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -112px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -128px; }

/* theme "rounded-dots", "rounded-dots-dark" */
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
  width: 4px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  background-color: transparent;
  background-position: center; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
  background-repeat: repeat-y;
  opacity: 0.3;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)"; }

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
  background-repeat: repeat-x; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px -72px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -92px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -112px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -128px; }

/* theme "rounded-dots-dark" */
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px -72px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -92px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -112px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -128px; }

/* ---------------------------------------- */
/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-y;
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); }

/* theme "3d", "3d-dark" */
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 70px; }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 70px; }

.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)"; }

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px; }

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 8px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  /*box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2);*/ }

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555; }

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 8px; }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 8px;
  margin: 4px 0;
  /*box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2);*/ }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 8px;
  margin: 4px auto; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px; }

/* theme "3d-dark" */
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  /*box-shadow: inset 1px 0 1px rgba(0,0,0,0.1);*/ }

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  /*box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);*/ }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px; }

/* ---------------------------------------- */
/* theme: "3d-thick", "3d-thick-dark" */
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)"; }

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  right: 1px; }

.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); }

.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  bottom: 1px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); }

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
  width: 12px;
  margin: 2px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4); }

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555; }

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  width: auto; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); }

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px; }

/* theme: "3d-thick-dark" */
.mCS-3d-thick-dark.mCSB_scrollTools {
  box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #777; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #fff;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px; }

/* ---------------------------------------- */
/* theme: "minimal", "minimal-dark" */
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  right: 1px;
  margin: 3px 0;
  background-color: rgba(255, 255, 255, 0.5);
  width: 10px;
  border-radius: 6px; }

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 1px;
  margin: 3px 0;
  border-radius: 6px;
  background-color: rgba(255, 255, 255, 0.5); }

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  left: 0;
  right: auto; }

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent; }

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 50px; }

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 50px; }

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, 0.6);
  filter: "alpha(opacity=60)";
  -ms-filter: "alpha(opacity=60)"; }

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, 0.8);
  filter: "alpha(opacity=80)";
  -ms-filter: "alpha(opacity=80)"; }

/* theme: "minimal-dark" */
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #0e293e;
  background-color: rgba(14, 41, 62, 0.6);
  filter: "alpha(opacity=60)";
  -ms-filter: "alpha(opacity=60)"; }

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #0e293e;
  background-color: rgba(14, 41, 62, 0.5);
  filter: "alpha(opacity=80)";
  -ms-filter: "alpha(opacity=80)"; }

/* ---------------------------------------- */
/* theme "light-3", "dark-3" */
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  width: 6px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2); }

.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px; }

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 6px;
  margin: 5px 0; }

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 12px; }

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 12px;
  margin: 2px 0; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px; }

/* theme "dark-3" */
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1); }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px; }

/* ---------------------------------------- */
/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 12px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2); }

.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  margin: 3px 5px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 6px;
  margin: 5px 3px;
  position: absolute;
  width: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 12px;
  margin: 2px 0; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px; }

/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px; }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px; }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px; }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px; }

/* theme "inset-2", "inset-2-dark" */
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
  border-color: rgba(255, 255, 255, 0.2);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  border-color: #000;
  border-color: rgba(0, 0, 0, 0.2); }

/* theme "inset-3", "inset-3-dark" */
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.6); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9); }

/* ---------------------------------------- */
.brochurepage {
  z-index: 2; }

.bg-fixed {
  background-size: 1px 1px;
  background-repeat: no-repeat;
  background-position: center bottom;
  position: relative;
  overflow: hidden;
  z-index: 0; }

.bg-fixed::before {
  content: ' ';
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: inherit;
  background-image: inherit;
  background-size: cover;
  background-position: inherit;
  will-change: transform;
  transform: translate3d(0, 0, 0);
  z-index: -2; }

.nobg {
  background: none !important;
  background-color: transparent !important; }

.intro {
  z-index: 1;
  background-attachment: fixed;
  background-size: cover; }

#transactiondata {
  -webkit-box-shadow: inset 0px 40px 80px -40px rgba(104, 116, 115, 0.3);
  -moz-box-shadow: inset 0px 40px 80px -40px rgba(104, 116, 115, 0.3);
  box-shadow: inset 0px 40px 80px -40px rgba(104, 116, 115, 0.3); }

.topNav .logo img {
    height: auto;
    max-height: 45px;
    margin-top: 0px;
    width:fit-content;
}

.topNav .logo svg {
    height: 24.15px;
    margin-top: 4.83px;
    width: 186.3px;
    max-width: 100%;
}
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .topNav .logo svg {
      height: 26.25px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .topNav .logo svg {
      height: 29.05px; } }
  @media screen and (min-width: 1700px) {
    .topNav .logo svg {
      height: 35px; } }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .topNav .logo svg {
      margin-top: 5.25px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .topNav .logo svg {
      margin-top: 5.81px; } }
  @media screen and (min-width: 1700px) {
    .topNav .logo svg {
      margin-top: 7px; } }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .topNav .logo svg {
      width: 202.5px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .topNav .logo svg {
      width: 224.1px; } }
  @media screen and (min-width: 1700px) {
    .topNav .logo svg {
      width: 270px; } }

.intro .logo {
  height: 11.48vw;
  max-height: 100px;
  width: 89.1vw;
  margin-left: auto;
  margin-right: auto; }

.intro p {
  padding: 4.5em 0 2em 0;
  display: block;
  text-align: center;
  color: #687473;
  font-size: 12.42px;
  z-index: 2;
  position: relative; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .intro p {
      font-size: 13.5px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .intro p {
      font-size: 14.94px; } }
  @media screen and (min-width: 1700px) {
    .intro p {
      font-size: 18px; } }

.intro .strapline {
  font-size: 15.18px;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 300;
  color: #ffffff;
  padding: 2em 0 6em 0;
  text-align: center;
  z-index: 3;
  position: relative; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .intro .strapline {
      font-size: 16.5px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .intro .strapline {
      font-size: 18.26px; } }
  @media screen and (min-width: 1700px) {
    .intro .strapline {
      font-size: 22px; } }

.intro .partnershipWithYodlee {
  font-size: 9.315px;
  right: 2em;
  top: 0;
  position: absolute;
  width: 11em;
  background-color: rgba(232, 244, 244, 0.8);
  padding: 4px;
  text-align: center;
  color: #687473; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .intro .partnershipWithYodlee {
      font-size: 10.125px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .intro .partnershipWithYodlee {
      font-size: 11.205px; } }
  @media screen and (min-width: 1700px) {
    .intro .partnershipWithYodlee {
      font-size: 13.5px; } }

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

.iconbox i {
  width: 60%;
  max-width: 100px;
  padding: 10px;
  margin: 0 auto;
  display: block;
  position: relative; }

.iconbox i::before {
  content: '';
  position: absolute;
  top: -10px;
  left: -10px;
  right: -10px;
  bottom: -10px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  background-color: #687473;
  opacity: 0.5;
  z-index: -1; }

.iconbox.notScrolledIntoView i span svg {
  opacity: 0; }

.iconbox.notScrolledIntoView i::before {
  opacity: 0; }

#icon1.scrolledIntoView i::before {
  -webkit-animation-delay: 0.7s;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-name: iconbox;
  -webkit-animation-fill-mode: both;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-in;
  -moz-animation-delay: 0.7s;
  -moz-animation-duration: 0.5s;
  -moz-animation-name: iconbox;
  -moz-animation-fill-mode: both;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease-in;
  -o-animation-delay: 0.7s;
  -o-animation-duration: 0.5s;
  -o-animation-name: iconbox;
  -o-animation-fill-mode: both;
  -o-animation-iteration-count: 1;
  -o-animation-timing-function: ease-in;
  animation-delay: 0.7s;
  animation-duration: 0.5s;
  animation-name: iconbox;
  animation-fill-mode: both;
  animation-iteration-count: 1;
  animation-timing-function: ease-in; }

#icon2.scrolledIntoView i::before {
  -webkit-animation-delay: 0.9s;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-name: iconbox;
  -webkit-animation-fill-mode: both;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-in;
  -moz-animation-delay: 0.9s;
  -moz-animation-duration: 0.5s;
  -moz-animation-name: iconbox;
  -moz-animation-fill-mode: both;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease-in;
  -o-animation-delay: 0.9s;
  -o-animation-duration: 0.5s;
  -o-animation-name: iconbox;
  -o-animation-fill-mode: both;
  -o-animation-iteration-count: 1;
  -o-animation-timing-function: ease-in;
  animation-delay: 0.9s;
  animation-duration: 0.5s;
  animation-name: iconbox;
  animation-fill-mode: both;
  animation-iteration-count: 1;
  animation-timing-function: ease-in; }

#icon3.scrolledIntoView i::before {
  -webkit-animation-delay: 1.1s;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-name: iconbox;
  -webkit-animation-fill-mode: both;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-in;
  -moz-animation-delay: 1.1s;
  -moz-animation-duration: 0.5s;
  -moz-animation-name: iconbox;
  -moz-animation-fill-mode: both;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease-in;
  -o-animation-delay: 1.1s;
  -o-animation-duration: 0.5s;
  -o-animation-name: iconbox;
  -o-animation-fill-mode: both;
  -o-animation-iteration-count: 1;
  -o-animation-timing-function: ease-in;
  animation-delay: 1.1s;
  animation-duration: 0.5s;
  animation-name: iconbox;
  animation-fill-mode: both;
  animation-iteration-count: 1;
  animation-timing-function: ease-in; }

#icon1.scrolledIntoView i span svg {
  -webkit-animation-delay: 0.2s;
  -webkit-animation-duration: 2s;
  -webkit-animation-name: iconshow;
  -webkit-animation-fill-mode: both;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-in;
  -moz-animation-delay: 0.2s;
  -moz-animation-duration: 2s;
  -moz-animation-name: iconshow;
  -moz-animation-fill-mode: both;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease-in;
  -o-animation-delay: 0.2s;
  -o-animation-duration: 2s;
  -o-animation-name: iconshow;
  -o-animation-fill-mode: both;
  -o-animation-iteration-count: 1;
  -o-animation-timing-function: ease-in;
  animation-delay: 0.2s;
  animation-duration: 2s;
  animation-name: iconshow;
  animation-fill-mode: both;
  animation-iteration-count: 1;
  animation-timing-function: ease-in; }

#icon2.scrolledIntoView i span svg {
  -webkit-animation-delay: 0.5s;
  -webkit-animation-duration: 2s;
  -webkit-animation-name: iconshow;
  -webkit-animation-fill-mode: both;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-in;
  -moz-animation-delay: 0.5s;
  -moz-animation-duration: 2s;
  -moz-animation-name: iconshow;
  -moz-animation-fill-mode: both;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease-in;
  -o-animation-delay: 0.5s;
  -o-animation-duration: 2s;
  -o-animation-name: iconshow;
  -o-animation-fill-mode: both;
  -o-animation-iteration-count: 1;
  -o-animation-timing-function: ease-in;
  animation-delay: 0.5s;
  animation-duration: 2s;
  animation-name: iconshow;
  animation-fill-mode: both;
  animation-iteration-count: 1;
  animation-timing-function: ease-in; }

#icon3.scrolledIntoView i span svg {
  -webkit-animation-delay: 0.8s;
  -webkit-animation-duration: 2s;
  -webkit-animation-name: iconshow;
  -webkit-animation-fill-mode: both;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-in;
  -moz-animation-delay: 0.8s;
  -moz-animation-duration: 2s;
  -moz-animation-name: iconshow;
  -moz-animation-fill-mode: both;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease-in;
  -o-animation-delay: 0.8s;
  -o-animation-duration: 2s;
  -o-animation-name: iconshow;
  -o-animation-fill-mode: both;
  -o-animation-iteration-count: 1;
  -o-animation-timing-function: ease-in;
  animation-delay: 0.8s;
  animation-duration: 2s;
  animation-name: iconshow;
  animation-fill-mode: both;
  animation-iteration-count: 1;
  animation-timing-function: ease-in; }

@-webkit-keyframes iconbox {
  0% {
    opacity: 0;
    -webkit-transform: scale(0) rotate(45deg);
    -moz-transform: scale(0) rotate(45deg);
    -o-transform: scale(0) rotate(45deg);
    -ms-transform: scale(0) rotate(45deg);
    transform: scale(0) rotate(45deg); }
  50% {
    opacity: 0.6;
    -webkit-transform: scale(1.05) rotate(45deg);
    -moz-transform: scale(1.05) rotate(45deg);
    -o-transform: scale(1.05) rotate(45deg);
    -ms-transform: scale(1.05) rotate(45deg);
    transform: scale(1.05) rotate(45deg); }
  75% {
    -webkit-transform: scale(0.97) rotate(45deg);
    -moz-transform: scale(0.97) rotate(45deg);
    -o-transform: scale(0.97) rotate(45deg);
    -ms-transform: scale(0.97) rotate(45deg);
    transform: scale(0.97) rotate(45deg); }
  100% {
    opacity: 0.4;
    -webkit-transform: scale(1) rotate(45deg);
    -moz-transform: scale(1) rotate(45deg);
    -o-transform: scale(1) rotate(45deg);
    -ms-transform: scale(1) rotate(45deg);
    transform: scale(1) rotate(45deg); } }

@-moz-keyframes iconbox {
  0% {
    opacity: 0;
    -webkit-transform: scale(0) rotate(45deg);
    -moz-transform: scale(0) rotate(45deg);
    -o-transform: scale(0) rotate(45deg);
    -ms-transform: scale(0) rotate(45deg);
    transform: scale(0) rotate(45deg); }
  50% {
    opacity: 0.6;
    -webkit-transform: scale(1.05) rotate(45deg);
    -moz-transform: scale(1.05) rotate(45deg);
    -o-transform: scale(1.05) rotate(45deg);
    -ms-transform: scale(1.05) rotate(45deg);
    transform: scale(1.05) rotate(45deg); }
  75% {
    -webkit-transform: scale(0.97) rotate(45deg);
    -moz-transform: scale(0.97) rotate(45deg);
    -o-transform: scale(0.97) rotate(45deg);
    -ms-transform: scale(0.97) rotate(45deg);
    transform: scale(0.97) rotate(45deg); }
  100% {
    opacity: 0.4;
    -webkit-transform: scale(1) rotate(45deg);
    -moz-transform: scale(1) rotate(45deg);
    -o-transform: scale(1) rotate(45deg);
    -ms-transform: scale(1) rotate(45deg);
    transform: scale(1) rotate(45deg); } }

@-o-keyframes iconbox {
  0% {
    opacity: 0;
    -webkit-transform: scale(0) rotate(45deg);
    -moz-transform: scale(0) rotate(45deg);
    -o-transform: scale(0) rotate(45deg);
    -ms-transform: scale(0) rotate(45deg);
    transform: scale(0) rotate(45deg); }
  50% {
    opacity: 0.6;
    -webkit-transform: scale(1.05) rotate(45deg);
    -moz-transform: scale(1.05) rotate(45deg);
    -o-transform: scale(1.05) rotate(45deg);
    -ms-transform: scale(1.05) rotate(45deg);
    transform: scale(1.05) rotate(45deg); }
  75% {
    -webkit-transform: scale(0.97) rotate(45deg);
    -moz-transform: scale(0.97) rotate(45deg);
    -o-transform: scale(0.97) rotate(45deg);
    -ms-transform: scale(0.97) rotate(45deg);
    transform: scale(0.97) rotate(45deg); }
  100% {
    opacity: 0.4;
    -webkit-transform: scale(1) rotate(45deg);
    -moz-transform: scale(1) rotate(45deg);
    -o-transform: scale(1) rotate(45deg);
    -ms-transform: scale(1) rotate(45deg);
    transform: scale(1) rotate(45deg); } }

@keyframes iconbox {
  0% {
    opacity: 0;
    -webkit-transform: scale(0) rotate(45deg);
    -moz-transform: scale(0) rotate(45deg);
    -o-transform: scale(0) rotate(45deg);
    -ms-transform: scale(0) rotate(45deg);
    transform: scale(0) rotate(45deg); }
  50% {
    opacity: 0.6;
    -webkit-transform: scale(1.05) rotate(45deg);
    -moz-transform: scale(1.05) rotate(45deg);
    -o-transform: scale(1.05) rotate(45deg);
    -ms-transform: scale(1.05) rotate(45deg);
    transform: scale(1.05) rotate(45deg); }
  75% {
    -webkit-transform: scale(0.97) rotate(45deg);
    -moz-transform: scale(0.97) rotate(45deg);
    -o-transform: scale(0.97) rotate(45deg);
    -ms-transform: scale(0.97) rotate(45deg);
    transform: scale(0.97) rotate(45deg); }
  100% {
    opacity: 0.4;
    -webkit-transform: scale(1) rotate(45deg);
    -moz-transform: scale(1) rotate(45deg);
    -o-transform: scale(1) rotate(45deg);
    -ms-transform: scale(1) rotate(45deg);
    transform: scale(1) rotate(45deg); } }

@-webkit-keyframes iconshow {
  0% {
    stroke-dasharray: 200;
    stroke-dashoffset: 200;
    stroke-width: 0 !important;
    fill-opacity: 0;
    stroke: transparent; }
  50% {
    stroke-dasharray: 200;
    stroke-dashoffset: 100;
    stroke: #ffffff;
    stroke-width: 1 !important; }
  60% {
    stroke-width: 1 !important; }
  75% {
    fill-opacity: 0; }
  91% {
    transform: scale(1);
    fill-opacity: 0.8; }
  93% {
    transform: scale(1.003);
    fill-opacity: 1; }
  100% {
    transform: scale(1);
    stroke-dasharray: 400;
    stroke-dashoffset: 0;
    fill-opacity: 1;
    stroke-width: 0 !important; } }

@-moz-keyframes iconshow {
  0% {
    stroke-dasharray: 200;
    stroke-dashoffset: 200;
    stroke-width: 0 !important;
    fill-opacity: 0;
    stroke: transparent; }
  50% {
    stroke-dasharray: 200;
    stroke-dashoffset: 100;
    stroke: #ffffff;
    stroke-width: 1 !important; }
  60% {
    stroke-width: 1 !important; }
  75% {
    fill-opacity: 0; }
  91% {
    transform: scale(1);
    fill-opacity: 0.8; }
  93% {
    transform: scale(1.003);
    fill-opacity: 1; }
  100% {
    transform: scale(1);
    stroke-dasharray: 400;
    stroke-dashoffset: 0;
    fill-opacity: 1;
    stroke-width: 0 !important; } }

@-o-keyframes iconshow {
  0% {
    stroke-dasharray: 200;
    stroke-dashoffset: 200;
    stroke-width: 0 !important;
    fill-opacity: 0;
    stroke: transparent; }
  50% {
    stroke-dasharray: 200;
    stroke-dashoffset: 100;
    stroke: #ffffff;
    stroke-width: 1 !important; }
  60% {
    stroke-width: 1 !important; }
  75% {
    fill-opacity: 0; }
  91% {
    transform: scale(1);
    fill-opacity: 0.8; }
  93% {
    transform: scale(1.003);
    fill-opacity: 1; }
  100% {
    transform: scale(1);
    stroke-dasharray: 400;
    stroke-dashoffset: 0;
    fill-opacity: 1;
    stroke-width: 0 !important; } }

@keyframes iconshow {
  0% {
    stroke-dasharray: 200;
    stroke-dashoffset: 200;
    stroke-width: 0 !important;
    fill-opacity: 0;
    stroke: transparent; }
  50% {
    stroke-dasharray: 200;
    stroke-dashoffset: 100;
    stroke: #ffffff;
    stroke-width: 1 !important; }
  60% {
    stroke-width: 1 !important; }
  75% {
    fill-opacity: 0; }
  91% {
    transform: scale(1);
    fill-opacity: 0.8; }
  93% {
    transform: scale(1.003);
    fill-opacity: 1; }
  100% {
    transform: scale(1);
    stroke-dasharray: 400;
    stroke-dashoffset: 0;
    fill-opacity: 1;
    stroke-width: 0 !important; } }

.intro i svg {
  -webkit-animation-delay: 0s;
  -webkit-animation-duration: 2s;
  -webkit-animation-name: loadlogo;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-in;
  -moz-animation-delay: 0s;
  -moz-animation-duration: 2s;
  -moz-animation-name: loadlogo;
  -moz-animation-fill-mode: forwards;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease-in;
  -o-animation-delay: 0s;
  -o-animation-duration: 2s;
  -o-animation-name: loadlogo;
  -o-animation-fill-mode: forwards;
  -o-animation-iteration-count: 1;
  -o-animation-timing-function: ease-in;
  animation-delay: 0s;
  animation-duration: 2s;
  animation-name: loadlogo;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-timing-function: ease-in; }

@-webkit-keyframes loadlogo {
  0% {
    stroke-dasharray: 300;
    stroke-dashoffset: 250;
    stroke-width: 0;
    fill-opacity: 0;
    stroke: transparent; }
  50% {
    stroke-dasharray: 190;
    stroke-dashoffset: 200;
    stroke: #ffffff;
    stroke-width: 1; }
  60% {
    stroke-width: 1; }
  75% {
    fill-opacity: 0; }
  91% {
    transform: scale(1);
    fill-opacity: 0.8; }
  93% {
    transform: scale(1.003);
    fill-opacity: 1; }
  100% {
    transform: scale(1);
    stroke-dasharray: 50;
    stroke-dashoffset: 50;
    fill-opacity: 1;
    stroke-width: 0; } }

@-moz-keyframes loadlogo {
  0% {
    stroke-dasharray: 300;
    stroke-dashoffset: 250;
    stroke-width: 0;
    fill-opacity: 0;
    stroke: transparent; }
  50% {
    stroke-dasharray: 190;
    stroke-dashoffset: 200;
    stroke: #ffffff;
    stroke-width: 1; }
  60% {
    stroke-width: 1; }
  75% {
    fill-opacity: 0; }
  91% {
    transform: scale(1);
    fill-opacity: 0.8; }
  93% {
    transform: scale(1.003);
    fill-opacity: 1; }
  100% {
    transform: scale(1);
    stroke-dasharray: 50;
    stroke-dashoffset: 50;
    fill-opacity: 1;
    stroke-width: 0; } }

@-o-keyframes loadlogo {
  0% {
    stroke-dasharray: 300;
    stroke-dashoffset: 250;
    stroke-width: 0;
    fill-opacity: 0;
    stroke: transparent; }
  50% {
    stroke-dasharray: 190;
    stroke-dashoffset: 200;
    stroke: #ffffff;
    stroke-width: 1; }
  60% {
    stroke-width: 1; }
  75% {
    fill-opacity: 0; }
  91% {
    transform: scale(1);
    fill-opacity: 0.8; }
  93% {
    transform: scale(1.003);
    fill-opacity: 1; }
  100% {
    transform: scale(1);
    stroke-dasharray: 50;
    stroke-dashoffset: 50;
    fill-opacity: 1;
    stroke-width: 0; } }

@keyframes loadlogo {
  0% {
    stroke-dasharray: 300;
    stroke-dashoffset: 250;
    stroke-width: 0;
    fill-opacity: 0;
    stroke: transparent; }
  50% {
    stroke-dasharray: 190;
    stroke-dashoffset: 200;
    stroke: #ffffff;
    stroke-width: 1; }
  60% {
    stroke-width: 1; }
  75% {
    fill-opacity: 0; }
  91% {
    transform: scale(1);
    fill-opacity: 0.8; }
  93% {
    transform: scale(1.003);
    fill-opacity: 1; }
  100% {
    transform: scale(1);
    stroke-dasharray: 50;
    stroke-dashoffset: 50;
    fill-opacity: 1;
    stroke-width: 0; } }

.intromenu {
  mask: url(../../sass/#masking);
  position: relative;
  min-height: 8em;
  margin-top: -4em;
  z-index: 2; }
  @media screen and (min-width: 650px), print {
    .intromenu {
      -webkit-clip-path: polygon(0 0, 45% 0, 50% 3em, 55% 0, 100% 0, 100% 100%, 0 100%);
      clip-path: polygon(0 0, 45% 0, 50% 3em, 55% 0, 100% 0, 100% 100%, 0 100%); } }

.intromenu .bg1 {
  background-color: #d8e6e6;
  opacity: 0.5;
  width: 100%;
  height: 2em;
  top: -2em; }

.intromenu .bg2 {
  background-color: #d8e6e6;
  min-height: 8em; }

.intromenu {
  text-align: center; }

.intromenu ul {
  padding-top: 1em;
  padding-bottom: 1em;
  display: block; }

.intromenu li {
  display: inline-block;
  line-height: 1.5em; }

.intromenu li a {
  font-size: 15.18px;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 300;
  text-decoration: none;
  color: #687473;
  display: inline-block;
  padding: 15px; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .intromenu li a {
      font-size: 16.5px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .intromenu li a {
      font-size: 18.26px; } }
  @media screen and (min-width: 1700px) {
    .intromenu li a {
      font-size: 22px; } }

.intromenu li span {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 400; }

/*
.triangle_bg{
     mask: url(../../sass/#masking);
     background-color: $cbg2;
     opacity: 0.7;
position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    will-change: transform;
    transform: translateZ(0);
    margin-top:-4em;
        @include bp(midScreen){

  -webkit-clip-path: polygon(-10% 0, 50% 120%, 110% 0, -10% 0);
          clip-path: polygon(-10% 0, 50% 120%, 110% 0, -10% 0);
      }
}
*/
.triangle_bg {
  -webkit-transform: translateX(-50%) translateY(-100%) translateZ(0) rotate(45deg);
  -moz-transform: translateX(-50%) translateY(-100%) translateZ(0) rotate(45deg);
  -o-transform: translateX(-50%) translateY(-100%) translateZ(0) rotate(45deg);
  -ms-transform: translateX(-50%) translateY(-100%) translateZ(0) rotate(45deg);
  transform: translateX(-50%) translateY(-100%) translateZ(0) rotate(45deg);
  background-color: #d8e6e6;
  opacity: 0.6;
  position: fixed;
  width: 200vw;
  height: 200vw;
  left: 50%;
  top: 50%;
  will-change: transform; }

.brochurepage {
  position: relative;
  background-color: #ffffff;
  padding-bottom: 1em; }
  .brochurepage:after {
    content: "";
    display: block;
    clear: both;
    width: 100%;
    height: 0; }

.brochurepage.bg-cs3 {
  background-color: #b8c6c5; }

.brochurepage.bg-cbg2 {
  background-color: #d8e6e6; }

.brochurepage h1, .brochurepage h2 {
  padding-bottom: 0.2em;
  color: #246775;
  display: inline-block;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 22.08px;
  margin-bottom: 0.2em;
  line-height: 1em; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .brochurepage h1, .brochurepage h2 {
      font-size: 24px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .brochurepage h1, .brochurepage h2 {
      font-size: 26.56px; } }
  @media screen and (min-width: 1700px) {
    .brochurepage h1, .brochurepage h2 {
      font-size: 32px; } }
  @media screen and (max-width: 649px) {
    .brochurepage h1, .brochurepage h2 {
      display: block; } }

.brochurepage h3 {
  color: #687473;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 15.18px;
  margin-top: 0; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .brochurepage h3 {
      font-size: 16.5px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .brochurepage h3 {
      font-size: 18.26px; } }
  @media screen and (min-width: 1700px) {
    .brochurepage h3 {
      font-size: 22px; } }

.brochurepage p {
  font-size: 12.42px;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 400;
  display: block;
  line-height: 1.15em; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .brochurepage p {
      font-size: 13.5px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .brochurepage p {
      font-size: 14.94px; } }
  @media screen and (min-width: 1700px) {
    .brochurepage p {
      font-size: 18px; } }

.brochurepage p b {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 800; }

.fadeleftpic, .faderightpic {
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  right: 0;
  background-size: cover;
  background-position: 50% 40%;
  background-color: #ffffff; }
  @media screen and (max-width: 649px) {
    .fadeleftpic, .faderightpic {
      position: relative;
      height: 200px;
      left: 0;
      border-radius: 4px; } }

.faderightpic {
  left: 0;
  right: 50%; }

.fadeleftpic:before, .faderightpic:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 45%;
  content: '';
  display: block;
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, white), color-stop(100%, rgba(255, 255, 255, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 100%);
  /* IE10+ */
  background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
  /* W3C */ }
  @media screen and (max-width: 649px) {
    .fadeleftpic:before, .faderightpic:before {
      background: none;
      display: none; } }

.faderightpic:before {
  right: 0;
  left: 45%;
  background: -moz-linear-gradient(right, rgba(255, 255, 255, 0) 0%, white 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, right top, left top, color-stop(0%, white), color-stop(100%, rgba(255, 255, 255, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(right, white 0%, rgba(255, 255, 255, 0) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(right, white 0%, rgba(255, 255, 255, 0) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(right, white 0%, rgba(255, 255, 255, 0) 100%);
  /* IE10+ */
  background: linear-gradient(to left, white 0%, rgba(255, 255, 255, 0) 100%);
  /* W3C */ }

.centre_intro {
  text-align: center; }

.snc {
  background-color: #e8f4f4;
  border-radius: 3px;
  position: relative;
  overflow: hidden;
  -webkit-box-shadow: 0 10px 30px rgba(14, 41, 62, 0.1);
  -moz-box-shadow: 0 10px 30px rgba(14, 41, 62, 0.1);
  box-shadow: 0 10px 30px rgba(14, 41, 62, 0.1); }

.snc > div:last-child {
  width: 50%;
  margin-left: 50%;
  padding: 15px;
  min-height: 1px;
  display: block; }
  @media screen and (max-width: 649px) {
    .snc > div:last-child {
      width: 100%;
      margin-left: 0; } }

.snc > div:first-child {
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 50%;
  bottom: 0;
  width: 50%;
  height: 100%;
  background-color: inherit; }
  @media screen and (max-width: 649px) {
    .snc > div:first-child {
      width: initial;
      height: 12em;
      margin: 15px;
      border-radius: 3px;
      position: relative; } }

.snc h3 {
  margin-bottom: 0.5em; }

.snc div[data-bgimage]::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 45%;
  background: -moz-linear-gradient(right, rgba(232, 244, 244, 0) 0%, #e8f4f4 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, right top, left top, color-stop(0%, #e8f4f4), color-stop(100%, rgba(232, 244, 244, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(right, #e8f4f4 0%, rgba(232, 244, 244, 0) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(right, #e8f4f4 0%, rgba(232, 244, 244, 0) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(right, #e8f4f4 0%, rgba(232, 244, 244, 0) 100%);
  /* IE10+ */
  background: linear-gradient(to left, #e8f4f4 0%, rgba(232, 244, 244, 0) 100%);
  /* W3C */ }
  @media screen and (max-width: 649px) {
    .snc div[data-bgimage]::before {
      content: '';
      display: none; } }

.outerDatasheet {
  height: calc(100VH - 34.5px);
  width: 100%;
  overflow: hidden;
  position: fixed;
  top: 34.5px;
  text-align: center; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .outerDatasheet {
      height: calc(100VH - 37.5px); } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .outerDatasheet {
      height: calc(100VH - 41.5px); } }
  @media screen and (min-width: 1700px) {
    .outerDatasheet {
      height: calc(100VH - 50px); } }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .outerDatasheet {
      top: 37.5px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .outerDatasheet {
      top: 41.5px; } }
  @media screen and (min-width: 1700px) {
    .outerDatasheet {
      top: 60px; } }

.datasheet {
  width: 100%;
  height: 100%;
  white-space: nowrap;
  text-align: left; }

.datasheet.busy:before {
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(14, 41, 62, 0.3);
  position: absolute;
  z-index: 1;
  cursor: no-drop; }

.datasheetHeader {
  position: fixed;
  height: 4em;
  padding-left: 20VW;
  left: 0;
  top: 34.5px;
  min-width: 100%;
  -webkit-box-shadow: 0px 5px 5px 0px rgba(14, 41, 62, 0.1);
  -moz-box-shadow: 0px 5px 5px 0px rgba(14, 41, 62, 0.1);
  box-shadow: 0px 5px 5px 0px rgba(14, 41, 62, 0.1); }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .datasheetHeader {
      top: 37.5px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .datasheetHeader {
      top: 41.5px; } }
  @media screen and (min-width: 1700px) {
    .datasheetHeader {
      top: 60px; } }

.datasheetHeaderBg {
    position: fixed;
    background-color: #efefef;
    height: 4em;
    padding-left: 20VW;
    left: 0;
    top: 34.5px;
    min-width: 100%;
}
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .datasheetHeaderBg {
      top: 37.5px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .datasheetHeaderBg {
      top: 41.5px; } }
  @media screen and (min-width: 1700px) {
    .datasheetHeaderBg {
      top: 60px; } }

.datasheetSide {
  position: fixed;
  width: 20VW;
  left: 0;
  top: 0;
  padding-top: calc(4em + 34.5px);
  overflow: hidden;
  border-right: 2px #b8c6c5 solid; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .datasheetSide {
      padding-top: calc(4em + 37.5px); } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .datasheetSide {
      padding-top: calc(4em + 41.5px); } }
  @media screen and (min-width: 1700px) {
    .datasheetSide {
      padding-top: calc(4em + 60px); } }

.datasheetSideBg {
  position: fixed;
  width: 20VW;
  left: 0;
  top: 0;
  bottom: 0;
  background-color: #ffffff;
  border-right: 2px #b8c6c5 solid; }

.datasheetContent {
  padding-top: 4em;
  min-width: 80VH;
  left: 0;
  top: 0;
  padding-left: 20VW; }

.datasheetAxis {
  position: fixed;
  width: 20VW;
  height: 4em;
  line-height: 4em;
  left: 0;
  top: 34.5px;
  border-right: 2px #b8c6c5 solid;
  -webkit-box-shadow: 0px 5px 5px 0px rgba(14, 41, 62, 0.1);
  -moz-box-shadow: 0px 5px 5px 0px rgba(14, 41, 62, 0.1);
  box-shadow: 0px 5px 5px 0px rgba(14, 41, 62, 0.1);
  color: #687473; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .datasheetAxis {
      top: 37.5px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .datasheetAxis {
      top: 41.5px; } }
  @media screen and (min-width: 1700px) {
    .datasheetAxis {
      top: 60px; } }

.datasheetRow {
  font-size: 0;
  white-space: nowrap; }

.datasheetCell {
    height: 3em;
    width: 6.6VW;
    min-width: 10em;
    padding: 0.2em;
    line-height: 2.6em;
    background-color: #efefef;
    border-bottom: 2px solid #ffffff;
    display: inline-block;
    font-size: 10.005px;
    overflow: hidden;
    text-align: center;
}
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .datasheetCell {
      font-size: 10.875px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .datasheetCell {
      font-size: 12.035px; } }
  @media screen and (min-width: 1700px) {
    .datasheetCell {
      font-size: 14.5px; } }

.datasheetCell .icon {
  line-height: 1em; }

.datasheetCell {
  text-align: center; }

.datasheetRow {
  width: 100%; }

.datasheetEmptyRow, .datasheetSideTitle {
  width: 100%;
  background-color: rgba(255, 255, 255, 0.2);
  height: 2.8em;
  padding: 0.2em;
  line-height: 2.6em;
  display: inline-block;
  font-size: 10.005px;
  overflow: hidden;
  text-align: center;
  margin-bottom: -0.2em; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .datasheetEmptyRow, .datasheetSideTitle {
      font-size: 10.875px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .datasheetEmptyRow, .datasheetSideTitle {
      font-size: 12.035px; } }
  @media screen and (min-width: 1700px) {
    .datasheetEmptyRow, .datasheetSideTitle {
      font-size: 14.5px; } }

.datasheetContent .datasheetRow .datasheetCell,
.datasheetContent .datasheetRow {
    background-color: #efefef;
}

    .datasheetContent .datasheetRow:nth-child(4n+1) .datasheetCell,
    .datasheetContent .datasheetRow:nth-child(4n+1) {
        background-color: #efefef;
    }

.datasheetContent .datasheetChildren .datasheetRow .datasheetCell,
.datasheetContent .datasheetChildren .datasheetRow {
    background-color: #efefef;
}

    .datasheetContent .datasheetChildren .datasheetRow:nth-child(2n+1) .datasheetCell,
    .datasheetContent .datasheetChildren .datasheetRow:nth-child(2n+1) {
        background-color: #efefef;
    }

.datasheetSide .datasheetRow .datasheetCell,
.datasheetSide .datasheetRow {
    background-color: #efefef;
}

    .datasheetSide .datasheetRow:nth-child(4n+1) .datasheetCell,
    .datasheetSide .datasheetRow:nth-child(4n+1) {
        background-color: #efefef;
    }

.datasheetSide .datasheetChildren .datasheetRow .datasheetCell,
.datasheetSide .datasheetChildren .datasheetRow {
    background-color: #efefef;
}

    .datasheetSide .datasheetChildren .datasheetRow:nth-child(2n+1) .datasheetCell,
    .datasheetSide .datasheetChildren .datasheetRow:nth-child(2n+1) {
        background-color: #efefef;
    }

.datasheetHeader .datasheetCell {
    border-left: 1px #ffffff solid;
    border-right: 1px #ffffff solid;
    height: 4em;
    line-height: 1.3em;
    background-color: #efefef;
}

.datasheetContent .datasheetCell {
    border-left: 1px #ffffff solid;
    border-right: 1px #ffffff solid;
}

.datasheetCell:first-child {
  border-left: none; }

.datasheetCell:last-child {
  border-right: none;
  margin-right: 1em; }

.datasheetSide .datasheetCell {
  width: 100%;
  background-color: #f4fafa;
  text-align: left; }

.datasheetChildren {
  display: none;
  border-bottom: 2px #b8c6c5 solid;
  margin-bottom: 5px;
  position: relative;
  overflow: hidden; }

.datasheetRow[data-showchildren="1"] + .datasheetChildren {
  display: block; }

.datasheetRow.hidden + .datasheetChildren {
  display: none; }

.datasheetRow[data-showchildren="1"] + .datasheetChildren:after {
  content: '';
  position: absolute;
  top: -5px;
  height: 5px;
  left: 0;
  right: 0;
  display: block;
  -webkit-box-shadow: 0px 5px 5px 0px rgba(14, 41, 62, 0.1);
  -moz-box-shadow: 0px 5px 5px 0px rgba(14, 41, 62, 0.1);
  box-shadow: 0px 5px 5px 0px rgba(14, 41, 62, 0.1); }

.datasheetSide .datasheetChildren .datasheetCell {
  border-left: 10px #b8c6c5 solid; }

.datasheetSide .datasheetChildren .hasChanged .datasheetCell {
  border-left: 10px #9e1b32 solid; }

.datasheetSide .datasheetChildren {
  margin-left: 10px; }

.datasheetInputContainer .info_important {
  color: #314656;
  border-bottom: 1px #246775 dotted; }

.datasheetInputContainer {
  position: relative; }

.datasheetInput[type=number] {
  border-radius: 2px;
  border: 1px #b8c6c5 solid;
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  bottom: 0;
  text-align: right;
  font-size: 9.315px;
  padding: 4px;
  z-index: 1; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .datasheetInput[type=number] {
      font-size: 10.125px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .datasheetInput[type=number] {
      font-size: 11.205px; } }
  @media screen and (min-width: 1700px) {
    .datasheetInput[type=number] {
      font-size: 13.5px; } }

.datasheetInput[type="number"]::-webkit-outer-spin-button,
.datasheetInput[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.datasheetInput[type="number"] {
  -moz-appearance: textfield; }

.datasheetOutputContainer {
  position: relative; }

.datasheetCell.hasChanged .datasheetInputContainer:before, .datasheetCell.hasChanged > .datasheetOutputContainer:before {
  content: '';
  width: 0.5em;
  height: 0.5em;
  background-color: #9e1b32;
  position: absolute;
  top: 0px;
  right: 0px;
  border-radius: 0.5em; }

.datasheetInput:focus, .datasheetInput:hover {
  opacity: 100; }

.datasheetInput:hover {
  background-color: #e8f4f4; }

.datasheetInput:focus {
  background-color: #ffffff !important; }

.datasheetRow[data-showchildren='1'], .datasheetRow[data-showchildren='0'] {
  cursor: pointer; }

.datasheetChildren .datasheetRow[data-showchildren] {
  cursor: initial; }

#displayCreditOrDebit {
  background-color: transparent;
  padding: 0.1em;
  padding-right: 2em;
  border: none;
  box-shadow: none;
  font-size: 10.005px;
  color: #246775;
  border-bottom: 1px dotted #246775;
  border-radius: 0 !important; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    #displayCreditOrDebit {
      font-size: 10.875px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    #displayCreditOrDebit {
      font-size: 12.035px; } }
  @media screen and (min-width: 1700px) {
    #displayCreditOrDebit {
      font-size: 14.5px; } }

#displayCreditOrDebit:focus {
  animation-name: focusing;
  box-shadow: none;
  border-radius: 3px !important;
  border-bottom: none; }

.datasheetAxis i {
  height: 4em; }

#toggleAllRows {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 0.7em;
  padding: 0.4em;
  height: 1em;
  line-height: 1em;
  display: block;
  color: #687473; }

.noVal {
  opacity: 0.5; }

.forecast1, .forecast2, .forecast3 {
  position: relative; }

.forecast1 div, .forecast2 div, .forecast3 div {
  z-index: 1;
  position: relative; }

.forecast1:before, .forecast2:before, .forecast3:before {
  display: block;
  content: '';
  background-color: rgba(255, 255, 255, 0.3);
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  z-index: 0;
  background-position: left bottom;
  background-size: 120px 120px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjAwIDIwMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTAwIDEwMDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8ZGVmcz4KICAgIDxwYXR0ZXJuIGlkPSJsaW5lczEiIHg9IjAiIHk9IjAiIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgcGF0dGVyblVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CiAgICAgICAgPGxpbmUgeDE9IjEwIiB5MT0iMCIgeDI9IjAiIHkyPSIxMCIgc3R5bGU9InN0cm9rZTojZmZmO3N0cm9rZS13aWR0aDoxLjYiPjwvbGluZT4KICAgICAgICA8bGluZSB4MT0iMCIgeTE9IjIwIiB4Mj0iMjAiIHkyPSIwIiBzdHlsZT0ic3Ryb2tlOiNmZmY7c3Ryb2tlLXdpZHRoOjEuNiI+PC9saW5lPgogICAgICAgIDxsaW5lIHgxPSItMTAiIHkxPSIxMCIgeDI9IjEwIiB5Mj0iLTEwIiBzdHlsZT0ic3Ryb2tlOiNmZmY7c3Ryb2tlLXdpZHRoOjEuNiI+PC9saW5lPgogICAgPC9wYXR0ZXJuPgo8L2RlZnM+CjxyZWN0IHg9IjAiIHk9IjAiIGZpbGw9InVybCgjbGluZXMxKSIgd2lkdGg9IjIwMCIgaGVpZ2h0PSIyMDAiPjwvcmVjdD4KPC9zdmc+");
  opacity: 0.7; }

.forecast1:before, .forecast2:before {
  border-left: 4px #ffffff solid; }

.forecast1:before {
  width: 33.33%; }

.forecast2:before {
  width: 66.66%; }

.forecast3:before {
  width: 100%; }

.greyedOut {
  position: relative; }

.greyedOut:after {
  display: block;
  content: '';
  background-color: rgba(184, 198, 197, 0.6);
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  position: absolute;
  z-index: 2; }

.datasheetContent .greyedOut:after {
  background-color: rgba(216, 230, 230, 0.6); }

body {
    background-color: #FFFFFF;
    color: #000000;
    position: relative;
    min-height: 100%;
    background-size: 1px 1px;
    background-position: -1px -1px;
    background-repeat: no-repeat;
}

body::before {
  content: ' ';
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: inherit;
  background-image: inherit;
  background-position: 50% 60%;
  background-size: cover;
  z-index: -1; }

body > .fadeAway {
  position: fixed !important; }

b {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 500; }

.connectionErrorBanner {
  background-color: #f7f0c7;
  padding: 0.2em;
  text-align: center;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
  max-height: 2em; }

.connectionErrorBanner.hidden {
  max-height: 0;
  padding: 0;
  display: block;
  position: fixed; }

.connectionErrorBanner i {
  -webkit-animation-delay: 0;
  -webkit-animation-duration: 1s;
  -webkit-animation-name: fadeinout;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-delay: 0;
  -moz-animation-duration: 1s;
  -moz-animation-name: fadeinout;
  -moz-animation-fill-mode: forwards;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -o-animation-delay: 0;
  -o-animation-duration: 1s;
  -o-animation-name: fadeinout;
  -o-animation-fill-mode: forwards;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear;
  animation-delay: 0;
  animation-duration: 1s;
  animation-name: fadeinout;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear; }

#topFixed {
  position: fixed;
  width: 100%;
  z-index: 98; }

.topNav {
    background-color: #FFFFFF;
    border-bottom: 1px solid #5b6771;
    height: 34.5px;
    width: 100%;
    overflow: hidden;
}
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .topNav {
      height: 37.5px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .topNav {
      height: 41.5px; } }
  @media screen and (min-width: 1700px) {
    .topNav {
      height: 60px; } }
  .topNav:after {
    content: "";
    display: block;
    clear: both;
    width: 100%;
    height: 0; }

.topNav .logo {
  position: absolute;
  top: 0;  
  left: 0;
  height: 34.5px
}
@media screen and (min-width: 650px) and (max-width: 1024px), print {
    .topNav .logo {
      height: 37.5px 
    }
}
@media screen and (min-width: 1025px) and (max-width: 1699px) {
    .topNav .logo {
      height: 41.5px 
    } 
}
@media screen and (min-width: 1700px) {
    .topNav .logo {
        height: 60px
    }
}

.topNav .logo a {
    display: block;
    height: 34.5px;
    width: auto;
}

@media screen and (min-width: 650px) and (max-width: 1024px), print {
    .topNav .logo a {
        height: 37.5px;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1699px) {
    .topNav .logo a {
        height: 41.5px;
    }
}
@media screen and (min-width: 1700px) {
    .topNav .logo a {
        height: 60px;
    }
}

.topNav .logo svg {
  height: 24.15px;
  margin-top: 4.83px;
  width: 186.3px;
  max-width: 100%; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .topNav .logo svg {
      height: 26.25px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .topNav .logo svg {
      height: 29.05px; } }
  @media screen and (min-width: 1700px) {
    .topNav .logo svg {
      height: 35px; } }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .topNav .logo svg {
      margin-top: 5.25px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .topNav .logo svg {
      margin-top: 5.81px; } }
  @media screen and (min-width: 1700px) {
    .topNav .logo svg {
      margin-top: 7px; } }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .topNav .logo svg {
      width: 202.5px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .topNav .logo svg {
      width: 224.1px; } }
  @media screen and (min-width: 1700px) {
    .topNav .logo svg {
      width: 270px; } }
  @media screen and (max-width: 649px) {
    .topNav .logo svg {
      height: 17.5px;
      margin-top: 7px;
      width: 135px; } }

.topNav .logo svg {
    height: 24.15px;
    margin-top: 4.83px;
    width: 186.3px;
    max-width: 100%;
}

@media screen and (min-width: 650px) and (max-width: 1024px), print {
    .topNav .logo img {
        height: max-content;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1699px) {
    .topNav .logo img {
        height: max-content;
    }
}

@media screen and (min-width: 1700px) {
    .topNav .logo img {
        height: max-content;
    }
}

@media screen and (min-width: 650px) and (max-width: 1024px), print {
    .topNav .logo img {
        margin-top: 0px;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1699px) {
    .topNav .logo img {
        margin-top: 0px;
    }
}

@media screen and (min-width: 1700px) {
    .topNav .logo img {
        margin-top: 0px;
    }
}

@media screen and (min-width: 650px) and (max-width: 1024px), print {
    .topNav .logo img {
        width: fit-content;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1699px) {
    .topNav .logo img {
        width: fit-content;
    }
}

@media screen and (min-width: 1700px) {
    .topNav .logo img {
        width: fit-content;
    }
}

@media screen and (max-width: 649px) {
    .topNav .logo img {
        height: max-content;
        margin-top: 0px;
        width: fit-content;
    }
}

.topNav .logo {
  float: left; }

.topNav .menu {
  clear: right;
  float: right;
  padding-right: 5.52px; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .topNav .menu {
      padding-right: 6px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .topNav .menu {
      padding-right: 6.64px; } }
  @media screen and (min-width: 1700px) {
    .topNav .menu {
      padding-right: 8px; } }
  .topNav .menu:after {
    content: "";
    display: block;
    clear: both;
    width: 100%;
    height: 0; }

ul.dropdownMenu, ul.dropdownMenuPrint {
  width: 300px;
  max-width: 100%;
  position: fixed;
  background-color: #efefef; }

ul.dropdownMenu::before, ul.dropdownMenuPrint:before {
  content: '';
  width: 0;
  height: 0;
  z-index: 300;
  position: absolute;
  display: block;
  z-index: 100;
  border-bottom: 1em solid #b8c6c5;
  -webkit-transform: translate(-50%, -100%);
  -moz-transform: translate(-50%, -100%);
  -o-transform: translate(-50%, -100%);
  -ms-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%);
  top: 0;
  left: 50%;
  border-right: 1em solid transparent;
  border-left: 1em solid transparent; }

.topNav .menu li, .topNav .menu li a, .dropdownMenu li, .dropdownMenu li a, .dropdownMenuPrint li, .dropdownMenuPrint li a {
    display: inline-block;
    height: 34.5px;
    line-height: 34.5px;
    text-decoration: none;
    color: #5b6771;
}
.dropdownMenuPrint li[disabled], .dropdownMenuPrint li[disabled] a {
    pointer-events: none;
    cursor: default;
    color: #b8c6c5;
}
.dropdownMenuPrint li[disabled] i .s-cs2, .dropdownMenuPrint li[disabled] i .s-cs2 svg polygon, .dropdownMenuPrint li[disabled] i .s-cs2 svg polyline {
    stroke: #b8c6c5;
}
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .topNav .menu li, .topNav .menu li a, .dropdownMenu li, .dropdownMenu li a,  .dropdownMenuPrint li, .dropdownMenuPrint li a {
      height: 37.5px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .topNav .menu li, .topNav .menu li a, .dropdownMenu li, .dropdownMenu li a,  .dropdownMenuPrint li, .dropdownMenuPrint li a {
      height: 41.5px; } }
  @media screen and (min-width: 1700px) {
    .topNav .menu li, .topNav .menu li a, .dropdownMenu li, .dropdownMenu li a,  .dropdownMenuPrint li, .dropdownMenuPrint li a {
      height: 50px; } }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    .topNav .menu li, .topNav .menu li a, .dropdownMenu li, .dropdownMenu li a,  .dropdownMenuPrint li, .dropdownMenuPrint li a {
      line-height: 37.5px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    .topNav .menu li, .topNav .menu li a, .dropdownMenu li, .dropdownMenu li a,  .dropdownMenuPrint li, .dropdownMenuPrint li a {
      line-height: 41.5px; } }
  @media screen and (min-width: 1700px) {
    .topNav .menu li, .topNav .menu li a, .dropdownMenu li, .dropdownMenu li a,  .dropdownMenuPrint li, .dropdownMenuPrint li a {
      line-height: 50px; } }

.topNav .menu li a, .dropdownMenu li a, .dropdownMenuPrint li a {
  padding-right: 8px; }

.topNav i svg {
  vertical-align: top !important; }

@media screen and (max-width: 649px) {
  .topNav .menu li, .topNav .menu li a {
    font-size: 0px;
    padding-right: 4px;
    padding-left: 4px; } }

.dropdownMenu li:nth-child(even) { }

.dropdownMenu li, .dropdownMenu li a, .dropdownMenuPrint li, .dropdownMenuPrint li a {
  display: block !important; }

.topNav .menu li i, .dropdownMenu li i, .dropdownMenuPrint li i  {
  width: 2em;
  height: 2em;
  margin-top: -0.5em;
  display: inline-block;
  vertical-align: text-top;
  margin-right: 0.25em;
  margin-left: 0.5em; }
  @media screen and (max-width: 649px) {
    .topNav .menu li i, .dropdownMenu li i, .dropdownMenuPrint li i {
      width: 1.8em;
      height: 1.8em;
      margin: 0;
      font-size: 11px;
      margin-top: -0.8em; } }

.topNav .menu li i a:focus, .dropdownMenu li i a:focus,  .dropdownMenuPrint li i a:focus {
  background-color: rgba(255, 255, 255, 0.5); }

#page {
  margin: auto;
  padding-top: 34.5px; }
  @media screen and (min-width: 650px) and (max-width: 1024px), print {
    #page {
      padding-top: 37.5px; } }
  @media screen and (min-width: 1025px) and (max-width: 1699px) {
    #page {
      padding-top: 41.5px; } }
  @media screen and (min-width: 1700px) {
    #page {
      padding-top: 55px; } }

#coverAll {
  position: fixed;
  z-index: 99;
  width: 100%;
  height: 0;
  top: 0;
  background-color: rgba(14, 41, 62, 0.4);
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  transform: translateZ(0); }

#coverAll[data-state="hide"] {
  -webkit-animation-delay: 0;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-name: disappearCover;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease;
  -moz-animation-delay: 0;
  -moz-animation-duration: 0.5s;
  -moz-animation-name: disappearCover;
  -moz-animation-fill-mode: forwards;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease;
  -o-animation-delay: 0;
  -o-animation-duration: 0.5s;
  -o-animation-name: disappearCover;
  -o-animation-fill-mode: forwards;
  -o-animation-iteration-count: 1;
  -o-animation-timing-function: ease;
  animation-delay: 0;
  animation-duration: 0.5s;
  animation-name: disappearCover;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-timing-function: ease; }

#coverAll[data-state="show"] {
  height: 100%;
  opacity: 1;
  -webkit-animation-delay: 0;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-name: appearCover;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease;
  -moz-animation-delay: 0;
  -moz-animation-duration: 0.5s;
  -moz-animation-name: appearCover;
  -moz-animation-fill-mode: forwards;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease;
  -o-animation-delay: 0;
  -o-animation-duration: 0.5s;
  -o-animation-name: appearCover;
  -o-animation-fill-mode: forwards;
  -o-animation-iteration-count: 1;
  -o-animation-timing-function: ease;
  animation-delay: 0;
  animation-duration: 0.5s;
  animation-name: appearCover;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-timing-function: ease; }

@-webkit-keyframes appearCover {
  0% {
    opacity: 0;
    height: 100%; }
  100% {
    opacity: 1;
    height: 100%; } }

@-moz-keyframes appearCover {
  0% {
    opacity: 0;
    height: 100%; }
  100% {
    opacity: 1;
    height: 100%; } }

@-o-keyframes appearCover {
  0% {
    opacity: 0;
    height: 100%; }
  100% {
    opacity: 1;
    height: 100%; } }

@keyframes appearCover {
  0% {
    opacity: 0;
    height: 100%; }
  100% {
    opacity: 1;
    height: 100%; } }

@-webkit-keyframes disappearCover {
  0% {
    opacity: 1;
    height: 100%; }
  99.99% {
    height: 100%; }
  100% {
    opacity: 0;
    height: 0; } }

@-moz-keyframes disappearCover {
  0% {
    opacity: 1;
    height: 100%; }
  99.99% {
    height: 100%; }
  100% {
    opacity: 0;
    height: 0; } }

@-o-keyframes disappearCover {
  0% {
    opacity: 1;
    height: 100%; }
  99.99% {
    height: 100%; }
  100% {
    opacity: 0;
    height: 0; } }

@keyframes disappearCover {
  0% {
    opacity: 1;
    height: 100%; }
  99.99% {
    height: 100%; }
  100% {
    opacity: 0;
    height: 0; } }

.hidden {
  display: none; }


#customerRef {
    font-size: 12px;
}
@media screen and (min-width: 650px) and (max-width: 1024px), print {
    #customerRef { font-size: 12px; }
}
@media screen and (min-width: 1025px) and (max-width: 1699px) {
    #customerRef { font-size: 12px; }
}
@media screen and (min-width: 1700px) {
    #customerRef { font-size: 12px; }
}

.trsScore {
    font-size: 12px !important;
}

@media screen and (min-width: 650px) and (max-width: 1024px), print {
    .trsScore {
        font-size: 12px !important;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1699px) {
    .trsScore {
        font-size: 12px !important;
    }
}

@media screen and (min-width: 1700px) {
    .trsScore {
        font-size: 12px !important;
    }
}

#bankAccounts {
    display: flex;
    flex-direction: column;
}
    #bankAccounts:before {
        content: none;
    }

#bankAccounts .dashtop {
    position: absolute;
    right: 6px;
}

#bankAccounts.dashbox .scrollbox.fullheight {
    position: static;
    height: 100%;
}


.bankAccountsHeader h1 {
    line-height: 1em;
    margin-right: 1em;
    -ms-word-break: break-all;
    word-break: break-all;
    font-size: 15.18px;
    text-align: left;
}
@media screen and (min-width: 650px) and (max-width: 1024px), print {
    .bankAccountsHeader h1 {
        font-size: 16.5px;
    }
}
@media screen and (min-width: 1025px) and (max-width: 1699px) {
    .bankAccountsHeader h1 {
        font-size: 18.26px;
    }
}
@media screen and (min-width: 1700px) {
    .bankAccountsHeader h1 {
        font-size: 22px;
    }
}
.timer-color {
    color: #5b6771;
}