.mtrimd_stickbottom {
  position: relative; }

#imdcore {
  display: none; }

.mtrimd_line {
  display: table;
  width: 100%;
  overflow: hidden; }
  .mtrimd_line .mtrimd_line_col {
    display: table-cell;
    vertical-align: middle;
    padding: 0 0.2px; }
    .mtrimd_line .mtrimd_line_col p {
      line-height: 1.6rem;
      /*font-size: 0.8rem;*/ }

.mtrimd_idicon {
  vertical-align: middle;
  display: inline-block;
  height: 0.55rem;
  width: 1.35rem;
  background-color: #000;
  -webkit-border-radius: 1.5rem;
  -moz-border-radius: 1.5rem;
  -ms-border-radius: 1.5rem;
  -o-border-radius: 1.5rem;
  border-radius: 1.5rem; }
  .mtrimd_idicon.mtrimd_idicon--TWL {
    background-color: #ff0000 !important; }
  .mtrimd_idicon.mtrimd_idicon--KTL {
    background-color: #1a9431 !important; }
  .mtrimd_idicon.mtrimd_idicon--ISL {
    background-color: #0860a8 !important; }
  .mtrimd_idicon.mtrimd_idicon--SIL {
    background-color: #b5bd00 !important; }
  .mtrimd_idicon.mtrimd_idicon--TKL {
    background-color: #6b208b !important; }
  .mtrimd_idicon.mtrimd_idicon--AEL {
    background-color: #1c7670 !important; }
  .mtrimd_idicon.mtrimd_idicon--TCL {
    background-color: #fe7f1d !important; }
  .mtrimd_idicon.mtrimd_idicon--DRL {
    background-color: #f550a6 !important; }
  .mtrimd_idicon.mtrimd_idicon--EAL {
    background-color: #5eb6e4 !important; }
  .mtrimd_idicon.mtrimd_idicon--TML {
    background-color: #9a3b26 !important; }
  .mtrimd_idicon.mtrimd_idicon--WRL {
    background-color: #a40084 !important; }

.mtrimd_stateicon {
  vertical-align: middle;
  text-align: center;
  height: 1.3rem;
  width: 1.3rem;
  box-sizing: border-box;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  line-height: 1rem;
  cursor: none; }
  .mtrimd_stateicon::after {
    content: " ";
    display: inline;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    line-height: 1.4rem;
    font-weight: bold; }
  .mtrimd_stateicon.mtrimd_stateicon--PK01 {
    background-color: #ec4783;
    cursor: default; }
    .mtrimd_stateicon.mtrimd_stateicon--RD01::after {
      content: " "; }
  .mtrimd_stateicon.mtrimd_stateicon--RD01 {
    background-color: #c11414;
    cursor: default; }
    .mtrimd_stateicon.mtrimd_stateicon--RD01::after {
      content: " "; }
  .mtrimd_stateicon.mtrimd_stateicon--YW01 {
    cursor: default;
    background-color: #eabd25; }
    .mtrimd_stateicon.mtrimd_stateicon--YW01::after {
      content: " "; }
  .mtrimd_stateicon.mtrimd_stateicon--YW02 {
    cursor: default;
    background-color: #eabd25; }
    .mtrimd_stateicon.mtrimd_stateicon--YW02::after {
      content: " "; }
  .mtrimd_stateicon.mtrimd_stateicon--YW03 {
    cursor: default;
    background-color: #F2B90A; }
    .mtrimd_stateicon.mtrimd_stateicon--YW03::after {
      content: " "; }
  .mtrimd_stateicon.mtrimd_stateicon--YW04 {
    cursor: default;
    background-color: #EDAF1F; }
    .mtrimd_stateicon.mtrimd_stateicon--YW04::after {
      content: " "; }
  .mtrimd_stateicon.mtrimd_stateicon--GN01 {
    cursor: default;
    background-color: #1db058; }
    .mtrimd_stateicon.mtrimd_stateicon--GN01::after {
      content: " "; }
  .mtrimd_stateicon.mtrimd_stateicon--GY01 {
    cursor: default;
    background-color: #c3c3c3; }
    .mtrimd_stateicon.mtrimd_stateicon--GY01::after {
      content: " "; }
  .mtrimd_stateicon.mtrimd_stateicon--info {
    cursor: default;
    background-color: transparent;
    border: 1px solid #fff; }
    .mtrimd_stateicon.mtrimd_stateicon--info::after {
      content: "i"; }
  .mtrimd_stateicon.mtrimd_stateicon--tropical {
    cursor: default;
    background: url(../images/icon-typhoon.png) center no-repeat;
    background-size: 90%;
    border: 1px solid #fff; }
    .mtrimd_stateicon.mtrimd_stateicon--tropical::after {
      content: " "; }

.mtrimdBox_refresh {
  border-bottom: 1px solid #f3f3f3;
  display: table;
  padding: 0.5rem 0;
  width: 100%; }
  .mtrimdBox_refresh .mtrimdBox_refreshiconBox {
    width: 15%;
    vertical-align: middle;
    display: table-cell; }
    .mtrimdBox_refresh .mtrimdBox_refreshiconBox a {
      width: 22px;
      background-color: #555;
      padding: 3px;
      display: inline-block; }
      .mtrimdBox_refresh .mtrimdBox_refreshiconBox a img {
        width: 100%; }
  .mtrimdBox_refresh .mtrimdBox_refreshinfoBox {
    width: 85%;
    display: table-cell;
    text-align: left; }
    .mtrimdBox_refresh .mtrimdBox_refreshinfoBox p {
      /*font-size: 0.8rem;*/
      line-height: 1.2rem;
      font-weight: bold; }
  .mtrimdBox_refresh .mtrimdBox_refreshinfo_title {
    display: inline-block;
    width: 100%; }
  .mtrimdBox_refresh .mtrimdBox_refreshinfo_time {
    display: inline-block;
    width: 100%; }

.mtrimdBox {
  border-top: 1px solid #f3f3f3; }
  .mtrimdBox .mtrimd_line {
    text-align: center;
    border-bottom: 1px solid #f3f3f3; }
    .mtrimdBox .mtrimd_line .mtrimd_line_idicon {
      width: 15%; }
    .mtrimdBox .mtrimd_line .mtrimd_line_name {
      text-align: left; }
    .mtrimdBox .mtrimd_line .mtrimd_line_state {
      width: 15%; }
  .mtrimdBox .mtrimdBox_inner {
    height: 100%;
    position: relative; }
    .mtrimdBox .mtrimdBox_inner .imdstate_list {
      width: 100%; }
      .mtrimdBox .mtrimdBox_inner .imdstate_list .imdstate_list_inner {
        height: 100%; }
        .mtrimdBox .mtrimdBox_inner .imdstate_list .imdstate_list_inner .mtrimd_list {
          position: relative;
          z-index: 49;
          width: 100%; }
      .mtrimdBox .mtrimdBox_inner .imdstate_list .imdstate_list_refreshBlock {
        background: rgba(255, 255, 255, 0.8);
        overflow: hidden;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0px;
        z-index: 50; }
        .mtrimdBox .mtrimdBox_inner .imdstate_list .imdstate_list_refreshBlock .refreshBlock_inner {
          position: relative;
          height: 100%;
          overflow: hidden; }
          .mtrimdBox .mtrimdBox_inner .imdstate_list .imdstate_list_refreshBlock .refreshBlock_inner .refreshBlock-icon {
            /*top: 50%;*/
            position: absolute;
            width: 100%;
            z-index: 50;
            /*margin-top: -50px;*/
            position: absolute;
            height: 100%;
            text-align: center;
            overflow: hidden; }
            .mtrimdBox .mtrimdBox_inner .imdstate_list .imdstate_list_refreshBlock .refreshBlock_inner .refreshBlock-icon a {
                display:block;
                height:100%;
            }
            .mtrimdBox .mtrimdBox_inner .imdstate_list .imdstate_list_refreshBlock .refreshBlock_inner .refreshBlock-icon a img {
              display: inline-block;
              width: 20%;
              max-width: 50px; 
              margin-top: 50%;
            }
              .mtrimdBox .mtrimdBox_inner .imdstate_list .imdstate_list_refreshBlock .refreshBlock_inner .refreshBlock-icon a img::after, .mtrimdBox .mtrimdBox_inner .imdstate_list .imdstate_list_refreshBlock .refreshBlock_inner .refreshBlock-icon a img::before {
                content: "";
                display: table;
                height: 0;
                clear: both;
                width: 100%; }
            .mtrimdBox .mtrimdBox_inner .imdstate_list .imdstate_list_refreshBlock .refreshBlock_inner .refreshBlock-icon a span {
              display: inline-block;
              margin: 0 auto;
              clear: both;
              margin-top: 15px;
              width: 100%; }
/*# sourceMappingURL=servicestatus.css.map */