@charset "UTF-8";
/*---------------------
  HTML Tags
 ----------------------*/
/*
body {
  font-size: 1rem;
  margin: 0 0 40px 0;
}
 */
header {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  /*
  height: 7rem;
  width: 100%;
  position: fixed;
  margin-bottom: 4rem;
  background-color: v.$tds-blue;
   */
  color: white;
  z-index: 100;
  /*
  .logo {
    font-size: 2rem;
    font-weight: bold;
    padding-top: 0.5rem;
    margin-left: 30px;
    width: 190px;
    color: #a6c9e9;
  }
   */
}
header a {
  color: white;
  text-decoration: none;
}
header a:hover {
  color: #deebf7;
}
header .btn-header {
  background-color: #003470;
  border-color: white;
  color: white;
}
header .btn-header:hover {
  background-color: #deebf7;
  color: #003470;
}

footer {
  padding-top: 1rem;
  /*height: 50vh;*/
  font-size: 0.9rem;
}
footer nav {
  font-size: 1rem;
}
footer .footer-content {
  padding: 0.5rem 0 0.5rem 0;
  background-color: black;
}
footer .copyrignt {
  font-size: 1rem;
}
footer .footer-img {
  max-width: 120px;
}

hr {
  border: 0;
  border-top: 1px solid lightgray;
}

ul {
  list-style-type: square;
  padding-left: 1rem;
}

h2 {
  font-size: 1.5rem;
}

h3 {
  font-size: 1.2rem;
}

h4 {
  font-size: 1rem;
}

/*---------------------
  Bootstrap Classes
 ----------------------*/
.navbar {
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  /*
    .has-megamenu {
      position: static !important;
    }

    .dropdown-toggle::after {
      color: white;
    }

   */
}

/*
.navbar-toggler,
.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
  outline: none;
  border: none;
  box-shadow: none;
}
*/
/*.navbar-toggler*/
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

/*
.navbar-row {
  margin-top: 0.5rem;
}
*/
/*
.nav-pills {
  .menu-pill .nav-link:not(.active) {
    background-color: #003470;
    color: white;
  }

  .nav-item:hover .nav-link:not(.active) {
    color: #a6c9e9;
  }

  .menu-pill .nav-link {
    background-color: #deebf7;
    color: #003470;
  }
}

.nav-link {
  margin: 0;
  padding: 0.1rem 0.5rem;
}
*/
/*--------------------------------
  Classes dropped in Bootstrap 5
 --------------------------------*/
.form-group {
  margin-bottom: 1rem;
}

.form-inline .form-control {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}

.form-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}

