@charset "UTF-8";
/* =========================================================
 Variables
========================================================= */
/* =========================================================
 Mixins
========================================================= */
/* =========================================================
 base
========================================================= */
/* =========================================================
 Layouts
========================================================= */
/* =========================================================
 Modules
========================================================= */
/* =========================================================
 Pages
========================================================= */
/* =========================================================
 Utilities
========================================================= */
/* =========================================================
 Mixins
========================================================= */
/* =========================================================
 variable
========================================================= */
/* =========================================================
 Format
========================================================= */
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

html, body {
  height: 100%;
  /*min-width: 1007px;*/
  /*楽たす振込振込でコンパイル時に文字化けしておりコメントアウトされているフォントが適用できていませんでした。楽たすに合わせるため、下記のfont-familyを適用します。*/
  /*font-family: $font-family;*/
  font-family: Verdana, YuGothic, Meiryo, sans-serif;
  font-size: 14px;
  -ms-word-break: break-word;
  word-break: break-word;
  overflow-wrap: break-word;
  /* default skin */
  color: #333;
  background-color: #fff; }

a {
  cursor: pointer; }

ul, ol {
  list-style: none;
  padding: 0;
  margin: 0; }

input::-ms-clear {
  display: none; }

input::-ms-reveal {
  display: none; }

table td,
table th {
  word-break: break-all;
  /*IE CSS*/
  -ms-word-break: break-word; }

input[type=checkbox],
input[type=radio] {
  -moz-transform: scale(1.4, 1.4);
  -ms-transform: scale(1.4, 1.4);
  -o-transform: scale(1.4, 1.4);
  -webkit-transform: scale(1.4, 1.4);
  transform: scale(1.4, 1.4);
  -moz-transform-origin: center;
  -ms-transform-origin: center;
  -o-transform-origin: center;
  -webkit-transform-origin: center;
  transform-origin: center; }

/*safarではtransformで小数点を指定できないためcssハック*/
_::-webkit-full-page-media, _:future, :root input[type=checkbox],
_::-webkit-full-page-media, _:future, :root input[type=radio] {
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  -moz-transform-origin: center;
  -ms-transform-origin: center;
  -o-transform-origin: center;
  -webkit-transform-origin: center;
  transform-origin: center; }

@media print {
  a[href]:after {
    content: none; }
  abbr[title]:after {
    content: none; } }

/* =========================================================
 Layouts
========================================================= */
#mjs-header,
.mjs-header {
  /* テスト的 */
  /*opacity: 0.4;*/
  /* layout */
  min-height: 78px;
  padding: 10px 20px;
  border-bottom: solid 2px;
  z-index: 3;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  /* default skin */
  background-color: #333333;
  border-bottom-color: #0089d0;
  color: #ffffff;
  /* ヘッダレフト */
  /* ヘッダーライト */ }
  #mjs-header button,
  .mjs-header button {
    background-color: transparent;
    border: none; }
  #mjs-header > div,
  .mjs-header > div {
    height: 56px;
    /* IE11バグ対策　flexを使った中央揃えがmin-heightの場合無効になる */ }
  #mjs-header > div:first-child,
  .mjs-header > div:first-child {
    -ms-flex: 1 0 auto;
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    /* ƒ^ƒCƒgƒ‹ */
    /* 質問 */ }
    #mjs-header > div:first-child > div:first-child,
    .mjs-header > div:first-child > div:first-child {
      font-size: 23px; }
      #mjs-header > div:first-child > div:first-child img,
      .mjs-header > div:first-child > div:first-child img {
        height: 35px; }
    #mjs-header > div:first-child > div:last-child,
    .mjs-header > div:first-child > div:last-child {
      display: inline-block;
      vertical-align: top; }
      #mjs-header > div:first-child > div:last-child span input,
      .mjs-header > div:first-child > div:last-child span input {
        height: 40px;
        width: 345px;
        margin-left: 25px;
        padding: 5px;
        vertical-align: top;
        border: solid 1px;
        border-radius: 2px;
        /* default skin */
        color: #333333;
        border-color: transparent; }
      #mjs-header > div:first-child > div:last-child span input::-webkit-input-placeholder,
      .mjs-header > div:first-child > div:last-child span input::-webkit-input-placeholder {
        font-size: 12px; }
      #mjs-header > div:first-child > div:last-child span input:-ms-input-placeholder,
      .mjs-header > div:first-child > div:last-child span input:-ms-input-placeholder {
        font-size: 12px; }
      #mjs-header > div:first-child > div:last-child span input::-moz-placeholder,
      .mjs-header > div:first-child > div:last-child span input::-moz-placeholder {
        font-size: 12px; }
      #mjs-header > div:first-child > div:last-child span button,
      .mjs-header > div:first-child > div:last-child span button {
        /* layout */
        margin-left: -45px;
        height: 40px;
        width: 40px;
        /* default skin */
        color: #333333; }
      #mjs-header > div:first-child > div:last-child > button,
      .mjs-header > div:first-child > div:last-child > button {
        /* layout */
        height: 40px;
        padding-left: 10px;
        padding-right: 10px;
        font-size: 16px;
        /* default skin */
        background-color: #ffffff;
        color: #333333; }
  #mjs-header > div:last-child,
  .mjs-header > div:last-child {
    /*-ms-flex: 1 0 auto;
        -webkit-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-flex-grow: 1;
        flex-grow: 1;*/
    -ms-flex: 1 0 auto;
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    text-align: right;
    height: 34px; }
    #mjs-header > div:last-child > ul,
    .mjs-header > div:last-child > ul {
      display: inline-block; }
      #mjs-header > div:last-child > ul > li,
      .mjs-header > div:last-child > ul > li {
        float: left;
        margin-right: 5px; }
      #mjs-header > div:last-child > ul > li.mjs-text,
      .mjs-header > div:last-child > ul > li.mjs-text {
        font-size: 17px;
        height: 40px;
        line-height: 40px; }
      #mjs-header > div:last-child > ul > li.mjs-icon,
      .mjs-header > div:last-child > ul > li.mjs-icon {
        font-size: 28px;
        width: 40px;
        height: 40px; }
      #mjs-header > div:last-child > ul:after,
      .mjs-header > div:last-child > ul:after {
        visibility: hidden;
        display: block;
        content: " ";
        clear: both;
        height: 0; }

#mjs-main,
.mjs-main {
  padding: 30px; }
  #mjs-main .mjs-main-header,
  .mjs-main .mjs-main-header {
    margin-bottom: 20px;
    min-height: 40px;
    font-size: 20px; }
    #mjs-main .mjs-main-header .mjs-main-header-lavel,
    .mjs-main .mjs-main-header .mjs-main-header-lavel {
      border: solid 1px;
      padding: 3px 10px;
      box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
      /* default skin */
      border-color: #ffd580;
      background-color: #ffeecc; }
    #mjs-main .mjs-main-header .mjs-main-header-title,
    .mjs-main .mjs-main-header .mjs-main-header-title {
      font-weight: bold;
      margin-right: 30px; }
    #mjs-main .mjs-main-header .mjs-main-header-explanation,
    .mjs-main .mjs-main-header .mjs-main-header-explanation {
      margin-top: 3px;
      font-size: 15px; }
  #mjs-main .mjs-main-nav,
  .mjs-main .mjs-main-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    padding: 20px 20px;
    margin-bottom: 22px;
    min-height: 80px;
    /* default skin */
    background-color: #ffffff; }
    #mjs-main .mjs-main-nav > *:not(:last-child),
    .mjs-main .mjs-main-nav > *:not(:last-child) {
      margin-right: 5px; }

#mjs-footer,
.mjs-footer {
  /* テスト的 */
  /*opacity: 0.4;*/
  /* default layout */
  border-top: solid 1px;
  min-height: 30px;
  padding: 5px 20px;
  text-align: right;
  font-size: 11px;
  /* default skin */
  background-color: #eeeeee;
  border-top-color: #cccccc; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #mjs-footer:not(:target) {
    height: 31px;
    /* IE10（\9なしでIE11にも適用） */ }
  .mjs-footer:not(:target) {
    height: 31px;
    /* IE10（\9なしでIE11にも適用） */ } }

.mjs-layout-base {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-flow: column wrap;
  -webkit-flex-flow: column wrap;
  flex-flow: column wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch; }
  .mjs-layout-base > .mjs-layout-base-body {
    -ms-flex: 1 0 auto;
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-flex-grow: 1;
    flex-grow: 1; }
  .mjs-layout-base > .mjs-layout-base-header,
  .mjs-layout-base > header {
    -ms-flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    z-index: 1;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    min-height: 80px; }
  .mjs-layout-base > .mjs-layout-base-footer,
  .mjs-layout-base > footer {
    -ms-flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    z-index: 1;
    min-height: 30px; }

.mjs-layout-login {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-flow: column wrap;
  -webkit-flex-flow: column wrap;
  flex-flow: column wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch; }
  .mjs-layout-login > .mjs-layout-login-header {
    -ms-flex: 1 0 auto;
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-flow: column wrap;
    -webkit-flex-flow: column wrap;
    flex-flow: column wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    max-height: 700px; }
  .mjs-layout-login > .mjs-layout-login-body {
    padding: 30px 30px 10px 30px; }

.mjs-layout-grid-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin: 0 -8px 10px -8px; }
  .mjs-layout-grid-row > * {
    -ms-flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-flex-shrink: 0;
    flex-shrink: 0; }
  .mjs-layout-grid-row.mjs-layout-grid-alignStart {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start; }
  .mjs-layout-grid-row.mjs-layout-grid-alignEnd {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end; }
  .mjs-layout-grid-row.mjs-layout-grid-alignStretch {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch; }
  .mjs-layout-grid-row.mjs-layout-grid-alignBaseline {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    -webkit-align-items: baseline;
    align-items: baseline; }
  .mjs-layout-grid-row.mjs-layout-grid-justifyStart {
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start; }
  .mjs-layout-grid-row.mjs-layout-grid-justifyEnd {
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end; }
  .mjs-layout-grid-row.mjs-layout-grid-justifyCenter {
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center; }
  .mjs-layout-grid-row.mjs-layout-grid-justifyBetween {
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between; }
  .mjs-layout-grid-row.mjs-layout-grid-justifyAround {
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    justify-content: space-around; }
  .mjs-layout-grid-row.mjs-layout-grid-nowrap {
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap; }
  .mjs-layout-grid-row > *[class*=mjs-layout-col-] {
    flex-basis: 100%;
    max-width: 100%; }
  .mjs-layout-grid-row > * {
    padding: 0 8px; }
  @media (min-width: 0) {
    .mjs-layout-grid-row > .mjs-layout-col-xs-1 {
      -ms-flex-preferred-size: 8.33333%;
      flex-basis: 8.33333%;
      max-width: 8.33333%; }
    .mjs-layout-grid-row > .mjs-layout-col-xs-offset-1 {
      margin-left: 8.33333%; }
    .mjs-layout-grid-row > .mjs-layout-col-xs-2 {
      -ms-flex-preferred-size: 16.66667%;
      flex-basis: 16.66667%;
      max-width: 16.66667%; }
    .mjs-layout-grid-row > .mjs-layout-col-xs-offset-2 {
      margin-left: 16.66667%; }
    .mjs-layout-grid-row > .mjs-layout-col-xs-3 {
      -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
      max-width: 25%; }
    .mjs-layout-grid-row > .mjs-layout-col-xs-offset-3 {
      margin-left: 25%; }
    .mjs-layout-grid-row > .mjs-layout-col-xs-4 {
      -ms-flex-preferred-size: 33.33333%;
      flex-basis: 33.33333%;
      max-width: 33.33333%; }
    .mjs-layout-grid-row > .mjs-layout-col-xs-offset-4 {
      margin-left: 33.33333%; }
    .mjs-layout-grid-row > .mjs-layout-col-xs-5 {
      -ms-flex-preferred-size: 41.66667%;
      flex-basis: 41.66667%;
      max-width: 41.66667%; }
    .mjs-layout-grid-row > .mjs-layout-col-xs-offset-5 {
      margin-left: 41.66667%; }
    .mjs-layout-grid-row > .mjs-layout-col-xs-6 {
      -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
      max-width: 50%; }
    .mjs-layout-grid-row > .mjs-layout-col-xs-offset-6 {
      margin-left: 50%; }
    .mjs-layout-grid-row > .mjs-layout-col-xs-7 {
      -ms-flex-preferred-size: 58.33333%;
      flex-basis: 58.33333%;
      max-width: 58.33333%; }
    .mjs-layout-grid-row > .mjs-layout-col-xs-offset-7 {
      margin-left: 58.33333%; }
    .mjs-layout-grid-row > .mjs-layout-col-xs-8 {
      -ms-flex-preferred-size: 66.66667%;
      flex-basis: 66.66667%;
      max-width: 66.66667%; }
    .mjs-layout-grid-row > .mjs-layout-col-xs-offset-8 {
      margin-left: 66.66667%; }
    .mjs-layout-grid-row > .mjs-layout-col-xs-9 {
      -ms-flex-preferred-size: 75%;
      flex-basis: 75%;
      max-width: 75%; }
    .mjs-layout-grid-row > .mjs-layout-col-xs-offset-9 {
      margin-left: 75%; }
    .mjs-layout-grid-row > .mjs-layout-col-xs-10 {
      -ms-flex-preferred-size: 83.33333%;
      flex-basis: 83.33333%;
      max-width: 83.33333%; }
    .mjs-layout-grid-row > .mjs-layout-col-xs-offset-10 {
      margin-left: 83.33333%; }
    .mjs-layout-grid-row > .mjs-layout-col-xs-11 {
      -ms-flex-preferred-size: 91.66667%;
      flex-basis: 91.66667%;
      max-width: 91.66667%; }
    .mjs-layout-grid-row > .mjs-layout-col-xs-offset-11 {
      margin-left: 91.66667%; }
    .mjs-layout-grid-row > .mjs-layout-col-xs-12 {
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
      max-width: 100%; }
    .mjs-layout-grid-row > .mjs-layout-col-xs-offset-12 {
      margin-left: 100%; } }
  @media (min-width: 768px) {
    .mjs-layout-grid-row > .mjs-layout-col-sm-1 {
      -ms-flex-preferred-size: 8.33333%;
      flex-basis: 8.33333%;
      max-width: 8.33333%; }
    .mjs-layout-grid-row > .mjs-layout-col-sm-offset-1 {
      margin-left: 8.33333%; }
    .mjs-layout-grid-row > .mjs-layout-col-sm-2 {
      -ms-flex-preferred-size: 16.66667%;
      flex-basis: 16.66667%;
      max-width: 16.66667%; }
    .mjs-layout-grid-row > .mjs-layout-col-sm-offset-2 {
      margin-left: 16.66667%; }
    .mjs-layout-grid-row > .mjs-layout-col-sm-3 {
      -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
      max-width: 25%; }
    .mjs-layout-grid-row > .mjs-layout-col-sm-offset-3 {
      margin-left: 25%; }
    .mjs-layout-grid-row > .mjs-layout-col-sm-4 {
      -ms-flex-preferred-size: 33.33333%;
      flex-basis: 33.33333%;
      max-width: 33.33333%; }
    .mjs-layout-grid-row > .mjs-layout-col-sm-offset-4 {
      margin-left: 33.33333%; }
    .mjs-layout-grid-row > .mjs-layout-col-sm-5 {
      -ms-flex-preferred-size: 41.66667%;
      flex-basis: 41.66667%;
      max-width: 41.66667%; }
    .mjs-layout-grid-row > .mjs-layout-col-sm-offset-5 {
      margin-left: 41.66667%; }
    .mjs-layout-grid-row > .mjs-layout-col-sm-6 {
      -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
      max-width: 50%; }
    .mjs-layout-grid-row > .mjs-layout-col-sm-offset-6 {
      margin-left: 50%; }
    .mjs-layout-grid-row > .mjs-layout-col-sm-7 {
      -ms-flex-preferred-size: 58.33333%;
      flex-basis: 58.33333%;
      max-width: 58.33333%; }
    .mjs-layout-grid-row > .mjs-layout-col-sm-offset-7 {
      margin-left: 58.33333%; }
    .mjs-layout-grid-row > .mjs-layout-col-sm-8 {
      -ms-flex-preferred-size: 66.66667%;
      flex-basis: 66.66667%;
      max-width: 66.66667%; }
    .mjs-layout-grid-row > .mjs-layout-col-sm-offset-8 {
      margin-left: 66.66667%; }
    .mjs-layout-grid-row > .mjs-layout-col-sm-9 {
      -ms-flex-preferred-size: 75%;
      flex-basis: 75%;
      max-width: 75%; }
    .mjs-layout-grid-row > .mjs-layout-col-sm-offset-9 {
      margin-left: 75%; }
    .mjs-layout-grid-row > .mjs-layout-col-sm-10 {
      -ms-flex-preferred-size: 83.33333%;
      flex-basis: 83.33333%;
      max-width: 83.33333%; }
    .mjs-layout-grid-row > .mjs-layout-col-sm-offset-10 {
      margin-left: 83.33333%; }
    .mjs-layout-grid-row > .mjs-layout-col-sm-11 {
      -ms-flex-preferred-size: 91.66667%;
      flex-basis: 91.66667%;
      max-width: 91.66667%; }
    .mjs-layout-grid-row > .mjs-layout-col-sm-offset-11 {
      margin-left: 91.66667%; }
    .mjs-layout-grid-row > .mjs-layout-col-sm-12 {
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
      max-width: 100%; }
    .mjs-layout-grid-row > .mjs-layout-col-sm-offset-12 {
      margin-left: 100%; } }
  @media (min-width: 992px) {
    .mjs-layout-grid-row > .mjs-layout-col-md-1 {
      -ms-flex-preferred-size: 8.33333%;
      flex-basis: 8.33333%;
      max-width: 8.33333%; }
    .mjs-layout-grid-row > .mjs-layout-col-md-offset-1 {
      margin-left: 8.33333%; }
    .mjs-layout-grid-row > .mjs-layout-col-md-2 {
      -ms-flex-preferred-size: 16.66667%;
      flex-basis: 16.66667%;
      max-width: 16.66667%; }
    .mjs-layout-grid-row > .mjs-layout-col-md-offset-2 {
      margin-left: 16.66667%; }
    .mjs-layout-grid-row > .mjs-layout-col-md-3 {
      -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
      max-width: 25%; }
    .mjs-layout-grid-row > .mjs-layout-col-md-offset-3 {
      margin-left: 25%; }
    .mjs-layout-grid-row > .mjs-layout-col-md-4 {
      -ms-flex-preferred-size: 33.33333%;
      flex-basis: 33.33333%;
      max-width: 33.33333%; }
    .mjs-layout-grid-row > .mjs-layout-col-md-offset-4 {
      margin-left: 33.33333%; }
    .mjs-layout-grid-row > .mjs-layout-col-md-5 {
      -ms-flex-preferred-size: 41.66667%;
      flex-basis: 41.66667%;
      max-width: 41.66667%; }
    .mjs-layout-grid-row > .mjs-layout-col-md-offset-5 {
      margin-left: 41.66667%; }
    .mjs-layout-grid-row > .mjs-layout-col-md-6 {
      -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
      max-width: 50%; }
    .mjs-layout-grid-row > .mjs-layout-col-md-offset-6 {
      margin-left: 50%; }
    .mjs-layout-grid-row > .mjs-layout-col-md-7 {
      -ms-flex-preferred-size: 58.33333%;
      flex-basis: 58.33333%;
      max-width: 58.33333%; }
    .mjs-layout-grid-row > .mjs-layout-col-md-offset-7 {
      margin-left: 58.33333%; }
    .mjs-layout-grid-row > .mjs-layout-col-md-8 {
      -ms-flex-preferred-size: 66.66667%;
      flex-basis: 66.66667%;
      max-width: 66.66667%; }
    .mjs-layout-grid-row > .mjs-layout-col-md-offset-8 {
      margin-left: 66.66667%; }
    .mjs-layout-grid-row > .mjs-layout-col-md-9 {
      -ms-flex-preferred-size: 75%;
      flex-basis: 75%;
      max-width: 75%; }
    .mjs-layout-grid-row > .mjs-layout-col-md-offset-9 {
      margin-left: 75%; }
    .mjs-layout-grid-row > .mjs-layout-col-md-10 {
      -ms-flex-preferred-size: 83.33333%;
      flex-basis: 83.33333%;
      max-width: 83.33333%; }
    .mjs-layout-grid-row > .mjs-layout-col-md-offset-10 {
      margin-left: 83.33333%; }
    .mjs-layout-grid-row > .mjs-layout-col-md-11 {
      -ms-flex-preferred-size: 91.66667%;
      flex-basis: 91.66667%;
      max-width: 91.66667%; }
    .mjs-layout-grid-row > .mjs-layout-col-md-offset-11 {
      margin-left: 91.66667%; }
    .mjs-layout-grid-row > .mjs-layout-col-md-12 {
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
      max-width: 100%; }
    .mjs-layout-grid-row > .mjs-layout-col-md-offset-12 {
      margin-left: 100%; } }
  @media (min-width: 1200px) {
    .mjs-layout-grid-row > .mjs-layout-col-lg-1 {
      -ms-flex-preferred-size: 8.33333%;
      flex-basis: 8.33333%;
      max-width: 8.33333%; }
    .mjs-layout-grid-row > .mjs-layout-col-lg-offset-1 {
      margin-left: 8.33333%; }
    .mjs-layout-grid-row > .mjs-layout-col-lg-2 {
      -ms-flex-preferred-size: 16.66667%;
      flex-basis: 16.66667%;
      max-width: 16.66667%; }
    .mjs-layout-grid-row > .mjs-layout-col-lg-offset-2 {
      margin-left: 16.66667%; }
    .mjs-layout-grid-row > .mjs-layout-col-lg-3 {
      -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
      max-width: 25%; }
    .mjs-layout-grid-row > .mjs-layout-col-lg-offset-3 {
      margin-left: 25%; }
    .mjs-layout-grid-row > .mjs-layout-col-lg-4 {
      -ms-flex-preferred-size: 33.33333%;
      flex-basis: 33.33333%;
      max-width: 33.33333%; }
    .mjs-layout-grid-row > .mjs-layout-col-lg-offset-4 {
      margin-left: 33.33333%; }
    .mjs-layout-grid-row > .mjs-layout-col-lg-5 {
      -ms-flex-preferred-size: 41.66667%;
      flex-basis: 41.66667%;
      max-width: 41.66667%; }
    .mjs-layout-grid-row > .mjs-layout-col-lg-offset-5 {
      margin-left: 41.66667%; }
    .mjs-layout-grid-row > .mjs-layout-col-lg-6 {
      -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
      max-width: 50%; }
    .mjs-layout-grid-row > .mjs-layout-col-lg-offset-6 {
      margin-left: 50%; }
    .mjs-layout-grid-row > .mjs-layout-col-lg-7 {
      -ms-flex-preferred-size: 58.33333%;
      flex-basis: 58.33333%;
      max-width: 58.33333%; }
    .mjs-layout-grid-row > .mjs-layout-col-lg-offset-7 {
      margin-left: 58.33333%; }
    .mjs-layout-grid-row > .mjs-layout-col-lg-8 {
      -ms-flex-preferred-size: 66.66667%;
      flex-basis: 66.66667%;
      max-width: 66.66667%; }
    .mjs-layout-grid-row > .mjs-layout-col-lg-offset-8 {
      margin-left: 66.66667%; }
    .mjs-layout-grid-row > .mjs-layout-col-lg-9 {
      -ms-flex-preferred-size: 75%;
      flex-basis: 75%;
      max-width: 75%; }
    .mjs-layout-grid-row > .mjs-layout-col-lg-offset-9 {
      margin-left: 75%; }
    .mjs-layout-grid-row > .mjs-layout-col-lg-10 {
      -ms-flex-preferred-size: 83.33333%;
      flex-basis: 83.33333%;
      max-width: 83.33333%; }
    .mjs-layout-grid-row > .mjs-layout-col-lg-offset-10 {
      margin-left: 83.33333%; }
    .mjs-layout-grid-row > .mjs-layout-col-lg-11 {
      -ms-flex-preferred-size: 91.66667%;
      flex-basis: 91.66667%;
      max-width: 91.66667%; }
    .mjs-layout-grid-row > .mjs-layout-col-lg-offset-11 {
      margin-left: 91.66667%; }
    .mjs-layout-grid-row > .mjs-layout-col-lg-12 {
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
      max-width: 100%; }
    .mjs-layout-grid-row > .mjs-layout-col-lg-offset-12 {
      margin-left: 100%; } }

/* =========================================================
 Mobules
========================================================= */
#mjs-global-nav,
.mjs-global-nav {
  /* define */
  /* structure */
  z-index: 2;
  /* default skin */
  background-color: #ffffff; }
  #mjs-global-nav > ul,
  .mjs-global-nav > ul {
    /* structure */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    list-style: none;
    margin-bottom: 0;
    padding: 0; }
    #mjs-global-nav > ul > li,
    .mjs-global-nav > ul > li {
      /* structure */
      -ms-flex: 1 0 auto;
      -webkit-flex: 1 0 auto;
      flex: 1 0 auto;
      -webkit-flex-grow: 1;
      flex-grow: 1;
      flex-basis: 0;
      line-height: 50px;
      min-width: 120px;
      max-width: 160px;
      border-right: solid 1px;
      text-align: center;
      /* default skin */
      border-color: #bababa; }
      #mjs-global-nav > ul > li .dropdown-menu,
      .mjs-global-nav > ul > li .dropdown-menu {
        margin: 0;
        border-radius: 0 0 4px 4px; }
        #mjs-global-nav > ul > li .dropdown-menu > li,
        .mjs-global-nav > ul > li .dropdown-menu > li {
          height: 50px;
          width: 100%;
          position: relative; }
          #mjs-global-nav > ul > li .dropdown-menu > li > a,
          #mjs-global-nav > ul > li .dropdown-menu > li > button,
          .mjs-global-nav > ul > li .dropdown-menu > li > a,
          .mjs-global-nav > ul > li .dropdown-menu > li > button {
            /*line-height: $nav-height;*/
            box-shadow: none;
            border: none;
            padding-left: 15px;
            text-align: left;
            height: 50px;
            border-radius: 0;
            /* default skin */
            background-color: #ffffff; }
            #mjs-global-nav > ul > li .dropdown-menu > li > a:link, #mjs-global-nav > ul > li .dropdown-menu > li > a:visited,
            #mjs-global-nav > ul > li .dropdown-menu > li > button:link,
            #mjs-global-nav > ul > li .dropdown-menu > li > button:visited,
            .mjs-global-nav > ul > li .dropdown-menu > li > a:link,
            .mjs-global-nav > ul > li .dropdown-menu > li > a:visited,
            .mjs-global-nav > ul > li .dropdown-menu > li > button:link,
            .mjs-global-nav > ul > li .dropdown-menu > li > button:visited {
              background-color: #ffffff;
              color: rgba(0, 0, 0, 0.83); }
            #mjs-global-nav > ul > li .dropdown-menu > li > a:hover,
            #mjs-global-nav > ul > li .dropdown-menu > li > button:hover,
            .mjs-global-nav > ul > li .dropdown-menu > li > a:hover,
            .mjs-global-nav > ul > li .dropdown-menu > li > button:hover {
              background-color: #f2f2f2;
              color: rgba(0, 0, 0, 0.83); }
            #mjs-global-nav > ul > li .dropdown-menu > li > a:active,
            #mjs-global-nav > ul > li .dropdown-menu > li > button:active,
            .mjs-global-nav > ul > li .dropdown-menu > li > a:active,
            .mjs-global-nav > ul > li .dropdown-menu > li > button:active {
              background-color: #e6e6e6;
              color: rgba(0, 0, 0, 0.83); }
            #mjs-global-nav > ul > li .dropdown-menu > li > a:not(.mjs-global-nav-dropdownlist-iconbutton), #mjs-global-nav > ul > li .dropdown-menu > li > a:not(.mjs-global-nav-dropdownlist-iconbtn),
            #mjs-global-nav > ul > li .dropdown-menu > li > button:not(.mjs-global-nav-dropdownlist-iconbutton),
            #mjs-global-nav > ul > li .dropdown-menu > li > button:not(.mjs-global-nav-dropdownlist-iconbtn),
            .mjs-global-nav > ul > li .dropdown-menu > li > a:not(.mjs-global-nav-dropdownlist-iconbutton),
            .mjs-global-nav > ul > li .dropdown-menu > li > a:not(.mjs-global-nav-dropdownlist-iconbtn),
            .mjs-global-nav > ul > li .dropdown-menu > li > button:not(.mjs-global-nav-dropdownlist-iconbutton),
            .mjs-global-nav > ul > li .dropdown-menu > li > button:not(.mjs-global-nav-dropdownlist-iconbtn) {
              width: 100%; }
            #mjs-global-nav > ul > li .dropdown-menu > li > a.mjs-global-nav-dropdownlist-iconbutton, #mjs-global-nav > ul > li .dropdown-menu > li > a.mjs-global-nav-dropdownlist-iconbtn,
            #mjs-global-nav > ul > li .dropdown-menu > li > button.mjs-global-nav-dropdownlist-iconbutton,
            #mjs-global-nav > ul > li .dropdown-menu > li > button.mjs-global-nav-dropdownlist-iconbtn,
            .mjs-global-nav > ul > li .dropdown-menu > li > a.mjs-global-nav-dropdownlist-iconbutton,
            .mjs-global-nav > ul > li .dropdown-menu > li > a.mjs-global-nav-dropdownlist-iconbtn,
            .mjs-global-nav > ul > li .dropdown-menu > li > button.mjs-global-nav-dropdownlist-iconbutton,
            .mjs-global-nav > ul > li .dropdown-menu > li > button.mjs-global-nav-dropdownlist-iconbtn {
              box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
              z-index: 1;
              margin-right: 5px;
              border-radius: 2px;
              width: 35px;
              height: 35px;
              line-height: 35px;
              padding: 0;
              text-align: center;
              /*defaulut skin*/
              background-color: #333333;
              color: #ffffff;
              position: absolute;
              top: 50%;
              transform: translateY(-50%);
              right: 0; }
              #mjs-global-nav > ul > li .dropdown-menu > li > a.mjs-global-nav-dropdownlist-iconbutton:link, #mjs-global-nav > ul > li .dropdown-menu > li > a.mjs-global-nav-dropdownlist-iconbutton:visited, #mjs-global-nav > ul > li .dropdown-menu > li > a.mjs-global-nav-dropdownlist-iconbtn:link, #mjs-global-nav > ul > li .dropdown-menu > li > a.mjs-global-nav-dropdownlist-iconbtn:visited,
              #mjs-global-nav > ul > li .dropdown-menu > li > button.mjs-global-nav-dropdownlist-iconbutton:link,
              #mjs-global-nav > ul > li .dropdown-menu > li > button.mjs-global-nav-dropdownlist-iconbutton:visited,
              #mjs-global-nav > ul > li .dropdown-menu > li > button.mjs-global-nav-dropdownlist-iconbtn:link,
              #mjs-global-nav > ul > li .dropdown-menu > li > button.mjs-global-nav-dropdownlist-iconbtn:visited,
              .mjs-global-nav > ul > li .dropdown-menu > li > a.mjs-global-nav-dropdownlist-iconbutton:link,
              .mjs-global-nav > ul > li .dropdown-menu > li > a.mjs-global-nav-dropdownlist-iconbutton:visited,
              .mjs-global-nav > ul > li .dropdown-menu > li > a.mjs-global-nav-dropdownlist-iconbtn:link,
              .mjs-global-nav > ul > li .dropdown-menu > li > a.mjs-global-nav-dropdownlist-iconbtn:visited,
              .mjs-global-nav > ul > li .dropdown-menu > li > button.mjs-global-nav-dropdownlist-iconbutton:link,
              .mjs-global-nav > ul > li .dropdown-menu > li > button.mjs-global-nav-dropdownlist-iconbutton:visited,
              .mjs-global-nav > ul > li .dropdown-menu > li > button.mjs-global-nav-dropdownlist-iconbtn:link,
              .mjs-global-nav > ul > li .dropdown-menu > li > button.mjs-global-nav-dropdownlist-iconbtn:visited {
                background-color: #333333;
                color: #ffffff; }
              #mjs-global-nav > ul > li .dropdown-menu > li > a.mjs-global-nav-dropdownlist-iconbutton:hover, #mjs-global-nav > ul > li .dropdown-menu > li > a.mjs-global-nav-dropdownlist-iconbtn:hover,
              #mjs-global-nav > ul > li .dropdown-menu > li > button.mjs-global-nav-dropdownlist-iconbutton:hover,
              #mjs-global-nav > ul > li .dropdown-menu > li > button.mjs-global-nav-dropdownlist-iconbtn:hover,
              .mjs-global-nav > ul > li .dropdown-menu > li > a.mjs-global-nav-dropdownlist-iconbutton:hover,
              .mjs-global-nav > ul > li .dropdown-menu > li > a.mjs-global-nav-dropdownlist-iconbtn:hover,
              .mjs-global-nav > ul > li .dropdown-menu > li > button.mjs-global-nav-dropdownlist-iconbutton:hover,
              .mjs-global-nav > ul > li .dropdown-menu > li > button.mjs-global-nav-dropdownlist-iconbtn:hover {
                background-color: #404040;
                color: #ffffff; }
              #mjs-global-nav > ul > li .dropdown-menu > li > a.mjs-global-nav-dropdownlist-iconbutton:active, #mjs-global-nav > ul > li .dropdown-menu > li > a.mjs-global-nav-dropdownlist-iconbtn:active,
              #mjs-global-nav > ul > li .dropdown-menu > li > button.mjs-global-nav-dropdownlist-iconbutton:active,
              #mjs-global-nav > ul > li .dropdown-menu > li > button.mjs-global-nav-dropdownlist-iconbtn:active,
              .mjs-global-nav > ul > li .dropdown-menu > li > a.mjs-global-nav-dropdownlist-iconbutton:active,
              .mjs-global-nav > ul > li .dropdown-menu > li > a.mjs-global-nav-dropdownlist-iconbtn:active,
              .mjs-global-nav > ul > li .dropdown-menu > li > button.mjs-global-nav-dropdownlist-iconbutton:active,
              .mjs-global-nav > ul > li .dropdown-menu > li > button.mjs-global-nav-dropdownlist-iconbtn:active {
                background-color: #4d4d4d;
                color: #ffffff;
                box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3) inset; }
      #mjs-global-nav > ul > li > button,
      .mjs-global-nav > ul > li > button {
        /* structure */
        width: 100%;
        height: 100%;
        background-color: transparent;
        border: none;
        outline: none;
        /* default skin */
        color: #333333; }
        #mjs-global-nav > ul > li > button > span:last-child,
        .mjs-global-nav > ul > li > button > span:last-child {
          position: absolute;
          top: 50%;
          right: 10px;
          -moz-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          -o-transform: translateY(-50%);
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }
        #mjs-global-nav > ul > li > button.mjs-global-nav-iconbutton, #mjs-global-nav > ul > li > button.mjs-global-nav-iconbtn,
        .mjs-global-nav > ul > li > button.mjs-global-nav-iconbutton,
        .mjs-global-nav > ul > li > button.mjs-global-nav-iconbtn {
          box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
          z-index: 1;
          font-size: 15px;
          margin-right: 5px;
          border-radius: 100%;
          width: 20px;
          height: 20px;
          line-height: 20px;
          padding: 0;
          text-align: center;
          /*defaulut skin*/
          background-color: #333333;
          color: #ffffff; }
          #mjs-global-nav > ul > li > button.mjs-global-nav-iconbutton > span, #mjs-global-nav > ul > li > button.mjs-global-nav-iconbtn > span,
          .mjs-global-nav > ul > li > button.mjs-global-nav-iconbutton > span,
          .mjs-global-nav > ul > li > button.mjs-global-nav-iconbtn > span {
            font-size: 10px;
            right: 5px; }
          #mjs-global-nav > ul > li > button.mjs-global-nav-iconbutton:link, #mjs-global-nav > ul > li > button.mjs-global-nav-iconbutton:visited, #mjs-global-nav > ul > li > button.mjs-global-nav-iconbtn:link, #mjs-global-nav > ul > li > button.mjs-global-nav-iconbtn:visited,
          .mjs-global-nav > ul > li > button.mjs-global-nav-iconbutton:link,
          .mjs-global-nav > ul > li > button.mjs-global-nav-iconbutton:visited,
          .mjs-global-nav > ul > li > button.mjs-global-nav-iconbtn:link,
          .mjs-global-nav > ul > li > button.mjs-global-nav-iconbtn:visited {
            background-color: #333333;
            color: #ffffff; }
          #mjs-global-nav > ul > li > button.mjs-global-nav-iconbutton:hover, #mjs-global-nav > ul > li > button.mjs-global-nav-iconbtn:hover,
          .mjs-global-nav > ul > li > button.mjs-global-nav-iconbutton:hover,
          .mjs-global-nav > ul > li > button.mjs-global-nav-iconbtn:hover {
            background-color: #404040;
            color: #ffffff; }
          #mjs-global-nav > ul > li > button.mjs-global-nav-iconbutton:active, #mjs-global-nav > ul > li > button.mjs-global-nav-iconbtn:active,
          .mjs-global-nav > ul > li > button.mjs-global-nav-iconbutton:active,
          .mjs-global-nav > ul > li > button.mjs-global-nav-iconbtn:active {
            background-color: #4d4d4d;
            color: #ffffff;
            box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3) inset; }
          #mjs-global-nav > ul > li > button.mjs-global-nav-iconbutton.active, #mjs-global-nav > ul > li > button.mjs-global-nav-iconbtn.active,
          .mjs-global-nav > ul > li > button.mjs-global-nav-iconbutton.active,
          .mjs-global-nav > ul > li > button.mjs-global-nav-iconbtn.active {
            /* default skin */
            background-color: #ffffff;
            color: #ffaa00; }
            #mjs-global-nav > ul > li > button.mjs-global-nav-iconbutton.active:link, #mjs-global-nav > ul > li > button.mjs-global-nav-iconbutton.active:visited, #mjs-global-nav > ul > li > button.mjs-global-nav-iconbtn.active:link, #mjs-global-nav > ul > li > button.mjs-global-nav-iconbtn.active:visited,
            .mjs-global-nav > ul > li > button.mjs-global-nav-iconbutton.active:link,
            .mjs-global-nav > ul > li > button.mjs-global-nav-iconbutton.active:visited,
            .mjs-global-nav > ul > li > button.mjs-global-nav-iconbtn.active:link,
            .mjs-global-nav > ul > li > button.mjs-global-nav-iconbtn.active:visited {
              background-color: #ffffff;
              color: #ffaa00; }
            #mjs-global-nav > ul > li > button.mjs-global-nav-iconbutton.active:hover, #mjs-global-nav > ul > li > button.mjs-global-nav-iconbtn.active:hover,
            .mjs-global-nav > ul > li > button.mjs-global-nav-iconbutton.active:hover,
            .mjs-global-nav > ul > li > button.mjs-global-nav-iconbtn.active:hover {
              background-color: #ffffff;
              color: #cc8800; }
            #mjs-global-nav > ul > li > button.mjs-global-nav-iconbutton.active:active, #mjs-global-nav > ul > li > button.mjs-global-nav-iconbtn.active:active,
            .mjs-global-nav > ul > li > button.mjs-global-nav-iconbutton.active:active,
            .mjs-global-nav > ul > li > button.mjs-global-nav-iconbtn.active:active {
              background-color: #cccccc;
              color: #996600; }
        #mjs-global-nav > ul > li > button:link, #mjs-global-nav > ul > li > button:visited,
        .mjs-global-nav > ul > li > button:link,
        .mjs-global-nav > ul > li > button:visited {
          background-color: #bababa;
          color: #333333; }
        #mjs-global-nav > ul > li > button:hover,
        .mjs-global-nav > ul > li > button:hover {
          background-color: #a1a1a1;
          color: #333333; }
        #mjs-global-nav > ul > li > button:active,
        .mjs-global-nav > ul > li > button:active {
          background-color: #878787;
          color: black; }
      #mjs-global-nav > ul > li.active > button,
      .mjs-global-nav > ul > li.active > button {
        /* default skin */
        background-color: #ffaa00;
        color: #ffffff; }
        #mjs-global-nav > ul > li.active > button:link, #mjs-global-nav > ul > li.active > button:visited,
        .mjs-global-nav > ul > li.active > button:link,
        .mjs-global-nav > ul > li.active > button:visited {
          background-color: #ffaa00;
          color: #ffffff; }
        #mjs-global-nav > ul > li.active > button:hover,
        .mjs-global-nav > ul > li.active > button:hover {
          background-color: #cc8800;
          color: #ffffff; }
        #mjs-global-nav > ul > li.active > button:active,
        .mjs-global-nav > ul > li.active > button:active {
          background-color: #996600;
          color: #cccccc; }
    #mjs-global-nav > ul:after,
    .mjs-global-nav > ul:after {
      /* structure */
      visibility: hidden;
      display: block;
      content: " ";
      clear: both;
      height: 0; }

.mjs-btn {
  /* define */
  /* structure */
  position: relative;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  height: 40px;
  padding: 9px;
  border-radius: 2px;
  font-size: 14px;
  user-select: none;
  border: solid 1px transparent;
  /* skin */
  /*state*/
  /*state*/
  /*state*/
  /*state*/ }
  .mjs-btn [class^="mjs-btn-icon"], .mjs-btn [class*=" mjs-btn-icon"] {
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
  .mjs-btn .glyphicon,
  .mjs-btn [class^="mjs-icon"],
  .mjs-btn [class*=" mjs-icon"] {
    width: 35px;
    font-size: 20px; }
  .mjs-btn .mjs-btn-icon-left {
    left: 0; }
    .mjs-btn .mjs-btn-icon-left + span {
      padding-left: 25px; }
  .mjs-btn .mjs-btn-icon-right {
    right: 0; }
    .mjs-btn .mjs-btn-icon-right + span {
      padding-right: 25px; }
  .mjs-btn.mjs-btn-defaultWidth {
    min-width: 120px; }
  .mjs-btn.mjs-btn-shortWidth {
    min-width: 80px; }
  .mjs-btn.mjs-btn-longWidth {
    min-width: 250px; }
  .mjs-btn.mjs-btn-iconOnly {
    min-width: 50px; }
  .mjs-btn.mjs-btn-fullWidth {
    width: 100%; }
  .mjs-btn.mjs-btn-lowHeight {
    height: 30px; }
  .mjs-btn.mjs-btn-highHeight {
    height: 50px; }
  .mjs-btn:active {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3) inset; }
  .mjs-btn.mjs-btn-ok {
    background-color: #0099fd;
    border-color: #008ae4;
    color: rgba(255, 255, 255, 0.86); }
    .mjs-btn.mjs-btn-ok:link, .mjs-btn.mjs-btn-ok:visited, .mjs-btn.mjs-btn-ok:focus {
      border-color: #008ae4;
      background-color: #0099fd;
      color: rgba(255, 255, 255, 0.86); }
    .mjs-btn.mjs-btn-ok:hover {
      color: rgba(255, 255, 255, 0.86); }
    .mjs-btn.mjs-btn-ok:active {
      border-color: #007aca;
      background-color: #008ae4; }
  .mjs-btn.mjs-btn-is-disable, .mjs-btn:disabled {
    box-shadow: none;
    opacity: 0.5; }
    .mjs-btn.mjs-btn-is-disable:hover, .mjs-btn:disabled:hover {
      cursor: not-allowed; }
    .mjs-btn.mjs-btn-is-disable:active, .mjs-btn:disabled:active {
      border-color: #008ae4;
      background-color: #0099fd;
      color: rgba(255, 255, 255, 0.86); }
  .mjs-btn.mjs-btn-orange {
    background-color: #ffaa00;
    border-color: #e69900;
    color: rgba(255, 255, 255, 0.86); }
    .mjs-btn.mjs-btn-orange:link, .mjs-btn.mjs-btn-orange:visited, .mjs-btn.mjs-btn-orange:focus {
      border-color: #e69900;
      background-color: #ffaa00;
      color: rgba(255, 255, 255, 0.86); }
    .mjs-btn.mjs-btn-orange:hover {
      color: rgba(255, 255, 255, 0.86); }
    .mjs-btn.mjs-btn-orange:active {
      border-color: #cc8800;
      background-color: #e69900; }
  .mjs-btn.mjs-btn-is-disable, .mjs-btn:disabled {
    box-shadow: none;
    opacity: 0.5; }
    .mjs-btn.mjs-btn-is-disable:hover, .mjs-btn:disabled:hover {
      cursor: not-allowed; }
    .mjs-btn.mjs-btn-is-disable:active, .mjs-btn:disabled:active {
      border-color: #e69900;
      background-color: #ffaa00;
      color: rgba(255, 255, 255, 0.86); }
  .mjs-btn.mjs-btn-blue {
    background-color: #0099fd;
    border-color: #008ae4;
    color: rgba(255, 255, 255, 0.86); }
    .mjs-btn.mjs-btn-blue:link, .mjs-btn.mjs-btn-blue:visited, .mjs-btn.mjs-btn-blue:focus {
      border-color: #008ae4;
      background-color: #0099fd;
      color: rgba(255, 255, 255, 0.86); }
    .mjs-btn.mjs-btn-blue:hover {
      color: rgba(255, 255, 255, 0.86); }
    .mjs-btn.mjs-btn-blue:active {
      border-color: #007aca;
      background-color: #008ae4; }
  .mjs-btn.mjs-btn-is-disable, .mjs-btn:disabled {
    box-shadow: none;
    opacity: 0.5; }
    .mjs-btn.mjs-btn-is-disable:hover, .mjs-btn:disabled:hover {
      cursor: not-allowed; }
    .mjs-btn.mjs-btn-is-disable:active, .mjs-btn:disabled:active {
      border-color: #008ae4;
      background-color: #0099fd;
      color: rgba(255, 255, 255, 0.86); }
  .mjs-btn.mjs-btn-default {
    background-color: #fff;
    border-color: #cccccc;
    color: rgba(0, 0, 0, 0.86); }
    .mjs-btn.mjs-btn-default:link, .mjs-btn.mjs-btn-default:visited, .mjs-btn.mjs-btn-default:focus {
      border-color: #cccccc;
      background-color: #fff;
      color: rgba(0, 0, 0, 0.86); }
    .mjs-btn.mjs-btn-default:hover {
      color: rgba(0, 0, 0, 0.86); }
    .mjs-btn.mjs-btn-default:active {
      border-color: #e6e6e6;
      background-color: #f2f2f2; }
  .mjs-btn.mjs-btn-is-disable, .mjs-btn:disabled {
    box-shadow: none;
    opacity: 0.5; }
    .mjs-btn.mjs-btn-is-disable:hover, .mjs-btn:disabled:hover {
      cursor: not-allowed; }
    .mjs-btn.mjs-btn-is-disable:active, .mjs-btn:disabled:active {
      border-color: #cccccc;
      background-color: #fff;
      color: rgba(0, 0, 0, 0.86); }

a.mjs-btn > *.mjs-btn-icon-right {
  vertical-align: middle; }

.mjs-button, .mjs-button-primary, .mjs-button-secondary, .mjs-button-tertiary, .mjs-circleButton, .mjs-circleButton-large, .mjs-squareButton, .mjs-squareButton-large, .mjs-login .mjs-login-social-button {
  /* define */
  /* structure */
  position: relative;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  min-height: 40px;
  padding: 9px;
  border-radius: 2px;
  font-size: 14px;
  user-select: none;
  border: solid 1px transparent;
  border-color: #dddddd;
  background-color: #ffffff;
  color: rgba(0, 0, 0, 0.86); }
  .mjs-button [class^="mjs-button-icon"], .mjs-button-primary [class^="mjs-button-icon"], .mjs-button-secondary [class^="mjs-button-icon"], .mjs-button-tertiary [class^="mjs-button-icon"], .mjs-circleButton [class^="mjs-button-icon"], .mjs-circleButton-large [class^="mjs-button-icon"], .mjs-squareButton [class^="mjs-button-icon"], .mjs-squareButton-large [class^="mjs-button-icon"], .mjs-login .mjs-login-social-button [class^="mjs-button-icon"], .mjs-button [class*=" mjs-button-icon"], .mjs-button-primary [class*=" mjs-button-icon"], .mjs-button-secondary [class*=" mjs-button-icon"], .mjs-button-tertiary [class*=" mjs-button-icon"], .mjs-circleButton [class*=" mjs-button-icon"], .mjs-circleButton-large [class*=" mjs-button-icon"], .mjs-squareButton [class*=" mjs-button-icon"], .mjs-squareButton-large [class*=" mjs-button-icon"], .mjs-login .mjs-login-social-button [class*=" mjs-button-icon"] {
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
  .mjs-button .glyphicon, .mjs-button-primary .glyphicon, .mjs-button-secondary .glyphicon, .mjs-button-tertiary .glyphicon, .mjs-circleButton .glyphicon, .mjs-circleButton-large .glyphicon, .mjs-squareButton .glyphicon, .mjs-squareButton-large .glyphicon, .mjs-login .mjs-login-social-button .glyphicon,
  .mjs-button [class^="mjs-icon"], .mjs-button-primary [class^="mjs-icon"], .mjs-button-secondary [class^="mjs-icon"], .mjs-button-tertiary [class^="mjs-icon"], .mjs-circleButton [class^="mjs-icon"], .mjs-circleButton-large [class^="mjs-icon"], .mjs-squareButton [class^="mjs-icon"], .mjs-squareButton-large [class^="mjs-icon"], .mjs-login .mjs-login-social-button [class^="mjs-icon"],
  .mjs-button [class*=" mjs-icon"], .mjs-button-primary [class*=" mjs-icon"], .mjs-button-secondary [class*=" mjs-icon"], .mjs-button-tertiary [class*=" mjs-icon"], .mjs-circleButton [class*=" mjs-icon"], .mjs-circleButton-large [class*=" mjs-icon"], .mjs-squareButton [class*=" mjs-icon"], .mjs-squareButton-large [class*=" mjs-icon"], .mjs-login .mjs-login-social-button [class*=" mjs-icon"] {
    width: 35px;
    font-size: 20px; }
  .mjs-button .mjs-button-icon-left, .mjs-button-primary .mjs-button-icon-left, .mjs-button-secondary .mjs-button-icon-left, .mjs-button-tertiary .mjs-button-icon-left, .mjs-circleButton .mjs-button-icon-left, .mjs-circleButton-large .mjs-button-icon-left, .mjs-squareButton .mjs-button-icon-left, .mjs-squareButton-large .mjs-button-icon-left, .mjs-login .mjs-login-social-button .mjs-button-icon-left {
    left: 0; }
    .mjs-button .mjs-button-icon-left + span, .mjs-button-primary .mjs-button-icon-left + span, .mjs-button-secondary .mjs-button-icon-left + span, .mjs-button-tertiary .mjs-button-icon-left + span, .mjs-circleButton .mjs-button-icon-left + span, .mjs-circleButton-large .mjs-button-icon-left + span, .mjs-squareButton .mjs-button-icon-left + span, .mjs-squareButton-large .mjs-button-icon-left + span, .mjs-login .mjs-login-social-button .mjs-button-icon-left + span {
      padding-left: 25px; }
  .mjs-button .mjs-button-icon-right, .mjs-button-primary .mjs-button-icon-right, .mjs-button-secondary .mjs-button-icon-right, .mjs-button-tertiary .mjs-button-icon-right, .mjs-circleButton .mjs-button-icon-right, .mjs-circleButton-large .mjs-button-icon-right, .mjs-squareButton .mjs-button-icon-right, .mjs-squareButton-large .mjs-button-icon-right, .mjs-login .mjs-login-social-button .mjs-button-icon-right {
    right: 0; }
    .mjs-button .mjs-button-icon-right + span, .mjs-button-primary .mjs-button-icon-right + span, .mjs-button-secondary .mjs-button-icon-right + span, .mjs-button-tertiary .mjs-button-icon-right + span, .mjs-circleButton .mjs-button-icon-right + span, .mjs-circleButton-large .mjs-button-icon-right + span, .mjs-squareButton .mjs-button-icon-right + span, .mjs-squareButton-large .mjs-button-icon-right + span, .mjs-login .mjs-login-social-button .mjs-button-icon-right + span {
      padding-right: 25px; }
  .mjs-button.mjs-button-defaultWidth, .mjs-button-defaultWidth.mjs-button-primary, .mjs-button-defaultWidth.mjs-button-secondary, .mjs-button-defaultWidth.mjs-button-tertiary, .mjs-button-defaultWidth.mjs-circleButton, .mjs-button-defaultWidth.mjs-circleButton-large, .mjs-button-defaultWidth.mjs-squareButton, .mjs-button-defaultWidth.mjs-squareButton-large, .mjs-login .mjs-button-defaultWidth.mjs-login-social-button {
    min-width: 120px; }
  .mjs-button.mjs-button-shortWidth, .mjs-button-shortWidth.mjs-button-primary, .mjs-button-shortWidth.mjs-button-secondary, .mjs-button-shortWidth.mjs-button-tertiary, .mjs-button-shortWidth.mjs-circleButton, .mjs-button-shortWidth.mjs-circleButton-large, .mjs-button-shortWidth.mjs-squareButton, .mjs-button-shortWidth.mjs-squareButton-large, .mjs-login .mjs-button-shortWidth.mjs-login-social-button {
    min-width: 80px; }
  .mjs-button.mjs-button-longWidth, .mjs-button-longWidth.mjs-button-primary, .mjs-button-longWidth.mjs-button-secondary, .mjs-button-longWidth.mjs-button-tertiary, .mjs-button-longWidth.mjs-circleButton, .mjs-button-longWidth.mjs-circleButton-large, .mjs-button-longWidth.mjs-squareButton, .mjs-button-longWidth.mjs-squareButton-large, .mjs-login .mjs-button-longWidth.mjs-login-social-button {
    min-width: 250px; }
  .mjs-button.mjs-button-iconOnly, .mjs-button-iconOnly.mjs-button-primary, .mjs-button-iconOnly.mjs-button-secondary, .mjs-button-iconOnly.mjs-button-tertiary, .mjs-button-iconOnly.mjs-circleButton, .mjs-button-iconOnly.mjs-circleButton-large, .mjs-button-iconOnly.mjs-squareButton, .mjs-button-iconOnly.mjs-squareButton-large, .mjs-login .mjs-button-iconOnly.mjs-login-social-button {
    min-width: 50px; }
  .mjs-button.mjs-button-fullWidth, .mjs-button-fullWidth.mjs-button-primary, .mjs-button-fullWidth.mjs-button-secondary, .mjs-button-fullWidth.mjs-button-tertiary, .mjs-button-fullWidth.mjs-circleButton, .mjs-button-fullWidth.mjs-circleButton-large, .mjs-button-fullWidth.mjs-squareButton, .mjs-button-fullWidth.mjs-squareButton-large, .mjs-login .mjs-button-fullWidth.mjs-login-social-button {
    width: 100%; }
  .mjs-button.mjs-button-lowHeight, .mjs-button-lowHeight.mjs-button-primary, .mjs-button-lowHeight.mjs-button-secondary, .mjs-button-lowHeight.mjs-button-tertiary, .mjs-button-lowHeight.mjs-circleButton, .mjs-button-lowHeight.mjs-circleButton-large, .mjs-button-lowHeight.mjs-squareButton, .mjs-button-lowHeight.mjs-squareButton-large, .mjs-login .mjs-button-lowHeight.mjs-login-social-button {
    min-height: 30px;
    padding-top: 4px;
    padding-bottom: 4px; }
    .mjs-button.mjs-button-lowHeight .glyphicon, .mjs-button-lowHeight.mjs-button-primary .glyphicon, .mjs-button-lowHeight.mjs-button-secondary .glyphicon, .mjs-button-lowHeight.mjs-button-tertiary .glyphicon, .mjs-button-lowHeight.mjs-circleButton .glyphicon, .mjs-button-lowHeight.mjs-circleButton-large .glyphicon, .mjs-button-lowHeight.mjs-squareButton .glyphicon, .mjs-button-lowHeight.mjs-squareButton-large .glyphicon, .mjs-login .mjs-button-lowHeight.mjs-login-social-button .glyphicon,
    .mjs-button.mjs-button-lowHeight [class^="mjs-icon"], .mjs-button-lowHeight.mjs-button-primary [class^="mjs-icon"], .mjs-button-lowHeight.mjs-button-secondary [class^="mjs-icon"], .mjs-button-lowHeight.mjs-button-tertiary [class^="mjs-icon"], .mjs-button-lowHeight.mjs-circleButton [class^="mjs-icon"], .mjs-button-lowHeight.mjs-circleButton-large [class^="mjs-icon"], .mjs-button-lowHeight.mjs-squareButton [class^="mjs-icon"], .mjs-button-lowHeight.mjs-squareButton-large [class^="mjs-icon"], .mjs-login .mjs-button-lowHeight.mjs-login-social-button [class^="mjs-icon"],
    .mjs-button.mjs-button-lowHeight [class*=" mjs-icon"], .mjs-button-lowHeight.mjs-button-primary [class*=" mjs-icon"], .mjs-button-lowHeight.mjs-button-secondary [class*=" mjs-icon"], .mjs-button-lowHeight.mjs-button-tertiary [class*=" mjs-icon"], .mjs-button-lowHeight.mjs-circleButton [class*=" mjs-icon"], .mjs-button-lowHeight.mjs-circleButton-large [class*=" mjs-icon"], .mjs-button-lowHeight.mjs-squareButton [class*=" mjs-icon"], .mjs-button-lowHeight.mjs-squareButton-large [class*=" mjs-icon"], .mjs-login .mjs-button-lowHeight.mjs-login-social-button [class*=" mjs-icon"] {
      font-size: 15px; }
  .mjs-button.mjs-button-highHeight, .mjs-button-highHeight.mjs-button-primary, .mjs-button-highHeight.mjs-button-secondary, .mjs-button-highHeight.mjs-button-tertiary, .mjs-button-highHeight.mjs-circleButton, .mjs-button-highHeight.mjs-circleButton-large, .mjs-button-highHeight.mjs-squareButton, .mjs-button-highHeight.mjs-squareButton-large, .mjs-login .mjs-button-highHeight.mjs-login-social-button {
    min-height: 50px; }
    .mjs-button.mjs-button-highHeight .glyphicon, .mjs-button-highHeight.mjs-button-primary .glyphicon, .mjs-button-highHeight.mjs-button-secondary .glyphicon, .mjs-button-highHeight.mjs-button-tertiary .glyphicon, .mjs-button-highHeight.mjs-circleButton .glyphicon, .mjs-button-highHeight.mjs-circleButton-large .glyphicon, .mjs-button-highHeight.mjs-squareButton .glyphicon, .mjs-button-highHeight.mjs-squareButton-large .glyphicon, .mjs-login .mjs-button-highHeight.mjs-login-social-button .glyphicon,
    .mjs-button.mjs-button-highHeight [class^="mjs-icon"], .mjs-button-highHeight.mjs-button-primary [class^="mjs-icon"], .mjs-button-highHeight.mjs-button-secondary [class^="mjs-icon"], .mjs-button-highHeight.mjs-button-tertiary [class^="mjs-icon"], .mjs-button-highHeight.mjs-circleButton [class^="mjs-icon"], .mjs-button-highHeight.mjs-circleButton-large [class^="mjs-icon"], .mjs-button-highHeight.mjs-squareButton [class^="mjs-icon"], .mjs-button-highHeight.mjs-squareButton-large [class^="mjs-icon"], .mjs-login .mjs-button-highHeight.mjs-login-social-button [class^="mjs-icon"],
    .mjs-button.mjs-button-highHeight [class*=" mjs-icon"], .mjs-button-highHeight.mjs-button-primary [class*=" mjs-icon"], .mjs-button-highHeight.mjs-button-secondary [class*=" mjs-icon"], .mjs-button-highHeight.mjs-button-tertiary [class*=" mjs-icon"], .mjs-button-highHeight.mjs-circleButton [class*=" mjs-icon"], .mjs-button-highHeight.mjs-circleButton-large [class*=" mjs-icon"], .mjs-button-highHeight.mjs-squareButton [class*=" mjs-icon"], .mjs-button-highHeight.mjs-squareButton-large [class*=" mjs-icon"], .mjs-login .mjs-button-highHeight.mjs-login-social-button [class*=" mjs-icon"] {
      font-size: 25px; }
  .mjs-button:visited, .mjs-button-primary:visited, .mjs-button-secondary:visited, .mjs-button-tertiary:visited, .mjs-circleButton:visited, .mjs-circleButton-large:visited, .mjs-squareButton:visited, .mjs-squareButton-large:visited, .mjs-login .mjs-login-social-button:visited, .mjs-button:hover, .mjs-button-primary:hover, .mjs-button-secondary:hover, .mjs-button-tertiary:hover, .mjs-circleButton:hover, .mjs-circleButton-large:hover, .mjs-squareButton:hover, .mjs-squareButton-large:hover, .mjs-login .mjs-login-social-button:hover {
    color: rgba(0, 0, 0, 0.86); }
  .mjs-button:active, .mjs-button-primary:active, .mjs-button-secondary:active, .mjs-button-tertiary:active, .mjs-circleButton:active, .mjs-circleButton-large:active, .mjs-squareButton:active, .mjs-squareButton-large:active, .mjs-login .mjs-login-social-button:active, .mjs-button.is-ondown, .is-ondown.mjs-button-primary, .is-ondown.mjs-button-secondary, .is-ondown.mjs-button-tertiary, .is-ondown.mjs-circleButton, .is-ondown.mjs-circleButton-large, .is-ondown.mjs-squareButton, .is-ondown.mjs-squareButton-large, .mjs-login .is-ondown.mjs-login-social-button {
    background-color: #e6e6e6;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3) inset; }
  .mjs-button:disabled, .mjs-button-primary:disabled, .mjs-button-secondary:disabled, .mjs-button-tertiary:disabled, .mjs-circleButton:disabled, .mjs-circleButton-large:disabled, .mjs-squareButton:disabled, .mjs-squareButton-large:disabled, .mjs-login .mjs-login-social-button:disabled, .mjs-button.is-disabled, .is-disabled.mjs-button-primary, .is-disabled.mjs-button-secondary, .is-disabled.mjs-button-tertiary, .is-disabled.mjs-circleButton, .is-disabled.mjs-circleButton-large, .is-disabled.mjs-squareButton, .is-disabled.mjs-squareButton-large, .mjs-login .is-disabled.mjs-login-social-button {
    background-color: #ffffff;
    box-shadow: none;
    opacity: 0.5; }

a.mjs-button > span, a.mjs-button-primary > span, a.mjs-button-secondary > span, a.mjs-button-tertiary > span, a.mjs-circleButton > span, a.mjs-circleButton-large > span, a.mjs-squareButton > span, a.mjs-squareButton-large > span, .mjs-login a.mjs-login-social-button > span {
  vertical-align: middle; }

.mjs-button-primary {
  border-color: #008ae7;
  background-color: #0099ff;
  color: #ffffff; }
  .mjs-button-primary:visited, .mjs-button-primary:hover {
    color: #ffffff; }
  .mjs-button-primary:active, .mjs-button-primary.is-ondown {
    color: #ffffff;
    background-color: #007acc;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3) inset; }
  .mjs-button-primary:disabled, .mjs-button-primary.is-disabled {
    background-color: #007acc;
    box-shadow: none;
    opacity: 0.5; }

.mjs-button-secondary {
  border-color: #e69901;
  background-color: #ffaa00;
  color: #ffffff; }
  .mjs-button-secondary:visited, .mjs-button-secondary:hover {
    color: #ffffff; }
  .mjs-button-secondary:active, .mjs-button-secondary.is-ondown {
    color: #ffffff;
    background-color: #cc8800;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3) inset; }
  .mjs-button-secondary:disabled, .mjs-button-secondary.is-disabled {
    box-shadow: none;
    opacity: 0.5; }

.mjs-button-tertiary {
  border-color: #bababa;
  background-color: #eeeeee;
  color: #ffffff; }
  .mjs-button-tertiary:visited, .mjs-button-tertiary:hover {
    color: #ffffff; }
  .mjs-button-tertiary:active, .mjs-button-tertiary.is-ondown {
    color: #ffffff;
    background-color: #d5d5d5;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3) inset; }
  .mjs-button-tertiary:disabled, .mjs-button-tertiary.is-disabled {
    box-shadow: none;
    opacity: 0.5; }

.mjs-circleButton, .mjs-circleButton-large {
  /* structure */
  padding: 0;
  border: none;
  border-radius: 100%;
  width: 40px;
  height: 40px;
  padding: 10px;
  font-size: 14px; }
  .mjs-circleButton .glyphicon, .mjs-circleButton-large .glyphicon {
    font-size: 14px;
    width: initial; }

.mjs-circleButton-large {
  padding: 0;
  width: 60px;
  height: 60px;
  font-size: 28px; }
  .mjs-circleButton-large .glyphicon,
  .mjs-circleButton-large [class^="mjs-icon"],
  .mjs-circleButton-large [class*=" mjs-icon"] {
    font-size: 28px;
    width: initial; }

.mjs-squareButton {
  padding: 0;
  min-width: 40px;
  font-size: 14px; }

.mjs-squareButton-large {
  padding: 0;
  min-width: 120px;
  min-height: 120px;
  font-size: 40px; }
  .mjs-squareButton-large .glyphicon,
  .mjs-squareButton-large [class^="mjs-icon"],
  .mjs-squareButton-large [class*=" mjs-icon"] {
    font-size: 60px; }

.mjs-input {
  height: 40px;
  border-radius: 2px;
  padding: 6px 12px;
  background-color: #fff;
  border: 1px solid;
  border-color: #cccccc;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
  .mjs-input.mjs-input-defaultWidth {
    max-width: 120px; }
  .mjs-input.mjs-input-shortWidth {
    max-width: 80px; }
  .mjs-input.mjs-input-longWidth {
    max-width: 250px; }
  .mjs-input.mjs-input-full-width {
    width: 100%; }
  .mjs-input.mjs-input-lowHeight {
    height: 30px; }
  .mjs-input.mjs-input-highHeight {
    height: 50px; }

.mjs-input-group > input.form-control {
  height: 40px;
  border-radius: 2px; }

.mjs-input-group > .input-group-btn > button,
.mjs-input-group > .input-group-btn > span {
  height: 40px;
  font-size: 20px;
  border-radius: 2px; }
  .mjs-input-group > .input-group-btn > button:hover,
  .mjs-input-group > .input-group-btn > span:hover {
    border-color: #ccc; }
  .mjs-input-group > .input-group-btn > button:active,
  .mjs-input-group > .input-group-btn > span:active {
    box-shadow: none; }

.mjs-input-group > .input-group-button > button,
.mjs-input-group > .input-group-button > span {
  height: 40px;
  font-size: 20px;
  border-radius: 2px; }
  .mjs-input-group > .input-group-button > button:hover,
  .mjs-input-group > .input-group-button > span:hover {
    border-color: #ccc; }
  .mjs-input-group > .input-group-button > button:active,
  .mjs-input-group > .input-group-button > span:active {
    box-shadow: none; }

.mjs-form-control {
  border-radius: 2px; }

.mjs-selectbox {
  /* define */
  /* structure */
  border: solid 1px;
  border-radius: 2px;
  min-height: 40px;
  padding: 9px;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  cursor: pointer;
  max-width: 500px;
  /*IE用selectbox矢印修正*/
  border-color: #dddddd;
  background-color: #ffffff;
  color: rgba(0, 0, 0, 0.86);
  /*IEのみデザイン崩れのためCSSハック*/ }
  .mjs-selectbox::-ms-expand {
    background-color: transparent;
    border: 0; }
  .mjs-selectbox.mjs-selectbox-defaultWidth {
    min-width: 120px; }
  .mjs-selectbox.mjs-selectbox-shortWidth {
    min-width: 80px; }
  .mjs-selectbox.mjs-selectbox-longWidth {
    min-width: 250px; }
  .mjs-selectbox.mjs-selectbox-iconOnlyWidth {
    min-width: 50px; }
  .mjs-selectbox.mjs-selectbox-fullWidth {
    width: 100%; }
  .mjs-selectbox:active, .mjs-selectbox.is-ondown {
    background-color: #e6e6e6;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3) inset; }
  .mjs-selectbox > option {
    background-color: #ffffff !important; }
  @media all and (-ms-high-contrast: none) {
    .mjs-selectbox *::-ms-backdrop, .mjs-selectbox {
      background-color: #ffffff !important; }
      .mjs-selectbox *::-ms-backdrop:active, .mjs-selectbox:active {
        background-color: #ffffff !important; } }
  .mjs-selectbox.is-disabled {
    box-shadow: none;
    opacity: 0.5; }

.mjs-table {
  margin: 0;
  table-layout: fixed;
  max-width: 100%;
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse; }
  .mjs-table > thead > tr > th,
  .mjs-table > thead > tr > td,
  .mjs-table > tbody > tr > th,
  .mjs-table > tbody > tr > td,
  .mjs-table > tfoot > tr > th,
  .mjs-table > tfoot > tr > td {
    height: 40px;
    vertical-align: middle;
    border-width: 1px;
    border-style: solid;
    word-break: break-all;
    padding: 8px;
    /*IE CSS*/
    -ms-word-break: break-word;
    /* default skin */
    border-color: #cccccc; }
  .mjs-table > thead > tr > th,
  .mjs-table > tbody > tr > th {
    text-align: center; }
  .mjs-table > thead {
    /* default skin */
    background-color: #dddddd; }
  .mjs-table > tbody {
    /* default skin */
    background-color: #ffffff; }
  .mjs-table > caption + thead > tr:first-child > td,
  .mjs-table > caption + thead > tr:first-child > th,
  .mjs-table > colgroup + thead > tr:first-child > td,
  .mjs-table > colgroup + thead > tr:first-child > th,
  .mjs-table > thead:first-child > tr:first-child > td,
  .mjs-table > thead:first-child > tr:first-child > th {
    border-top: 1px solid #ccc; }

.mjs-table-hover > tbody > tr:hover {
  background-color: #f7f7f7; }

.status-error {
  color: red; }

.mjs-card {
  /* default layout */
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.26);
  /* default skin */
  background-color: #ffffff; }
  .mjs-card .mjs-card-title {
    /*@include flex-row;*/
    /* default layout */
    min-height: 40px;
    padding: 10px 20px;
    /* default skin */
    background-color: #666666;
    color: #ffffff; }
  .mjs-card .mjs-card-body {
    padding: 10px 20px;
    /* card list */
    /*& > ul > li,
        & > ol > li{
            min-height: 40px;
            border-top:dotted 1px;
            padding: 10px 0;
            &:first-child{
                border-top:none;
            }
        }*/ }
    .mjs-card .mjs-card-body.mjs-card-body-table {
      padding: 0;
      /* card table */ }
      .mjs-card .mjs-card-body.mjs-card-body-table > table {
        border: none;
        margin: 0; }
        .mjs-card .mjs-card-body.mjs-card-body-table > table tbody > tr > td,
        .mjs-card .mjs-card-body.mjs-card-body-table > table tbody > tr > th,
        .mjs-card .mjs-card-body.mjs-card-body-table > table thead > tr > td,
        .mjs-card .mjs-card-body.mjs-card-body-table > table thead > tr > th {
          height: 40px;
          vertical-align: middle; }
        .mjs-card .mjs-card-body.mjs-card-body-table > table tbody > tr > td:first-child,
        .mjs-card .mjs-card-body.mjs-card-body-table > table tbody > tr > th:first-child,
        .mjs-card .mjs-card-body.mjs-card-body-table > table thead > tr > td:first-child,
        .mjs-card .mjs-card-body.mjs-card-body-table > table thead > tr > th:first-child {
          border-left: none; }
        .mjs-card .mjs-card-body.mjs-card-body-table > table tbody > tr > td:last-child,
        .mjs-card .mjs-card-body.mjs-card-body-table > table tbody > tr > th:last-child,
        .mjs-card .mjs-card-body.mjs-card-body-table > table thead > tr > td:last-child,
        .mjs-card .mjs-card-body.mjs-card-body-table > table thead > tr > th:last-child {
          border-right: none; }
        .mjs-card .mjs-card-body.mjs-card-body-table > table tbody > tr:first-child > td,
        .mjs-card .mjs-card-body.mjs-card-body-table > table tbody > tr:first-child > th,
        .mjs-card .mjs-card-body.mjs-card-body-table > table thead > tr:first-child > td,
        .mjs-card .mjs-card-body.mjs-card-body-table > table thead > tr:first-child > th {
          border-top: none; }
        .mjs-card .mjs-card-body.mjs-card-body-table > table tbody > tr:last-child > td,
        .mjs-card .mjs-card-body.mjs-card-body-table > table tbody > tr:last-child > th {
          border-bottom: none; }

.mjs-action-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  min-height: 60px;
  padding: 10px 20px;
  /* Default Skin */
  background-color: #ffeecc; }
  .mjs-action-header > *:not(:last-child) {
    margin-right: 5px; }

.mjs-tabs > li > a {
  /* structure */
  border: solid 1px;
  margin-right: 0;
  border-radius: 0;
  /* default skin */
  border-color: #cccccc;
  background-color: #f1f1f1; }
  .mjs-tabs > li > a:link, .mjs-tabs > li > a:visited {
    background-color: #f1f1f1;
    border-color: #cccccc; }
  .mjs-tabs > li > a:hover, .mjs-tabs > li > a:focus {
    background-color: #d8d8d8;
    color: #333333; }
  .mjs-tabs > li > a:active {
    background-color: #bebebe;
    color: black; }

.mjs-tabs > li.active > a {
  border-color: #ffaa00; }
  .mjs-tabs > li.active > a:link, .mjs-tabs > li.active > a:visited {
    background-color: #ffaa00;
    color: #fff; }
  .mjs-tabs > li.active > a:hover, .mjs-tabs > li.active > a:focus {
    background-color: #cc8800;
    color: #fff; }
  .mjs-tabs > li.active > a:active {
    background-color: #996600;
    color: #cccccc; }

.mjs-dropdown {
  /* structure */
  display: inline-block;
  min-width: 180px;
  /*dropdownフォーカス時の枠線を消しているcssの上書き*/ }
  .mjs-dropdown .dropdown-toggle:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color; }
  .mjs-dropdown .mjs-dropdown-scroll {
    max-height: 220px;
    min-width: 100%;
    overflow-y: auto;
    overflow-x: hidden; }
    .mjs-dropdown .mjs-dropdown-scroll > li > a,
    .mjs-dropdown .mjs-dropdown-scroll > li > button,
    .mjs-dropdown .mjs-dropdown-scroll > li > div {
      margin-right: 25px; }
  .mjs-dropdown > button,
  .mjs-dropdown > div,
  .mjs-dropdown > a {
    min-width: 180px;
    position: relative;
    padding-right: 20px;
    text-align: left; }
    .mjs-dropdown > button .caret,
    .mjs-dropdown > div .caret,
    .mjs-dropdown > a .caret {
      position: absolute;
      right: 9px;
      top: 50%;
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%); }
  .mjs-dropdown .mjs-dropdown-menu {
    min-width: 100%;
    /*削除予定*/ }
    .mjs-dropdown .mjs-dropdown-menu > li a,
    .mjs-dropdown .mjs-dropdown-menu > li button {
      text-align: left;
      min-width: 100%;
      min-height: 40px;
      padding: 9px 9px;
      background-color: transparent; }
      .mjs-dropdown .mjs-dropdown-menu > li a:focus, .mjs-dropdown .mjs-dropdown-menu > li a:active, .mjs-dropdown .mjs-dropdown-menu > li a:hover,
      .mjs-dropdown .mjs-dropdown-menu > li button:focus,
      .mjs-dropdown .mjs-dropdown-menu > li button:active,
      .mjs-dropdown .mjs-dropdown-menu > li button:hover {
        background-color: #f1f1f1;
        cursor: pointer; }
    .mjs-dropdown .mjs-dropdown-menu > li a {
      line-height: 20px; }
    .mjs-dropdown .mjs-dropdown-menu > li button {
      border: none; }
    .mjs-dropdown .mjs-dropdown-menu > li:hover {
      background-color: #f1f1f1;
      cursor: pointer; }
    .mjs-dropdown .mjs-dropdown-menu.mjs-dropdown-menu-scroll {
      max-height: 220px;
      min-width: 100%;
      overflow-y: auto;
      overflow-x: hidden; }
      .mjs-dropdown .mjs-dropdown-menu.mjs-dropdown-menu-scroll > li > a,
      .mjs-dropdown .mjs-dropdown-menu.mjs-dropdown-menu-scroll > li > button,
      .mjs-dropdown .mjs-dropdown-menu.mjs-dropdown-menu-scroll > li > div {
        margin-right: 25px; }
  .mjs-dropdown.mjs-dropdown-notJustify {
    min-width: 0; }
  .mjs-dropdown .mjs-dropdown-longWidth,
  .mjs-dropdown .mjs-dropdown-longWidth > button,
  .mjs-dropdown .mjs-dropdown-longWidth > div,
  .mjs-dropdown .mjs-dropdown-longWidth > a, .mjs-dropdown.mjs-dropdown-longWidth,
  .mjs-dropdown.mjs-dropdown-longWidth > button,
  .mjs-dropdown.mjs-dropdown-longWidth > div,
  .mjs-dropdown.mjs-dropdown-longWidth > a {
    min-width: 250px; }
  .mjs-dropdown .mjs-dropdown-veryLongWidth,
  .mjs-dropdown .mjs-dropdown-veryLongWidth > button,
  .mjs-dropdown .mjs-dropdown-veryLongWidth > div,
  .mjs-dropdown .mjs-dropdown-veryLongWidth > a, .mjs-dropdown.mjs-dropdown-veryLongWidth,
  .mjs-dropdown.mjs-dropdown-veryLongWidth > button,
  .mjs-dropdown.mjs-dropdown-veryLongWidth > div,
  .mjs-dropdown.mjs-dropdown-veryLongWidth > a {
    min-width: 350px; }
  .mjs-dropdown .mjs-dropdown-shortWidth,
  .mjs-dropdown .mjs-dropdown-shortWidth > button,
  .mjs-dropdown .mjs-dropdown-shortWidth > div,
  .mjs-dropdown .mjs-dropdown-shortWidth > a, .mjs-dropdown.mjs-dropdown-shortWidth,
  .mjs-dropdown.mjs-dropdown-shortWidth > button,
  .mjs-dropdown.mjs-dropdown-shortWidth > div,
  .mjs-dropdown.mjs-dropdown-shortWidth > a {
    min-width: 80px; }
  .mjs-dropdown .mjs-dropdown-fullWidth,
  .mjs-dropdown .mjs-dropdown-fullWidth > button,
  .mjs-dropdown .mjs-dropdown-fullWidth > div,
  .mjs-dropdown .mjs-dropdown-fullWidth > a, .mjs-dropdown.mjs-dropdown-fullWidth,
  .mjs-dropdown.mjs-dropdown-fullWidth > button,
  .mjs-dropdown.mjs-dropdown-fullWidth > div,
  .mjs-dropdown.mjs-dropdown-fullWidth > a {
    min-width: 100%; }

.mjs-progress .mjs-progress-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  border-top: solid 1px;
  padding: 8px 30px;
  /* Default skin */
  border-top-color: #ddd;
  background-color: #ffffff; }
  .mjs-progress .mjs-progress-box .mjs-progress-description {
    margin-right: 20px; }
  .mjs-progress .mjs-progress-box .progress {
    margin-bottom: 0;
    height: 15px;
    width: 300px; }

.mjs-pagination > li {
  display: inline; }
  .mjs-pagination > li:first-child {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px; }

.mjs-pagination .pagination > .disabled > a,
.mjs-pagination .pagination > .disabled > span {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd; }
  .mjs-pagination .pagination > .disabled > a:hover, .mjs-pagination .pagination > .disabled > a:focus,
  .mjs-pagination .pagination > .disabled > span:hover,
  .mjs-pagination .pagination > .disabled > span:focus {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd; }

.mjs-pagination > .active > a,
.mjs-pagination > .active > span {
  background-color: #ffaa00;
  border-color: #ffaa00;
  color: white;
  cursor: not-allowed; }
  .mjs-pagination > .active > a:link, .mjs-pagination > .active > a:visited,
  .mjs-pagination > .active > span:link,
  .mjs-pagination > .active > span:visited {
    background-color: #ffaa00;
    border-color: #ffaa00;
    color: white;
    cursor: not-allowed; }
  .mjs-pagination > .active > a:hover, .mjs-pagination > .active > a:focus,
  .mjs-pagination > .active > span:hover,
  .mjs-pagination > .active > span:focus {
    background-color: #cc8800;
    color: white;
    cursor: not-allowed; }
  .mjs-pagination > .active > a:active,
  .mjs-pagination > .active > span:active {
    background-color: #996600;
    color: #cccccc;
    cursor: not-allowed; }

.mjs-stepNav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding-right: 23px; }
  .mjs-stepNav li,
  .mjs-stepNav .mjs-stepNav-step {
    -ms-flex: 1 0 auto;
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    flex-basis: 0;
    position: relative;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    border: solid 5px;
    border-left: none;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-weight: bold;
    /* default skin */
    background-color: #67a7cd;
    color: #ffffff;
    border-color: #ffffff; }
  .mjs-stepNav li.mjs-stepNav-step-is-active,
  .mjs-stepNav .mjs-stepNav-step.mjs-stepNav-step-is-active {
    /* default skin */
    background-color: #007fcc;
    color: #ffffff; }
  .mjs-stepNav li:after,
  .mjs-stepNav .mjs-stepNav-step:after {
    position: absolute;
    right: -20px;
    top: 3px;
    display: block;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    border: solid 5px;
    border-left: none;
    border-bottom: none;
    z-index: 1;
    content: '';
    height: 28px;
    width: 28px;
    /* default skin */
    background-color: #67a7cd; }
  .mjs-stepNav li.mjs-stepNav-step-is-active:after,
  .mjs-stepNav .mjs-stepNav-step.mjs-stepNav-step-is-active:after {
    /* default skin */
    background-color: #007fcc; }

.mjs-pills > li > a {
  /* structure */
  border: none;
  margin-right: 0;
  border-radius: 0;
  height: 40px;
  /* default skin */
  background-color: #f1f1f1; }
  .mjs-pills > li > a:link, .mjs-pills > li > a:visited {
    background-color: #f1f1f1;
    border-color: #cccccc; }
  .mjs-pills > li > a:hover, .mjs-pills > li > a:focus {
    background: #d8d8d8;
    color: #333333; }
  .mjs-pills > li > a:active {
    background-color: #bebebe;
    color: black; }

.mjs-pills > li.active > a:link, .mjs-pills > li.active > a:visited, .mjs-pills > li.active > a:hover, .mjs-pills > li.active > a:focus {
  background-color: #ffaa00;
  color: #fff; }

.mjs-pills > li.active > a:active {
  background-color: #996600;
  color: #cccccc; }

/*TODO:ログインモジュールはlyaoutのログインと区別がつきづらいためこのモジュールの機能をlayoutのログインへ移す*/
.mjs-login {
  /* default skin */
  background-color: #fff; }
  .mjs-login button,
  .mjs-login input[type="submit"],
  .mjs-login input[type="reset"],
  .mjs-login input[type="button"],
  .mjs-login a.mjs-button,
  .mjs-login a.mjs-button-primary,
  .mjs-login a.mjs-button-secondary,
  .mjs-login a.mjs-button-tertiary,
  .mjs-login a.mjs-circleButton,
  .mjs-login a.mjs-circleButton-large,
  .mjs-login a.mjs-squareButton,
  .mjs-login a.mjs-squareButton-large, .mjs-login a.mjs-login-social-button {
    min-height: 50px;
    font-size: 16px;
    padding-top: 13px;
    padding-bottom: 13px; }
  .mjs-login .mjs-login-header {
    text-align: center;
    position: relative; }
    .mjs-login .mjs-login-header .mjs-login-header-image {
      height: auto;
      max-width: 100%;
      margin: 38px; }
    .mjs-login .mjs-login-header .mjs-login-header-description {
      font-size: 20px;
      font-weight: bold; }
      .mjs-login .mjs-login-header .mjs-login-header-description:not(:last-child) {
        margin-bottom: 10px; }
  .mjs-login .mjs-login-body .mjs-login-caption {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 20px; }
  .mjs-login .mjs-login-body .mjs-login-form {
    width: 300px;
    margin-right: 20px; }
    .mjs-login .mjs-login-body .mjs-login-form > *:not(:last-child) {
      margin-bottom: 10px; }
  .mjs-login .mjs-login-body .mjs-login-social {
    width: 295px;
    border-radius: 5px;
    padding: 19px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* default skin */
    background-color: #eee; }
  .mjs-login .mjs-login-body .mjs-login-register {
    margin-left: 30px;
    width: 270px; }
    .mjs-login .mjs-login-body .mjs-login-register > .panel {
      margin-bottom: 0; }
  .mjs-login .mjs-login-social-button {
    padding: 0;
    border: none;
    width: auto; }
    .mjs-login .mjs-login-social-button.mjs-login-social-button-microsoft {
      padding: 7px; }
      .mjs-login .mjs-login-social-button.mjs-login-social-button-microsoft img {
        height: 26px; }
    .mjs-login .mjs-login-social-button:not(:last-child) {
      margin-right: 10px; }
  .mjs-login .mjs-login-link {
    margin-top: 10px;
    margin-left: auto; }
    .mjs-login .mjs-login-link > * {
      font-size: 12px; }
      .mjs-login .mjs-login-link > *:not(:last-child) {
        margin-right: 5px; }
  .mjs-login .mjs-login-dashLine {
    border-right: dotted 1px;
    margin: 0 20px;
    /* default skin */
    border-color: #333; }

.passwordStrength {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  width: 100%; }
  .passwordStrength > * {
    display: block;
    height: 5px;
    /* default skin */
    background-color: #67a7cb; }
  .passwordStrength .noStrength {
    -ms-flex: 1 0 auto;
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    /* default skin */
    background-color: #cccccc; }
  .passwordStrength .strength0 {
    width: 0; }
  .passwordStrength .strength1 {
    width: 20%; }
  .passwordStrength .strength2 {
    width: 40%; }
  .passwordStrength .strength3 {
    width: 60%; }
  .passwordStrength .strength4 {
    width: 80%; }
  .passwordStrength .strength5 {
    width: 100%; }

.mjs-passwordStrength {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  width: 250px; }
  .mjs-passwordStrength > * {
    display: block;
    height: 5px;
    /* default skin */
    background-color: #67a7cb; }
  .mjs-passwordStrength .mjs-passwordStrength-noStrength {
    -ms-flex: 1 0 auto;
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    /* default skin */
    background-color: #cccccc; }
  .mjs-passwordStrength .mjs-passwordStrength-strength0 {
    width: 0; }
  .mjs-passwordStrength .mjs-passwordStrength-strength1 {
    width: 20%; }
  .mjs-passwordStrength .mjs-passwordStrength-strength2 {
    width: 40%; }
  .mjs-passwordStrength .mjs-passwordStrength-strength3 {
    width: 60%; }
  .mjs-passwordStrength .mjs-passwordStrength-strength4 {
    width: 80%; }
  .mjs-passwordStrength .mjs-passwordStrength-strength5 {
    width: 100%; }

.mjs-information {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding: 0 30px;
  height: 80px; }
  .mjs-information > .mjs-information-header {
    -ms-flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    font-size: 16px;
    margin-right: 30px; }
  .mjs-information > .mjs-information-body,
  .mjs-information > .information-items {
    -ms-flex: 1 0 auto;
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-flex-grow: 1;
    flex-grow: 1; }
  .mjs-information .information-date {
    display: inline-block;
    margin-right: 10px; }

@font-face {
    font-family: 'mjs-icon';
    /* バンドルでCSSのファイルパスが変わるのでフォントファイルをProject直下のfontsフォルダに移動 */
    /*src:    url('fonts/mjs-icon.eot?eyed6f');
    src:    url('fonts/mjs-icon.eot?eyed6f#iefix') format('embedded-opentype'),
        url('fonts/mjs-icon.ttf?eyed6f') format('truetype'),
        url('fonts/mjs-icon.woff?eyed6f') format('woff'),
        url('fonts/mjs-icon.svg?eyed6f#icomoon') format('svg');*/
    src: url("Fonts/mjs-icon.eot?l87lb1");
    src: url("../Fonts/mjs-icon.eot?l87lb1") format("embedded-opentype"), url("../Fonts/mjs-icon.ttf?l87lb1") format("truetype"), url("../Fonts/mjs-icon.woff?l87lb1") format("woff"), url("../Fonts/mjs-icon.svg?l87lb1") format("svg");
    font-weight: normal;
    font-style: normal;
}

[class^="mjs-icon-"], [class*=" mjs-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'mjs-icon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  position: relative;
  display: inline-block;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.mjs-icon-shut:before {
  content: "\e929"; }

.mjs-icon-open:before {
  content: "\e92a"; }

.mjs-icon-helpCenter:before {
  content: "\e927"; }

.mjs-icon-bankError:before {
  content: "\e928"; }

.mjs-icon-yen:before {
  content: "\e922"; }

.mjs-icon-mail:before {
  content: "\e923"; }

.mjs-icon-nixSign:before {
  content: "\e924"; }

.mjs-icon-note:before {
  content: "\e925"; }

.mjs-icon-document:before {
  content: "\e926"; }

.mjs-icon-pencil:before {
  content: "\e91c"; }

.mjs-icon-credit:before {
  content: "\e91a"; }

.mjs-icon-help:before {
  content: "\e91b"; }

.mjs-icon-launcher:before {
  content: "\e91d"; }

.mjs-icon-logout:before {
  content: "\e91e"; }

.mjs-icon-menu:before {
  content: "\e91f"; }

.mjs-icon-mic:before {
  content: "\e920"; }

.mjs-icon-portalTop:before {
  content: "\e921"; }

.mjs-icon-cart:before {
  content: "\e900"; }

.mjs-icon-history:before {
  content: "\e901"; }

.mjs-icon-person:before {
  content: "\e902"; }

.mjs-icon-close:before {
  content: "\e903"; }

.mjs-icon-error:before {
  content: "\e904"; }

.mjs-icon-key:before {
  content: "\e905"; }

.mjs-icon-zoomOut:before {
  content: "\e917"; }

.mjs-icon-requestTransfer:before {
  content: "\e918"; }

.mjs-icon-searchArrow:before {
  content: "\e919"; }

.mjs-icon-addSheet:before {
  content: "\e906"; }

.mjs-icon-approval:before {
  content: "\e907"; }

.mjs-icon-arrowDown:before {
  content: "\e908"; }

.mjs-icon-arrowLeft:before {
  content: "\e909"; }

.mjs-icon-arrowRight:before {
  content: "\e90a"; }

.mjs-icon-arrowUp:before {
  content: "\e90b"; }

.mjs-icon-back:before {
  content: "\e90c"; }

.mjs-icon-calculator:before {
  content: "\e90d"; }

.mjs-icon-calendar:before {
  content: "\e90e"; }

.mjs-icon-delete:before {
  content: "\e90f"; }

.mjs-icon-downArrow:before {
  content: "\e910"; }

.mjs-icon-import:before {
  content: "\e911"; }

.mjs-icon-newRegistration:before {
  content: "\e912"; }

.mjs-icon-plus:before {
  content: "\e913"; }

.mjs-icon-remand:before {
  content: "\e914"; }

.mjs-icon-search:before {
  content: "\e915"; }

.mjs-icon-zoomIn:before {
  content: "\e916"; }

/* =========================================================
 Theme
========================================================= */
/* �e�[�}�J���[ */
html, body {
  background-color: white;
  color: rgba(0, 0, 0, 0.87); }

.mjs-repuiredMark::after {
  color: red; }

#mjs-header,
.mjs-header {
  background-color: #ffffff;
  color: rgba(0, 0, 0, 0.87);
  border-bottom-color: #ffffff; }
  #mjs-header > div:first-child > div:nth-of-type(2) span input,
  #mjs-header > div:first-child > div:nth-of-type(2) span button,
  #mjs-header > div:first-child > div:nth-of-type(2) > button,
  .mjs-header > div:first-child > div:nth-of-type(2) span input,
  .mjs-header > div:first-child > div:nth-of-type(2) span button,
  .mjs-header > div:first-child > div:nth-of-type(2) > button {
    color: rgba(0, 0, 0, 0.87); }
  #mjs-header > div:first-child > div:nth-of-type(2) span input,
  #mjs-header > div:first-child > div:nth-of-type(2) > button,
  .mjs-header > div:first-child > div:nth-of-type(2) span input,
  .mjs-header > div:first-child > div:nth-of-type(2) > button {
    background-color: #f1f1f1; }
  #mjs-header > div:last-child > ul > li.mjs-icon,
  .mjs-header > div:last-child > ul > li.mjs-icon {
    color: #a1a1a1; }

#mjs-global-nav,
.mjs-global-nav {
  background-color: #3c3c3c; }
  #mjs-global-nav > ul > li,
  .mjs-global-nav > ul > li {
    border-color: white; }
    #mjs-global-nav > ul > li .dropdown-menu > li > a,
    #mjs-global-nav > ul > li .dropdown-menu > li > button,
    .mjs-global-nav > ul > li .dropdown-menu > li > a,
    .mjs-global-nav > ul > li .dropdown-menu > li > button {
      background-color: #ffffff;
      color: rgba(0, 0, 0, 0.87); }
      #mjs-global-nav > ul > li .dropdown-menu > li > a:link, #mjs-global-nav > ul > li .dropdown-menu > li > a:visited,
      #mjs-global-nav > ul > li .dropdown-menu > li > button:link,
      #mjs-global-nav > ul > li .dropdown-menu > li > button:visited,
      .mjs-global-nav > ul > li .dropdown-menu > li > a:link,
      .mjs-global-nav > ul > li .dropdown-menu > li > a:visited,
      .mjs-global-nav > ul > li .dropdown-menu > li > button:link,
      .mjs-global-nav > ul > li .dropdown-menu > li > button:visited {
        background-color: #ffffff;
        color: rgba(0, 0, 0, 0.87); }
      #mjs-global-nav > ul > li .dropdown-menu > li > a:hover,
      #mjs-global-nav > ul > li .dropdown-menu > li > button:hover,
      .mjs-global-nav > ul > li .dropdown-menu > li > a:hover,
      .mjs-global-nav > ul > li .dropdown-menu > li > button:hover {
        background-color: #f2f2f2;
        color: rgba(0, 0, 0, 0.87); }
      #mjs-global-nav > ul > li .dropdown-menu > li > a:active,
      #mjs-global-nav > ul > li .dropdown-menu > li > button:active,
      .mjs-global-nav > ul > li .dropdown-menu > li > a:active,
      .mjs-global-nav > ul > li .dropdown-menu > li > button:active {
        background-color: #e6e6e6;
        color: rgba(0, 0, 0, 0.87); }
      #mjs-global-nav > ul > li .dropdown-menu > li > a.mjs-global-nav-dropdownlist-iconbutton, #mjs-global-nav > ul > li .dropdown-menu > li > a.mjs-global-nav-dropdownlist-iconbtn,
      #mjs-global-nav > ul > li .dropdown-menu > li > button.mjs-global-nav-dropdownlist-iconbutton,
      #mjs-global-nav > ul > li .dropdown-menu > li > button.mjs-global-nav-dropdownlist-iconbtn,
      .mjs-global-nav > ul > li .dropdown-menu > li > a.mjs-global-nav-dropdownlist-iconbutton,
      .mjs-global-nav > ul > li .dropdown-menu > li > a.mjs-global-nav-dropdownlist-iconbtn,
      .mjs-global-nav > ul > li .dropdown-menu > li > button.mjs-global-nav-dropdownlist-iconbutton,
      .mjs-global-nav > ul > li .dropdown-menu > li > button.mjs-global-nav-dropdownlist-iconbtn {
        background-color: #007fcc;
        color: white; }
        #mjs-global-nav > ul > li .dropdown-menu > li > a.mjs-global-nav-dropdownlist-iconbutton:link, #mjs-global-nav > ul > li .dropdown-menu > li > a.mjs-global-nav-dropdownlist-iconbutton:visited, #mjs-global-nav > ul > li .dropdown-menu > li > a.mjs-global-nav-dropdownlist-iconbtn:link, #mjs-global-nav > ul > li .dropdown-menu > li > a.mjs-global-nav-dropdownlist-iconbtn:visited,
        #mjs-global-nav > ul > li .dropdown-menu > li > button.mjs-global-nav-dropdownlist-iconbutton:link,
        #mjs-global-nav > ul > li .dropdown-menu > li > button.mjs-global-nav-dropdownlist-iconbutton:visited,
        #mjs-global-nav > ul > li .dropdown-menu > li > button.mjs-global-nav-dropdownlist-iconbtn:link,
        #mjs-global-nav > ul > li .dropdown-menu > li > button.mjs-global-nav-dropdownlist-iconbtn:visited,
        .mjs-global-nav > ul > li .dropdown-menu > li > a.mjs-global-nav-dropdownlist-iconbutton:link,
        .mjs-global-nav > ul > li .dropdown-menu > li > a.mjs-global-nav-dropdownlist-iconbutton:visited,
        .mjs-global-nav > ul > li .dropdown-menu > li > a.mjs-global-nav-dropdownlist-iconbtn:link,
        .mjs-global-nav > ul > li .dropdown-menu > li > a.mjs-global-nav-dropdownlist-iconbtn:visited,
        .mjs-global-nav > ul > li .dropdown-menu > li > button.mjs-global-nav-dropdownlist-iconbutton:link,
        .mjs-global-nav > ul > li .dropdown-menu > li > button.mjs-global-nav-dropdownlist-iconbutton:visited,
        .mjs-global-nav > ul > li .dropdown-menu > li > button.mjs-global-nav-dropdownlist-iconbtn:link,
        .mjs-global-nav > ul > li .dropdown-menu > li > button.mjs-global-nav-dropdownlist-iconbtn:visited {
          background-color: #007fcc;
          color: white; }
        #mjs-global-nav > ul > li .dropdown-menu > li > a.mjs-global-nav-dropdownlist-iconbutton:hover, #mjs-global-nav > ul > li .dropdown-menu > li > a.mjs-global-nav-dropdownlist-iconbtn:hover,
        #mjs-global-nav > ul > li .dropdown-menu > li > button.mjs-global-nav-dropdownlist-iconbutton:hover,
        #mjs-global-nav > ul > li .dropdown-menu > li > button.mjs-global-nav-dropdownlist-iconbtn:hover,
        .mjs-global-nav > ul > li .dropdown-menu > li > a.mjs-global-nav-dropdownlist-iconbutton:hover,
        .mjs-global-nav > ul > li .dropdown-menu > li > a.mjs-global-nav-dropdownlist-iconbtn:hover,
        .mjs-global-nav > ul > li .dropdown-menu > li > button.mjs-global-nav-dropdownlist-iconbutton:hover,
        .mjs-global-nav > ul > li .dropdown-menu > li > button.mjs-global-nav-dropdownlist-iconbtn:hover {
          background-color: #005f99;
          color: white; }
        #mjs-global-nav > ul > li .dropdown-menu > li > a.mjs-global-nav-dropdownlist-iconbutton:active, #mjs-global-nav > ul > li .dropdown-menu > li > a.mjs-global-nav-dropdownlist-iconbtn:active,
        #mjs-global-nav > ul > li .dropdown-menu > li > button.mjs-global-nav-dropdownlist-iconbutton:active,
        #mjs-global-nav > ul > li .dropdown-menu > li > button.mjs-global-nav-dropdownlist-iconbtn:active,
        .mjs-global-nav > ul > li .dropdown-menu > li > a.mjs-global-nav-dropdownlist-iconbutton:active,
        .mjs-global-nav > ul > li .dropdown-menu > li > a.mjs-global-nav-dropdownlist-iconbtn:active,
        .mjs-global-nav > ul > li .dropdown-menu > li > button.mjs-global-nav-dropdownlist-iconbutton:active,
        .mjs-global-nav > ul > li .dropdown-menu > li > button.mjs-global-nav-dropdownlist-iconbtn:active {
          background-color: #004f80;
          color: white; }
    #mjs-global-nav > ul > li > button,
    .mjs-global-nav > ul > li > button {
      background-color: #3c3c3c;
      color: white; }
      #mjs-global-nav > ul > li > button.mjs-global-nav-iconbutton, #mjs-global-nav > ul > li > button.mjs-global-nav-iconbtn,
      .mjs-global-nav > ul > li > button.mjs-global-nav-iconbutton,
      .mjs-global-nav > ul > li > button.mjs-global-nav-iconbtn {
        background-color: #007fcc;
        color: white; }
        #mjs-global-nav > ul > li > button.mjs-global-nav-iconbutton:link, #mjs-global-nav > ul > li > button.mjs-global-nav-iconbutton:visited, #mjs-global-nav > ul > li > button.mjs-global-nav-iconbtn:link, #mjs-global-nav > ul > li > button.mjs-global-nav-iconbtn:visited,
        .mjs-global-nav > ul > li > button.mjs-global-nav-iconbutton:link,
        .mjs-global-nav > ul > li > button.mjs-global-nav-iconbutton:visited,
        .mjs-global-nav > ul > li > button.mjs-global-nav-iconbtn:link,
        .mjs-global-nav > ul > li > button.mjs-global-nav-iconbtn:visited {
          background-color: #007fcc;
          color: white; }
        #mjs-global-nav > ul > li > button.mjs-global-nav-iconbutton:hover, #mjs-global-nav > ul > li > button.mjs-global-nav-iconbtn:hover,
        .mjs-global-nav > ul > li > button.mjs-global-nav-iconbutton:hover,
        .mjs-global-nav > ul > li > button.mjs-global-nav-iconbtn:hover {
          background-color: #005f99;
          color: white; }
        #mjs-global-nav > ul > li > button.mjs-global-nav-iconbutton:active, #mjs-global-nav > ul > li > button.mjs-global-nav-iconbtn:active,
        .mjs-global-nav > ul > li > button.mjs-global-nav-iconbutton:active,
        .mjs-global-nav > ul > li > button.mjs-global-nav-iconbtn:active {
          background-color: #004f80;
          color: white; }
        #mjs-global-nav > ul > li > button.mjs-global-nav-iconbutton.active, #mjs-global-nav > ul > li > button.mjs-global-nav-iconbtn.active,
        .mjs-global-nav > ul > li > button.mjs-global-nav-iconbutton.active,
        .mjs-global-nav > ul > li > button.mjs-global-nav-iconbtn.active {
          /* default skin */
          background-color: #ffffff;
          color: #007fcc; }
          #mjs-global-nav > ul > li > button.mjs-global-nav-iconbutton.active:link, #mjs-global-nav > ul > li > button.mjs-global-nav-iconbutton.active:visited, #mjs-global-nav > ul > li > button.mjs-global-nav-iconbtn.active:link, #mjs-global-nav > ul > li > button.mjs-global-nav-iconbtn.active:visited,
          .mjs-global-nav > ul > li > button.mjs-global-nav-iconbutton.active:link,
          .mjs-global-nav > ul > li > button.mjs-global-nav-iconbutton.active:visited,
          .mjs-global-nav > ul > li > button.mjs-global-nav-iconbtn.active:link,
          .mjs-global-nav > ul > li > button.mjs-global-nav-iconbtn.active:visited {
            background-color: #ffffff;
            color: #007fcc; }
          #mjs-global-nav > ul > li > button.mjs-global-nav-iconbutton.active:hover, #mjs-global-nav > ul > li > button.mjs-global-nav-iconbtn.active:hover,
          .mjs-global-nav > ul > li > button.mjs-global-nav-iconbutton.active:hover,
          .mjs-global-nav > ul > li > button.mjs-global-nav-iconbtn.active:hover {
            background-color: #ffffff;
            color: #007fcc; }
          #mjs-global-nav > ul > li > button.mjs-global-nav-iconbutton.active:active, #mjs-global-nav > ul > li > button.mjs-global-nav-iconbtn.active:active,
          .mjs-global-nav > ul > li > button.mjs-global-nav-iconbutton.active:active,
          .mjs-global-nav > ul > li > button.mjs-global-nav-iconbtn.active:active {
            background-color: #cccccc;
            color: #007fcc; }
      #mjs-global-nav > ul > li > button:link, #mjs-global-nav > ul > li > button:visited, #mjs-global-nav > ul > li > button:hover,
      .mjs-global-nav > ul > li > button:link,
      .mjs-global-nav > ul > li > button:visited,
      .mjs-global-nav > ul > li > button:hover {
        background-color: #3c3c3c;
        color: white; }
      #mjs-global-nav > ul > li > button:active,
      .mjs-global-nav > ul > li > button:active {
        background-color: #090909;
        color: #cccccc; }
    #mjs-global-nav > ul > li.active > button,
    .mjs-global-nav > ul > li.active > button {
      background-color: #007fcc;
      color: white; }
      #mjs-global-nav > ul > li.active > button:link, #mjs-global-nav > ul > li.active > button:visited, #mjs-global-nav > ul > li.active > button:hover,
      .mjs-global-nav > ul > li.active > button:link,
      .mjs-global-nav > ul > li.active > button:visited,
      .mjs-global-nav > ul > li.active > button:hover {
        background-color: #007fcc;
        color: white; }
      #mjs-global-nav > ul > li.active > button:active,
      .mjs-global-nav > ul > li.active > button:active {
        background-color: #004066;
        color: #cccccc; }

#mjs-main .mjs-main-header .mjs-main-header-lavel,
.mjs-main .mjs-main-header .mjs-main-header-lavel {
  border-color: #0077bf;
  background-color: #f2faff; }

#mjs-main .mjs-main-nav,
.mjs-main .mjs-main-nav {
  background-color: #ffffff; }

.mjs-table > thead {
  background-color: #545454;
  color: white; }

.mjs-table > tbody {
  background-color: #ffffff; }

.mjs-table > thead > tr > th,
.mjs-table > thead > tr > td,
.mjs-table > tbody > tr > th,
.mjs-table > tbody > tr > td {
  border-color: #bbbbbb; }

.mjs-table > caption + thead > tr:first-child > td,
.mjs-table > caption + thead > tr:first-child > th,
.mjs-table > colgroup + thead > tr:first-child > td,
.mjs-table > colgroup + thead > tr:first-child > th,
.mjs-table > thead:first-child > tr:first-child > td,
.mjs-table > thead:first-child > tr:first-child > th {
  border-top-color: #545454; }

.mjs-table.table-hover > tbody > tr:hover {
  background-color: #f6f6f6; }

.mjs-input-group .input-group-btn > .btn {
  background-color: #f1f1f1; }

.mjs-card {
  background-color: #ffffff; }
  .mjs-card .mjs-card-title {
    background-color: #545454;
    color: #ffffff; }

.mjs-tabs > li > a {
  background-color: #f1f1f1;
  border-color: #d6d6d6; }
  .mjs-tabs > li > a:link, .mjs-tabs > li > a:visited {
    background-color: #f1f1f1;
    border-color: #d6d6d6; }
  .mjs-tabs > li > a:hover, .mjs-tabs > li > a:focus {
    background-color: #d8d8d8;
    color: rgba(0, 0, 0, 0.87); }
  .mjs-tabs > li > a:active {
    background-color: #bebebe;
    color: rgba(0, 0, 0, 0.87); }

.mjs-tabs > li.active > a {
  border-color: #007fcc; }
  .mjs-tabs > li.active > a:link, .mjs-tabs > li.active > a:visited {
    background-color: #007fcc;
    color: white; }
  .mjs-tabs > li.active > a:hover, .mjs-tabs > li.active > a:focus {
    background-color: #005f99;
    color: white; }
  .mjs-tabs > li.active > a:active {
    background-color: #004066;
    color: #cccccc; }

.mjs-pills > li > a {
  background-color: #ffffff; }
  .mjs-pills > li > a:link, .mjs-pills > li > a:visited {
    background-color: #ffffff; }
  .mjs-pills > li > a:hover, .mjs-pills > li > a:focus {
    background-color: #e6e6e6;
    color: rgba(0, 0, 0, 0.87); }
  .mjs-pills > li > a:active {
    background-color: #cccccc;
    color: rgba(0, 0, 0, 0.87); }

.mjs-pills > li.active > a:link, .mjs-pills > li.active > a:visited, .mjs-pills > li.active > a:hover, .mjs-pills > li.active > a:focus {
  background-color: #007fcc;
  color: white; }

.mjs-pills > li.active > a:active {
  background-color: #004066;
  color: #cccccc; }

.mjs-progress .mjs-progress-box {
  border-top-color: #d6d6d6;
  background-color: #d9f1ff; }
  .mjs-progress .mjs-progress-box .progress .progress-bar {
    background-color: #007fcc; }

/*�폜�\��*/
.mjs-btn.mjs-theme-color:link, .mjs-btn.mjs-theme-color:visited, .mjs-btn.mjs-theme-color:focus {
  border-color: #006fb3;
  background-color: #007fcc;
  color: white; }

.mjs-btn.mjs-theme-color:hover {
  color: white; }

.mjs-btn.mjs-theme-color:active {
  /*border-color: darken($btn-color, 25%);
                    background-color: darken($btn-color, 20%);
                    color: darken(getTextColor($btn-color), 20%);*/
  border-color: #005f99;
  background-color: #006fb3; }

.mjs-btn.mjs-theme-color.mjs-btn-is-disable:active {
  border-color: #006fb3;
  background-color: #007fcc;
  color: white; }

.mjs-btn.mjs-theme-color-default:link, .mjs-btn.mjs-theme-color-default:visited {
  border-color: #006fb3;
  background-color: #007fcc;
  color: white; }

.mjs-btn.mjs-theme-color-default:hover {
  border-color: #004f80;
  background-color: #005f99;
  color: white; }

.mjs-btn.mjs-theme-color-default:active {
  border-color: #00304d;
  background-color: #004066;
  color: #cccccc; }

.mjs-btn.mjs-theme-color-default.mjs-btn-is-disable:active, .mjs-btn.mjs-theme-color-default.mjs-btn-is-disable:disabled:active {
  border-color: #006fb3;
  background-color: #007fcc;
  color: white; }

.mjs-btn.mjs-theme-color-vivit:link, .mjs-btn.mjs-theme-color-vivit:visited {
  border-color: #008fe6;
  background-color: #009fff;
  color: rgba(0, 0, 0, 0.87); }

.mjs-btn.mjs-theme-color-vivit:hover {
  border-color: #006fb3;
  background-color: #007fcc;
  color: rgba(0, 0, 0, 0.87); }

.mjs-btn.mjs-theme-color-vivit:active {
  border-color: #004f80;
  background-color: #005f99;
  color: rgba(0, 0, 0, 0.87); }

.mjs-btn.mjs-theme-color-vivit.mjs-btn-is-disable:active, .mjs-btn.mjs-theme-color-vivit.mjs-btn-is-disable:disabled:active {
  border-color: #008fe6;
  background-color: #009fff;
  color: rgba(0, 0, 0, 0.87); }

.mjs-btn.mjs-theme-color-strong:link, .mjs-btn.mjs-theme-color-strong:visited {
  border-color: #1d88c9;
  background-color: #2097df;
  color: rgba(0, 0, 0, 0.87); }

.mjs-btn.mjs-theme-color-strong:hover {
  border-color: #166a9c;
  background-color: #1a79b3;
  color: rgba(0, 0, 0, 0.87); }

.mjs-btn.mjs-theme-color-strong:active {
  border-color: #104b70;
  background-color: #135b86;
  color: rgba(0, 0, 0, 0.87); }

.mjs-btn.mjs-theme-color-strong.mjs-btn-is-disable:active, .mjs-btn.mjs-theme-color-strong.mjs-btn-is-disable:disabled:active {
  border-color: #1d88c9;
  background-color: #2097df;
  color: rgba(0, 0, 0, 0.87); }

.mjs-btn.mjs-theme-color-bright:link, .mjs-btn.mjs-theme-color-bright:visited {
  border-color: #26adff;
  background-color: #40b7ff;
  color: rgba(0, 0, 0, 0.87); }

.mjs-btn.mjs-theme-color-bright:hover {
  border-color: #0097f2;
  background-color: #0da4ff;
  color: rgba(0, 0, 0, 0.87); }

.mjs-btn.mjs-theme-color-bright:active {
  border-color: #0077bf;
  background-color: #0087d9;
  color: rgba(0, 0, 0, 0.87); }

.mjs-btn.mjs-theme-color-bright.mjs-btn-is-disable:active, .mjs-btn.mjs-theme-color-bright.mjs-btn-is-disable:disabled:active {
  border-color: #26adff;
  background-color: #40b7ff;
  color: rgba(0, 0, 0, 0.87); }

.mjs-btn.mjs-theme-color-light:link, .mjs-btn.mjs-theme-color-light:visited {
  border-color: #66c5ff;
  background-color: #80cfff;
  color: rgba(0, 0, 0, 0.87); }

.mjs-btn.mjs-theme-color-light:hover {
  border-color: #33b2ff;
  background-color: #4dbcff;
  color: rgba(0, 0, 0, 0.87); }

.mjs-btn.mjs-theme-color-light:active {
  border-color: #009fff;
  background-color: #1aa8ff;
  color: rgba(0, 0, 0, 0.87); }

.mjs-btn.mjs-theme-color-light.mjs-btn-is-disable:active, .mjs-btn.mjs-theme-color-light.mjs-btn-is-disable:disabled:active {
  border-color: #66c5ff;
  background-color: #80cfff;
  color: rgba(0, 0, 0, 0.87); }

.mjs-btn.mjs-theme-color-pale:link, .mjs-btn.mjs-theme-color-pale:visited {
  border-color: #a6ddff;
  background-color: #bfe7ff;
  color: rgba(0, 0, 0, 0.87); }

.mjs-btn.mjs-theme-color-pale:hover {
  border-color: #73caff;
  background-color: #8cd4ff;
  color: rgba(0, 0, 0, 0.87); }

.mjs-btn.mjs-theme-color-pale:active {
  border-color: #40b7ff;
  background-color: #59c0ff;
  color: rgba(0, 0, 0, 0.87); }

.mjs-btn.mjs-theme-color-pale.mjs-btn-is-disable:active, .mjs-btn.mjs-theme-color-pale.mjs-btn-is-disable:disabled:active {
  border-color: #a6ddff;
  background-color: #bfe7ff;
  color: rgba(0, 0, 0, 0.87); }

.mjs-btn.mjs-theme-color-deep:link, .mjs-btn.mjs-theme-color-deep:visited {
  border-color: #0067a6;
  background-color: #0077bf;
  color: white; }

.mjs-btn.mjs-theme-color-deep:hover {
  border-color: #004773;
  background-color: #00578c;
  color: white; }

.mjs-btn.mjs-theme-color-deep:active {
  border-color: #002840;
  background-color: #003859;
  color: #cccccc; }

.mjs-btn.mjs-theme-color-deep.mjs-btn-is-disable:active, .mjs-btn.mjs-theme-color-deep.mjs-btn-is-disable:disabled:active {
  border-color: #0067a6;
  background-color: #0077bf;
  color: white; }

.mjs-btn.mjs-theme-color-dark:link, .mjs-btn.mjs-theme-color-dark:visited {
  border-color: #004066;
  background-color: #004f80;
  color: white; }

.mjs-btn.mjs-theme-color-dark:hover {
  border-color: #002033;
  background-color: #00304d;
  color: white; }

.mjs-btn.mjs-theme-color-dark:active {
  border-color: black;
  background-color: #00101a;
  color: #cccccc; }

.mjs-btn.mjs-theme-color-dark.mjs-btn-is-disable:active, .mjs-btn.mjs-theme-color-dark.mjs-btn-is-disable:disabled:active {
  border-color: #004066;
  background-color: #004f80;
  color: white; }

.mjs-btn.mjs-theme-color-darkgrayish:link, .mjs-btn.mjs-theme-color-darkgrayish:visited {
  border-color: #001826;
  background-color: #002840;
  color: white; }

.mjs-btn.mjs-theme-color-darkgrayish:hover {
  border-color: black;
  background-color: #00080d;
  color: white; }

.mjs-btn.mjs-theme-color-darkgrayish:active {
  border-color: black;
  background-color: black;
  color: #cccccc; }

.mjs-btn.mjs-theme-color-darkgrayish.mjs-btn-is-disable:active, .mjs-btn.mjs-theme-color-darkgrayish.mjs-btn-is-disable:disabled:active {
  border-color: #001826;
  background-color: #002840;
  color: white; }

.mjs-btn.mjs-theme-color-soft:link, .mjs-btn.mjs-theme-color-soft:visited {
  border-color: #5ca0c9;
  background-color: #70abcf;
  color: rgba(0, 0, 0, 0.87); }

.mjs-btn.mjs-theme-color-soft:hover {
  border-color: #3d88b6;
  background-color: #4995c2;
  color: rgba(0, 0, 0, 0.87); }

.mjs-btn.mjs-theme-color-soft:active {
  border-color: #306b8f;
  background-color: #367aa3;
  color: rgba(0, 0, 0, 0.87); }

.mjs-btn.mjs-theme-color-soft.mjs-btn-is-disable:active, .mjs-btn.mjs-theme-color-soft.mjs-btn-is-disable:disabled:active {
  border-color: #5ca0c9;
  background-color: #70abcf;
  color: rgba(0, 0, 0, 0.87); }

.mjs-btn.mjs-theme-color-lightgrayish:link, .mjs-btn.mjs-theme-color-lightgrayish:visited {
  border-color: #7899ae;
  background-color: #87a5b7;
  color: rgba(0, 0, 0, 0.87); }

.mjs-btn.mjs-theme-color-lightgrayish:hover {
  border-color: #5b8197;
  background-color: #688da4;
  color: rgba(0, 0, 0, 0.87); }

.mjs-btn.mjs-theme-color-lightgrayish:active {
  border-color: #486578;
  background-color: #517387;
  color: rgba(0, 0, 0, 0.87); }

.mjs-btn.mjs-theme-color-lightgrayish.mjs-btn-is-disable:active, .mjs-btn.mjs-theme-color-lightgrayish.mjs-btn-is-disable:disabled:active {
  border-color: #7899ae;
  background-color: #87a5b7;
  color: rgba(0, 0, 0, 0.87); }

.mjs-btn.mjs-theme-color-dull:link, .mjs-btn.mjs-theme-color-dull:visited {
  border-color: #295d7c;
  background-color: #306b8f;
  color: white; }

.mjs-btn.mjs-theme-color-dull:hover {
  border-color: #1d4056;
  background-color: #234f69;
  color: white; }

.mjs-btn.mjs-theme-color-dull:active {
  border-color: #102430;
  background-color: #163243;
  color: #cccccc; }

.mjs-btn.mjs-theme-color-dull.mjs-btn-is-disable:active, .mjs-btn.mjs-theme-color-dull.mjs-btn-is-disable:disabled:active {
  border-color: #295d7c;
  background-color: #306b8f;
  color: white; }

.mjs-btn.mjs-theme-color-grayish:link, .mjs-btn.mjs-theme-color-grayish:visited {
  border-color: #3e5868;
  background-color: #486578;
  color: white; }

.mjs-btn.mjs-theme-color-grayish:hover {
  border-color: #2b3d48;
  background-color: #354a58;
  color: white; }

.mjs-btn.mjs-theme-color-grayish:active {
  border-color: #182228;
  background-color: #212f38;
  color: #cccccc; }

.mjs-btn.mjs-theme-color-grayish.mjs-btn-is-disable:active, .mjs-btn.mjs-theme-color-grayish.mjs-btn-is-disable:disabled:active {
  border-color: #3e5868;
  background-color: #486578;
  color: white; }

.mjs-btn.mjs-theme-color-white:link, .mjs-btn.mjs-theme-color-white:visited {
  border-color: #f2f2f2;
  background-color: white;
  color: rgba(0, 0, 0, 0.87); }

.mjs-btn.mjs-theme-color-white:hover {
  border-color: #d9d9d9;
  background-color: #e6e6e6;
  color: rgba(0, 0, 0, 0.87); }

.mjs-btn.mjs-theme-color-white:active {
  border-color: #bfbfbf;
  background-color: #cccccc;
  color: rgba(0, 0, 0, 0.87); }

.mjs-btn.mjs-theme-color-white.mjs-btn-is-disable:active, .mjs-btn.mjs-theme-color-white.mjs-btn-is-disable:disabled:active {
  border-color: #cccccc;
  background-color: white;
  color: rgba(0, 0, 0, 0.87); }

.mjs-btn.mjs-theme-color-lightgray:link, .mjs-btn.mjs-theme-color-lightgray:visited {
  border-color: #b3b3b3;
  background-color: #bfbfbf;
  color: rgba(0, 0, 0, 0.87); }

.mjs-btn.mjs-theme-color-lightgray:hover {
  border-color: #999999;
  background-color: #a6a6a6;
  color: rgba(0, 0, 0, 0.87); }

.mjs-btn.mjs-theme-color-lightgray:active {
  border-color: gray;
  background-color: #8c8c8c;
  color: rgba(0, 0, 0, 0.87); }

.mjs-btn.mjs-theme-color-lightgray.mjs-btn-is-disable:active, .mjs-btn.mjs-theme-color-lightgray.mjs-btn-is-disable:disabled:active {
  border-color: #b3b3b3;
  background-color: #bfbfbf;
  color: rgba(0, 0, 0, 0.87); }

.mjs-btn.mjs-theme-color-mediumgray:link, .mjs-btn.mjs-theme-color-mediumgray:visited {
  border-color: #737373;
  background-color: gray;
  color: white; }

.mjs-btn.mjs-theme-color-mediumgray:hover {
  border-color: #595959;
  background-color: #666666;
  color: white; }

.mjs-btn.mjs-theme-color-mediumgray:active {
  border-color: #404040;
  background-color: #4d4d4d;
  color: #cccccc; }

.mjs-btn.mjs-theme-color-mediumgray.mjs-btn-is-disable:active, .mjs-btn.mjs-theme-color-mediumgray.mjs-btn-is-disable:disabled:active {
  border-color: #737373;
  background-color: gray;
  color: white; }

.mjs-btn.mjs-theme-color-darkgray:link, .mjs-btn.mjs-theme-color-darkgray:visited {
  border-color: #333333;
  background-color: #404040;
  color: white; }

.mjs-btn.mjs-theme-color-darkgray:hover {
  border-color: #1a1a1a;
  background-color: #262626;
  color: white; }

.mjs-btn.mjs-theme-color-darkgray:active {
  border-color: black;
  background-color: #0d0d0d;
  color: #cccccc; }

.mjs-btn.mjs-theme-color-darkgray.mjs-btn-is-disable:active, .mjs-btn.mjs-theme-color-darkgray.mjs-btn-is-disable:disabled:active {
  border-color: #333333;
  background-color: #404040;
  color: white; }

.mjs-btn.mjs-theme-color-black:link, .mjs-btn.mjs-theme-color-black:visited {
  border-color: black;
  background-color: black;
  color: white; }

.mjs-btn.mjs-theme-color-black:hover {
  border-color: black;
  background-color: black;
  color: white; }

.mjs-btn.mjs-theme-color-black:active {
  border-color: black;
  background-color: black;
  color: #cccccc; }

.mjs-btn.mjs-theme-color-black.mjs-btn-is-disable:active, .mjs-btn.mjs-theme-color-black.mjs-btn-is-disable:disabled:active {
  border-color: black;
  background-color: black;
  color: white; }

.mjs-btn.mjs-theme-color-error:link, .mjs-btn.mjs-theme-color-error:visited {
  border-color: #e60000;
  background-color: red;
  color: white; }

.mjs-btn.mjs-theme-color-error:hover {
  border-color: #b30000;
  background-color: #cc0000;
  color: white; }

.mjs-btn.mjs-theme-color-error:active {
  border-color: maroon;
  background-color: #990000;
  color: #cccccc; }

.mjs-btn.mjs-theme-color-error.mjs-btn-is-disable:active, .mjs-btn.mjs-theme-color-error.mjs-btn-is-disable:disabled:active {
  border-color: #e60000;
  background-color: red;
  color: white; }

.mjs-button, .mjs-button-primary, .mjs-button-secondary, .mjs-button-tertiary, .mjs-circleButton, .mjs-circleButton-large, .mjs-squareButton, .mjs-squareButton-large, .mjs-login .mjs-login-social-button {
  border-color: #bbbbbb;
  background-color: white;
  /*color: $theme-text-color-dark-primary;*/ }
  .mjs-button:active, .mjs-button-primary:active, .mjs-button-secondary:active, .mjs-button-tertiary:active, .mjs-circleButton:active, .mjs-circleButton-large:active, .mjs-squareButton:active, .mjs-squareButton-large:active, .mjs-login .mjs-login-social-button:active, .mjs-button.is-ondown, .is-ondown.mjs-button-primary, .is-ondown.mjs-button-secondary, .is-ondown.mjs-button-tertiary, .is-ondown.mjs-circleButton, .is-ondown.mjs-circleButton-large, .is-ondown.mjs-squareButton, .is-ondown.mjs-squareButton-large, .mjs-login .is-ondown.mjs-login-social-button {
    background-color: #e6e6e6; }
  .mjs-button:disabled, .mjs-button-primary:disabled, .mjs-button-secondary:disabled, .mjs-button-tertiary:disabled, .mjs-circleButton:disabled, .mjs-circleButton-large:disabled, .mjs-squareButton:disabled, .mjs-squareButton-large:disabled, .mjs-login .mjs-login-social-button:disabled, .mjs-button.is-disabled, .is-disabled.mjs-button-primary, .is-disabled.mjs-button-secondary, .is-disabled.mjs-button-tertiary, .is-disabled.mjs-circleButton, .is-disabled.mjs-circleButton-large, .is-disabled.mjs-squareButton, .is-disabled.mjs-squareButton-large, .mjs-login .is-disabled.mjs-login-social-button {
    background-color: white; }
  .mjs-button.mjs-theme-color, .mjs-theme-color.mjs-button-primary, .mjs-theme-color.mjs-button-secondary, .mjs-theme-color.mjs-button-tertiary, .mjs-theme-color.mjs-circleButton, .mjs-theme-color.mjs-circleButton-large, .mjs-theme-color.mjs-squareButton, .mjs-theme-color.mjs-squareButton-large, .mjs-login .mjs-theme-color.mjs-login-social-button {
    background-color: #007fcc; }
    .mjs-button.mjs-theme-color:link, .mjs-theme-color.mjs-button-primary:link, .mjs-theme-color.mjs-button-secondary:link, .mjs-theme-color.mjs-button-tertiary:link, .mjs-theme-color.mjs-circleButton:link, .mjs-theme-color.mjs-circleButton-large:link, .mjs-theme-color.mjs-squareButton:link, .mjs-theme-color.mjs-squareButton-large:link, .mjs-login .mjs-theme-color.mjs-login-social-button:link, .mjs-button.mjs-theme-color:visited, .mjs-theme-color.mjs-button-primary:visited, .mjs-theme-color.mjs-button-secondary:visited, .mjs-theme-color.mjs-button-tertiary:visited, .mjs-theme-color.mjs-circleButton:visited, .mjs-theme-color.mjs-circleButton-large:visited, .mjs-theme-color.mjs-squareButton:visited, .mjs-theme-color.mjs-squareButton-large:visited, .mjs-login .mjs-theme-color.mjs-login-social-button:visited, .mjs-button.mjs-theme-color:focus, .mjs-theme-color.mjs-button-primary:focus, .mjs-theme-color.mjs-button-secondary:focus, .mjs-theme-color.mjs-button-tertiary:focus, .mjs-theme-color.mjs-circleButton:focus, .mjs-theme-color.mjs-circleButton-large:focus, .mjs-theme-color.mjs-squareButton:focus, .mjs-theme-color.mjs-squareButton-large:focus, .mjs-login .mjs-theme-color.mjs-login-social-button:focus {
      border-color: #006fb3;
      background-color: #007fcc;
      color: white; }
    .mjs-button.mjs-theme-color:hover, .mjs-theme-color.mjs-button-primary:hover, .mjs-theme-color.mjs-button-secondary:hover, .mjs-theme-color.mjs-button-tertiary:hover, .mjs-theme-color.mjs-circleButton:hover, .mjs-theme-color.mjs-circleButton-large:hover, .mjs-theme-color.mjs-squareButton:hover, .mjs-theme-color.mjs-squareButton-large:hover, .mjs-login .mjs-theme-color.mjs-login-social-button:hover {
      color: white; }
    .mjs-button.mjs-theme-color:active, .mjs-theme-color.mjs-button-primary:active, .mjs-theme-color.mjs-button-secondary:active, .mjs-theme-color.mjs-button-tertiary:active, .mjs-theme-color.mjs-circleButton:active, .mjs-theme-color.mjs-circleButton-large:active, .mjs-theme-color.mjs-squareButton:active, .mjs-theme-color.mjs-squareButton-large:active, .mjs-login .mjs-theme-color.mjs-login-social-button:active {
      border-color: #005f99;
      background-color: #006fb3; }
    .mjs-button.mjs-theme-color.is-disable:active, .mjs-theme-color.is-disable.mjs-button-primary:active, .mjs-theme-color.is-disable.mjs-button-secondary:active, .mjs-theme-color.is-disable.mjs-button-tertiary:active, .mjs-theme-color.is-disable.mjs-circleButton:active, .mjs-theme-color.is-disable.mjs-circleButton-large:active, .mjs-theme-color.is-disable.mjs-squareButton:active, .mjs-theme-color.is-disable.mjs-squareButton-large:active, .mjs-login .mjs-theme-color.is-disable.mjs-login-social-button:active, .mjs-button.mjs-theme-color:disabled:active, .mjs-theme-color.mjs-button-primary:disabled:active, .mjs-theme-color.mjs-button-secondary:disabled:active, .mjs-theme-color.mjs-button-tertiary:disabled:active, .mjs-theme-color.mjs-circleButton:disabled:active, .mjs-theme-color.mjs-circleButton-large:disabled:active, .mjs-theme-color.mjs-squareButton:disabled:active, .mjs-theme-color.mjs-squareButton-large:disabled:active, .mjs-login .mjs-theme-color.mjs-login-social-button:disabled:active {
      border-color: #006fb3;
      background-color: #007fcc;
      color: white; }
  .mjs-button.mjs-theme-color-default:link, .mjs-theme-color-default.mjs-button-primary:link, .mjs-theme-color-default.mjs-button-secondary:link, .mjs-theme-color-default.mjs-button-tertiary:link, .mjs-theme-color-default.mjs-circleButton:link, .mjs-theme-color-default.mjs-circleButton-large:link, .mjs-theme-color-default.mjs-squareButton:link, .mjs-theme-color-default.mjs-squareButton-large:link, .mjs-login .mjs-theme-color-default.mjs-login-social-button:link, .mjs-button.mjs-theme-color-default:visited, .mjs-theme-color-default.mjs-button-primary:visited, .mjs-theme-color-default.mjs-button-secondary:visited, .mjs-theme-color-default.mjs-button-tertiary:visited, .mjs-theme-color-default.mjs-circleButton:visited, .mjs-theme-color-default.mjs-circleButton-large:visited, .mjs-theme-color-default.mjs-squareButton:visited, .mjs-theme-color-default.mjs-squareButton-large:visited, .mjs-login .mjs-theme-color-default.mjs-login-social-button:visited {
    border-color: #006fb3;
    background-color: #007fcc;
    color: white; }
  .mjs-button.mjs-theme-color-default:hover, .mjs-theme-color-default.mjs-button-primary:hover, .mjs-theme-color-default.mjs-button-secondary:hover, .mjs-theme-color-default.mjs-button-tertiary:hover, .mjs-theme-color-default.mjs-circleButton:hover, .mjs-theme-color-default.mjs-circleButton-large:hover, .mjs-theme-color-default.mjs-squareButton:hover, .mjs-theme-color-default.mjs-squareButton-large:hover, .mjs-login .mjs-theme-color-default.mjs-login-social-button:hover {
    border-color: #004f80;
    background-color: #005f99;
    color: white; }
  .mjs-button.mjs-theme-color-default:active, .mjs-theme-color-default.mjs-button-primary:active, .mjs-theme-color-default.mjs-button-secondary:active, .mjs-theme-color-default.mjs-button-tertiary:active, .mjs-theme-color-default.mjs-circleButton:active, .mjs-theme-color-default.mjs-circleButton-large:active, .mjs-theme-color-default.mjs-squareButton:active, .mjs-theme-color-default.mjs-squareButton-large:active, .mjs-login .mjs-theme-color-default.mjs-login-social-button:active {
    border-color: #00304d;
    background-color: #004066;
    color: #cccccc; }
  .mjs-button.mjs-theme-color-defaultis-disable:active, .mjs-theme-color-defaultis-disable.mjs-button-primary:active, .mjs-theme-color-defaultis-disable.mjs-button-secondary:active, .mjs-theme-color-defaultis-disable.mjs-button-tertiary:active, .mjs-theme-color-defaultis-disable.mjs-circleButton:active, .mjs-theme-color-defaultis-disable.mjs-circleButton-large:active, .mjs-theme-color-defaultis-disable.mjs-squareButton:active, .mjs-theme-color-defaultis-disable.mjs-squareButton-large:active, .mjs-login .mjs-theme-color-defaultis-disable.mjs-login-social-button:active, .mjs-button.mjs-theme-color-default:disabled:active, .mjs-theme-color-default.mjs-button-primary:disabled:active, .mjs-theme-color-default.mjs-button-secondary:disabled:active, .mjs-theme-color-default.mjs-button-tertiary:disabled:active, .mjs-theme-color-default.mjs-circleButton:disabled:active, .mjs-theme-color-default.mjs-circleButton-large:disabled:active, .mjs-theme-color-default.mjs-squareButton:disabled:active, .mjs-theme-color-default.mjs-squareButton-large:disabled:active, .mjs-login .mjs-theme-color-default.mjs-login-social-button:disabled:active {
    border-color: #006fb3;
    background-color: #007fcc;
    color: white; }
  .mjs-button.mjs-theme-color-vivit:link, .mjs-theme-color-vivit.mjs-button-primary:link, .mjs-theme-color-vivit.mjs-button-secondary:link, .mjs-theme-color-vivit.mjs-button-tertiary:link, .mjs-theme-color-vivit.mjs-circleButton:link, .mjs-theme-color-vivit.mjs-circleButton-large:link, .mjs-theme-color-vivit.mjs-squareButton:link, .mjs-theme-color-vivit.mjs-squareButton-large:link, .mjs-login .mjs-theme-color-vivit.mjs-login-social-button:link, .mjs-button.mjs-theme-color-vivit:visited, .mjs-theme-color-vivit.mjs-button-primary:visited, .mjs-theme-color-vivit.mjs-button-secondary:visited, .mjs-theme-color-vivit.mjs-button-tertiary:visited, .mjs-theme-color-vivit.mjs-circleButton:visited, .mjs-theme-color-vivit.mjs-circleButton-large:visited, .mjs-theme-color-vivit.mjs-squareButton:visited, .mjs-theme-color-vivit.mjs-squareButton-large:visited, .mjs-login .mjs-theme-color-vivit.mjs-login-social-button:visited {
    border-color: #008fe6;
    background-color: #009fff;
    color: rgba(0, 0, 0, 0.87); }
  .mjs-button.mjs-theme-color-vivit:hover, .mjs-theme-color-vivit.mjs-button-primary:hover, .mjs-theme-color-vivit.mjs-button-secondary:hover, .mjs-theme-color-vivit.mjs-button-tertiary:hover, .mjs-theme-color-vivit.mjs-circleButton:hover, .mjs-theme-color-vivit.mjs-circleButton-large:hover, .mjs-theme-color-vivit.mjs-squareButton:hover, .mjs-theme-color-vivit.mjs-squareButton-large:hover, .mjs-login .mjs-theme-color-vivit.mjs-login-social-button:hover {
    border-color: #006fb3;
    background-color: #007fcc;
    color: rgba(0, 0, 0, 0.87); }
  .mjs-button.mjs-theme-color-vivit:active, .mjs-theme-color-vivit.mjs-button-primary:active, .mjs-theme-color-vivit.mjs-button-secondary:active, .mjs-theme-color-vivit.mjs-button-tertiary:active, .mjs-theme-color-vivit.mjs-circleButton:active, .mjs-theme-color-vivit.mjs-circleButton-large:active, .mjs-theme-color-vivit.mjs-squareButton:active, .mjs-theme-color-vivit.mjs-squareButton-large:active, .mjs-login .mjs-theme-color-vivit.mjs-login-social-button:active {
    border-color: #004f80;
    background-color: #005f99;
    color: rgba(0, 0, 0, 0.87); }
  .mjs-button.mjs-theme-color-vivitis-disable:active, .mjs-theme-color-vivitis-disable.mjs-button-primary:active, .mjs-theme-color-vivitis-disable.mjs-button-secondary:active, .mjs-theme-color-vivitis-disable.mjs-button-tertiary:active, .mjs-theme-color-vivitis-disable.mjs-circleButton:active, .mjs-theme-color-vivitis-disable.mjs-circleButton-large:active, .mjs-theme-color-vivitis-disable.mjs-squareButton:active, .mjs-theme-color-vivitis-disable.mjs-squareButton-large:active, .mjs-login .mjs-theme-color-vivitis-disable.mjs-login-social-button:active, .mjs-button.mjs-theme-color-vivit:disabled:active, .mjs-theme-color-vivit.mjs-button-primary:disabled:active, .mjs-theme-color-vivit.mjs-button-secondary:disabled:active, .mjs-theme-color-vivit.mjs-button-tertiary:disabled:active, .mjs-theme-color-vivit.mjs-circleButton:disabled:active, .mjs-theme-color-vivit.mjs-circleButton-large:disabled:active, .mjs-theme-color-vivit.mjs-squareButton:disabled:active, .mjs-theme-color-vivit.mjs-squareButton-large:disabled:active, .mjs-login .mjs-theme-color-vivit.mjs-login-social-button:disabled:active {
    border-color: #008fe6;
    background-color: #009fff;
    color: rgba(0, 0, 0, 0.87); }
  .mjs-button.mjs-theme-color-strong:link, .mjs-theme-color-strong.mjs-button-primary:link, .mjs-theme-color-strong.mjs-button-secondary:link, .mjs-theme-color-strong.mjs-button-tertiary:link, .mjs-theme-color-strong.mjs-circleButton:link, .mjs-theme-color-strong.mjs-circleButton-large:link, .mjs-theme-color-strong.mjs-squareButton:link, .mjs-theme-color-strong.mjs-squareButton-large:link, .mjs-login .mjs-theme-color-strong.mjs-login-social-button:link, .mjs-button.mjs-theme-color-strong:visited, .mjs-theme-color-strong.mjs-button-primary:visited, .mjs-theme-color-strong.mjs-button-secondary:visited, .mjs-theme-color-strong.mjs-button-tertiary:visited, .mjs-theme-color-strong.mjs-circleButton:visited, .mjs-theme-color-strong.mjs-circleButton-large:visited, .mjs-theme-color-strong.mjs-squareButton:visited, .mjs-theme-color-strong.mjs-squareButton-large:visited, .mjs-login .mjs-theme-color-strong.mjs-login-social-button:visited {
    border-color: #1d88c9;
    background-color: #2097df;
    color: rgba(0, 0, 0, 0.87); }
  .mjs-button.mjs-theme-color-strong:hover, .mjs-theme-color-strong.mjs-button-primary:hover, .mjs-theme-color-strong.mjs-button-secondary:hover, .mjs-theme-color-strong.mjs-button-tertiary:hover, .mjs-theme-color-strong.mjs-circleButton:hover, .mjs-theme-color-strong.mjs-circleButton-large:hover, .mjs-theme-color-strong.mjs-squareButton:hover, .mjs-theme-color-strong.mjs-squareButton-large:hover, .mjs-login .mjs-theme-color-strong.mjs-login-social-button:hover {
    border-color: #166a9c;
    background-color: #1a79b3;
    color: rgba(0, 0, 0, 0.87); }
  .mjs-button.mjs-theme-color-strong:active, .mjs-theme-color-strong.mjs-button-primary:active, .mjs-theme-color-strong.mjs-button-secondary:active, .mjs-theme-color-strong.mjs-button-tertiary:active, .mjs-theme-color-strong.mjs-circleButton:active, .mjs-theme-color-strong.mjs-circleButton-large:active, .mjs-theme-color-strong.mjs-squareButton:active, .mjs-theme-color-strong.mjs-squareButton-large:active, .mjs-login .mjs-theme-color-strong.mjs-login-social-button:active {
    border-color: #104b70;
    background-color: #135b86;
    color: rgba(0, 0, 0, 0.87); }
  .mjs-button.mjs-theme-color-strongis-disable:active, .mjs-theme-color-strongis-disable.mjs-button-primary:active, .mjs-theme-color-strongis-disable.mjs-button-secondary:active, .mjs-theme-color-strongis-disable.mjs-button-tertiary:active, .mjs-theme-color-strongis-disable.mjs-circleButton:active, .mjs-theme-color-strongis-disable.mjs-circleButton-large:active, .mjs-theme-color-strongis-disable.mjs-squareButton:active, .mjs-theme-color-strongis-disable.mjs-squareButton-large:active, .mjs-login .mjs-theme-color-strongis-disable.mjs-login-social-button:active, .mjs-button.mjs-theme-color-strong:disabled:active, .mjs-theme-color-strong.mjs-button-primary:disabled:active, .mjs-theme-color-strong.mjs-button-secondary:disabled:active, .mjs-theme-color-strong.mjs-button-tertiary:disabled:active, .mjs-theme-color-strong.mjs-circleButton:disabled:active, .mjs-theme-color-strong.mjs-circleButton-large:disabled:active, .mjs-theme-color-strong.mjs-squareButton:disabled:active, .mjs-theme-color-strong.mjs-squareButton-large:disabled:active, .mjs-login .mjs-theme-color-strong.mjs-login-social-button:disabled:active {
    border-color: #1d88c9;
    background-color: #2097df;
    color: rgba(0, 0, 0, 0.87); }
  .mjs-button.mjs-theme-color-bright:link, .mjs-theme-color-bright.mjs-button-primary:link, .mjs-theme-color-bright.mjs-button-secondary:link, .mjs-theme-color-bright.mjs-button-tertiary:link, .mjs-theme-color-bright.mjs-circleButton:link, .mjs-theme-color-bright.mjs-circleButton-large:link, .mjs-theme-color-bright.mjs-squareButton:link, .mjs-theme-color-bright.mjs-squareButton-large:link, .mjs-login .mjs-theme-color-bright.mjs-login-social-button:link, .mjs-button.mjs-theme-color-bright:visited, .mjs-theme-color-bright.mjs-button-primary:visited, .mjs-theme-color-bright.mjs-button-secondary:visited, .mjs-theme-color-bright.mjs-button-tertiary:visited, .mjs-theme-color-bright.mjs-circleButton:visited, .mjs-theme-color-bright.mjs-circleButton-large:visited, .mjs-theme-color-bright.mjs-squareButton:visited, .mjs-theme-color-bright.mjs-squareButton-large:visited, .mjs-login .mjs-theme-color-bright.mjs-login-social-button:visited {
    border-color: #26adff;
    background-color: #40b7ff;
    color: rgba(0, 0, 0, 0.87); }
  .mjs-button.mjs-theme-color-bright:hover, .mjs-theme-color-bright.mjs-button-primary:hover, .mjs-theme-color-bright.mjs-button-secondary:hover, .mjs-theme-color-bright.mjs-button-tertiary:hover, .mjs-theme-color-bright.mjs-circleButton:hover, .mjs-theme-color-bright.mjs-circleButton-large:hover, .mjs-theme-color-bright.mjs-squareButton:hover, .mjs-theme-color-bright.mjs-squareButton-large:hover, .mjs-login .mjs-theme-color-bright.mjs-login-social-button:hover {
    border-color: #0097f2;
    background-color: #0da4ff;
    color: rgba(0, 0, 0, 0.87); }
  .mjs-button.mjs-theme-color-bright:active, .mjs-theme-color-bright.mjs-button-primary:active, .mjs-theme-color-bright.mjs-button-secondary:active, .mjs-theme-color-bright.mjs-button-tertiary:active, .mjs-theme-color-bright.mjs-circleButton:active, .mjs-theme-color-bright.mjs-circleButton-large:active, .mjs-theme-color-bright.mjs-squareButton:active, .mjs-theme-color-bright.mjs-squareButton-large:active, .mjs-login .mjs-theme-color-bright.mjs-login-social-button:active {
    border-color: #0077bf;
    background-color: #0087d9;
    color: rgba(0, 0, 0, 0.87); }
  .mjs-button.mjs-theme-color-brightis-disable:active, .mjs-theme-color-brightis-disable.mjs-button-primary:active, .mjs-theme-color-brightis-disable.mjs-button-secondary:active, .mjs-theme-color-brightis-disable.mjs-button-tertiary:active, .mjs-theme-color-brightis-disable.mjs-circleButton:active, .mjs-theme-color-brightis-disable.mjs-circleButton-large:active, .mjs-theme-color-brightis-disable.mjs-squareButton:active, .mjs-theme-color-brightis-disable.mjs-squareButton-large:active, .mjs-login .mjs-theme-color-brightis-disable.mjs-login-social-button:active, .mjs-button.mjs-theme-color-bright:disabled:active, .mjs-theme-color-bright.mjs-button-primary:disabled:active, .mjs-theme-color-bright.mjs-button-secondary:disabled:active, .mjs-theme-color-bright.mjs-button-tertiary:disabled:active, .mjs-theme-color-bright.mjs-circleButton:disabled:active, .mjs-theme-color-bright.mjs-circleButton-large:disabled:active, .mjs-theme-color-bright.mjs-squareButton:disabled:active, .mjs-theme-color-bright.mjs-squareButton-large:disabled:active, .mjs-login .mjs-theme-color-bright.mjs-login-social-button:disabled:active {
    border-color: #26adff;
    background-color: #40b7ff;
    color: rgba(0, 0, 0, 0.87); }
  .mjs-button.mjs-theme-color-light:link, .mjs-theme-color-light.mjs-button-primary:link, .mjs-theme-color-light.mjs-button-secondary:link, .mjs-theme-color-light.mjs-button-tertiary:link, .mjs-theme-color-light.mjs-circleButton:link, .mjs-theme-color-light.mjs-circleButton-large:link, .mjs-theme-color-light.mjs-squareButton:link, .mjs-theme-color-light.mjs-squareButton-large:link, .mjs-login .mjs-theme-color-light.mjs-login-social-button:link, .mjs-button.mjs-theme-color-light:visited, .mjs-theme-color-light.mjs-button-primary:visited, .mjs-theme-color-light.mjs-button-secondary:visited, .mjs-theme-color-light.mjs-button-tertiary:visited, .mjs-theme-color-light.mjs-circleButton:visited, .mjs-theme-color-light.mjs-circleButton-large:visited, .mjs-theme-color-light.mjs-squareButton:visited, .mjs-theme-color-light.mjs-squareButton-large:visited, .mjs-login .mjs-theme-color-light.mjs-login-social-button:visited {
    border-color: #66c5ff;
    background-color: #80cfff;
    color: rgba(0, 0, 0, 0.87); }
  .mjs-button.mjs-theme-color-light:hover, .mjs-theme-color-light.mjs-button-primary:hover, .mjs-theme-color-light.mjs-button-secondary:hover, .mjs-theme-color-light.mjs-button-tertiary:hover, .mjs-theme-color-light.mjs-circleButton:hover, .mjs-theme-color-light.mjs-circleButton-large:hover, .mjs-theme-color-light.mjs-squareButton:hover, .mjs-theme-color-light.mjs-squareButton-large:hover, .mjs-login .mjs-theme-color-light.mjs-login-social-button:hover {
    border-color: #33b2ff;
    background-color: #4dbcff;
    color: rgba(0, 0, 0, 0.87); }
  .mjs-button.mjs-theme-color-light:active, .mjs-theme-color-light.mjs-button-primary:active, .mjs-theme-color-light.mjs-button-secondary:active, .mjs-theme-color-light.mjs-button-tertiary:active, .mjs-theme-color-light.mjs-circleButton:active, .mjs-theme-color-light.mjs-circleButton-large:active, .mjs-theme-color-light.mjs-squareButton:active, .mjs-theme-color-light.mjs-squareButton-large:active, .mjs-login .mjs-theme-color-light.mjs-login-social-button:active {
    border-color: #009fff;
    background-color: #1aa8ff;
    color: rgba(0, 0, 0, 0.87); }
  .mjs-button.mjs-theme-color-lightis-disable:active, .mjs-theme-color-lightis-disable.mjs-button-primary:active, .mjs-theme-color-lightis-disable.mjs-button-secondary:active, .mjs-theme-color-lightis-disable.mjs-button-tertiary:active, .mjs-theme-color-lightis-disable.mjs-circleButton:active, .mjs-theme-color-lightis-disable.mjs-circleButton-large:active, .mjs-theme-color-lightis-disable.mjs-squareButton:active, .mjs-theme-color-lightis-disable.mjs-squareButton-large:active, .mjs-login .mjs-theme-color-lightis-disable.mjs-login-social-button:active, .mjs-button.mjs-theme-color-light:disabled:active, .mjs-theme-color-light.mjs-button-primary:disabled:active, .mjs-theme-color-light.mjs-button-secondary:disabled:active, .mjs-theme-color-light.mjs-button-tertiary:disabled:active, .mjs-theme-color-light.mjs-circleButton:disabled:active, .mjs-theme-color-light.mjs-circleButton-large:disabled:active, .mjs-theme-color-light.mjs-squareButton:disabled:active, .mjs-theme-color-light.mjs-squareButton-large:disabled:active, .mjs-login .mjs-theme-color-light.mjs-login-social-button:disabled:active {
    border-color: #66c5ff;
    background-color: #80cfff;
    color: rgba(0, 0, 0, 0.87); }
  .mjs-button.mjs-theme-color-pale:link, .mjs-theme-color-pale.mjs-button-primary:link, .mjs-theme-color-pale.mjs-button-secondary:link, .mjs-theme-color-pale.mjs-button-tertiary:link, .mjs-theme-color-pale.mjs-circleButton:link, .mjs-theme-color-pale.mjs-circleButton-large:link, .mjs-theme-color-pale.mjs-squareButton:link, .mjs-theme-color-pale.mjs-squareButton-large:link, .mjs-login .mjs-theme-color-pale.mjs-login-social-button:link, .mjs-button.mjs-theme-color-pale:visited, .mjs-theme-color-pale.mjs-button-primary:visited, .mjs-theme-color-pale.mjs-button-secondary:visited, .mjs-theme-color-pale.mjs-button-tertiary:visited, .mjs-theme-color-pale.mjs-circleButton:visited, .mjs-theme-color-pale.mjs-circleButton-large:visited, .mjs-theme-color-pale.mjs-squareButton:visited, .mjs-theme-color-pale.mjs-squareButton-large:visited, .mjs-login .mjs-theme-color-pale.mjs-login-social-button:visited {
    border-color: #a6ddff;
    background-color: #bfe7ff;
    color: rgba(0, 0, 0, 0.87); }
  .mjs-button.mjs-theme-color-pale:hover, .mjs-theme-color-pale.mjs-button-primary:hover, .mjs-theme-color-pale.mjs-button-secondary:hover, .mjs-theme-color-pale.mjs-button-tertiary:hover, .mjs-theme-color-pale.mjs-circleButton:hover, .mjs-theme-color-pale.mjs-circleButton-large:hover, .mjs-theme-color-pale.mjs-squareButton:hover, .mjs-theme-color-pale.mjs-squareButton-large:hover, .mjs-login .mjs-theme-color-pale.mjs-login-social-button:hover {
    border-color: #73caff;
    background-color: #8cd4ff;
    color: rgba(0, 0, 0, 0.87); }
  .mjs-button.mjs-theme-color-pale:active, .mjs-theme-color-pale.mjs-button-primary:active, .mjs-theme-color-pale.mjs-button-secondary:active, .mjs-theme-color-pale.mjs-button-tertiary:active, .mjs-theme-color-pale.mjs-circleButton:active, .mjs-theme-color-pale.mjs-circleButton-large:active, .mjs-theme-color-pale.mjs-squareButton:active, .mjs-theme-color-pale.mjs-squareButton-large:active, .mjs-login .mjs-theme-color-pale.mjs-login-social-button:active {
    border-color: #40b7ff;
    background-color: #59c0ff;
    color: rgba(0, 0, 0, 0.87); }
  .mjs-button.mjs-theme-color-paleis-disable:active, .mjs-theme-color-paleis-disable.mjs-button-primary:active, .mjs-theme-color-paleis-disable.mjs-button-secondary:active, .mjs-theme-color-paleis-disable.mjs-button-tertiary:active, .mjs-theme-color-paleis-disable.mjs-circleButton:active, .mjs-theme-color-paleis-disable.mjs-circleButton-large:active, .mjs-theme-color-paleis-disable.mjs-squareButton:active, .mjs-theme-color-paleis-disable.mjs-squareButton-large:active, .mjs-login .mjs-theme-color-paleis-disable.mjs-login-social-button:active, .mjs-button.mjs-theme-color-pale:disabled:active, .mjs-theme-color-pale.mjs-button-primary:disabled:active, .mjs-theme-color-pale.mjs-button-secondary:disabled:active, .mjs-theme-color-pale.mjs-button-tertiary:disabled:active, .mjs-theme-color-pale.mjs-circleButton:disabled:active, .mjs-theme-color-pale.mjs-circleButton-large:disabled:active, .mjs-theme-color-pale.mjs-squareButton:disabled:active, .mjs-theme-color-pale.mjs-squareButton-large:disabled:active, .mjs-login .mjs-theme-color-pale.mjs-login-social-button:disabled:active {
    border-color: #a6ddff;
    background-color: #bfe7ff;
    color: rgba(0, 0, 0, 0.87); }
  .mjs-button.mjs-theme-color-deep:link, .mjs-theme-color-deep.mjs-button-primary:link, .mjs-theme-color-deep.mjs-button-secondary:link, .mjs-theme-color-deep.mjs-button-tertiary:link, .mjs-theme-color-deep.mjs-circleButton:link, .mjs-theme-color-deep.mjs-circleButton-large:link, .mjs-theme-color-deep.mjs-squareButton:link, .mjs-theme-color-deep.mjs-squareButton-large:link, .mjs-login .mjs-theme-color-deep.mjs-login-social-button:link, .mjs-button.mjs-theme-color-deep:visited, .mjs-theme-color-deep.mjs-button-primary:visited, .mjs-theme-color-deep.mjs-button-secondary:visited, .mjs-theme-color-deep.mjs-button-tertiary:visited, .mjs-theme-color-deep.mjs-circleButton:visited, .mjs-theme-color-deep.mjs-circleButton-large:visited, .mjs-theme-color-deep.mjs-squareButton:visited, .mjs-theme-color-deep.mjs-squareButton-large:visited, .mjs-login .mjs-theme-color-deep.mjs-login-social-button:visited {
    border-color: #0067a6;
    background-color: #0077bf;
    color: white; }
  .mjs-button.mjs-theme-color-deep:hover, .mjs-theme-color-deep.mjs-button-primary:hover, .mjs-theme-color-deep.mjs-button-secondary:hover, .mjs-theme-color-deep.mjs-button-tertiary:hover, .mjs-theme-color-deep.mjs-circleButton:hover, .mjs-theme-color-deep.mjs-circleButton-large:hover, .mjs-theme-color-deep.mjs-squareButton:hover, .mjs-theme-color-deep.mjs-squareButton-large:hover, .mjs-login .mjs-theme-color-deep.mjs-login-social-button:hover {
    border-color: #004773;
    background-color: #00578c;
    color: white; }
  .mjs-button.mjs-theme-color-deep:active, .mjs-theme-color-deep.mjs-button-primary:active, .mjs-theme-color-deep.mjs-button-secondary:active, .mjs-theme-color-deep.mjs-button-tertiary:active, .mjs-theme-color-deep.mjs-circleButton:active, .mjs-theme-color-deep.mjs-circleButton-large:active, .mjs-theme-color-deep.mjs-squareButton:active, .mjs-theme-color-deep.mjs-squareButton-large:active, .mjs-login .mjs-theme-color-deep.mjs-login-social-button:active {
    border-color: #002840;
    background-color: #003859;
    color: #cccccc; }
  .mjs-button.mjs-theme-color-deepis-disable:active, .mjs-theme-color-deepis-disable.mjs-button-primary:active, .mjs-theme-color-deepis-disable.mjs-button-secondary:active, .mjs-theme-color-deepis-disable.mjs-button-tertiary:active, .mjs-theme-color-deepis-disable.mjs-circleButton:active, .mjs-theme-color-deepis-disable.mjs-circleButton-large:active, .mjs-theme-color-deepis-disable.mjs-squareButton:active, .mjs-theme-color-deepis-disable.mjs-squareButton-large:active, .mjs-login .mjs-theme-color-deepis-disable.mjs-login-social-button:active, .mjs-button.mjs-theme-color-deep:disabled:active, .mjs-theme-color-deep.mjs-button-primary:disabled:active, .mjs-theme-color-deep.mjs-button-secondary:disabled:active, .mjs-theme-color-deep.mjs-button-tertiary:disabled:active, .mjs-theme-color-deep.mjs-circleButton:disabled:active, .mjs-theme-color-deep.mjs-circleButton-large:disabled:active, .mjs-theme-color-deep.mjs-squareButton:disabled:active, .mjs-theme-color-deep.mjs-squareButton-large:disabled:active, .mjs-login .mjs-theme-color-deep.mjs-login-social-button:disabled:active {
    border-color: #0067a6;
    background-color: #0077bf;
    color: white; }
  .mjs-button.mjs-theme-color-dark:link, .mjs-theme-color-dark.mjs-button-primary:link, .mjs-theme-color-dark.mjs-button-secondary:link, .mjs-theme-color-dark.mjs-button-tertiary:link, .mjs-theme-color-dark.mjs-circleButton:link, .mjs-theme-color-dark.mjs-circleButton-large:link, .mjs-theme-color-dark.mjs-squareButton:link, .mjs-theme-color-dark.mjs-squareButton-large:link, .mjs-login .mjs-theme-color-dark.mjs-login-social-button:link, .mjs-button.mjs-theme-color-dark:visited, .mjs-theme-color-dark.mjs-button-primary:visited, .mjs-theme-color-dark.mjs-button-secondary:visited, .mjs-theme-color-dark.mjs-button-tertiary:visited, .mjs-theme-color-dark.mjs-circleButton:visited, .mjs-theme-color-dark.mjs-circleButton-large:visited, .mjs-theme-color-dark.mjs-squareButton:visited, .mjs-theme-color-dark.mjs-squareButton-large:visited, .mjs-login .mjs-theme-color-dark.mjs-login-social-button:visited {
    border-color: #004066;
    background-color: #004f80;
    color: white; }
  .mjs-button.mjs-theme-color-dark:hover, .mjs-theme-color-dark.mjs-button-primary:hover, .mjs-theme-color-dark.mjs-button-secondary:hover, .mjs-theme-color-dark.mjs-button-tertiary:hover, .mjs-theme-color-dark.mjs-circleButton:hover, .mjs-theme-color-dark.mjs-circleButton-large:hover, .mjs-theme-color-dark.mjs-squareButton:hover, .mjs-theme-color-dark.mjs-squareButton-large:hover, .mjs-login .mjs-theme-color-dark.mjs-login-social-button:hover {
    border-color: #002033;
    background-color: #00304d;
    color: white; }
  .mjs-button.mjs-theme-color-dark:active, .mjs-theme-color-dark.mjs-button-primary:active, .mjs-theme-color-dark.mjs-button-secondary:active, .mjs-theme-color-dark.mjs-button-tertiary:active, .mjs-theme-color-dark.mjs-circleButton:active, .mjs-theme-color-dark.mjs-circleButton-large:active, .mjs-theme-color-dark.mjs-squareButton:active, .mjs-theme-color-dark.mjs-squareButton-large:active, .mjs-login .mjs-theme-color-dark.mjs-login-social-button:active {
    border-color: black;
    background-color: #00101a;
    color: #cccccc; }
  .mjs-button.mjs-theme-color-darkis-disable:active, .mjs-theme-color-darkis-disable.mjs-button-primary:active, .mjs-theme-color-darkis-disable.mjs-button-secondary:active, .mjs-theme-color-darkis-disable.mjs-button-tertiary:active, .mjs-theme-color-darkis-disable.mjs-circleButton:active, .mjs-theme-color-darkis-disable.mjs-circleButton-large:active, .mjs-theme-color-darkis-disable.mjs-squareButton:active, .mjs-theme-color-darkis-disable.mjs-squareButton-large:active, .mjs-login .mjs-theme-color-darkis-disable.mjs-login-social-button:active, .mjs-button.mjs-theme-color-dark:disabled:active, .mjs-theme-color-dark.mjs-button-primary:disabled:active, .mjs-theme-color-dark.mjs-button-secondary:disabled:active, .mjs-theme-color-dark.mjs-button-tertiary:disabled:active, .mjs-theme-color-dark.mjs-circleButton:disabled:active, .mjs-theme-color-dark.mjs-circleButton-large:disabled:active, .mjs-theme-color-dark.mjs-squareButton:disabled:active, .mjs-theme-color-dark.mjs-squareButton-large:disabled:active, .mjs-login .mjs-theme-color-dark.mjs-login-social-button:disabled:active {
    border-color: #004066;
    background-color: #004f80;
    color: white; }
  .mjs-button.mjs-theme-color-darkgrayish:link, .mjs-theme-color-darkgrayish.mjs-button-primary:link, .mjs-theme-color-darkgrayish.mjs-button-secondary:link, .mjs-theme-color-darkgrayish.mjs-button-tertiary:link, .mjs-theme-color-darkgrayish.mjs-circleButton:link, .mjs-theme-color-darkgrayish.mjs-circleButton-large:link, .mjs-theme-color-darkgrayish.mjs-squareButton:link, .mjs-theme-color-darkgrayish.mjs-squareButton-large:link, .mjs-login .mjs-theme-color-darkgrayish.mjs-login-social-button:link, .mjs-button.mjs-theme-color-darkgrayish:visited, .mjs-theme-color-darkgrayish.mjs-button-primary:visited, .mjs-theme-color-darkgrayish.mjs-button-secondary:visited, .mjs-theme-color-darkgrayish.mjs-button-tertiary:visited, .mjs-theme-color-darkgrayish.mjs-circleButton:visited, .mjs-theme-color-darkgrayish.mjs-circleButton-large:visited, .mjs-theme-color-darkgrayish.mjs-squareButton:visited, .mjs-theme-color-darkgrayish.mjs-squareButton-large:visited, .mjs-login .mjs-theme-color-darkgrayish.mjs-login-social-button:visited {
    border-color: #001826;
    background-color: #002840;
    color: white; }
  .mjs-button.mjs-theme-color-darkgrayish:hover, .mjs-theme-color-darkgrayish.mjs-button-primary:hover, .mjs-theme-color-darkgrayish.mjs-button-secondary:hover, .mjs-theme-color-darkgrayish.mjs-button-tertiary:hover, .mjs-theme-color-darkgrayish.mjs-circleButton:hover, .mjs-theme-color-darkgrayish.mjs-circleButton-large:hover, .mjs-theme-color-darkgrayish.mjs-squareButton:hover, .mjs-theme-color-darkgrayish.mjs-squareButton-large:hover, .mjs-login .mjs-theme-color-darkgrayish.mjs-login-social-button:hover {
    border-color: black;
    background-color: #00080d;
    color: white; }
  .mjs-button.mjs-theme-color-darkgrayish:active, .mjs-theme-color-darkgrayish.mjs-button-primary:active, .mjs-theme-color-darkgrayish.mjs-button-secondary:active, .mjs-theme-color-darkgrayish.mjs-button-tertiary:active, .mjs-theme-color-darkgrayish.mjs-circleButton:active, .mjs-theme-color-darkgrayish.mjs-circleButton-large:active, .mjs-theme-color-darkgrayish.mjs-squareButton:active, .mjs-theme-color-darkgrayish.mjs-squareButton-large:active, .mjs-login .mjs-theme-color-darkgrayish.mjs-login-social-button:active {
    border-color: black;
    background-color: black;
    color: #cccccc; }
  .mjs-button.mjs-theme-color-darkgrayishis-disable:active, .mjs-theme-color-darkgrayishis-disable.mjs-button-primary:active, .mjs-theme-color-darkgrayishis-disable.mjs-button-secondary:active, .mjs-theme-color-darkgrayishis-disable.mjs-button-tertiary:active, .mjs-theme-color-darkgrayishis-disable.mjs-circleButton:active, .mjs-theme-color-darkgrayishis-disable.mjs-circleButton-large:active, .mjs-theme-color-darkgrayishis-disable.mjs-squareButton:active, .mjs-theme-color-darkgrayishis-disable.mjs-squareButton-large:active, .mjs-login .mjs-theme-color-darkgrayishis-disable.mjs-login-social-button:active, .mjs-button.mjs-theme-color-darkgrayish:disabled:active, .mjs-theme-color-darkgrayish.mjs-button-primary:disabled:active, .mjs-theme-color-darkgrayish.mjs-button-secondary:disabled:active, .mjs-theme-color-darkgrayish.mjs-button-tertiary:disabled:active, .mjs-theme-color-darkgrayish.mjs-circleButton:disabled:active, .mjs-theme-color-darkgrayish.mjs-circleButton-large:disabled:active, .mjs-theme-color-darkgrayish.mjs-squareButton:disabled:active, .mjs-theme-color-darkgrayish.mjs-squareButton-large:disabled:active, .mjs-login .mjs-theme-color-darkgrayish.mjs-login-social-button:disabled:active {
    border-color: #001826;
    background-color: #002840;
    color: white; }
  .mjs-button.mjs-theme-color-soft:link, .mjs-theme-color-soft.mjs-button-primary:link, .mjs-theme-color-soft.mjs-button-secondary:link, .mjs-theme-color-soft.mjs-button-tertiary:link, .mjs-theme-color-soft.mjs-circleButton:link, .mjs-theme-color-soft.mjs-circleButton-large:link, .mjs-theme-color-soft.mjs-squareButton:link, .mjs-theme-color-soft.mjs-squareButton-large:link, .mjs-login .mjs-theme-color-soft.mjs-login-social-button:link, .mjs-button.mjs-theme-color-soft:visited, .mjs-theme-color-soft.mjs-button-primary:visited, .mjs-theme-color-soft.mjs-button-secondary:visited, .mjs-theme-color-soft.mjs-button-tertiary:visited, .mjs-theme-color-soft.mjs-circleButton:visited, .mjs-theme-color-soft.mjs-circleButton-large:visited, .mjs-theme-color-soft.mjs-squareButton:visited, .mjs-theme-color-soft.mjs-squareButton-large:visited, .mjs-login .mjs-theme-color-soft.mjs-login-social-button:visited {
    border-color: #5ca0c9;
    background-color: #70abcf;
    color: rgba(0, 0, 0, 0.87); }
  .mjs-button.mjs-theme-color-soft:hover, .mjs-theme-color-soft.mjs-button-primary:hover, .mjs-theme-color-soft.mjs-button-secondary:hover, .mjs-theme-color-soft.mjs-button-tertiary:hover, .mjs-theme-color-soft.mjs-circleButton:hover, .mjs-theme-color-soft.mjs-circleButton-large:hover, .mjs-theme-color-soft.mjs-squareButton:hover, .mjs-theme-color-soft.mjs-squareButton-large:hover, .mjs-login .mjs-theme-color-soft.mjs-login-social-button:hover {
    border-color: #3d88b6;
    background-color: #4995c2;
    color: rgba(0, 0, 0, 0.87); }
  .mjs-button.mjs-theme-color-soft:active, .mjs-theme-color-soft.mjs-button-primary:active, .mjs-theme-color-soft.mjs-button-secondary:active, .mjs-theme-color-soft.mjs-button-tertiary:active, .mjs-theme-color-soft.mjs-circleButton:active, .mjs-theme-color-soft.mjs-circleButton-large:active, .mjs-theme-color-soft.mjs-squareButton:active, .mjs-theme-color-soft.mjs-squareButton-large:active, .mjs-login .mjs-theme-color-soft.mjs-login-social-button:active {
    border-color: #306b8f;
    background-color: #367aa3;
    color: rgba(0, 0, 0, 0.87); }
  .mjs-button.mjs-theme-color-softis-disable:active, .mjs-theme-color-softis-disable.mjs-button-primary:active, .mjs-theme-color-softis-disable.mjs-button-secondary:active, .mjs-theme-color-softis-disable.mjs-button-tertiary:active, .mjs-theme-color-softis-disable.mjs-circleButton:active, .mjs-theme-color-softis-disable.mjs-circleButton-large:active, .mjs-theme-color-softis-disable.mjs-squareButton:active, .mjs-theme-color-softis-disable.mjs-squareButton-large:active, .mjs-login .mjs-theme-color-softis-disable.mjs-login-social-button:active, .mjs-button.mjs-theme-color-soft:disabled:active, .mjs-theme-color-soft.mjs-button-primary:disabled:active, .mjs-theme-color-soft.mjs-button-secondary:disabled:active, .mjs-theme-color-soft.mjs-button-tertiary:disabled:active, .mjs-theme-color-soft.mjs-circleButton:disabled:active, .mjs-theme-color-soft.mjs-circleButton-large:disabled:active, .mjs-theme-color-soft.mjs-squareButton:disabled:active, .mjs-theme-color-soft.mjs-squareButton-large:disabled:active, .mjs-login .mjs-theme-color-soft.mjs-login-social-button:disabled:active {
    border-color: #5ca0c9;
    background-color: #70abcf;
    color: rgba(0, 0, 0, 0.87); }
  .mjs-button.mjs-theme-color-lightgrayish:link, .mjs-theme-color-lightgrayish.mjs-button-primary:link, .mjs-theme-color-lightgrayish.mjs-button-secondary:link, .mjs-theme-color-lightgrayish.mjs-button-tertiary:link, .mjs-theme-color-lightgrayish.mjs-circleButton:link, .mjs-theme-color-lightgrayish.mjs-circleButton-large:link, .mjs-theme-color-lightgrayish.mjs-squareButton:link, .mjs-theme-color-lightgrayish.mjs-squareButton-large:link, .mjs-login .mjs-theme-color-lightgrayish.mjs-login-social-button:link, .mjs-button.mjs-theme-color-lightgrayish:visited, .mjs-theme-color-lightgrayish.mjs-button-primary:visited, .mjs-theme-color-lightgrayish.mjs-button-secondary:visited, .mjs-theme-color-lightgrayish.mjs-button-tertiary:visited, .mjs-theme-color-lightgrayish.mjs-circleButton:visited, .mjs-theme-color-lightgrayish.mjs-circleButton-large:visited, .mjs-theme-color-lightgrayish.mjs-squareButton:visited, .mjs-theme-color-lightgrayish.mjs-squareButton-large:visited, .mjs-login .mjs-theme-color-lightgrayish.mjs-login-social-button:visited {
    border-color: #7899ae;
    background-color: #87a5b7;
    color: rgba(0, 0, 0, 0.87); }
  .mjs-button.mjs-theme-color-lightgrayish:hover, .mjs-theme-color-lightgrayish.mjs-button-primary:hover, .mjs-theme-color-lightgrayish.mjs-button-secondary:hover, .mjs-theme-color-lightgrayish.mjs-button-tertiary:hover, .mjs-theme-color-lightgrayish.mjs-circleButton:hover, .mjs-theme-color-lightgrayish.mjs-circleButton-large:hover, .mjs-theme-color-lightgrayish.mjs-squareButton:hover, .mjs-theme-color-lightgrayish.mjs-squareButton-large:hover, .mjs-login .mjs-theme-color-lightgrayish.mjs-login-social-button:hover {
    border-color: #5b8197;
    background-color: #688da4;
    color: rgba(0, 0, 0, 0.87); }
  .mjs-button.mjs-theme-color-lightgrayish:active, .mjs-theme-color-lightgrayish.mjs-button-primary:active, .mjs-theme-color-lightgrayish.mjs-button-secondary:active, .mjs-theme-color-lightgrayish.mjs-button-tertiary:active, .mjs-theme-color-lightgrayish.mjs-circleButton:active, .mjs-theme-color-lightgrayish.mjs-circleButton-large:active, .mjs-theme-color-lightgrayish.mjs-squareButton:active, .mjs-theme-color-lightgrayish.mjs-squareButton-large:active, .mjs-login .mjs-theme-color-lightgrayish.mjs-login-social-button:active {
    border-color: #486578;
    background-color: #517387;
    color: rgba(0, 0, 0, 0.87); }
  .mjs-button.mjs-theme-color-lightgrayishis-disable:active, .mjs-theme-color-lightgrayishis-disable.mjs-button-primary:active, .mjs-theme-color-lightgrayishis-disable.mjs-button-secondary:active, .mjs-theme-color-lightgrayishis-disable.mjs-button-tertiary:active, .mjs-theme-color-lightgrayishis-disable.mjs-circleButton:active, .mjs-theme-color-lightgrayishis-disable.mjs-circleButton-large:active, .mjs-theme-color-lightgrayishis-disable.mjs-squareButton:active, .mjs-theme-color-lightgrayishis-disable.mjs-squareButton-large:active, .mjs-login .mjs-theme-color-lightgrayishis-disable.mjs-login-social-button:active, .mjs-button.mjs-theme-color-lightgrayish:disabled:active, .mjs-theme-color-lightgrayish.mjs-button-primary:disabled:active, .mjs-theme-color-lightgrayish.mjs-button-secondary:disabled:active, .mjs-theme-color-lightgrayish.mjs-button-tertiary:disabled:active, .mjs-theme-color-lightgrayish.mjs-circleButton:disabled:active, .mjs-theme-color-lightgrayish.mjs-circleButton-large:disabled:active, .mjs-theme-color-lightgrayish.mjs-squareButton:disabled:active, .mjs-theme-color-lightgrayish.mjs-squareButton-large:disabled:active, .mjs-login .mjs-theme-color-lightgrayish.mjs-login-social-button:disabled:active {
    border-color: #7899ae;
    background-color: #87a5b7;
    color: rgba(0, 0, 0, 0.87); }
  .mjs-button.mjs-theme-color-dull:link, .mjs-theme-color-dull.mjs-button-primary:link, .mjs-theme-color-dull.mjs-button-secondary:link, .mjs-theme-color-dull.mjs-button-tertiary:link, .mjs-theme-color-dull.mjs-circleButton:link, .mjs-theme-color-dull.mjs-circleButton-large:link, .mjs-theme-color-dull.mjs-squareButton:link, .mjs-theme-color-dull.mjs-squareButton-large:link, .mjs-login .mjs-theme-color-dull.mjs-login-social-button:link, .mjs-button.mjs-theme-color-dull:visited, .mjs-theme-color-dull.mjs-button-primary:visited, .mjs-theme-color-dull.mjs-button-secondary:visited, .mjs-theme-color-dull.mjs-button-tertiary:visited, .mjs-theme-color-dull.mjs-circleButton:visited, .mjs-theme-color-dull.mjs-circleButton-large:visited, .mjs-theme-color-dull.mjs-squareButton:visited, .mjs-theme-color-dull.mjs-squareButton-large:visited, .mjs-login .mjs-theme-color-dull.mjs-login-social-button:visited {
    border-color: #295d7c;
    background-color: #306b8f;
    color: white; }
  .mjs-button.mjs-theme-color-dull:hover, .mjs-theme-color-dull.mjs-button-primary:hover, .mjs-theme-color-dull.mjs-button-secondary:hover, .mjs-theme-color-dull.mjs-button-tertiary:hover, .mjs-theme-color-dull.mjs-circleButton:hover, .mjs-theme-color-dull.mjs-circleButton-large:hover, .mjs-theme-color-dull.mjs-squareButton:hover, .mjs-theme-color-dull.mjs-squareButton-large:hover, .mjs-login .mjs-theme-color-dull.mjs-login-social-button:hover {
    border-color: #1d4056;
    background-color: #234f69;
    color: white; }
  .mjs-button.mjs-theme-color-dull:active, .mjs-theme-color-dull.mjs-button-primary:active, .mjs-theme-color-dull.mjs-button-secondary:active, .mjs-theme-color-dull.mjs-button-tertiary:active, .mjs-theme-color-dull.mjs-circleButton:active, .mjs-theme-color-dull.mjs-circleButton-large:active, .mjs-theme-color-dull.mjs-squareButton:active, .mjs-theme-color-dull.mjs-squareButton-large:active, .mjs-login .mjs-theme-color-dull.mjs-login-social-button:active {
    border-color: #102430;
    background-color: #163243;
    color: #cccccc; }
  .mjs-button.mjs-theme-color-dullis-disable:active, .mjs-theme-color-dullis-disable.mjs-button-primary:active, .mjs-theme-color-dullis-disable.mjs-button-secondary:active, .mjs-theme-color-dullis-disable.mjs-button-tertiary:active, .mjs-theme-color-dullis-disable.mjs-circleButton:active, .mjs-theme-color-dullis-disable.mjs-circleButton-large:active, .mjs-theme-color-dullis-disable.mjs-squareButton:active, .mjs-theme-color-dullis-disable.mjs-squareButton-large:active, .mjs-login .mjs-theme-color-dullis-disable.mjs-login-social-button:active, .mjs-button.mjs-theme-color-dull:disabled:active, .mjs-theme-color-dull.mjs-button-primary:disabled:active, .mjs-theme-color-dull.mjs-button-secondary:disabled:active, .mjs-theme-color-dull.mjs-button-tertiary:disabled:active, .mjs-theme-color-dull.mjs-circleButton:disabled:active, .mjs-theme-color-dull.mjs-circleButton-large:disabled:active, .mjs-theme-color-dull.mjs-squareButton:disabled:active, .mjs-theme-color-dull.mjs-squareButton-large:disabled:active, .mjs-login .mjs-theme-color-dull.mjs-login-social-button:disabled:active {
    border-color: #295d7c;
    background-color: #306b8f;
    color: white; }
  .mjs-button.mjs-theme-color-grayish:link, .mjs-theme-color-grayish.mjs-button-primary:link, .mjs-theme-color-grayish.mjs-button-secondary:link, .mjs-theme-color-grayish.mjs-button-tertiary:link, .mjs-theme-color-grayish.mjs-circleButton:link, .mjs-theme-color-grayish.mjs-circleButton-large:link, .mjs-theme-color-grayish.mjs-squareButton:link, .mjs-theme-color-grayish.mjs-squareButton-large:link, .mjs-login .mjs-theme-color-grayish.mjs-login-social-button:link, .mjs-button.mjs-theme-color-grayish:visited, .mjs-theme-color-grayish.mjs-button-primary:visited, .mjs-theme-color-grayish.mjs-button-secondary:visited, .mjs-theme-color-grayish.mjs-button-tertiary:visited, .mjs-theme-color-grayish.mjs-circleButton:visited, .mjs-theme-color-grayish.mjs-circleButton-large:visited, .mjs-theme-color-grayish.mjs-squareButton:visited, .mjs-theme-color-grayish.mjs-squareButton-large:visited, .mjs-login .mjs-theme-color-grayish.mjs-login-social-button:visited {
    border-color: #3e5868;
    background-color: #486578;
    color: white; }
  .mjs-button.mjs-theme-color-grayish:hover, .mjs-theme-color-grayish.mjs-button-primary:hover, .mjs-theme-color-grayish.mjs-button-secondary:hover, .mjs-theme-color-grayish.mjs-button-tertiary:hover, .mjs-theme-color-grayish.mjs-circleButton:hover, .mjs-theme-color-grayish.mjs-circleButton-large:hover, .mjs-theme-color-grayish.mjs-squareButton:hover, .mjs-theme-color-grayish.mjs-squareButton-large:hover, .mjs-login .mjs-theme-color-grayish.mjs-login-social-button:hover {
    border-color: #2b3d48;
    background-color: #354a58;
    color: white; }
  .mjs-button.mjs-theme-color-grayish:active, .mjs-theme-color-grayish.mjs-button-primary:active, .mjs-theme-color-grayish.mjs-button-secondary:active, .mjs-theme-color-grayish.mjs-button-tertiary:active, .mjs-theme-color-grayish.mjs-circleButton:active, .mjs-theme-color-grayish.mjs-circleButton-large:active, .mjs-theme-color-grayish.mjs-squareButton:active, .mjs-theme-color-grayish.mjs-squareButton-large:active, .mjs-login .mjs-theme-color-grayish.mjs-login-social-button:active {
    border-color: #182228;
    background-color: #212f38;
    color: #cccccc; }
  .mjs-button.mjs-theme-color-grayishis-disable:active, .mjs-theme-color-grayishis-disable.mjs-button-primary:active, .mjs-theme-color-grayishis-disable.mjs-button-secondary:active, .mjs-theme-color-grayishis-disable.mjs-button-tertiary:active, .mjs-theme-color-grayishis-disable.mjs-circleButton:active, .mjs-theme-color-grayishis-disable.mjs-circleButton-large:active, .mjs-theme-color-grayishis-disable.mjs-squareButton:active, .mjs-theme-color-grayishis-disable.mjs-squareButton-large:active, .mjs-login .mjs-theme-color-grayishis-disable.mjs-login-social-button:active, .mjs-button.mjs-theme-color-grayish:disabled:active, .mjs-theme-color-grayish.mjs-button-primary:disabled:active, .mjs-theme-color-grayish.mjs-button-secondary:disabled:active, .mjs-theme-color-grayish.mjs-button-tertiary:disabled:active, .mjs-theme-color-grayish.mjs-circleButton:disabled:active, .mjs-theme-color-grayish.mjs-circleButton-large:disabled:active, .mjs-theme-color-grayish.mjs-squareButton:disabled:active, .mjs-theme-color-grayish.mjs-squareButton-large:disabled:active, .mjs-login .mjs-theme-color-grayish.mjs-login-social-button:disabled:active {
    border-color: #3e5868;
    background-color: #486578;
    color: white; }
  .mjs-button.mjs-theme-color-white:link, .mjs-theme-color-white.mjs-button-primary:link, .mjs-theme-color-white.mjs-button-secondary:link, .mjs-theme-color-white.mjs-button-tertiary:link, .mjs-theme-color-white.mjs-circleButton:link, .mjs-theme-color-white.mjs-circleButton-large:link, .mjs-theme-color-white.mjs-squareButton:link, .mjs-theme-color-white.mjs-squareButton-large:link, .mjs-login .mjs-theme-color-white.mjs-login-social-button:link, .mjs-button.mjs-theme-color-white:visited, .mjs-theme-color-white.mjs-button-primary:visited, .mjs-theme-color-white.mjs-button-secondary:visited, .mjs-theme-color-white.mjs-button-tertiary:visited, .mjs-theme-color-white.mjs-circleButton:visited, .mjs-theme-color-white.mjs-circleButton-large:visited, .mjs-theme-color-white.mjs-squareButton:visited, .mjs-theme-color-white.mjs-squareButton-large:visited, .mjs-login .mjs-theme-color-white.mjs-login-social-button:visited {
    border-color: #f2f2f2;
    background-color: white;
    color: rgba(0, 0, 0, 0.87); }
  .mjs-button.mjs-theme-color-white:hover, .mjs-theme-color-white.mjs-button-primary:hover, .mjs-theme-color-white.mjs-button-secondary:hover, .mjs-theme-color-white.mjs-button-tertiary:hover, .mjs-theme-color-white.mjs-circleButton:hover, .mjs-theme-color-white.mjs-circleButton-large:hover, .mjs-theme-color-white.mjs-squareButton:hover, .mjs-theme-color-white.mjs-squareButton-large:hover, .mjs-login .mjs-theme-color-white.mjs-login-social-button:hover {
    border-color: #d9d9d9;
    background-color: #e6e6e6;
    color: rgba(0, 0, 0, 0.87); }
  .mjs-button.mjs-theme-color-white:active, .mjs-theme-color-white.mjs-button-primary:active, .mjs-theme-color-white.mjs-button-secondary:active, .mjs-theme-color-white.mjs-button-tertiary:active, .mjs-theme-color-white.mjs-circleButton:active, .mjs-theme-color-white.mjs-circleButton-large:active, .mjs-theme-color-white.mjs-squareButton:active, .mjs-theme-color-white.mjs-squareButton-large:active, .mjs-login .mjs-theme-color-white.mjs-login-social-button:active {
    border-color: #bfbfbf;
    background-color: #cccccc;
    color: rgba(0, 0, 0, 0.87); }
  .mjs-button.mjs-theme-color-whiteis-disable:active, .mjs-theme-color-whiteis-disable.mjs-button-primary:active, .mjs-theme-color-whiteis-disable.mjs-button-secondary:active, .mjs-theme-color-whiteis-disable.mjs-button-tertiary:active, .mjs-theme-color-whiteis-disable.mjs-circleButton:active, .mjs-theme-color-whiteis-disable.mjs-circleButton-large:active, .mjs-theme-color-whiteis-disable.mjs-squareButton:active, .mjs-theme-color-whiteis-disable.mjs-squareButton-large:active, .mjs-login .mjs-theme-color-whiteis-disable.mjs-login-social-button:active, .mjs-button.mjs-theme-color-white:disabled:active, .mjs-theme-color-white.mjs-button-primary:disabled:active, .mjs-theme-color-white.mjs-button-secondary:disabled:active, .mjs-theme-color-white.mjs-button-tertiary:disabled:active, .mjs-theme-color-white.mjs-circleButton:disabled:active, .mjs-theme-color-white.mjs-circleButton-large:disabled:active, .mjs-theme-color-white.mjs-squareButton:disabled:active, .mjs-theme-color-white.mjs-squareButton-large:disabled:active, .mjs-login .mjs-theme-color-white.mjs-login-social-button:disabled:active {
    border-color: #cccccc;
    background-color: white;
    color: rgba(0, 0, 0, 0.87); }
  .mjs-button.mjs-theme-color-lightgray:link, .mjs-theme-color-lightgray.mjs-button-primary:link, .mjs-theme-color-lightgray.mjs-button-secondary:link, .mjs-theme-color-lightgray.mjs-button-tertiary:link, .mjs-theme-color-lightgray.mjs-circleButton:link, .mjs-theme-color-lightgray.mjs-circleButton-large:link, .mjs-theme-color-lightgray.mjs-squareButton:link, .mjs-theme-color-lightgray.mjs-squareButton-large:link, .mjs-login .mjs-theme-color-lightgray.mjs-login-social-button:link, .mjs-button.mjs-theme-color-lightgray:visited, .mjs-theme-color-lightgray.mjs-button-primary:visited, .mjs-theme-color-lightgray.mjs-button-secondary:visited, .mjs-theme-color-lightgray.mjs-button-tertiary:visited, .mjs-theme-color-lightgray.mjs-circleButton:visited, .mjs-theme-color-lightgray.mjs-circleButton-large:visited, .mjs-theme-color-lightgray.mjs-squareButton:visited, .mjs-theme-color-lightgray.mjs-squareButton-large:visited, .mjs-login .mjs-theme-color-lightgray.mjs-login-social-button:visited {
    border-color: #b3b3b3;
    background-color: #bfbfbf;
    color: rgba(0, 0, 0, 0.87); }
  .mjs-button.mjs-theme-color-lightgray:hover, .mjs-theme-color-lightgray.mjs-button-primary:hover, .mjs-theme-color-lightgray.mjs-button-secondary:hover, .mjs-theme-color-lightgray.mjs-button-tertiary:hover, .mjs-theme-color-lightgray.mjs-circleButton:hover, .mjs-theme-color-lightgray.mjs-circleButton-large:hover, .mjs-theme-color-lightgray.mjs-squareButton:hover, .mjs-theme-color-lightgray.mjs-squareButton-large:hover, .mjs-login .mjs-theme-color-lightgray.mjs-login-social-button:hover {
    border-color: #999999;
    background-color: #a6a6a6;
    color: rgba(0, 0, 0, 0.87); }
  .mjs-button.mjs-theme-color-lightgray:active, .mjs-theme-color-lightgray.mjs-button-primary:active, .mjs-theme-color-lightgray.mjs-button-secondary:active, .mjs-theme-color-lightgray.mjs-button-tertiary:active, .mjs-theme-color-lightgray.mjs-circleButton:active, .mjs-theme-color-lightgray.mjs-circleButton-large:active, .mjs-theme-color-lightgray.mjs-squareButton:active, .mjs-theme-color-lightgray.mjs-squareButton-large:active, .mjs-login .mjs-theme-color-lightgray.mjs-login-social-button:active {
    border-color: gray;
    background-color: #8c8c8c;
    color: rgba(0, 0, 0, 0.87); }
  .mjs-button.mjs-theme-color-lightgrayis-disable:active, .mjs-theme-color-lightgrayis-disable.mjs-button-primary:active, .mjs-theme-color-lightgrayis-disable.mjs-button-secondary:active, .mjs-theme-color-lightgrayis-disable.mjs-button-tertiary:active, .mjs-theme-color-lightgrayis-disable.mjs-circleButton:active, .mjs-theme-color-lightgrayis-disable.mjs-circleButton-large:active, .mjs-theme-color-lightgrayis-disable.mjs-squareButton:active, .mjs-theme-color-lightgrayis-disable.mjs-squareButton-large:active, .mjs-login .mjs-theme-color-lightgrayis-disable.mjs-login-social-button:active, .mjs-button.mjs-theme-color-lightgray:disabled:active, .mjs-theme-color-lightgray.mjs-button-primary:disabled:active, .mjs-theme-color-lightgray.mjs-button-secondary:disabled:active, .mjs-theme-color-lightgray.mjs-button-tertiary:disabled:active, .mjs-theme-color-lightgray.mjs-circleButton:disabled:active, .mjs-theme-color-lightgray.mjs-circleButton-large:disabled:active, .mjs-theme-color-lightgray.mjs-squareButton:disabled:active, .mjs-theme-color-lightgray.mjs-squareButton-large:disabled:active, .mjs-login .mjs-theme-color-lightgray.mjs-login-social-button:disabled:active {
    border-color: #b3b3b3;
    background-color: #bfbfbf;
    color: rgba(0, 0, 0, 0.87); }
  .mjs-button.mjs-theme-color-mediumgray:link, .mjs-theme-color-mediumgray.mjs-button-primary:link, .mjs-theme-color-mediumgray.mjs-button-secondary:link, .mjs-theme-color-mediumgray.mjs-button-tertiary:link, .mjs-theme-color-mediumgray.mjs-circleButton:link, .mjs-theme-color-mediumgray.mjs-circleButton-large:link, .mjs-theme-color-mediumgray.mjs-squareButton:link, .mjs-theme-color-mediumgray.mjs-squareButton-large:link, .mjs-login .mjs-theme-color-mediumgray.mjs-login-social-button:link, .mjs-button.mjs-theme-color-mediumgray:visited, .mjs-theme-color-mediumgray.mjs-button-primary:visited, .mjs-theme-color-mediumgray.mjs-button-secondary:visited, .mjs-theme-color-mediumgray.mjs-button-tertiary:visited, .mjs-theme-color-mediumgray.mjs-circleButton:visited, .mjs-theme-color-mediumgray.mjs-circleButton-large:visited, .mjs-theme-color-mediumgray.mjs-squareButton:visited, .mjs-theme-color-mediumgray.mjs-squareButton-large:visited, .mjs-login .mjs-theme-color-mediumgray.mjs-login-social-button:visited {
    border-color: #737373;
    background-color: gray;
    color: white; }
  .mjs-button.mjs-theme-color-mediumgray:hover, .mjs-theme-color-mediumgray.mjs-button-primary:hover, .mjs-theme-color-mediumgray.mjs-button-secondary:hover, .mjs-theme-color-mediumgray.mjs-button-tertiary:hover, .mjs-theme-color-mediumgray.mjs-circleButton:hover, .mjs-theme-color-mediumgray.mjs-circleButton-large:hover, .mjs-theme-color-mediumgray.mjs-squareButton:hover, .mjs-theme-color-mediumgray.mjs-squareButton-large:hover, .mjs-login .mjs-theme-color-mediumgray.mjs-login-social-button:hover {
    border-color: #595959;
    background-color: #666666;
    color: white; }
  .mjs-button.mjs-theme-color-mediumgray:active, .mjs-theme-color-mediumgray.mjs-button-primary:active, .mjs-theme-color-mediumgray.mjs-button-secondary:active, .mjs-theme-color-mediumgray.mjs-button-tertiary:active, .mjs-theme-color-mediumgray.mjs-circleButton:active, .mjs-theme-color-mediumgray.mjs-circleButton-large:active, .mjs-theme-color-mediumgray.mjs-squareButton:active, .mjs-theme-color-mediumgray.mjs-squareButton-large:active, .mjs-login .mjs-theme-color-mediumgray.mjs-login-social-button:active {
    border-color: #404040;
    background-color: #4d4d4d;
    color: #cccccc; }
  .mjs-button.mjs-theme-color-mediumgrayis-disable:active, .mjs-theme-color-mediumgrayis-disable.mjs-button-primary:active, .mjs-theme-color-mediumgrayis-disable.mjs-button-secondary:active, .mjs-theme-color-mediumgrayis-disable.mjs-button-tertiary:active, .mjs-theme-color-mediumgrayis-disable.mjs-circleButton:active, .mjs-theme-color-mediumgrayis-disable.mjs-circleButton-large:active, .mjs-theme-color-mediumgrayis-disable.mjs-squareButton:active, .mjs-theme-color-mediumgrayis-disable.mjs-squareButton-large:active, .mjs-login .mjs-theme-color-mediumgrayis-disable.mjs-login-social-button:active, .mjs-button.mjs-theme-color-mediumgray:disabled:active, .mjs-theme-color-mediumgray.mjs-button-primary:disabled:active, .mjs-theme-color-mediumgray.mjs-button-secondary:disabled:active, .mjs-theme-color-mediumgray.mjs-button-tertiary:disabled:active, .mjs-theme-color-mediumgray.mjs-circleButton:disabled:active, .mjs-theme-color-mediumgray.mjs-circleButton-large:disabled:active, .mjs-theme-color-mediumgray.mjs-squareButton:disabled:active, .mjs-theme-color-mediumgray.mjs-squareButton-large:disabled:active, .mjs-login .mjs-theme-color-mediumgray.mjs-login-social-button:disabled:active {
    border-color: #737373;
    background-color: gray;
    color: white; }
  .mjs-button.mjs-theme-color-darkgray:link, .mjs-theme-color-darkgray.mjs-button-primary:link, .mjs-theme-color-darkgray.mjs-button-secondary:link, .mjs-theme-color-darkgray.mjs-button-tertiary:link, .mjs-theme-color-darkgray.mjs-circleButton:link, .mjs-theme-color-darkgray.mjs-circleButton-large:link, .mjs-theme-color-darkgray.mjs-squareButton:link, .mjs-theme-color-darkgray.mjs-squareButton-large:link, .mjs-login .mjs-theme-color-darkgray.mjs-login-social-button:link, .mjs-button.mjs-theme-color-darkgray:visited, .mjs-theme-color-darkgray.mjs-button-primary:visited, .mjs-theme-color-darkgray.mjs-button-secondary:visited, .mjs-theme-color-darkgray.mjs-button-tertiary:visited, .mjs-theme-color-darkgray.mjs-circleButton:visited, .mjs-theme-color-darkgray.mjs-circleButton-large:visited, .mjs-theme-color-darkgray.mjs-squareButton:visited, .mjs-theme-color-darkgray.mjs-squareButton-large:visited, .mjs-login .mjs-theme-color-darkgray.mjs-login-social-button:visited {
    border-color: #333333;
    background-color: #404040;
    color: white; }
  .mjs-button.mjs-theme-color-darkgray:hover, .mjs-theme-color-darkgray.mjs-button-primary:hover, .mjs-theme-color-darkgray.mjs-button-secondary:hover, .mjs-theme-color-darkgray.mjs-button-tertiary:hover, .mjs-theme-color-darkgray.mjs-circleButton:hover, .mjs-theme-color-darkgray.mjs-circleButton-large:hover, .mjs-theme-color-darkgray.mjs-squareButton:hover, .mjs-theme-color-darkgray.mjs-squareButton-large:hover, .mjs-login .mjs-theme-color-darkgray.mjs-login-social-button:hover {
    border-color: #1a1a1a;
    background-color: #262626;
    color: white; }
  .mjs-button.mjs-theme-color-darkgray:active, .mjs-theme-color-darkgray.mjs-button-primary:active, .mjs-theme-color-darkgray.mjs-button-secondary:active, .mjs-theme-color-darkgray.mjs-button-tertiary:active, .mjs-theme-color-darkgray.mjs-circleButton:active, .mjs-theme-color-darkgray.mjs-circleButton-large:active, .mjs-theme-color-darkgray.mjs-squareButton:active, .mjs-theme-color-darkgray.mjs-squareButton-large:active, .mjs-login .mjs-theme-color-darkgray.mjs-login-social-button:active {
    border-color: black;
    background-color: #0d0d0d;
    color: #cccccc; }
  .mjs-button.mjs-theme-color-darkgrayis-disable:active, .mjs-theme-color-darkgrayis-disable.mjs-button-primary:active, .mjs-theme-color-darkgrayis-disable.mjs-button-secondary:active, .mjs-theme-color-darkgrayis-disable.mjs-button-tertiary:active, .mjs-theme-color-darkgrayis-disable.mjs-circleButton:active, .mjs-theme-color-darkgrayis-disable.mjs-circleButton-large:active, .mjs-theme-color-darkgrayis-disable.mjs-squareButton:active, .mjs-theme-color-darkgrayis-disable.mjs-squareButton-large:active, .mjs-login .mjs-theme-color-darkgrayis-disable.mjs-login-social-button:active, .mjs-button.mjs-theme-color-darkgray:disabled:active, .mjs-theme-color-darkgray.mjs-button-primary:disabled:active, .mjs-theme-color-darkgray.mjs-button-secondary:disabled:active, .mjs-theme-color-darkgray.mjs-button-tertiary:disabled:active, .mjs-theme-color-darkgray.mjs-circleButton:disabled:active, .mjs-theme-color-darkgray.mjs-circleButton-large:disabled:active, .mjs-theme-color-darkgray.mjs-squareButton:disabled:active, .mjs-theme-color-darkgray.mjs-squareButton-large:disabled:active, .mjs-login .mjs-theme-color-darkgray.mjs-login-social-button:disabled:active {
    border-color: #333333;
    background-color: #404040;
    color: white; }
  .mjs-button.mjs-theme-color-black:link, .mjs-theme-color-black.mjs-button-primary:link, .mjs-theme-color-black.mjs-button-secondary:link, .mjs-theme-color-black.mjs-button-tertiary:link, .mjs-theme-color-black.mjs-circleButton:link, .mjs-theme-color-black.mjs-circleButton-large:link, .mjs-theme-color-black.mjs-squareButton:link, .mjs-theme-color-black.mjs-squareButton-large:link, .mjs-login .mjs-theme-color-black.mjs-login-social-button:link, .mjs-button.mjs-theme-color-black:visited, .mjs-theme-color-black.mjs-button-primary:visited, .mjs-theme-color-black.mjs-button-secondary:visited, .mjs-theme-color-black.mjs-button-tertiary:visited, .mjs-theme-color-black.mjs-circleButton:visited, .mjs-theme-color-black.mjs-circleButton-large:visited, .mjs-theme-color-black.mjs-squareButton:visited, .mjs-theme-color-black.mjs-squareButton-large:visited, .mjs-login .mjs-theme-color-black.mjs-login-social-button:visited {
    border-color: black;
    background-color: black;
    color: white; }
  .mjs-button.mjs-theme-color-black:hover, .mjs-theme-color-black.mjs-button-primary:hover, .mjs-theme-color-black.mjs-button-secondary:hover, .mjs-theme-color-black.mjs-button-tertiary:hover, .mjs-theme-color-black.mjs-circleButton:hover, .mjs-theme-color-black.mjs-circleButton-large:hover, .mjs-theme-color-black.mjs-squareButton:hover, .mjs-theme-color-black.mjs-squareButton-large:hover, .mjs-login .mjs-theme-color-black.mjs-login-social-button:hover {
    border-color: black;
    background-color: black;
    color: white; }
  .mjs-button.mjs-theme-color-black:active, .mjs-theme-color-black.mjs-button-primary:active, .mjs-theme-color-black.mjs-button-secondary:active, .mjs-theme-color-black.mjs-button-tertiary:active, .mjs-theme-color-black.mjs-circleButton:active, .mjs-theme-color-black.mjs-circleButton-large:active, .mjs-theme-color-black.mjs-squareButton:active, .mjs-theme-color-black.mjs-squareButton-large:active, .mjs-login .mjs-theme-color-black.mjs-login-social-button:active {
    border-color: black;
    background-color: black;
    color: #cccccc; }
  .mjs-button.mjs-theme-color-blackis-disable:active, .mjs-theme-color-blackis-disable.mjs-button-primary:active, .mjs-theme-color-blackis-disable.mjs-button-secondary:active, .mjs-theme-color-blackis-disable.mjs-button-tertiary:active, .mjs-theme-color-blackis-disable.mjs-circleButton:active, .mjs-theme-color-blackis-disable.mjs-circleButton-large:active, .mjs-theme-color-blackis-disable.mjs-squareButton:active, .mjs-theme-color-blackis-disable.mjs-squareButton-large:active, .mjs-login .mjs-theme-color-blackis-disable.mjs-login-social-button:active, .mjs-button.mjs-theme-color-black:disabled:active, .mjs-theme-color-black.mjs-button-primary:disabled:active, .mjs-theme-color-black.mjs-button-secondary:disabled:active, .mjs-theme-color-black.mjs-button-tertiary:disabled:active, .mjs-theme-color-black.mjs-circleButton:disabled:active, .mjs-theme-color-black.mjs-circleButton-large:disabled:active, .mjs-theme-color-black.mjs-squareButton:disabled:active, .mjs-theme-color-black.mjs-squareButton-large:disabled:active, .mjs-login .mjs-theme-color-black.mjs-login-social-button:disabled:active {
    border-color: black;
    background-color: black;
    color: white; }
  .mjs-button.mjs-theme-color-error:link, .mjs-theme-color-error.mjs-button-primary:link, .mjs-theme-color-error.mjs-button-secondary:link, .mjs-theme-color-error.mjs-button-tertiary:link, .mjs-theme-color-error.mjs-circleButton:link, .mjs-theme-color-error.mjs-circleButton-large:link, .mjs-theme-color-error.mjs-squareButton:link, .mjs-theme-color-error.mjs-squareButton-large:link, .mjs-login .mjs-theme-color-error.mjs-login-social-button:link, .mjs-button.mjs-theme-color-error:visited, .mjs-theme-color-error.mjs-button-primary:visited, .mjs-theme-color-error.mjs-button-secondary:visited, .mjs-theme-color-error.mjs-button-tertiary:visited, .mjs-theme-color-error.mjs-circleButton:visited, .mjs-theme-color-error.mjs-circleButton-large:visited, .mjs-theme-color-error.mjs-squareButton:visited, .mjs-theme-color-error.mjs-squareButton-large:visited, .mjs-login .mjs-theme-color-error.mjs-login-social-button:visited {
    border-color: #e60000;
    background-color: red;
    color: white; }
  .mjs-button.mjs-theme-color-error:hover, .mjs-theme-color-error.mjs-button-primary:hover, .mjs-theme-color-error.mjs-button-secondary:hover, .mjs-theme-color-error.mjs-button-tertiary:hover, .mjs-theme-color-error.mjs-circleButton:hover, .mjs-theme-color-error.mjs-circleButton-large:hover, .mjs-theme-color-error.mjs-squareButton:hover, .mjs-theme-color-error.mjs-squareButton-large:hover, .mjs-login .mjs-theme-color-error.mjs-login-social-button:hover {
    border-color: #b30000;
    background-color: #cc0000;
    color: white; }
  .mjs-button.mjs-theme-color-error:active, .mjs-theme-color-error.mjs-button-primary:active, .mjs-theme-color-error.mjs-button-secondary:active, .mjs-theme-color-error.mjs-button-tertiary:active, .mjs-theme-color-error.mjs-circleButton:active, .mjs-theme-color-error.mjs-circleButton-large:active, .mjs-theme-color-error.mjs-squareButton:active, .mjs-theme-color-error.mjs-squareButton-large:active, .mjs-login .mjs-theme-color-error.mjs-login-social-button:active {
    border-color: maroon;
    background-color: #990000;
    color: #cccccc; }
  .mjs-button.mjs-theme-color-erroris-disable:active, .mjs-theme-color-erroris-disable.mjs-button-primary:active, .mjs-theme-color-erroris-disable.mjs-button-secondary:active, .mjs-theme-color-erroris-disable.mjs-button-tertiary:active, .mjs-theme-color-erroris-disable.mjs-circleButton:active, .mjs-theme-color-erroris-disable.mjs-circleButton-large:active, .mjs-theme-color-erroris-disable.mjs-squareButton:active, .mjs-theme-color-erroris-disable.mjs-squareButton-large:active, .mjs-login .mjs-theme-color-erroris-disable.mjs-login-social-button:active, .mjs-button.mjs-theme-color-error:disabled:active, .mjs-theme-color-error.mjs-button-primary:disabled:active, .mjs-theme-color-error.mjs-button-secondary:disabled:active, .mjs-theme-color-error.mjs-button-tertiary:disabled:active, .mjs-theme-color-error.mjs-circleButton:disabled:active, .mjs-theme-color-error.mjs-circleButton-large:disabled:active, .mjs-theme-color-error.mjs-squareButton:disabled:active, .mjs-theme-color-error.mjs-squareButton-large:disabled:active, .mjs-login .mjs-theme-color-error.mjs-login-social-button:disabled:active {
    border-color: #e60000;
    background-color: red;
    color: white; }

.mjs-button-primary {
  border-color: #008ae7;
  background-color: #0099ff; }
  .mjs-button-primary:active, .mjs-button-primary.is-ondown {
    background-color: #007acc; }
  .mjs-button-primary:disabled, .mjs-button-primary.is-disabled {
    background-color: #0099ff; }

.mjs-button-secondary {
  border-color: #e69901;
  background-color: #ffaa00; }
  .mjs-button-secondary:active, .mjs-button-secondary.is-ondown {
    background-color: #cc8800; }
  .mjs-button-secondary:disabled, .mjs-button-secondary.is-disabled {
    background-color: #ffaa00; }

.mjs-selectbox {
  border-color: #bbbbbb;
  background-color: white; }
  .mjs-selectbox:active, .mjs-selectbox.is-ondown {
    background-color: #e6e6e6; }
  @media all and (-ms-high-contrast: none) {
    *::-ms-backdrop .mjs-selectbox {
      background-color: white; }
      *::-ms-backdrop .mjs-selectbox:active {
        background-color: white; } }

.mjs-pagination > a,
.mjs-pagination > span {
  background-color: #f1f1f1;
  border-color: #d6d6d6; }
  .mjs-pagination > a:link, .mjs-pagination > a:visited,
  .mjs-pagination > span:link,
  .mjs-pagination > span:visited {
    background-color: #f1f1f1;
    border-color: #d6d6d6; }
  .mjs-pagination > a:hover, .mjs-pagination > a:focus,
  .mjs-pagination > span:hover,
  .mjs-pagination > span:focus {
    background-color: #d8d8d8;
    color: rgba(0, 0, 0, 0.87); }
  .mjs-pagination > a:active,
  .mjs-pagination > span:active {
    background-color: #bebebe;
    color: rgba(0, 0, 0, 0.87); }

.mjs-pagination > .active > a,
.mjs-pagination > .active > span {
  background-color: #007fcc;
  border-color: #007fcc;
  color: white; }
  .mjs-pagination > .active > a:link, .mjs-pagination > .active > a:visited,
  .mjs-pagination > .active > span:link,
  .mjs-pagination > .active > span:visited {
    background-color: #007fcc;
    border-color: #007fcc;
    color: white; }
  .mjs-pagination > .active > a:hover, .mjs-pagination > .active > a:focus,
  .mjs-pagination > .active > span:hover,
  .mjs-pagination > .active > span:focus {
    background-color: #007fcc;
    color: white; }
  .mjs-pagination > .active > a:active,
  .mjs-pagination > .active > span:active {
    background-color: #007fcc;
    color: white; }

.mjs-pagination > .active.disabled > a,
.mjs-pagination > .active.disabled > span {
  background-color: #007fcc;
  border-color: #007fcc;
  color: white; }
  .mjs-pagination > .active.disabled > a:link, .mjs-pagination > .active.disabled > a:visited, .mjs-pagination > .active.disabled > a:hover, .mjs-pagination > .active.disabled > a:focus, .mjs-pagination > .active.disabled > a:active,
  .mjs-pagination > .active.disabled > span:link,
  .mjs-pagination > .active.disabled > span:visited,
  .mjs-pagination > .active.disabled > span:hover,
  .mjs-pagination > .active.disabled > span:focus,
  .mjs-pagination > .active.disabled > span:active {
    background-color: #007fcc;
    border-color: #007fcc;
    color: white; }

.mjs-stepNav li,
.mjs-stepNav .mjs-stepNav-step {
  /* default skin */
  background-color: #70abcf;
  color: #ffffff;
  border-color: #ffffff; }

.mjs-stepNav li.mjs-stepNav-step-is-active,
.mjs-stepNav .mjs-stepNav-step.mjs-stepNav-step-is-active {
  /* default skin */
  background-color: #007fcc;
  color: #ffffff; }

.mjs-stepNav li:after,
.mjs-stepNav .mjs-stepNav-step:after {
  /* default skin */
  background-color: #70abcf; }

.mjs-stepNav li.mjs-stepNav-step-is-active:after,
.mjs-stepNav .mjs-stepNav-step.mjs-stepNav-step-is-active:after {
  /* default skin */
  background-color: #007fcc; }

.mjs-login .mjs-login-header {
  background-color: #007fcc;
  color: white; }

#mjs-footer {
  background-color: #d6d6d6;
  border-top-color: #bbbbbb; }

.mjs-action-header {
  background-color: #d9f1ff; }

.mjs-theme-color {
  background-color: #007fcc;
  border-color: #006fb3;
  color: white; }

.mjs-theme-color-default {
  background-color: #007fcc;
  border-color: #006fb3;
  color: white; }

.mjs-theme-color-vivit {
  background-color: #009fff;
  border-color: #008fe6;
  color: rgba(0, 0, 0, 0.87); }

.mjs-theme-color-strong {
  background-color: #2097df;
  border-color: #1d88c9;
  color: rgba(0, 0, 0, 0.87); }

.mjs-theme-color-bright {
  background-color: #40b7ff;
  border-color: #26adff;
  color: rgba(0, 0, 0, 0.87); }

.mjs-theme-color-light {
  background-color: #80cfff;
  border-color: #66c5ff;
  color: rgba(0, 0, 0, 0.87); }

.mjs-theme-color-pale {
  background-color: #bfe7ff;
  border-color: #a6ddff;
  color: rgba(0, 0, 0, 0.87); }

.mjs-theme-color-deep {
  background-color: #0077bf;
  border-color: #0067a6;
  color: white; }

.mjs-theme-color-dark {
  background-color: #004f80;
  border-color: #004066;
  color: white; }

.mjs-theme-color-darkgrayish {
  background-color: #002840;
  border-color: #001826;
  color: white; }

.mjs-theme-color-soft {
  background-color: #70abcf;
  border-color: #5ca0c9;
  color: rgba(0, 0, 0, 0.87); }

.mjs-theme-color-lightgrayish {
  background-color: #87a5b7;
  border-color: #7899ae;
  color: rgba(0, 0, 0, 0.87); }

.mjs-theme-color-dull {
  background-color: #306b8f;
  border-color: #295d7c;
  color: white; }

.mjs-theme-color-grayish {
  background-color: #486578;
  border-color: #3e5868;
  color: white; }

.mjs-theme-color-white {
  background-color: white;
  border-color: #f2f2f2;
  color: rgba(0, 0, 0, 0.87); }

.mjs-theme-color-lightgray {
  background-color: #bfbfbf;
  border-color: #b3b3b3;
  color: rgba(0, 0, 0, 0.87); }

.mjs-theme-color-mediumgray {
  background-color: gray;
  border-color: #737373;
  color: white; }

.mjs-theme-color-darkgray {
  background-color: #404040;
  border-color: #333333;
  color: white; }

.mjs-theme-color-black {
  background-color: black;
  border-color: black;
  color: white; }

.mjs-theme-color-error {
  background-color: red;
  border-color: #e60000;
  color: white; }

.mjs-theme-gray-color-white {
  background-color: #ffffff;
  border-color: #f2f2f2;
  color: rgba(0, 0, 0, 0.87); }

.mjs-theme-gray-color-white-text {
  color: #ffffff; }

.mjs-theme-gray-color-9_5 {
  background-color: #f1f1f1;
  border-color: #e4e4e4;
  color: rgba(0, 0, 0, 0.87); }

.mjs-theme-gray-color-9_5-text {
  color: #f1f1f1; }

.mjs-theme-gray-color-8_5 {
  background-color: #d6d6d6;
  border-color: #c9c9c9;
  color: rgba(0, 0, 0, 0.87); }

.mjs-theme-gray-color-8_5-text {
  color: #d6d6d6; }

.mjs-theme-gray-color-7_5 {
  background-color: #bbbbbb;
  border-color: #aeaeae;
  color: rgba(0, 0, 0, 0.87); }

.mjs-theme-gray-color-7_5-text {
  color: #bbbbbb; }

.mjs-theme-gray-color-6_5 {
  background-color: #a1a1a1;
  border-color: #949494;
  color: rgba(0, 0, 0, 0.87); }

.mjs-theme-gray-color-6_5-text {
  color: #a1a1a1; }

.mjs-theme-gray-color-5_5 {
  background-color: #878787;
  border-color: #7a7a7a;
  color: rgba(0, 0, 0, 0.87); }

.mjs-theme-gray-color-5_5-text {
  color: #878787; }

.mjs-theme-gray-color-4_5 {
  background-color: #6d6d6d;
  border-color: #606060;
  color: white; }

.mjs-theme-gray-color-4_5-text {
  color: #6d6d6d; }

.mjs-theme-gray-color-3_5 {
  background-color: #545454;
  border-color: #474747;
  color: white; }

.mjs-theme-gray-color-3_5-text {
  color: #545454; }

.mjs-theme-gray-color-2_5 {
  background-color: #3c3c3c;
  border-color: #2f2f2f;
  color: white; }

.mjs-theme-gray-color-2_5-text {
  color: #3c3c3c; }

.mjs-theme-gray-color-1_5 {
  background-color: #272727;
  border-color: #1a1a1a;
  color: white; }

.mjs-theme-gray-color-1_5-text {
  color: #272727; }

.mjs-theme-gray-color-black {
  background-color: #000000;
  border-color: black;
  color: white; }

.mjs-theme-gray-color-black-text {
  color: #000000; }

.mjs-theme-color-text {
  color: #007fcc; }

.mjs-theme-color-default-text {
  color: #007fcc; }

.mjs-theme-color-vivit-text {
  color: #009fff; }

.mjs-theme-color-strong-text {
  color: #2097df; }

.mjs-theme-color-bright-text {
  color: #40b7ff; }

.mjs-theme-color-light-text {
  color: #80cfff; }

.mjs-theme-color-pale-text {
  color: #bfe7ff; }

.mjs-theme-color-deep-text {
  color: #0077bf; }

.mjs-theme-color-dark-text {
  color: #004f80; }

.mjs-theme-color-darkgrayish-text {
  color: #002840; }

.mjs-theme-color-soft-text {
  color: #70abcf; }

.mjs-theme-color-lightgrayish-text {
  color: #87a5b7; }

.mjs-theme-color-dull-text {
  color: #306b8f; }

.mjs-theme-color-grayish-text {
  color: #486578; }

.mjs-theme-color-white-text {
  color: white; }

.mjs-theme-color-lightgray-text {
  color: #bfbfbf; }

.mjs-theme-color-mediumgray-text {
  color: gray; }

.mjs-theme-color-darkgray-text {
  color: #404040; }

.mjs-theme-color-black-text {
  color: black; }

.mjs-theme-color-error-text {
  color: red; }

/* =========================================================
 Utilities
========================================================= */
/*TODO:作り始めの時にutilitiyとして一つのファイルにまとめていたためこれこのファイル内の内容を分解する*/
/* MJS Utility */
.mjs-margin-0 {
  margin: 0; }

.mjs-text-bold {
  font-weight: bold; }

.mjs-text-center {
  text-align: center; }

.mjs-text-right {
  text-align: right; }

.mjs-text-top {
  vertical-align: top; }

.mjs-text-middle {
  vertical-align: middle; }

.mjs-text-bottom {
  vertical-align: bottom; }

.mjs-list-disc {
  list-style: disc;
  padding-left: 40px; }

.mjs-ellipses {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.mjs-clearfix:after {
  visibility: hidden;
  display: block;
  content: " ";
  clear: both;
  height: 0; }

.mjs-repuiredMark::after {
  content: "※";
  /* default skin */
  color: red; }

.red-50 {
  background-color: #FFEBEE;
  border-color: #ffd2d8;
  color: rgba(0, 0, 0, 0.87); }

.red-100 {
  background-color: #FFCDD2;
  border-color: #ffb4bb;
  color: rgba(0, 0, 0, 0.87); }

.red-200 {
  background-color: #EF9A9A;
  border-color: #ec8484;
  color: rgba(0, 0, 0, 0.87); }

.red-300 {
  background-color: #E57373;
  border-color: #e15d5d;
  color: rgba(0, 0, 0, 0.87); }

.red-400 {
  background-color: #EF5350;
  border-color: #ed3c39;
  color: rgba(255, 255, 255, 0.87); }

.red-500 {
  background-color: #F44336;
  border-color: #f32c1e;
  color: rgba(255, 255, 255, 0.87); }

.red-600 {
  background-color: #E53935;
  border-color: #e2231e;
  color: rgba(255, 255, 255, 0.87); }

.red-700 {
  background-color: #D32F2F;
  border-color: #c02929;
  color: rgba(255, 255, 255, 0.87); }

.red-800 {
  background-color: #C62828;
  border-color: #b12424;
  color: rgba(255, 255, 255, 0.87); }

.red-900 {
  background-color: #B71C1C;
  border-color: #a11919;
  color: rgba(255, 255, 255, 0.87); }

.red-A100 {
  background-color: #FF8A80;
  border-color: #ff7367;
  color: rgba(0, 0, 0, 0.87); }

.red-A200 {
  background-color: #FF5252;
  border-color: #ff3939;
  color: white; }

.red-A400 {
  background-color: #FF1744;
  border-color: #fd0031;
  color: rgba(255, 255, 255, 0.87); }

.red-A700 {
  background-color: #D50000;
  border-color: #bc0000;
  color: rgba(255, 255, 255, 0.87); }

.pink-50 {
  background-color: #fce4ec;
  border-color: #f9cddc;
  color: rgba(0, 0, 0, 0.87); }

.pink-100 {
  background-color: #f8bbd0;
  border-color: #f6a4c0;
  color: rgba(0, 0, 0, 0.87); }

.pink-200 {
  background-color: #f48fb1;
  border-color: #f278a1;
  color: rgba(0, 0, 0, 0.87); }

.pink-300 {
  background-color: #f06292;
  border-color: #ee4b82;
  color: white; }

.pink-400 {
  background-color: #ec407a;
  border-color: #ea296a;
  color: rgba(255, 255, 255, 0.87); }

.pink-500 {
  background-color: #e91e63;
  border-color: #d81558;
  color: rgba(255, 255, 255, 0.87); }

.pink-600 {
  background-color: #d81b60;
  border-color: #c11856;
  color: rgba(255, 255, 255, 0.87); }

.pink-700 {
  background-color: #c2185b;
  border-color: #ab1550;
  color: rgba(255, 255, 255, 0.87); }

.pink-800 {
  background-color: #ad1457;
  border-color: #96114c;
  color: rgba(255, 255, 255, 0.87); }

.pink-900 {
  background-color: #880e4f;
  border-color: #710c42;
  color: rgba(255, 255, 255, 0.87); }

.pink-A100 {
  background-color: #ff80ab;
  border-color: #ff679a;
  color: rgba(0, 0, 0, 0.87); }

.pink-A200 {
  background-color: #ff4081;
  border-color: #ff2770;
  color: white; }

.pink-A400 {
  background-color: #f50057;
  border-color: #dc004e;
  color: rgba(255, 255, 255, 0.87); }

.pink-A700 {
  background-color: #c51162;
  border-color: #ae0f56;
  color: rgba(255, 255, 255, 0.87); }

.purple-50 {
  background-color: #f3e5f5;
  border-color: #ebd3ee;
  color: rgba(0, 0, 0, 0.87); }

.purple-100 {
  background-color: #e1bee7;
  border-color: #d8abe0;
  color: rgba(0, 0, 0, 0.87); }

.purple-200 {
  background-color: #ce93d8;
  border-color: #c680d1;
  color: rgba(0, 0, 0, 0.87); }

.purple-300 {
  background-color: #ba68c8;
  border-color: #b155c1;
  color: white; }

.purple-400 {
  background-color: #ab47bc;
  border-color: #9b3eab;
  color: white; }

.purple-500 {
  background-color: #9c27b0;
  border-color: #89229b;
  color: rgba(255, 255, 255, 0.87); }

.purple-600 {
  background-color: #8e24aa;
  border-color: #7c2095;
  color: rgba(255, 255, 255, 0.87); }

.purple-700 {
  background-color: #7b1fa2;
  border-color: #6b1b8d;
  color: rgba(255, 255, 255, 0.87); }

.purple-800 {
  background-color: #6a1b9a;
  border-color: #5b1784;
  color: rgba(255, 255, 255, 0.87); }

.purple-900 {
  background-color: #4a148c;
  border-color: #3e1176;
  color: rgba(255, 255, 255, 0.87); }

.purple-A100 {
  background-color: #ea80fc;
  border-color: #e667fb;
  color: rgba(0, 0, 0, 0.87); }

.purple-A200 {
  background-color: #e040fb;
  border-color: #dc27fa;
  color: white; }

.purple-A400 {
  background-color: #d500f9;
  border-color: #bf00e0;
  color: rgba(255, 255, 255, 0.87); }

.purple-A700 {
  background-color: #aa00ff;
  border-color: #9900e6;
  color: rgba(255, 255, 255, 0.87); }

.deep-purple-50 {
  background-color: #ede7f6;
  border-color: #dfd4ef;
  color: rgba(0, 0, 0, 0.87); }

.deep-purple-100 {
  background-color: #d1c4e9;
  border-color: #c3b1e2;
  color: rgba(0, 0, 0, 0.87); }

.deep-purple-200 {
  background-color: #b39ddb;
  border-color: #a58ad4;
  color: rgba(0, 0, 0, 0.87); }

.deep-purple-300 {
  background-color: #9575cd;
  border-color: #8762c6;
  color: rgba(255, 255, 255, 0.87); }

.deep-purple-400 {
  background-color: #7e57c2;
  border-color: #7044bb;
  color: rgba(255, 255, 255, 0.87); }

.deep-purple-500 {
  background-color: #673ab7;
  border-color: #5c34a4;
  color: rgba(255, 255, 255, 0.87); }

.deep-purple-600 {
  background-color: #5e35b1;
  border-color: #542f9d;
  color: rgba(255, 255, 255, 0.87); }

.deep-purple-700 {
  background-color: #512da8;
  border-color: #472894;
  color: rgba(255, 255, 255, 0.87); }

.deep-purple-800 {
  background-color: #4527a0;
  border-color: #3c228b;
  color: rgba(255, 255, 255, 0.87); }

.deep-purple-900 {
  background-color: #311b92;
  border-color: #2a177c;
  color: rgba(255, 255, 255, 0.87); }

.deep-purple-A100 {
  background-color: #b388ff;
  border-color: #a36fff;
  color: rgba(0, 0, 0, 0.87); }

.deep-purple-A200 {
  background-color: #7c4dff;
  border-color: #6934ff;
  color: white; }

.deep-purple-A400 {
  background-color: #651fff;
  border-color: #5306ff;
  color: rgba(255, 255, 255, 0.87); }

.deep-purple-A700 {
  background-color: #6200ea;
  border-color: #5700d1;
  color: rgba(255, 255, 255, 0.87); }

.indigo-50 {
  background-color: #e8eaf6;
  border-color: #d6d9ef;
  color: rgba(0, 0, 0, 0.87); }

.indigo-100 {
  background-color: #c5cae9;
  border-color: #b3b9e2;
  color: rgba(0, 0, 0, 0.87); }

.indigo-200 {
  background-color: #9fa8da;
  border-color: #8d97d3;
  color: rgba(0, 0, 0, 0.87); }

.indigo-300 {
  background-color: #7986cb;
  border-color: #6775c4;
  color: rgba(255, 255, 255, 0.87); }

.indigo-400 {
  background-color: #5c6bc0;
  border-color: #4a5ab9;
  color: rgba(255, 255, 255, 0.87); }

.indigo-500 {
  background-color: #3f51b5;
  border-color: #3849a2;
  color: rgba(255, 255, 255, 0.87); }

.indigo-600 {
  background-color: #3949ab;
  border-color: #334198;
  color: rgba(255, 255, 255, 0.87); }

.indigo-700 {
  background-color: #303f9f;
  border-color: #2a378b;
  color: rgba(255, 255, 255, 0.87); }

.indigo-800 {
  background-color: #283593;
  border-color: #232e7f;
  color: rgba(255, 255, 255, 0.87); }

.indigo-900 {
  background-color: #1a237e;
  border-color: #161d69;
  color: rgba(255, 255, 255, 0.87); }

.indigo-A100 {
  background-color: #8c9eff;
  border-color: #7388ff;
  color: rgba(0, 0, 0, 0.87); }

.indigo-A200 {
  background-color: #536dfe;
  border-color: #3a57fe;
  color: rgba(255, 255, 255, 0.87); }

.indigo-A400 {
  background-color: #3d5afe;
  border-color: #2444fe;
  color: rgba(255, 255, 255, 0.87); }

.indigo-A700 {
  background-color: #304ffe;
  border-color: #1739fe;
  color: rgba(255, 255, 255, 0.87); }

.blue-50 {
  background-color: #E3F2FD;
  border-color: #cbe7fb;
  color: rgba(0, 0, 0, 0.87); }

.blue-100 {
  background-color: #BBDEFB;
  border-color: #a3d2fa;
  color: rgba(0, 0, 0, 0.87); }

.blue-200 {
  background-color: #90CAF9;
  border-color: #78bef8;
  color: rgba(0, 0, 0, 0.87); }

.blue-300 {
  background-color: #64B5F6;
  border-color: #4ca9f5;
  color: rgba(0, 0, 0, 0.87); }

.blue-400 {
  background-color: #42A5F5;
  border-color: #2a99f4;
  color: rgba(0, 0, 0, 0.87); }

.blue-500 {
  background-color: #2196F3;
  border-color: #0d8aee;
  color: white; }

.blue-600 {
  background-color: #1E88E5;
  border-color: #187bd1;
  color: rgba(255, 255, 255, 0.87); }

.blue-700 {
  background-color: #1976D2;
  border-color: #1669bb;
  color: rgba(255, 255, 255, 0.87); }

.blue-800 {
  background-color: #1565C0;
  border-color: #1259a9;
  color: rgba(255, 255, 255, 0.87); }

.blue-900 {
  background-color: #0D47A1;
  border-color: #0b3d89;
  color: rgba(255, 255, 255, 0.87); }

.blue-A100 {
  background-color: #82B1FF;
  border-color: #69a1ff;
  color: rgba(0, 0, 0, 0.87); }

.blue-A200 {
  background-color: #448AFF;
  border-color: #2b7aff;
  color: white; }

.blue-A400 {
  background-color: #2979FF;
  border-color: #1069ff;
  color: rgba(255, 255, 255, 0.87); }

.blue-A700 {
  background-color: #2962FF;
  border-color: #104fff;
  color: rgba(255, 255, 255, 0.87); }

.light-blue-50 {
  background-color: #e1f5fe;
  border-color: #c8edfd;
  color: rgba(0, 0, 0, 0.87); }

.light-blue-100 {
  background-color: #b3e5fc;
  border-color: #9addfb;
  color: rgba(0, 0, 0, 0.87); }

.light-blue-200 {
  background-color: #81d4fa;
  border-color: #68ccf9;
  color: rgba(0, 0, 0, 0.87); }

.light-blue-300 {
  background-color: #4fc3f7;
  border-color: #37bbf6;
  color: rgba(0, 0, 0, 0.87); }

.light-blue-400 {
  background-color: #29b6f6;
  border-color: #11aef5;
  color: rgba(0, 0, 0, 0.87); }

.light-blue-500 {
  background-color: #03a9f4;
  border-color: #0398db;
  color: rgba(0, 0, 0, 0.87); }

.light-blue-600 {
  background-color: #039be5;
  border-color: #038acc;
  color: white; }

.light-blue-700 {
  background-color: #0288d1;
  border-color: #0278b8;
  color: rgba(255, 255, 255, 0.87); }

.light-blue-800 {
  background-color: #0277bd;
  border-color: #0267a4;
  color: rgba(255, 255, 255, 0.87); }

.light-blue-900 {
  background-color: #01579b;
  border-color: #014982;
  color: rgba(255, 255, 255, 0.87); }

.light-blue-A100 {
  background-color: #80d8ff;
  border-color: #67d0ff;
  color: rgba(0, 0, 0, 0.87); }

.light-blue-A200 {
  background-color: #40c4ff;
  border-color: #27bcff;
  color: rgba(0, 0, 0, 0.87); }

.light-blue-A400 {
  background-color: #00b0ff;
  border-color: #009ee6;
  color: rgba(0, 0, 0, 0.87); }

.light-blue-A700 {
  background-color: #0091ea;
  border-color: #0081d1;
  color: white; }

.cyan-50 {
  background-color: #e0f7fa;
  border-color: #caf1f6;
  color: rgba(0, 0, 0, 0.87); }

.cyan-100 {
  background-color: #b2ebf2;
  border-color: #9ce5ee;
  color: rgba(0, 0, 0, 0.87); }

.cyan-200 {
  background-color: #80deea;
  border-color: #6ad8e6;
  color: rgba(0, 0, 0, 0.87); }

.cyan-300 {
  background-color: #4dd0e1;
  border-color: #37cadd;
  color: rgba(0, 0, 0, 0.87); }

.cyan-400 {
  background-color: #26c6da;
  border-color: #22b3c5;
  color: rgba(0, 0, 0, 0.87); }

.cyan-500 {
  background-color: #00bcd4;
  border-color: #00a5bb;
  color: rgba(0, 0, 0, 0.87); }

.cyan-600 {
  background-color: #00acc1;
  border-color: #0095a8;
  color: rgba(0, 0, 0, 0.87); }

.cyan-700 {
  background-color: #0097a7;
  border-color: #00808e;
  color: rgba(255, 255, 255, 0.87); }

.cyan-800 {
  background-color: #00838f;
  border-color: #006c76;
  color: rgba(255, 255, 255, 0.87); }

.cyan-900 {
  background-color: #006064;
  border-color: #00484b;
  color: rgba(255, 255, 255, 0.87); }

.cyan-A100 {
  background-color: #84ffff;
  border-color: #6bffff;
  color: rgba(0, 0, 0, 0.87); }

.cyan-A200 {
  background-color: #18ffff;
  border-color: #00fefe;
  color: rgba(0, 0, 0, 0.87); }

.cyan-A400 {
  background-color: #00e5ff;
  border-color: #00cee6;
  color: rgba(0, 0, 0, 0.87); }

.cyan-A700 {
  background-color: #00b8d4;
  border-color: #00a2bb;
  color: rgba(0, 0, 0, 0.87); }

.teal-50 {
  background-color: #e0f2f1;
  border-color: #ceeae9;
  color: rgba(0, 0, 0, 0.87); }

.teal-100 {
  background-color: #b2dfdb;
  border-color: #a0d8d3;
  color: rgba(0, 0, 0, 0.87); }

.teal-200 {
  background-color: #80cbc4;
  border-color: #6ec4bc;
  color: rgba(0, 0, 0, 0.87); }

.teal-300 {
  background-color: #4db6ac;
  border-color: #44a69c;
  color: rgba(0, 0, 0, 0.87); }

.teal-400 {
  background-color: #26a69a;
  border-color: #219187;
  color: rgba(0, 0, 0, 0.87); }

.teal-500 {
  background-color: #009688;
  border-color: #007d71;
  color: white; }

.teal-600 {
  background-color: #00897b;
  border-color: #007064;
  color: white; }

.teal-700 {
  background-color: #00796b;
  border-color: #006054;
  color: white; }

.teal-800 {
  background-color: #00695c;
  border-color: #005046;
  color: rgba(255, 255, 255, 0.87); }

.teal-900 {
  background-color: #004d40;
  border-color: #00342b;
  color: rgba(255, 255, 255, 0.87); }

.teal-A100 {
  background-color: #a7ffeb;
  border-color: #8effe5;
  color: rgba(0, 0, 0, 0.87); }

.teal-A200 {
  background-color: #64ffda;
  border-color: #4bffd4;
  color: rgba(0, 0, 0, 0.87); }

.teal-A400 {
  background-color: #1de9b6;
  border-color: #15d8a7;
  color: rgba(0, 0, 0, 0.87); }

.teal-A700 {
  background-color: #00bfa5;
  border-color: #00a68f;
  color: rgba(0, 0, 0, 0.87); }

.green-50 {
  background-color: #E8F5E9;
  border-color: #d6edd8;
  color: rgba(0, 0, 0, 0.87); }

.green-100 {
  background-color: #C8E6C9;
  border-color: #b6deb8;
  color: rgba(0, 0, 0, 0.87); }

.green-200 {
  background-color: #A5D6A7;
  border-color: #93ce96;
  color: rgba(0, 0, 0, 0.87); }

.green-300 {
  background-color: #81C784;
  border-color: #6fbf73;
  color: rgba(0, 0, 0, 0.87); }

.green-400 {
  background-color: #66BB6A;
  border-color: #54b359;
  color: rgba(0, 0, 0, 0.87); }

.green-500 {
  background-color: #4CAF50;
  border-color: #449d48;
  color: rgba(0, 0, 0, 0.87); }

.green-600 {
  background-color: #43A047;
  border-color: #3b8e3f;
  color: white; }

.green-700 {
  background-color: #388E3C;
  border-color: #317c34;
  color: rgba(255, 255, 255, 0.87); }

.green-800 {
  background-color: #2E7D32;
  border-color: #276a2b;
  color: rgba(255, 255, 255, 0.87); }

.green-900 {
  background-color: #1B5E20;
  border-color: #154a19;
  color: rgba(255, 255, 255, 0.87); }

.green-A100 {
  background-color: #B9F6CA;
  border-color: #a2f3b9;
  color: rgba(0, 0, 0, 0.87); }

.green-A200 {
  background-color: #69F0AE;
  border-color: #52eea1;
  color: rgba(0, 0, 0, 0.87); }

.green-A400 {
  background-color: #00E676;
  border-color: #00cd69;
  color: rgba(0, 0, 0, 0.87); }

.green-A700 {
  background-color: #00C853;
  border-color: #00af48;
  color: rgba(0, 0, 0, 0.87); }

.light-green-50 {
  background-color: #f1f8e9;
  border-color: #e5f2d6;
  color: rgba(0, 0, 0, 0.87); }

.light-green-100 {
  background-color: #dcedc8;
  border-color: #d0e7b5;
  color: rgba(0, 0, 0, 0.87); }

.light-green-200 {
  background-color: #c5e1a5;
  border-color: #b9db92;
  color: rgba(0, 0, 0, 0.87); }

.light-green-300 {
  background-color: #aed581;
  border-color: #a2cf6e;
  color: rgba(0, 0, 0, 0.87); }

.light-green-400 {
  background-color: #9ccc65;
  border-color: #90c652;
  color: rgba(0, 0, 0, 0.87); }

.light-green-500 {
  background-color: #8bc34a;
  border-color: #7eb73d;
  color: rgba(0, 0, 0, 0.87); }

.light-green-600 {
  background-color: #7cb342;
  border-color: #6fa03b;
  color: rgba(0, 0, 0, 0.87); }

.light-green-700 {
  background-color: #689f38;
  border-color: #5c8c31;
  color: white; }

.light-green-800 {
  background-color: #558b2f;
  border-color: #497829;
  color: rgba(255, 255, 255, 0.87); }

.light-green-900 {
  background-color: #33691e;
  border-color: #295518;
  color: rgba(255, 255, 255, 0.87); }

.light-green-A100 {
  background-color: #ccff90;
  border-color: #c0ff77;
  color: rgba(0, 0, 0, 0.87); }

.light-green-A200 {
  background-color: #b2ff59;
  border-color: #a6ff40;
  color: rgba(0, 0, 0, 0.87); }

.light-green-A400 {
  background-color: #76ff03;
  border-color: #6ae900;
  color: rgba(0, 0, 0, 0.87); }

.light-green-A700 {
  background-color: #64dd17;
  border-color: #5ac615;
  color: rgba(0, 0, 0, 0.87); }

.lime-50 {
  background-color: #f9fbe7;
  border-color: #f4f7d1;
  color: rgba(0, 0, 0, 0.87); }

.lime-100 {
  background-color: #f0f4c3;
  border-color: #ebf0ad;
  color: rgba(0, 0, 0, 0.87); }

.lime-200 {
  background-color: #e6ee9c;
  border-color: #e1ea86;
  color: rgba(0, 0, 0, 0.87); }

.lime-300 {
  background-color: #dce775;
  border-color: #d6e35f;
  color: rgba(0, 0, 0, 0.87); }

.lime-400 {
  background-color: #d4e157;
  border-color: #cedd41;
  color: rgba(0, 0, 0, 0.87); }

.lime-500 {
  background-color: #cddc39;
  border-color: #c6d626;
  color: rgba(0, 0, 0, 0.87); }

.lime-600 {
  background-color: #c0ca33;
  border-color: #adb62e;
  color: rgba(0, 0, 0, 0.87); }

.lime-700 {
  background-color: #afb42b;
  border-color: #9b9f26;
  color: rgba(0, 0, 0, 0.87); }

.lime-800 {
  background-color: #9e9d24;
  border-color: #89881f;
  color: rgba(0, 0, 0, 0.87); }

.lime-900 {
  background-color: #827717;
  border-color: #6c6313;
  color: rgba(255, 255, 255, 0.87); }

.lime-A100 {
  background-color: #f4ff81;
  border-color: #f2ff68;
  color: rgba(0, 0, 0, 0.87); }

.lime-A200 {
  background-color: #eeff41;
  border-color: #ecff28;
  color: rgba(0, 0, 0, 0.87); }

.lime-A400 {
  background-color: #c6ff00;
  border-color: #b2e600;
  color: rgba(0, 0, 0, 0.87); }

.lime-A700 {
  background-color: #aeea00;
  border-color: #9bd100;
  color: rgba(0, 0, 0, 0.87); }

.yellow-50 {
  background-color: #fffde7;
  border-color: #fffbce;
  color: rgba(0, 0, 0, 0.87); }

.yellow-100 {
  background-color: #fff9c4;
  border-color: #fff6ab;
  color: rgba(0, 0, 0, 0.87); }

.yellow-200 {
  background-color: #fff59d;
  border-color: #fff284;
  color: rgba(0, 0, 0, 0.87); }

.yellow-300 {
  background-color: #fff176;
  border-color: #ffee5d;
  color: rgba(0, 0, 0, 0.87); }

.yellow-400 {
  background-color: #ffee58;
  border-color: #ffeb3f;
  color: rgba(0, 0, 0, 0.87); }

.yellow-500 {
  background-color: #ffeb3b;
  border-color: #ffe822;
  color: rgba(0, 0, 0, 0.87); }

.yellow-600 {
  background-color: #fdd835;
  border-color: #fdd31c;
  color: rgba(0, 0, 0, 0.87); }

.yellow-700 {
  background-color: #fbc02d;
  border-color: #fbb814;
  color: rgba(0, 0, 0, 0.87); }

.yellow-800 {
  background-color: #f9a825;
  border-color: #f89e0c;
  color: rgba(0, 0, 0, 0.87); }

.yellow-900 {
  background-color: #f57f17;
  border-color: #e8720a;
  color: rgba(0, 0, 0, 0.87); }

.yellow-A100 {
  background-color: #ffff8d;
  border-color: #ffff74;
  color: rgba(0, 0, 0, 0.87); }

.yellow-A200 {
  background-color: #ffff00;
  border-color: #e6e600;
  color: rgba(0, 0, 0, 0.87); }

.yellow-A400 {
  background-color: #ffea00;
  border-color: #e6d300;
  color: rgba(0, 0, 0, 0.87); }

.yellow-A700 {
  background-color: #ffd600;
  border-color: #e6c100;
  color: rgba(0, 0, 0, 0.87); }

.amber-50 {
  background-color: #fff8e1;
  border-color: #fff2c8;
  color: rgba(0, 0, 0, 0.87); }

.amber-100 {
  background-color: #ffecb3;
  border-color: #ffe69a;
  color: rgba(0, 0, 0, 0.87); }

.amber-200 {
  background-color: #ffe082;
  border-color: #ffda69;
  color: rgba(0, 0, 0, 0.87); }

.amber-300 {
  background-color: #ffd54f;
  border-color: #ffcf36;
  color: rgba(0, 0, 0, 0.87); }

.amber-400 {
  background-color: #ffca28;
  border-color: #ffc40f;
  color: rgba(0, 0, 0, 0.87); }

.amber-500 {
  background-color: #ffc107;
  border-color: #edb100;
  color: rgba(0, 0, 0, 0.87); }

.amber-600 {
  background-color: #ffb300;
  border-color: #e6a100;
  color: rgba(0, 0, 0, 0.87); }

.amber-700 {
  background-color: #ffa000;
  border-color: #e69000;
  color: rgba(0, 0, 0, 0.87); }

.amber-800 {
  background-color: #ff8f00;
  border-color: #e68100;
  color: rgba(0, 0, 0, 0.87); }

.amber-900 {
  background-color: #ff6f00;
  border-color: #e66400;
  color: rgba(0, 0, 0, 0.87); }

.amber-A100 {
  background-color: #ffe57f;
  border-color: #ffe066;
  color: rgba(0, 0, 0, 0.87); }

.amber-A200 {
  background-color: #ffd740;
  border-color: #ffd227;
  color: rgba(0, 0, 0, 0.87); }

.amber-A400 {
  background-color: #ffc400;
  border-color: #e6b000;
  color: rgba(0, 0, 0, 0.87); }

.amber-A700 {
  background-color: #ffab00;
  border-color: #e69a00;
  color: rgba(0, 0, 0, 0.87); }

.orange-50 {
  background-color: #fff3e0;
  border-color: #ffe9c7;
  color: rgba(0, 0, 0, 0.87); }

.orange-100 {
  background-color: #ffe0b2;
  border-color: #ffd699;
  color: rgba(0, 0, 0, 0.87); }

.orange-200 {
  background-color: #ffcc80;
  border-color: #ffc267;
  color: rgba(0, 0, 0, 0.87); }

.orange-300 {
  background-color: #ffb74d;
  border-color: #ffad34;
  color: rgba(0, 0, 0, 0.87); }

.orange-400 {
  background-color: #ffa726;
  border-color: #ff9d0d;
  color: rgba(0, 0, 0, 0.87); }

.orange-500 {
  background-color: #ff9800;
  border-color: #e68900;
  color: rgba(0, 0, 0, 0.87); }

.orange-600 {
  background-color: #fb8c00;
  border-color: #e27e00;
  color: rgba(0, 0, 0, 0.87); }

.orange-700 {
  background-color: #f57c00;
  border-color: #dc6f00;
  color: rgba(0, 0, 0, 0.87); }

.orange-800 {
  background-color: #ef6c00;
  border-color: #d66000;
  color: white; }

.orange-900 {
  background-color: #e65100;
  border-color: #cd4800;
  color: rgba(255, 255, 255, 0.87); }

.orange-A100 {
  background-color: #ffd180;
  border-color: #ffc867;
  color: rgba(0, 0, 0, 0.87); }

.orange-A200 {
  background-color: #ffab40;
  border-color: #ffa027;
  color: rgba(0, 0, 0, 0.87); }

.orange-A400 {
  background-color: #ff9100;
  border-color: #e68300;
  color: rgba(0, 0, 0, 0.87); }

.orange-A700 {
  background-color: #ff6d00;
  border-color: #e66200;
  color: rgba(0, 0, 0, 0.87); }

.deep-orange-50 {
  background-color: #fbe9e7;
  border-color: #f7d5d1;
  color: rgba(0, 0, 0, 0.87); }

.deep-orange-100 {
  background-color: #ffccbc;
  border-color: #ffb9a3;
  color: rgba(0, 0, 0, 0.87); }

.deep-orange-200 {
  background-color: #ffab91;
  border-color: #ff9878;
  color: rgba(0, 0, 0, 0.87); }

.deep-orange-300 {
  background-color: #ff8a65;
  border-color: #ff774c;
  color: rgba(0, 0, 0, 0.87); }

.deep-orange-400 {
  background-color: #ff7043;
  border-color: #ff5d2a;
  color: rgba(0, 0, 0, 0.87); }

.deep-orange-500 {
  background-color: #ff5722;
  border-color: #ff4409;
  color: white; }

.deep-orange-600 {
  background-color: #f4511e;
  border-color: #ed410c;
  color: rgba(255, 255, 255, 0.87); }

.deep-orange-700 {
  background-color: #e64a19;
  border-color: #cf4317;
  color: rgba(255, 255, 255, 0.87); }

.deep-orange-800 {
  background-color: #d84315;
  border-color: #c13c13;
  color: rgba(255, 255, 255, 0.87); }

.deep-orange-900 {
  background-color: #bf360c;
  border-color: #a72f0a;
  color: rgba(255, 255, 255, 0.87); }

.deep-orange-A100 {
  background-color: #ff9e80;
  border-color: #ff8b67;
  color: rgba(0, 0, 0, 0.87); }

.deep-orange-A200 {
  background-color: #ff6e40;
  border-color: #ff5b27;
  color: rgba(0, 0, 0, 0.87); }

.deep-orange-A400 {
  background-color: #ff3d00;
  border-color: #e63700;
  color: rgba(255, 255, 255, 0.87); }

.deep-orange-A700 {
  background-color: #dd2c00;
  border-color: #c42700;
  color: rgba(255, 255, 255, 0.87); }

.brown-50 {
  background-color: #efebe9;
  border-color: #e4deda;
  color: rgba(0, 0, 0, 0.87); }

.brown-100 {
  background-color: #d7ccc8;
  border-color: #ccbeb9;
  color: rgba(0, 0, 0, 0.87); }

.brown-200 {
  background-color: #bcaaa4;
  border-color: #b19c95;
  color: rgba(0, 0, 0, 0.87); }

.brown-300 {
  background-color: #a1887f;
  border-color: #967a70;
  color: white; }

.brown-400 {
  background-color: #8d6e63;
  border-color: #7e6258;
  color: rgba(255, 255, 255, 0.87); }

.brown-500 {
  background-color: #795548;
  border-color: #694a3e;
  color: rgba(255, 255, 255, 0.87); }

.brown-600 {
  background-color: #6d4c41;
  border-color: #5d4137;
  color: rgba(255, 255, 255, 0.87); }

.brown-700 {
  background-color: #5d4037;
  border-color: #4d352e;
  color: rgba(255, 255, 255, 0.87); }

.brown-800 {
  background-color: #4e342e;
  border-color: #3e2925;
  color: rgba(255, 255, 255, 0.87); }

.brown-900 {
  background-color: #3e2723;
  border-color: #2e1d1a;
  color: rgba(255, 255, 255, 0.87); }

.blue-grey-50 {
  background-color: #eceff1;
  border-color: #dde3e6;
  color: rgba(0, 0, 0, 0.87); }

.blue-grey-100 {
  background-color: #cfd8dc;
  border-color: #c0ccd1;
  color: rgba(0, 0, 0, 0.87); }

.blue-grey-200 {
  background-color: #b0bec5;
  border-color: #a1b2ba;
  color: rgba(0, 0, 0, 0.87); }

.blue-grey-300 {
  background-color: #90a4ae;
  border-color: #8198a3;
  color: rgba(0, 0, 0, 0.87); }

.blue-grey-400 {
  background-color: #78909c;
  border-color: #6a8491;
  color: white; }

.blue-grey-500 {
  background-color: #607d8b;
  border-color: #566f7c;
  color: rgba(255, 255, 255, 0.87); }

.blue-grey-600 {
  background-color: #546e7a;
  border-color: #4a606b;
  color: rgba(255, 255, 255, 0.87); }

.blue-grey-700 {
  background-color: #455a64;
  border-color: #3b4c55;
  color: rgba(255, 255, 255, 0.87); }

.blue-grey-800 {
  background-color: #37474f;
  border-color: #2d3940;
  color: rgba(255, 255, 255, 0.87); }

.blue-grey-900 {
  background-color: #263238;
  border-color: #1c2429;
  color: rgba(255, 255, 255, 0.87); }

.grey-50 {
  background-color: #fafafa;
  border-color: #ededed;
  color: rgba(0, 0, 0, 0.87); }

.grey-100 {
  background-color: #f5f5f5;
  border-color: #e8e8e8;
  color: rgba(0, 0, 0, 0.87); }

.grey-200 {
  background-color: #eeeeee;
  border-color: #e1e1e1;
  color: rgba(0, 0, 0, 0.87); }

.grey-300 {
  background-color: #e0e0e0;
  border-color: lightgray;
  color: rgba(0, 0, 0, 0.87); }

.grey-400 {
  background-color: #bdbdbd;
  border-color: #b0b0b0;
  color: rgba(0, 0, 0, 0.87); }

.grey-500 {
  background-color: #9e9e9e;
  border-color: #919191;
  color: rgba(0, 0, 0, 0.87); }

.grey-600 {
  background-color: #757575;
  border-color: #686868;
  color: rgba(255, 255, 255, 0.87); }

.grey-700 {
  background-color: #616161;
  border-color: #545454;
  color: rgba(255, 255, 255, 0.87); }

.grey-800 {
  background-color: #424242;
  border-color: #353535;
  color: rgba(255, 255, 255, 0.87); }

.grey-900 {
  background-color: #212121;
  border-color: #141414;
  color: rgba(255, 255, 255, 0.87); }

.red-50-text {
  color: #FFEBEE; }

.red-100-text {
  color: #FFCDD2; }

.red-200-text {
  color: #EF9A9A; }

.red-300-text {
  color: #E57373; }

.red-400-text {
  color: #EF5350; }

.red-500-text {
  color: #F44336; }

.red-600-text {
  color: #E53935; }

.red-700-text {
  color: #D32F2F; }

.red-800-text {
  color: #C62828; }

.red-900-text {
  color: #B71C1C; }

.red-A100-text {
  color: #FF8A80; }

.red-A200-text {
  color: #FF5252; }

.red-A400-text {
  color: #FF1744; }

.red-A700-text {
  color: #D50000; }

.pink-50-text {
  color: #fce4ec; }

.pink-100-text {
  color: #f8bbd0; }

.pink-200-text {
  color: #f48fb1; }

.pink-300-text {
  color: #f06292; }

.pink-400-text {
  color: #ec407a; }

.pink-500-text {
  color: #e91e63; }

.pink-600-text {
  color: #d81b60; }

.pink-700-text {
  color: #c2185b; }

.pink-800-text {
  color: #ad1457; }

.pink-900-text {
  color: #880e4f; }

.pink-A100-text {
  color: #ff80ab; }

.pink-A200-text {
  color: #ff4081; }

.pink-A400-text {
  color: #f50057; }

.pink-A700-text {
  color: #c51162; }

.purple-50-text {
  color: #f3e5f5; }

.purple-100-text {
  color: #e1bee7; }

.purple-200-text {
  color: #ce93d8; }

.purple-300-text {
  color: #ba68c8; }

.purple-400-text {
  color: #ab47bc; }

.purple-500-text {
  color: #9c27b0; }

.purple-600-text {
  color: #8e24aa; }

.purple-700-text {
  color: #7b1fa2; }

.purple-800-text {
  color: #6a1b9a; }

.purple-900-text {
  color: #4a148c; }

.purple-A100-text {
  color: #ea80fc; }

.purple-A200-text {
  color: #e040fb; }

.purple-A400-text {
  color: #d500f9; }

.purple-A700-text {
  color: #aa00ff; }

.deep-purple-50-text {
  color: #ede7f6; }

.deep-purple-100-text {
  color: #d1c4e9; }

.deep-purple-200-text {
  color: #b39ddb; }

.deep-purple-300-text {
  color: #9575cd; }

.deep-purple-400-text {
  color: #7e57c2; }

.deep-purple-500-text {
  color: #673ab7; }

.deep-purple-600-text {
  color: #5e35b1; }

.deep-purple-700-text {
  color: #512da8; }

.deep-purple-800-text {
  color: #4527a0; }

.deep-purple-900-text {
  color: #311b92; }

.deep-purple-A100-text {
  color: #b388ff; }

.deep-purple-A200-text {
  color: #7c4dff; }

.deep-purple-A400-text {
  color: #651fff; }

.deep-purple-A700-text {
  color: #6200ea; }

.indigo-50-text {
  color: #e8eaf6; }

.indigo-100-text {
  color: #c5cae9; }

.indigo-200-text {
  color: #9fa8da; }

.indigo-300-text {
  color: #7986cb; }

.indigo-400-text {
  color: #5c6bc0; }

.indigo-500-text {
  color: #3f51b5; }

.indigo-600-text {
  color: #3949ab; }

.indigo-700-text {
  color: #303f9f; }

.indigo-800-text {
  color: #283593; }

.indigo-900-text {
  color: #1a237e; }

.indigo-A100-text {
  color: #8c9eff; }

.indigo-A200-text {
  color: #536dfe; }

.indigo-A400-text {
  color: #3d5afe; }

.indigo-A700-text {
  color: #304ffe; }

.blue-50-text {
  color: #E3F2FD; }

.blue-100-text {
  color: #BBDEFB; }

.blue-200-text {
  color: #90CAF9; }

.blue-300-text {
  color: #64B5F6; }

.blue-400-text {
  color: #42A5F5; }

.blue-500-text {
  color: #2196F3; }

.blue-600-text {
  color: #1E88E5; }

.blue-700-text {
  color: #1976D2; }

.blue-800-text {
  color: #1565C0; }

.blue-900-text {
  color: #0D47A1; }

.blue-A100-text {
  color: #82B1FF; }

.blue-A200-text {
  color: #448AFF; }

.blue-A400-text {
  color: #2979FF; }

.blue-A700-text {
  color: #2962FF; }

.light-blue-50-text {
  color: #e1f5fe; }

.light-blue-100-text {
  color: #b3e5fc; }

.light-blue-200-text {
  color: #81d4fa; }

.light-blue-300-text {
  color: #4fc3f7; }

.light-blue-400-text {
  color: #29b6f6; }

.light-blue-500-text {
  color: #03a9f4; }

.light-blue-600-text {
  color: #039be5; }

.light-blue-700-text {
  color: #0288d1; }

.light-blue-800-text {
  color: #0277bd; }

.light-blue-900-text {
  color: #01579b; }

.light-blue-A100-text {
  color: #80d8ff; }

.light-blue-A200-text {
  color: #40c4ff; }

.light-blue-A400-text {
  color: #00b0ff; }

.light-blue-A700-text {
  color: #0091ea; }

.cyan-50-text {
  color: #e0f7fa; }

.cyan-100-text {
  color: #b2ebf2; }

.cyan-200-text {
  color: #80deea; }

.cyan-300-text {
  color: #4dd0e1; }

.cyan-400-text {
  color: #26c6da; }

.cyan-500-text {
  color: #00bcd4; }

.cyan-600-text {
  color: #00acc1; }

.cyan-700-text {
  color: #0097a7; }

.cyan-800-text {
  color: #00838f; }

.cyan-900-text {
  color: #006064; }

.cyan-A100-text {
  color: #84ffff; }

.cyan-A200-text {
  color: #18ffff; }

.cyan-A400-text {
  color: #00e5ff; }

.cyan-A700-text {
  color: #00b8d4; }

.teal-50-text {
  color: #e0f2f1; }

.teal-100-text {
  color: #b2dfdb; }

.teal-200-text {
  color: #80cbc4; }

.teal-300-text {
  color: #4db6ac; }

.teal-400-text {
  color: #26a69a; }

.teal-500-text {
  color: #009688; }

.teal-600-text {
  color: #00897b; }

.teal-700-text {
  color: #00796b; }

.teal-800-text {
  color: #00695c; }

.teal-900-text {
  color: #004d40; }

.teal-A100-text {
  color: #a7ffeb; }

.teal-A200-text {
  color: #64ffda; }

.teal-A400-text {
  color: #1de9b6; }

.teal-A700-text {
  color: #00bfa5; }

.green-50-text {
  color: #E8F5E9; }

.green-100-text {
  color: #C8E6C9; }

.green-200-text {
  color: #A5D6A7; }

.green-300-text {
  color: #81C784; }

.green-400-text {
  color: #66BB6A; }

.green-500-text {
  color: #4CAF50; }

.green-600-text {
  color: #43A047; }

.green-700-text {
  color: #388E3C; }

.green-800-text {
  color: #2E7D32; }

.green-900-text {
  color: #1B5E20; }

.green-A100-text {
  color: #B9F6CA; }

.green-A200-text {
  color: #69F0AE; }

.green-A400-text {
  color: #00E676; }

.green-A700-text {
  color: #00C853; }

.light-green-50-text {
  color: #f1f8e9; }

.light-green-100-text {
  color: #dcedc8; }

.light-green-200-text {
  color: #c5e1a5; }

.light-green-300-text {
  color: #aed581; }

.light-green-400-text {
  color: #9ccc65; }

.light-green-500-text {
  color: #8bc34a; }

.light-green-600-text {
  color: #7cb342; }

.light-green-700-text {
  color: #689f38; }

.light-green-800-text {
  color: #558b2f; }

.light-green-900-text {
  color: #33691e; }

.light-green-A100-text {
  color: #ccff90; }

.light-green-A200-text {
  color: #b2ff59; }

.light-green-A400-text {
  color: #76ff03; }

.light-green-A700-text {
  color: #64dd17; }

.lime-50-text {
  color: #f9fbe7; }

.lime-100-text {
  color: #f0f4c3; }

.lime-200-text {
  color: #e6ee9c; }

.lime-300-text {
  color: #dce775; }

.lime-400-text {
  color: #d4e157; }

.lime-500-text {
  color: #cddc39; }

.lime-600-text {
  color: #c0ca33; }

.lime-700-text {
  color: #afb42b; }

.lime-800-text {
  color: #9e9d24; }

.lime-900-text {
  color: #827717; }

.lime-A100-text {
  color: #f4ff81; }

.lime-A200-text {
  color: #eeff41; }

.lime-A400-text {
  color: #c6ff00; }

.lime-A700-text {
  color: #aeea00; }

.yellow-50-text {
  color: #fffde7; }

.yellow-100-text {
  color: #fff9c4; }

.yellow-200-text {
  color: #fff59d; }

.yellow-300-text {
  color: #fff176; }

.yellow-400-text {
  color: #ffee58; }

.yellow-500-text {
  color: #ffeb3b; }

.yellow-600-text {
  color: #fdd835; }

.yellow-700-text {
  color: #fbc02d; }

.yellow-800-text {
  color: #f9a825; }

.yellow-900-text {
  color: #f57f17; }

.yellow-A100-text {
  color: #ffff8d; }

.yellow-A200-text {
  color: #ffff00; }

.yellow-A400-text {
  color: #ffea00; }

.yellow-A700-text {
  color: #ffd600; }

.amber-50-text {
  color: #fff8e1; }

.amber-100-text {
  color: #ffecb3; }

.amber-200-text {
  color: #ffe082; }

.amber-300-text {
  color: #ffd54f; }

.amber-400-text {
  color: #ffca28; }

.amber-500-text {
  color: #ffc107; }

.amber-600-text {
  color: #ffb300; }

.amber-700-text {
  color: #ffa000; }

.amber-800-text {
  color: #ff8f00; }

.amber-900-text {
  color: #ff6f00; }

.amber-A100-text {
  color: #ffe57f; }

.amber-A200-text {
  color: #ffd740; }

.amber-A400-text {
  color: #ffc400; }

.amber-A700-text {
  color: #ffab00; }

.orange-50-text {
  color: #fff3e0; }

.orange-100-text {
  color: #ffe0b2; }

.orange-200-text {
  color: #ffcc80; }

.orange-300-text {
  color: #ffb74d; }

.orange-400-text {
  color: #ffa726; }

.orange-500-text {
  color: #ff9800; }

.orange-600-text {
  color: #fb8c00; }

.orange-700-text {
  color: #f57c00; }

.orange-800-text {
  color: #ef6c00; }

.orange-900-text {
  color: #e65100; }

.orange-A100-text {
  color: #ffd180; }

.orange-A200-text {
  color: #ffab40; }

.orange-A400-text {
  color: #ff9100; }

.orange-A700-text {
  color: #ff6d00; }

.deep-orange-50-text {
  color: #fbe9e7; }

.deep-orange-100-text {
  color: #ffccbc; }

.deep-orange-200-text {
  color: #ffab91; }

.deep-orange-300-text {
  color: #ff8a65; }

.deep-orange-400-text {
  color: #ff7043; }

.deep-orange-500-text {
  color: #ff5722; }

.deep-orange-600-text {
  color: #f4511e; }

.deep-orange-700-text {
  color: #e64a19; }

.deep-orange-800-text {
  color: #d84315; }

.deep-orange-900-text {
  color: #bf360c; }

.deep-orange-A100-text {
  color: #ff9e80; }

.deep-orange-A200-text {
  color: #ff6e40; }

.deep-orange-A400-text {
  color: #ff3d00; }

.deep-orange-A700-text {
  color: #dd2c00; }

.brown-50-text {
  color: #efebe9; }

.brown-100-text {
  color: #d7ccc8; }

.brown-200-text {
  color: #bcaaa4; }

.brown-300-text {
  color: #a1887f; }

.brown-400-text {
  color: #8d6e63; }

.brown-500-text {
  color: #795548; }

.brown-600-text {
  color: #6d4c41; }

.brown-700-text {
  color: #5d4037; }

.brown-800-text {
  color: #4e342e; }

.brown-900-text {
  color: #3e2723; }

.blue-grey-50-text {
  color: #eceff1; }

.blue-grey-100-text {
  color: #cfd8dc; }

.blue-grey-200-text {
  color: #b0bec5; }

.blue-grey-300-text {
  color: #90a4ae; }

.blue-grey-400-text {
  color: #78909c; }

.blue-grey-500-text {
  color: #607d8b; }

.blue-grey-600-text {
  color: #546e7a; }

.blue-grey-700-text {
  color: #455a64; }

.blue-grey-800-text {
  color: #37474f; }

.blue-grey-900-text {
  color: #263238; }

.grey-50-text {
  color: #fafafa; }

.grey-100-text {
  color: #f5f5f5; }

.grey-200-text {
  color: #eeeeee; }

.grey-300-text {
  color: #e0e0e0; }

.grey-400-text {
  color: #bdbdbd; }

.grey-500-text {
  color: #9e9e9e; }

.grey-600-text {
  color: #757575; }

.grey-700-text {
  color: #616161; }

.grey-800-text {
  color: #424242; }

.grey-900-text {
  color: #212121; }

.dark-text-primary {
  color: rgba(0, 0, 0, 0.87); }

.dark-text-secondary {
  color: rgba(0, 0, 0, 0.54); }

.dark-text-hint {
  color: rgba(0, 0, 0, 0.38); }

.dark-text-dividers {
  color: rgba(0, 0, 0, 0.12); }

.light-text-primary {
  color: white; }

.light-text-primary2 {
  color: rgba(255, 255, 255, 0.87); }

.light-text-secondary {
  color: rgba(255, 255, 255, 0.7); }

.light-text-hint {
  color: rgba(255, 255, 255, 0.3); }

.light-text-dividers {
  color: rgba(255, 255, 255, 0.12); }

.black {
  background-color: #000000; }

.black-text {
  color: #000000; }

.white {
  background-color: #FFFFFF; }

.white-text {
  color: #FFFFFF; }

.transparent {
  background-color: transparent; }

.transparent-text {
  color: transparent; }

.mjs-layout-overLayer {
  position: relative; }
  .mjs-layout-overLayer .mjs-layout-overLayer-base {
    position: relative; }
  .mjs-layout-overLayer .mjs-layout-overLayer-full {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  .mjs-layout-overLayer .mjs-layout-overLayer-topLeft {
    position: absolute;
    top: 0;
    left: 0; }
  .mjs-layout-overLayer .mjs-layout-overLayer-topCenter {
    position: absolute;
    top: 0;
    left: 50%;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); }
  .mjs-layout-overLayer .mjs-layout-overLayer-topRight {
    position: absolute;
    top: 0;
    right: 0; }
  .mjs-layout-overLayer .mjs-layout-overLayer-centerLeft {
    position: absolute;
    top: 50%;
    left: 0;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
  .mjs-layout-overLayer .mjs-layout-overLayer-center {
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .mjs-layout-overLayer .mjs-layout-overLayer-centerRight {
    position: absolute;
    top: 50%;
    right: 0;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
  .mjs-layout-overLayer .mjs-layout-overLayer-bottomLeft {
    position: absolute;
    top: 50%;
    left: 0;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
  .mjs-layout-overLayer .mjs-layout-overLayer-bottomCenter {
    position: absolute;
    bottom: 0;
    left: 50%;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); }
  .mjs-layout-overLayer .mjs-layout-overLayer-bottomRight {
    position: absolute;
    right: 0;
    bottom: 0; }

.mjs-layout-absolutePosition {
  position: relative; }
  .mjs-layout-absolutePosition .mjs-layout-absolutePosition-topLeft {
    position: absolute;
    top: 0;
    left: 0; }
  .mjs-layout-absolutePosition .mjs-layout-absolutePosition-topCenter {
    position: absolute;
    top: 0;
    left: 50%;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); }
  .mjs-layout-absolutePosition .mjs-layout-absolutePosition-topRight {
    position: absolute;
    top: 0;
    right: 0; }
  .mjs-layout-absolutePosition .mjs-layout-absolutePosition-centerLeft {
    position: absolute;
    top: 50%;
    left: 0;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
  .mjs-layout-absolutePosition .mjs-layout-absolutePosition-center {
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .mjs-layout-absolutePosition .mjs-layout-absolutePosition-centerRight {
    position: absolute;
    top: 50%;
    right: 0;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
  .mjs-layout-absolutePosition .mjs-layout-absolutePosition-bottomLeft {
    position: absolute;
    left: 0;
    bottom: 0; }
  .mjs-layout-absolutePosition .mjs-layout-absolutePosition-bottomCenter {
    position: absolute;
    bottom: 0;
    left: 50%;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); }
  .mjs-layout-absolutePosition .mjs-layout-absolutePosition-bottomRight {
    position: absolute;
    right: 0;
    bottom: 0; }

.mjs-display-none {
  display: none; }

.mjs-display-block {
  display: block; }

.mjs-display-inline {
  display: inline; }

.mjs-display-listItem {
  display: list-item; }

.mjs-display-inlineBlock {
  display: inline-block; }

.mjs-display-table {
  display: table; }

.mjs-display-table {
  display: table; }

.mjs-display-inlineTable {
  display: inline-table; }

.mjs-display-tablHeaderGroup {
  display: table-header-group; }

.mjs-display-tableRowGroup {
  display: table-row-group; }

.mjs-display-tableFooterGroup {
  display: table-footer-group; }

.mjs-display-tableColumnGroup {
  display: table-column-group; }

.mjs-display-tableRow {
  display: table-row; }

.mjs-display-tableCell {
  display: table-cell; }

.mjs-display-tableCaption {
  display: table-caption; }

.mjs-display-tableColumn {
  display: table-column; }

.mjs-rise-1 {
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.26); }

.mjs-rise-2 {
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.26); }

.mjs-rise-3 {
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.26); }

.mjs-rise-4 {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.26); }

.mjs-rise-5 {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26); }

.mjs-rise-6 {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.26); }

.mjs-rise-7 {
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.26); }

.mjs-rise-8 {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.26); }

.mjs-rise-9 {
  box-shadow: 0 2px 9px rgba(0, 0, 0, 0.26); }

.mjs-rise-10 {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.26); }

.mjs-rise-11 {
  box-shadow: 0 2px 11px rgba(0, 0, 0, 0.26); }

.mjs-rise-12 {
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.26); }

.mjs-rise-13 {
  box-shadow: 0 2px 13px rgba(0, 0, 0, 0.26); }

.mjs-rise-14 {
  box-shadow: 0 2px 14px rgba(0, 0, 0, 0.26); }

.mjs-rise-15 {
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.26); }

.mjs-rise-16 {
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.26); }

.mjs-rise-17 {
  box-shadow: 0 2px 17px rgba(0, 0, 0, 0.26); }

.mjs-rise-18 {
  box-shadow: 0 2px 18px rgba(0, 0, 0, 0.26); }

.mjs-rise-19 {
  box-shadow: 0 2px 19px rgba(0, 0, 0, 0.26); }

.mjs-rise-20 {
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.26); }

.mjs-rise-21 {
  box-shadow: 0 2px 21px rgba(0, 0, 0, 0.26); }

.mjs-rise-22 {
  box-shadow: 0 2px 22px rgba(0, 0, 0, 0.26); }

.mjs-rise-23 {
  box-shadow: 0 2px 23px rgba(0, 0, 0, 0.26); }

.mjs-rise-24 {
  box-shadow: 0 2px 24px rgba(0, 0, 0, 0.26); }

.mjs-rise-none {
  box-shadow: none; }

.mjs-layout-margin-topAuto {
  margin-top: auto; }

.mjs-layout-margin-leftAuto {
  margin-left: auto; }

.mjs-layout-margin-rightAuto {
  margin-right: auto; }

.mjs-layout-margin-bottomAuto {
  margin-bottom: auto; }

.mjs-layout-margin-topNone {
  margin-top: 0; }

.mjs-layout-margin-leftNone {
  margin-left: 0; }

.mjs-layout-margin-rightNone {
  margin-right: 0; }

.mjs-layout-margin-bottomNone {
  margin-bottom: 0; }

.mjs-layout-margin-none {
  margin: 0; }

.mjs-layout-margin5 {
  margin: 5px; }

.mjs-layout-margin-top5 {
  margin-top: 5px; }

.mjs-layout-margin-left5 {
  margin-left: 5px; }

.mjs-layout-margin-right5 {
  margin-right: 5px; }

.mjs-layout-margin-bottom5 {
  margin-bottom: 5px; }

.mjs-layout-margin10 {
  margin: 10px; }

.mjs-layout-margin-top10 {
  margin-top: 10px; }

.mjs-layout-margin-left10 {
  margin-left: 10px; }

.mjs-layout-margin-right10 {
  margin-right: 10px; }

.mjs-layout-margin-bottom10 {
  margin-bottom: 10px; }

.mjs-layout-margin20 {
  margin: 20px; }

.mjs-layout-margin-top20 {
  margin-top: 20px; }

.mjs-layout-margin-left20 {
  margin-left: 20px; }

.mjs-layout-margin-right20 {
  margin-right: 20px; }

.mjs-layout-margin-bottom20 {
  margin-bottom: 20px; }

.mjs-layout-margin30 {
  margin: 30px; }

.mjs-layout-margin-top30 {
  margin-top: 30px; }

.mjs-layout-margin-left30 {
  margin-left: 30px; }

.mjs-layout-margin-right30 {
  margin-right: 30px; }

.mjs-layout-margin-bottom30 {
  margin-bottom: 30px; }

.mjs-layout-margin40 {
  margin: 40px; }

.mjs-layout-margin-top40 {
  margin-top: 40px; }

.mjs-layout-margin-left40 {
  margin-left: 40px; }

.mjs-layout-margin-right40 {
  margin-right: 40px; }

.mjs-layout-margin-bottom40 {
  margin-bottom: 40px; }

.mjs-layout-margin50 {
  margin: 50px; }

.mjs-layout-margin-top50 {
  margin-top: 50px; }

.mjs-layout-margin-left50 {
  margin-left: 50px; }

.mjs-layout-margin-right50 {
  margin-right: 50px; }

.mjs-layout-margin-bottom50 {
  margin-bottom: 50px; }

.mjs-layout-margin60 {
  margin: 60px; }

.mjs-layout-margin-top60 {
  margin-top: 60px; }

.mjs-layout-margin-left60 {
  margin-left: 60px; }

.mjs-layout-margin-right60 {
  margin-right: 60px; }

.mjs-layout-margin-bottom60 {
  margin-bottom: 60px; }

.mjs-layout-padding-topNone {
  padding-top: 0; }

.mjs-layout-padding-leftNone {
  padding-left: 0; }

.mjs-layout-padding-rightNone {
  padding-right: 0; }

.mjs-layout-padding-bottomNone {
  padding-bottom: 0; }

.mjs-layout-padding-none {
  padding: 0; }

.mjs-layout-padding5 {
  padding: 5px; }

.mjs-layout-padding-top5 {
  padding-top: 5px; }

.mjs-layout-padding-left5 {
  padding-left: 5px; }

.mjs-layout-padding-right5 {
  padding-right: 5px; }

.mjs-layout-padding-bottom5 {
  padding-bottom: 5px; }

.mjs-layout-padding10 {
  padding: 10px; }

.mjs-layout-padding-top10 {
  padding-top: 10px; }

.mjs-layout-padding-left10 {
  padding-left: 10px; }

.mjs-layout-padding-right10 {
  padding-right: 10px; }

.mjs-layout-padding-bottom10 {
  padding-bottom: 10px; }

.mjs-layout-padding20 {
  padding: 20px; }

.mjs-layout-padding-top20 {
  padding-top: 20px; }

.mjs-layout-padding-left20 {
  padding-left: 20px; }

.mjs-layout-padding-right20 {
  padding-right: 20px; }

.mjs-layout-padding-bottom20 {
  padding-bottom: 20px; }

.mjs-layout-padding30 {
  padding: 30px; }

.mjs-layout-padding-top30 {
  padding-top: 30px; }

.mjs-layout-padding-left30 {
  padding-left: 30px; }

.mjs-layout-padding-right30 {
  padding-right: 30px; }

.mjs-layout-padding-bottom30 {
  padding-bottom: 30px; }

.mjs-layout-padding40 {
  padding: 40px; }

.mjs-layout-padding-top40 {
  padding-top: 40px; }

.mjs-layout-padding-left40 {
  padding-left: 40px; }

.mjs-layout-padding-right40 {
  padding-right: 40px; }

.mjs-layout-padding-bottom40 {
  padding-bottom: 40px; }

.mjs-layout-padding50 {
  padding: 50px; }

.mjs-layout-padding-top50 {
  padding-top: 50px; }

.mjs-layout-padding-left50 {
  padding-left: 50px; }

.mjs-layout-padding-right50 {
  padding-right: 50px; }

.mjs-layout-padding-bottom50 {
  padding-bottom: 50px; }

.mjs-layout-padding60 {
  padding: 60px; }

.mjs-layout-padding-top60 {
  padding-top: 60px; }

.mjs-layout-padding-left60 {
  padding-left: 60px; }

.mjs-layout-padding-right60 {
  padding-right: 60px; }

.mjs-layout-padding-bottom60 {
  padding-bottom: 60px; }

/*削除予定*/
.mjs-layout-width-full {
  width: 100%; }

.mjs-layout-fullWidth {
  width: 100%; }

.mjs-layout-width20 {
  width: 20px; }

.mjs-layout-maxWidth20 {
  max-width: 20px; }

.mjs-layout-minWidth20 {
  min-width: 20px; }

.mjs-layout-width30 {
  width: 30px; }

.mjs-layout-maxWidth30 {
  max-width: 30px; }

.mjs-layout-minWidth30 {
  min-width: 30px; }

.mjs-layout-width40 {
  width: 40px; }

.mjs-layout-maxWidth40 {
  max-width: 40px; }

.mjs-layout-minWidth40 {
  min-width: 40px; }

.mjs-layout-width50 {
  width: 50px; }

.mjs-layout-maxWidth50 {
  max-width: 50px; }

.mjs-layout-minWidth50 {
  min-width: 50px; }

.mjs-layout-width60 {
  width: 60px; }

.mjs-layout-maxWidth60 {
  max-width: 60px; }

.mjs-layout-minWidth60 {
  min-width: 60px; }

.mjs-layout-width100 {
  width: 100px; }

.mjs-layout-maxWidth100 {
  max-width: 100px; }

.mjs-layout-minWidth100 {
  min-width: 100px; }

.mjs-layout-width130 {
  width: 130px; }

.mjs-layout-maxWidth130 {
  max-width: 130px; }

.mjs-layout-minWidth130 {
  min-width: 130px; }

.mjs-layout-width150 {
  width: 150px; }

.mjs-layout-maxWidth150 {
  max-width: 150px; }

.mjs-layout-minWidth150 {
  min-width: 150px; }

.mjs-layout-width200 {
  width: 200px; }

.mjs-layout-maxWidth200 {
  max-width: 200px; }

.mjs-layout-minWidth200 {
  min-width: 200px; }

.mjs-layout-width300 {
  width: 300px; }

.mjs-layout-maxWidth300 {
  max-width: 300px; }

.mjs-layout-minWidth300 {
  min-width: 300px; }

.mjs-layout-fullHeight {
  height: 100%; }

.mjs-layout-height20 {
  height: 20px; }

.mjs-layout-maxHeight20 {
  max-height: 20px; }

.mjs-layout-minHeight20 {
  min-height: 20px; }

.mjs-layout-height30 {
  height: 30px; }

.mjs-layout-maxHeight30 {
  max-height: 30px; }

.mjs-layout-minHeight30 {
  min-height: 30px; }

.mjs-layout-height40 {
  height: 40px; }

.mjs-layout-maxHeight40 {
  max-height: 40px; }

.mjs-layout-minHeight40 {
  min-height: 40px; }

.mjs-layout-height50 {
  height: 50px; }

.mjs-layout-maxHeight50 {
  max-height: 50px; }

.mjs-layout-minHeight50 {
  min-height: 50px; }

.mjs-layout-height60 {
  height: 60px; }

.mjs-layout-maxHeight60 {
  max-height: 60px; }

.mjs-layout-minHeight60 {
  min-height: 60px; }

.mjs-layout-height100 {
  height: 100px; }

.mjs-layout-maxHeight100 {
  max-height: 100px; }

.mjs-layout-minHeight100 {
  min-height: 100px; }

.mjs-layout-height150 {
  height: 150px; }

.mjs-layout-maxHeight150 {
  max-height: 150px; }

.mjs-layout-minHeight150 {
  min-height: 150px; }

.mjs-layout-height200 {
  height: 200px; }

.mjs-layout-maxHeight200 {
  max-height: 200px; }

.mjs-layout-minHeight200 {
  min-height: 200px; }

.mjs-layout-height300 {
  height: 300px; }

.mjs-layout-maxHeight300 {
  max-height: 300px; }

.mjs-layout-minHeight300 {
  min-height: 300px; }

/*#styleguide
フレックスボックス（横）

フレックスボックス（横）のレイアウトデザインを提供します。

フレックスに関しての詳しい説明はこちらのサイトを参考にして下さい。
http://coliss.com/articles/build-websites/operation/css/css3-flexbox-properties-by-scotch.html

「mjs-flex-row」クラスをつけることでflex内のアイテムは左から右へ水平方向に配置されます

```
<div class="mjs-flex-row" style="border:solid 1px blue;">
    <div style="border:solid 1px red; background-color:#fff; width:100px;">item1</div>
    <div style="border:solid 1px red; background-color:#fff; width:100px;">item2</div>
    <div style="border:solid 1px red; background-color:#fff; width:100px;">item3</div>
</div>
```
*/
/*#styleguide
フレックスボックス（縦）

フレックスボックス（縦）のレイアウトデザインを提供します。
「mjs-flex-column」クラスをつけることでflex内のアイテムは上から下へ水平方向に配置されます

```
<div class="mjs-flex-column" style="border:solid 1px blue;">
    <div style="border:solid 1px red; background-color:#fff; width:100px;">item1</div>
    <div style="border:solid 1px red; background-color:#fff; width:100px;">item2</div>
    <div style="border:solid 1px red; background-color:#fff; width:100px;">item3</div>
</div>
```
*/
/*#styleguide
フレックスボックスnowrap

フレックスアイテムを横一行に収まるよう配置します。各アイテムの幅は
フレックスコンテナの幅に収まるように縮小されます。
「mjs-flex-column」クラスをつけることでflex内のアイテムは上から下へ水平方向に配置されます。

```
<div class="mjs-flex-row mjs-flex-nowrap " style="border:solid 1px blue;">
    <div style="border:solid 1px red; background-color:#fff; width:100px;">item1</div>
    <div style="border:solid 1px red; background-color:#fff; width:100px;">item2</div>
    <div style="border:solid 1px red; background-color:#fff; width:100px;">item3</div>
</div>
```
*/
/*#styleguide
フレックスボックスjustify-content

「justify-○○○○○」のクラスはflexコンテナの主軸に沿ってflexアイテムを一行に配置します。
「justify-○○○○○」のクラスはflexコンテナに対し付与します。

「mjs-flex-justifyStart」はflexアイテムを左側に配置させます。
「mjs-flex-justifyStart」はflexアイテムを中央に配置させます。
「mjs-flex-justifyStart」はflexアイテムを右側に配置させます。

「mjs-flex-justifyBetween」はflexアイテムを最初と最後のアイテムを端に、残りを等間隔で配置させます。

「mjs-flex-justifyBetween」は全てのアイテムを等間隔で配置させます。

```
<div class="mjs-flex-row mjs-flex-justifyStart" style="border:solid 1px blue;margin-bottom:10px;">
    <div style="border:solid 1px red; background-color:#fff; width:100px;">item1</div>
    <div style="border:solid 1px red; background-color:#fff; width:100px;">item2</div>
    <div style="border:solid 1px red; background-color:#fff; width:100px;">item3</div>
</div>
<div class="mjs-flex-row mjs-flex-justifyCenter" style="border:solid 1px blue;margin-bottom:10px;">
    <div style="border:solid 1px red; background-color:#fff; width:100px;">item1</div>
    <div style="border:solid 1px red; background-color:#fff; width:100px;">item2</div>
    <div style="border:solid 1px red; background-color:#fff; width:100px;">item3</div>
</div>
<div class="mjs-flex-row mjs-flex-justifyEnd" style="border:solid 1px blue;margin-bottom:10px;">
    <div style="border:solid 1px red; background-color:#fff; width:100px;">item1</div>
    <div style="border:solid 1px red; background-color:#fff; width:100px;">item2</div>
    <div style="border:solid 1px red; background-color:#fff; width:100px;">item3</div>
</div>
<div class="mjs-flex-row mjs-flex-justifyBetween" style="border:solid 1px blue;margin-bottom:10px;">
    <div style="border:solid 1px red; background-color:#fff; width:100px;">item1</div>
    <div style="border:solid 1px red; background-color:#fff; width:100px;">item2</div>
    <div style="border:solid 1px red; background-color:#fff; width:100px;">item3</div>
    <div style="border:solid 1px red; background-color:#fff; width:100px;">item4</div>
</div>
<div class="mjs-flex-row mjs-flex-justifyAround" style="border:solid 1px blue;">
    <div style="border:solid 1px red; background-color:#fff; width:100px;">item1</div>
    <div style="border:solid 1px red; background-color:#fff; width:100px;">item2</div>
    <div style="border:solid 1px red; background-color:#fff; width:100px;">item3</div>
    <div style="border:solid 1px red; background-color:#fff; width:100px;">item4</div>
</div>
```
*/
/*#styleguide
フレックスボックスalign-items

flexコンテナーの中身を垂直方向に配置することができます。

「mjs-flex-alignStart」クラスを適用するとflexコンテナのクロス軸の始点に配置されます。
「mjs-flex-alignCenter」クラスを適用するとflexコンテナのクロス軸の中央に配置されます。
「mjs-flex-alignEnd」クラスを適用するとflexコンテナのクロス軸の終点に配置されます。

```
<div class="mjs-flex-row mjs-flex-alignStart" style="border:solid 1px blue;height:100;margin-bottom:10px;">
    <div style="border:solid 1px red; background-color:#fff; width:100px;">item1</div>
    <div style="border:solid 1px red; background-color:#fff; width:100px;">item2</div>
    <div style="border:solid 1px red; background-color:#fff; width:100px;">item3</div>
</div>
<div class="mjs-flex-row mjs-flex-alignCenter" style="border:solid 1px blue;height:100;margin-bottom:10px;">
    <div style="border:solid 1px red; background-color:#fff; width:100px;">item1</div>
    <div style="border:solid 1px red; background-color:#fff; width:100px;">item2</div>
    <div style="border:solid 1px red; background-color:#fff; width:100px;">item3</div>
</div>
<div class="mjs-flex-row mjs-flex-alignEnd" style="border:solid 1px blue;height:100;">
    <div style="border:solid 1px red; background-color:#fff; width:100px;">item1</div>
    <div style="border:solid 1px red; background-color:#fff; width:100px;">item2</div>
    <div style="border:solid 1px red; background-color:#fff; width:100px;">item3</div>
</div>
```
*/
/*#styleguide
フレックスボックスstretch

「mjs-flex-alignStretch」クラスを付与することでflex内のアイテムを、flexコンテナの高さ（もしくは幅）いっぱいに配置されます。

```
<div class="mjs-flex-row mjs-flex-nowrap " style="border:solid 1px blue;height: 100px;">
    <div style="border:solid 1px red; background-color:#fff; width:100px;">item1</div>
    <div style="border:solid 1px red; background-color:#fff; width:100px;">item2</div>
    <div style="border:solid 1px red; background-color:#fff; width:100px;">item3</div>
</div>
```
*/
.mjs-flex-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center; }
  .mjs-flex-row > * {
    -ms-flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-flex-shrink: 0;
    flex-shrink: 0; }
  .mjs-flex-row > .mjs-flex-grow {
    -ms-flex: 1 0 auto;
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-flex-grow: 1;
    flex-grow: 1; }
  .mjs-flex-row > .mjs-flex-child-grow {
    -ms-flex: 1 0 auto;
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-flex-grow: 1;
    flex-grow: 1; }
  .mjs-flex-row > .mjs-flex-shrink {
    -ms-flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-flex-shrink: 0;
    flex-shrink: 0; }
  .mjs-flex-row > .mjs-flex-child-noshrink {
    -ms-flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-flex-shrink: 0;
    flex-shrink: 0; }
  .mjs-flex-row > .mjs-flex-child-shrink {
    -ms-flex: 0 1 auto;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-flex-shrink: 1;
    flex-shrink: 1; }
  .mjs-flex-row.mjs-flex-top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start; }
  .mjs-flex-row.mjs-flex-bottom {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end; }
  .mjs-flex-row.mjs-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start; }
  .mjs-flex-row.mjs-flex-end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end; }
  .mjs-flex-row.mjs-flex-stretch {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch; }
  .mjs-flex-row.mjs-flex-alignStart {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start; }
  .mjs-flex-row.mjs-flex-alignEnd {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end; }
  .mjs-flex-row.mjs-flex-alignStretch {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch; }
  .mjs-flex-row.mjs-flex-alignBaseline {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    -webkit-align-items: baseline;
    align-items: baseline; }
  .mjs-flex-row.mjs-flex-justifyStart {
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start; }
  .mjs-flex-row.mjs-flex-justifyEnd {
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end; }
  .mjs-flex-row.mjs-flex-justifyCenter {
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center; }
  .mjs-flex-row.mjs-flex-justifyBetween {
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between; }
  .mjs-flex-row.mjs-flex-justifyAround {
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    justify-content: space-around; }
  .mjs-flex-row.mjs-flex-center {
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center; }
  .mjs-flex-row.mjs-flex-between {
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between; }
  .mjs-flex-row.mjs-flex-around {
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    justify-content: space-around; }
  .mjs-flex-row.mjs-flex-nowrap {
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap; }

.mjs-flex-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-flow: column wrap;
  -webkit-flex-flow: column wrap;
  flex-flow: column wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center; }
  .mjs-flex-column > * {
    -ms-flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-flex-shrink: 0;
    flex-shrink: 0; }
  .mjs-flex-column > .mjs-flex-grow {
    -ms-flex: 1 0 auto;
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-flex-grow: 1;
    flex-grow: 1; }
  .mjs-flex-column > .mjs-flex-child-grow {
    -ms-flex: 1 0 auto;
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-flex-grow: 1;
    flex-grow: 1; }
  .mjs-flex-column > .mjs-flex-shrink {
    -ms-flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-flex-shrink: 0;
    flex-shrink: 0; }
  .mjs-flex-column > .mjs-flex-child-noshrink {
    -ms-flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-flex-shrink: 0;
    flex-shrink: 0; }
  .mjs-flex-column > .mjs-flex-child-shrink {
    -ms-flex: 0 1 auto;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-flex-shrink: 1;
    flex-shrink: 1; }
  .mjs-flex-column.mjs-flex-top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start; }
  .mjs-flex-column.mjs-flex-bottom {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end; }
  .mjs-flex-column.mjs-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start; }
  .mjs-flex-column.mjs-flex-end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end; }
  .mjs-flex-column.mjs-flex-stretch {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch; }
  .mjs-flex-column.mjs-flex-alignStart {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start; }
  .mjs-flex-column.mjs-flex-alignEnd {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end; }
  .mjs-flex-column.mjs-flex-alignStretch {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch; }
  .mjs-flex-column.mjs-flex-alignBaseline {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    -webkit-align-items: baseline;
    align-items: baseline; }
  .mjs-flex-column.mjs-flex-justifyStart {
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start; }
  .mjs-flex-column.mjs-flex-justifyEnd {
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end; }
  .mjs-flex-column.mjs-flex-justifyCenter {
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center; }
  .mjs-flex-column.mjs-flex-justifyBetween {
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between; }
  .mjs-flex-column.mjs-flex-justifyAround {
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    justify-content: space-around; }
  .mjs-flex-column.mjs-flex-center {
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center; }
  .mjs-flex-column.mjs-flex-between {
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between; }
  .mjs-flex-column.mjs-flex-around {
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    justify-content: space-around; }
  .mjs-flex-column.mjs-flex-nowrap {
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap; }

.mjs-flex-direction {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center; }
  .mjs-flex-direction > * {
    -ms-flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-flex-shrink: 0;
    flex-shrink: 0; }
  .mjs-flex-direction > .mjs-flex-grow {
    -ms-flex: 1 0 auto;
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-flex-grow: 1;
    flex-grow: 1; }
  .mjs-flex-direction > .mjs-flex-child-grow {
    -ms-flex: 1 0 auto;
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-flex-grow: 1;
    flex-grow: 1; }
  .mjs-flex-direction > .mjs-flex-shrink {
    -ms-flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-flex-shrink: 0;
    flex-shrink: 0; }
  .mjs-flex-direction > .mjs-flex-child-noshrink {
    -ms-flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-flex-shrink: 0;
    flex-shrink: 0; }
  .mjs-flex-direction > .mjs-flex-child-shrink {
    -ms-flex: 0 1 auto;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-flex-shrink: 1;
    flex-shrink: 1; }
  .mjs-flex-direction.mjs-flex-top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start; }
  .mjs-flex-direction.mjs-flex-bottom {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end; }
  .mjs-flex-direction.mjs-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start; }
  .mjs-flex-direction.mjs-flex-end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end; }
  .mjs-flex-direction.mjs-flex-stretch {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch; }
  .mjs-flex-direction.mjs-flex-alignStart {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start; }
  .mjs-flex-direction.mjs-flex-alignEnd {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end; }
  .mjs-flex-direction.mjs-flex-alignStretch {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch; }
  .mjs-flex-direction.mjs-flex-alignBaseline {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    -webkit-align-items: baseline;
    align-items: baseline; }
  .mjs-flex-direction.mjs-flex-justifyStart {
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start; }
  .mjs-flex-direction.mjs-flex-justifyEnd {
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end; }
  .mjs-flex-direction.mjs-flex-justifyCenter {
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center; }
  .mjs-flex-direction.mjs-flex-justifyBetween {
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between; }
  .mjs-flex-direction.mjs-flex-justifyAround {
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    justify-content: space-around; }
  .mjs-flex-direction.mjs-flex-center {
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center; }
  .mjs-flex-direction.mjs-flex-between {
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between; }
  .mjs-flex-direction.mjs-flex-around {
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    justify-content: space-around; }
  .mjs-flex-direction.mjs-flex-nowrap {
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap; }

[class^="mjs-icon-"], [class*=" mjs-icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'mjs-icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    position: relative;
    display: inline-block;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.mjs-icon-rightarrow:before {
    content: "\e92b";
}