/* PAGINATIN */
.mypageMobile{
  margin-left: 2px;
  margin-bottom: 0px;
  display: inline-flex;
}
.mypageMobile > .pagination > li > a:hover,
.mypageMobile > .pagination > li > span:hover{
  color: #1ab394;
  font-size: 15px;
  border-color: #1ab394;
  background-color: #f3f3f3;
  cursor: hand;
  z-index: 2;
}


.mypageMobile > .pagination > .active > a,
.mypageMobile > .pagination > .active > span,
.mypageMobile > .pagination > .active > a:hover,
.mypageMobile > .pagination > .active > span:hover,
.mypageMobile > .pagination > .active > a:focus,
.mypageMobile > .pagination > .active > span:focus {
  color: #fff;
  font-size: 15px;
  border-color: #1ab394;
  background-color: #1ab394;
  cursor: default;
  z-index: 2;
}

.mypageMobile > .pagination > .disabled > a,
.mypageMobile > .pagination > .disabled > span,
.mypageMobile > .pagination > .disabled > a:hover,
.mypageMobile > .pagination > .disabled > span:hover,
.mypageMobile > .pagination > .disabled > a:focus,
.mypageMobile > .pagination > .disabled > span:focus {
  color: #DDDDDD;
  font-size: 13px;
  border: 0px solid #DDDDDD;
  background-color: #FFFFFF;
  cursor: default;
  z-index: 2;
}

.mypageMobile > .pagination > li > a,
.mypageMobile > .pagination > li > span {
  background-color: #FFFFFF;
  border: 0px solid #DDDDDD;
  color: #1C211E;
  float: left;
  line-height: 22px;
  margin-left: -1px;
  padding: 6px 16px;
  position: relative;
  text-decoration: none;
}
.mypageMobile > .page-item.active .page-link {
  background-color: #1ab394;
  border-color: #1ab394;
}
.mypageMobile > .page-link:focus {
  box-shadow: none;
}
.mypageMobile > .page-link:hover {
  color: #676a6c;
}
.mypageMobile > .pagination .footable-page.active a {
  background-color: #1ab394;
  border-color: #1ab394;
  color: white;
}


.mypageMobile > .pagination > .NextButton{
  margin-left: auto !important;
}