label {
  margin-bottom: 0.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/*---------------------
  Basic Classes
 ----------------------*/
.content {
  padding-top: 7rem;
}

.align-left {
  text-align: left;
}

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

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

[v-cloak] {
  display: none;
}

/*
.page-header {
  height: 5rem;
  padding: 1.5rem 0 0 2rem;
  margin-bottom: 1rem;
  background-color: v.$header-background;
  color: white;
  font-family: Lato, Roboto, "Helvetica Neue", Arial, sans-serif;
}
 */
.col-one-third {
  max-width: 555px;
}

.w-one-third {
  width: 33% !important;
}

/*---------------------
  mnt prefixed classes
 ---------------------*/
.text-mnt-red {
  color: #ea3223;
}

.text-mnt-blue {
  color: #0068b7;
}

.text-mnt-darkgray {
  color: #3b4043;
}

.text-mnt-darkgreen {
  color: #113f52;
}

.btn-mnt-blue {
  color: white;
  background-color: #0068b7;
}

.btn-mnt-darkgray {
  color: white;
  background-color: #3b4043;
}

.mnt-link {
  cursor: pointer;
  color: #0068b7;
  text-decoration: none;
}

.mnt-link:hover {
  color: #e5973e;
}

.mnt-link:active {
  color: #e5973e;
}

.mnt-dllink {
  cursor: pointer;
  color: #0068b7;
}

.mnt-dllink:hover {
  color: #0a58ca;
}

.mnt-lt-link {
  cursor: pointer;
  color: #aed0ea;
  text-decoration: none;
}

.mnt-lt-link:hover {
  color: #e5973e;
}

.mnt-lt-link:active {
  color: #e5973e;
}

.mnt-form-control, .mnt-check-input {
  border: 1px solid rgba(0, 0, 0, 0.5);
}

/*---------------------
  Daily, Weekly関係
 ---------------------*/
.article-font {
  font-family: "Noto Sans JP", メイリオ, 游ゴシック, ヒラギノ角ゴシック, 游ゴシック体, sans-serif;
  font-weight: 400;
  line-height: 160%;
  font-size: 105%;
}

.page-title {
  font-size: 1.5rem;
}

.issue-title {
  font-size: 1.25rem;
}

.article-paragraph {
  line-height: 160%;
}

.article-caption {
  background-color: #cdd6dd;
  text-align: center;
  font-size: 1.2rem;
}
.article-caption .link-btn {
  font-size: 1rem;
  height: 1.75rem;
  margin-top: -0.15rem;
  padding-top: 0.05rem;
}

.article-init-tab {
  min-height: 37.5rem;
}

.selected-backnumber {
  color: #e5973e;
}

.th-backnumber {
  background-color: #cdd6dd !important;
  text-align: center;
}

/*---------------------
  カーソル関係
 ---------------------*/
.cursor-pointer {
  cursor: pointer;
}

.cursor-move {
  cursor: move;
}

/*---------------------
  Drag'n'drop
 ---------------------*/
.drag-item {
  background: #e9f9ff;
}

/*---------------------
  Dashboard tiles
 ---------------------*/
.tile-header {
  color: white;
  background-color: #113f52;
  height: 4rem;
}

.tile-footer {
  color: #113f52;
  /*background-color: #f0f3f5;*/
  height: 2.5rem;
  font-weight: bold;
  padding-top: 0;
}

.btn-chart-options {
  color: #889fa8;
  border-width: 0;
}
.btn-chart-options :hover {
  color: #c3cfd4;
}

/*---------------------
  Search related classes
 ---------------------*/
.search-form .btn {
  border: none;
}

.hit {
  background: linear-gradient(transparent 0%, rgba(0, 0, 255, 0.2) 0%);
}

.hit-separator {
  border-top: 2px solid #245e98;
  opacity: 0.5;
}

/*---------------------
  for Fontawesome
 ---------------------*/
.fa-solid.disabled,
.fa-solid[disabled],
.disabled > .fa-solid,
[disabled] > .fa-solid {
  opacity: 0.5;
  /*optional*/
  cursor: not-allowed;
  /*optional*/
  pointer-events: none;
}

/* 詳細検索・簡易検索ボタン内で使用されるキャレットのスタイル補正 */
.button-icon-text-align i {
  vertical-align: -4px;
  /* アイコンの垂直位置を調整 */
}

.button-icon-text-align span {
  vertical-align: middle;
  /* テキストの垂直位置を中間に設定 */
}

.filter-container {
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  padding: 1rem;
  max-width: 20rem;
  background-color: white;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  position: absolute;
  left: 0;
  top: 0;
}

.filter-input {
  margin-bottom: 1rem;
}

.filter-list {
  list-style: none;
  padding: 0;
  margin: 0;
  max-height: 200px;
  overflow-y: auto;
}

.filter-item {
  /*margin-bottom: 0.5rem;*/
  margin-bottom: 0;
  font-size: 0.8rem;
}

.filter-buttons {
  display: flex;
  justify-content: end;
  margin-top: 0.5rem;
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
}

/*---------------------
  MarkNaut Login
 ----------------------*/
.login-card-div {
  height: 700px;
  background-color: #cdd6dd;
}
.login-card-div .btn {
  padding: 0.5rem 2rem;
  font-size: small;
  color: white;
}
.login-card-div .card-header {
  background-color: #113f52;
}

/*---------------------
  MarkNaut Navbar
 ----------------------*/
.mnt-header-container {
  height: 80px;
  background-color: white;
  position: fixed;
  top: 0;
  z-index: 9999;
}

.mnt-navbar {
  height: 40px;
  background-color: #cdd6dd;
}
.mnt-navbar .mnt-nav-logo {
  position: relative;
  width: 192px;
  min-width: 192px;
  height: 80px;
  background-color: #113f52;
  text-align: center;
  padding: 13px 0 0 15px;
}
.mnt-navbar .mnt-nav-logo a {
  color: white;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-size: 36px;
  font-weight: 700;
}
@media (min-width: 768px) {
  .mnt-navbar .mnt-nav-logo-margin {
    margin-left: 0;
    margin-right: 0;
  }
  .mnt-navbar .mnt-menu-sm-optional {
    display: none;
  }
  .mnt-navbar .mnt-menu-lg-optional {
    display: block;
  }
  .mnt-navbar .mnt-menu-column-count {
    column-count: 2;
  }
  .mnt-navbar .mnt-menu-column-count-rv {
    column-count: 1;
  }
  .mnt-navbar .mnt-dropdown-menu-width {
    width: 75% !important;
  }
}
@media (min-width: 992px) {
  .mnt-navbar .mnt-category-menu-item-width {
    width: auto;
  }
  .mnt-navbar .mnt-dropdown-menu-width {
    width: 90% !important;
  }
}
@media (min-width: 1200px) {
  .mnt-navbar .mnt-nav-logo-margin {
    margin-left: 15%;
    margin-right: 0;
  }
  .mnt-navbar .mnt-menu-sm-optional {
    display: block;
  }
  .mnt-navbar .mnt-menu-lg-optional {
    display: none;
  }
  .mnt-navbar .mnt-menu-column-count {
    column-count: 1;
  }
  .mnt-navbar .mnt-menu-column-count-rv {
    column-count: 2;
  }
  .mnt-navbar .mnt-category-menu-item-width {
    width: 268px;
  }
  .mnt-navbar .mnt-dropdown-menu-width {
    width: 100% !important;
  }
}
@media (min-width: 1400px) {
  .mnt-navbar .mnt-dropdown-menu-width {
    width: 120% !important;
  }
}
.mnt-navbar .mnt-nav-user-guide {
  width: 408px;
}
.mnt-navbar .mnt-nav-lang-sw {
  width: 82px;
  background-color: white;
}
.mnt-navbar .mnt-nav-register {
  width: 118px;
  background-color: white;
}
.mnt-navbar .mnt-nav-login {
  width: 144px;
  min-width: 144px;
  height: 40px;
  color: white;
  background-color: #0068b7;
  text-align: center;
}
.mnt-navbar .mnt-nav-login button {
  height: 100%;
  width: 100%;
}
.mnt-navbar .mnt-nav-burger {
  width: 58px;
  min-width: 58px;
  height: 40px;
  margin-right: 15%;
  background-color: #113f52;
  font-size: small;
  text-align: center;
}
.mnt-navbar .dropdown-toggle::after {
  display: none;
}
.mnt-navbar .mnt-category-menu-item {
  height: 40px;
  /*padding-top: 22px;*/
  text-align: center;
  color: #3b4043;
  /*cursor: pointer;*/
}
.mnt-navbar .mnt-category-menu-item button {
  height: 100%;
  width: 100%;
}
.mnt-navbar .mnt-category-menu-item-market {
  border-right: solid 1px #cdd6dd;
}
.mnt-navbar .mnt-category-menu-item-market i {
  color: #245e98;
}
.mnt-navbar .mnt-category-menu-item-vessel-supply {
  border-right: solid 1px #cdd6dd;
}
.mnt-navbar .mnt-category-menu-item-vessel-supply i {
  color: #f3981c;
}
.mnt-navbar .mnt-category-menu-item-vessel-demand i {
  color: #9dc814;
}
.mnt-navbar .mnt-category-menu-item-active-background {
  background-color: #e8eef5;
}
.mnt-navbar .mnt-menu-item {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

/*---------------------
  MarkNaut Main Menu
 ----------------------*/
.mnt-menu {
  width: 62.6rem;
  padding: 0.5rem 1rem 1rem 1rem;
  font-size: small;
  border-top: solid 15px #245e98;
  /*
  &::before {right:auto !important; left:9px;}
  &::after {right:auto !important; left:10px;}
   */
}
.mnt-menu .dropdown-header {
  font-weight: bold;
  width: 6rem;
  margin-bottom: 0.5rem;
  padding: 0.25rem 0.5rem 0.25rem 0.5rem;
  color: white;
  background-color: #245e98;
  text-align: center;
}
.mnt-menu .mnt-menu-item {
  color: #44494b;
  font-weight: lighter;
}
.mnt-menu .mnt-menu-item .current-menu-item {
  background-color: #d1ecf1;
  padding: 2px;
}
.mnt-menu a {
  color: #555555;
  margin-left: 0.2rem;
}
.mnt-menu a:hover {
  color: #e5973e;
  text-decoration: none;
}

/* 総合メニュー */
.mnt-menu-all {
  width: 80%;
}

/* 総合メニューのセパレーター、個別メニューのボーダートップ */
.mnt-menu-separator {
  border-top: solid 15px;
}

/* カテゴリーメニュー毎のカラー */
.mnt-menu-market-border-color {
  border-color: #245e98;
}

.mnt-menu-market-background {
  background-color: #245e98;
}

.mnt-menu-vessel-supply-border-color {
  border-color: #f3981c;
}

.mnt-menu-vessel-supply-background {
  background-color: #f3981c;
}

.mnt-menu-vessel-demand-border-color {
  border-color: #9dc814;
}

.mnt-menu-vessel-demand-background {
  background-color: #9dc814;
}

/* 個別メニュー */
.mnt-menu-market .mnt-menu-group {
  color: #245e98;
  font-weight: bold;
}
.mnt-menu-market .mnt-menu-group a {
  color: #245e98;
}
.mnt-menu-market .mnt-menu-group a:hover {
  color: #e5973e;
}

.mnt-menu-vessel-supply .mnt-menu-group {
  color: #f3981c;
  font-weight: bold;
}

.mnt-menu-vessel-demand .mnt-menu-group {
  color: #9dc814;
  font-weight: bold;
}

/* 総合メニューの左側に表示されるカテゴリーを示す正方形 */
.mnt-menu-square {
  width: 155px;
  height: 155px;
  min-height: 155px;
  max-height: 155px;
  color: white;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-size: large;
  font-weight: bold;
}

/*---------------------
  common table classes
 ----------------------*/
/* common-table-div */
.common-table-div {
  width: 90%;
  text-align: center;
  margin: 20px 0;
}
.common-table-div table {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  font-size: 100%;
}
.common-table-div table th, .common-table-div table td {
  border: solid 1px #aed0ea;
  padding: 4px 8px;
}
.common-table-div table th {
  width: auto;
  font-weight: bold;
  color: #2779aa;
  background-color: #e0eef7;
}
.common-table-div table td {
  width: auto;
}
.common-table-div h3 {
  text-align: left;
  margin-top: 1em;
  margin-left: 44px;
}
.common-table-div a:link {
  text-decoration: none;
  color: #0066cc;
}
.common-table-div a:visited {
  text-decoration: none;
  color: #0066cc;
}
.common-table-div a:hover {
  text-decoration: none;
  color: #e5973e;
}
.common-table-div a:active {
  text-decoration: none;
  color: #e5973e;
}

/* common-table-div-fluid */
.common-table-div-fluid {
  width: 100%;
  text-align: center;
  margin: 20px 0;
}
.common-table-div-fluid table {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  font-size: 90%;
}
.common-table-div-fluid table th, .common-table-div-fluid table td {
  border: solid 1px #aed0ea;
  padding: 4px 8px;
}
.common-table-div-fluid table th {
  width: auto;
  font-weight: bold;
  color: #2779aa;
  background-color: #e0eef7;
}
.common-table-div-fluid table td {
  width: auto;
}
.common-table-div-fluid h3 {
  text-align: left;
  margin-top: 1em;
  margin-left: 44px;
}
.common-table-div-fluid a:link {
  text-decoration: none;
  color: #0066cc;
}
.common-table-div-fluid a:visited {
  text-decoration: none;
  color: #0066cc;
}
.common-table-div-fluid a:hover {
  text-decoration: none;
  color: #e5973e;
}
.common-table-div-fluid a:active {
  text-decoration: none;
  color: #e5973e;
}

/* common-table-div-auto */
.common-table-div-auto {
  width: auto;
  text-align: center;
  margin: 20px 0;
}
.common-table-div-auto table {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  font-size: 100%;
}
.common-table-div-auto table th, .common-table-div-auto table td {
  border: solid 1px #aed0ea;
  padding: 4px 8px;
}
.common-table-div-auto table th {
  width: auto;
  font-weight: bold;
  color: #2779aa;
  background-color: #e0eef7;
}
.common-table-div-auto table td {
  width: auto;
}
.common-table-div-auto h3 {
  text-align: left;
  margin-top: 1em;
  margin-left: 44px;
}
.common-table-div-auto a:link {
  text-decoration: none;
  color: #0066cc;
}
.common-table-div-auto a:visited {
  text-decoration: none;
  color: #0066cc;
}
.common-table-div-auto a:hover {
  text-decoration: none;
  color: #e5973e;
}
.common-table-div-auto a:active {
  text-decoration: none;
  color: #e5973e;
}

/* common-table-div-props */
.common-table-div-props {
  width: 100%;
  text-align: center;
  margin: 20px 0;
}
.common-table-div-props table {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  font-size: 90%;
}
.common-table-div-props table th, .common-table-div-props table td {
  border: solid 1px #aed0ea;
  padding: 4px 8px;
}
.common-table-div-props table th {
  width: 10%;
  font-weight: bold;
  color: #2779aa;
  background-color: #e0eef7;
}
.common-table-div-props table td {
  width: 15%;
}
.common-table-div-props h3 {
  text-align: left;
  margin-top: 1em;
  margin-left: 44px;
}
.common-table-div-props a:link {
  text-decoration: none;
  color: #0066cc;
}
.common-table-div-props a:visited {
  text-decoration: none;
  color: #0066cc;
}
.common-table-div-props a:hover {
  text-decoration: none;
  color: #e5973e;
}
.common-table-div-props a:active {
  text-decoration: none;
  color: #e5973e;
}

table .th-dark {
  background-color: #3b4043;
  color: white;
  text-align: center;
  /*vertical-align: middle;*/
}
table .th-gray {
  background-color: #cdd6dd;
  color: black;
  text-align: center;
  /*vertical-align: middle;*/
  /*border-color: #8f9293;*/
}
table a:link {
  text-decoration: none;
  color: #0068b7;
}
table a:visited {
  text-decoration: none;
  color: #0068b7;
}
table a:hover {
  text-decoration: none;
  color: #f3981c;
}
table a:active {
  text-decoration: none;
  color: #f3981c;
}

.even-row {
  background-color: #ffffff;
}

.odd-row {
  background-color: #ecf2f6;
}

.mnt-table {
  /*width: 98%;*/
  vertical-align: middle;
  margin-left: auto;
  margin-right: auto;
  border: solid #8f9293 1px;
}

.mnt-table-layout-fixed {
  table-layout: fixed;
}

/*-------------------------------------
  sortableThコンポーネントで用いられるクラス
 -------------------------------------*/
th.sort-header, th.sort-header-extra {
  cursor: pointer;
  padding: 0.25rem;
  border: solid #8f9293 1px;
}

th.sort-header-wide-start {
  border-left-width: 3px !important;
}

th.sort-header-extra {
  cursor: default;
}

th.asis {
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAICAMAAAAGL8UJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFz9zn////QsrYZQAAAAJ0Uk5T/wDltzBKAAAAHklEQVR42mJgZGQAIQYGMAYBRhCAklARMAYLAgQYAAJAABexr7EMAAAAAElFTkSuQmCC);
  background-position: center right 10px;
}

th.asc {
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAADCAMAAABs6DXKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFz9znAAAAQnT+dwAAAAJ0Uk5T/wDltzBKAAAAFUlEQVR42mJgZGQAIQYGMAYCgAADAABgAAfTv98wAAAAAElFTkSuQmCC);
  background-position: center right 10px;
}

th.desc {
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAADCAMAAABs6DXKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFz9znAAAAQnT+dwAAAAJ0Uk5T/wDltzBKAAAAE0lEQVR42mJgAANGMGYEIYAAAwAAMAAHcxBDwAAAAABJRU5ErkJggg==);
  background-position: center right 10px;
}

.border-start-wide {
  border: 1px solid !important;
  border-left: 3px solid !important;
  border-color: var(--bs-secondary) !important;
}

/*---------------------
  Modal dialog classes
 ----------------------*/
.modal-header-blue {
  background-color: #003470 !important;
}

.modal-header-green {
  background-color: #113f52 !important;
}

.modal-header {
  background-color: #3b4043;
  color: white;
}

.modal-color-white {
  color: white;
}

.modal-body-lightgray {
  background-color: lightgray;
}

.modal-smaller-font {
  font-size: 0.8rem;
}

.modal-wider-xl {
  --bs-modal-width: 90%;
}

.modal-dialog {
  max-height: 100vh;
}

.modal-content {
  overflow: hidden;
}

/*---------------------
  MarkNaut Nav tabs
 ----------------------*/
/* タブの色変更 */
.nav-tabs {
  background-color: #0068b7;
  color: white;
}

.nav-tabs .nav-link.active {
  background-color: white;
}

/* タブの文字色変更 */
.nav-tabs .nav-link {
  color: white;
}

/*---------------------
  Paging button classes
 ----------------------*/
.paging-button {
  width: 600px;
  margin: 0 auto 0 auto;
  padding-bottom: 2rem;
}
.paging-button ul li {
  background-color: white;
  border: solid 1px #aed0ea;
  color: #2779aa;
  float: left;
  font-family: helvetica, arial, sans-serif;
  font-size: 9pt;
  text-align: center;
  text-decoration: none;
  text-shadow: none;
  list-style-type: none;
  width: 23px;
  height: 20px;
  margin-right: 5px;
  padding-top: 0;
  cursor: pointer;
}
.paging-button ul li:hover {
  background-color: #e0eef7;
  border: solid 1px #2779aa;
}

.paging-button-with-setting {
  width: 100%;
  margin: 0 auto 0 auto;
  padding-bottom: 2rem;
}
.paging-button-with-setting ul li {
  background-color: white;
  border: solid 1px #aed0ea;
  color: #2779aa;
  float: left;
  font-family: helvetica, arial, sans-serif;
  font-size: 9pt;
  text-align: center;
  text-decoration: none;
  text-shadow: none;
  list-style-type: none;
  width: 23px;
  height: 20px;
  margin-right: 5px;
  padding-top: 0;
  cursor: pointer;
}
.paging-button-with-setting ul li:hover {
  background-color: #e0eef7;
  border: solid 1px #2779aa;
}

/*---------------------
  DatePicker classes
 ----------------------*/
.datepicker td.day, .datepicker td.old, .datepicker td.new {
  font-weight: bold;
}
.datepicker td.day {
  color: #0068b7;
}
.datepicker td.disabled {
  font-weight: lighter;
}

/*---------------------
  Info window classes
 ----------------------*/
.info-win table {
  font-size: 85%;
}
.info-win table th, .info-win table td {
  padding: 1px 4px 1px 2px;
}
.info-win table th {
  text-align: left;
}
.info-win table .indent {
  padding-left: 2em;
}

/*-----------------------------
  Jumping Dots Loader Classes
 ------------------------------*/
.jumping-dots-loader {
  width: 68px;
  height: 22px;
  position: absolute;
  top: 56px;
  left: 60px;
  margin: 0;
  padding-top: 1px;
  background-color: #113f52;
}

.jumping-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: white;
  margin: 10px 5px;
}

.jumping-dot:nth-child(1) {
  animation: bounce 1s ease-in-out infinite;
  animation-play-state: paused;
}

.jumping-dot:nth-child(2) {
  animation: bounce 1s ease-in-out 0.33s infinite;
  animation-play-state: paused;
}

.jumping-dot:nth-child(3) {
  animation: bounce 1s ease-in-out 0.66s infinite;
  animation-play-state: paused;
}

@keyframes bounce {
  0%, 75%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  25% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}
/* MarkNaut Style Sheet */

/*# sourceMappingURL=default.css.map */