.common_box_error {
    color: red;
}

.pagination {

    padding-left: 0;
    margin: 20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    color: #ffffff;
    background-color: #000!important;
    text-decoration:none !important;
}

.pagination a,
.pagination a:link,
.pagination > .disabled > span {
    line-height: 1.15;
    font-family: futura-pt, "Noto Sans JP", "Noto Sans Japanese", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, 游ゴシック体, "ヒラギノ角ゴ Pro W3", メイリオ, "Hiragino Kaku Gothic ProN", "MS PGothic", sans-serif;
    font-style: normal;
    font-weight: 700;
    background-color: rgb(219, 219, 219);
    height: 2em;
    min-width: 2em;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    margin: 5px;
    padding: 0px 0.55em;
    border-radius: 10em;
    text-decoration:none !important;
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    line-height: 1.15;
    font-family: futura-pt, "Noto Sans JP", "Noto Sans Japanese", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, 游ゴシック体, "ヒラギノ角ゴ Pro W3", メイリオ, "Hiragino Kaku Gothic ProN", "MS PGothic", sans-serif;
    font-style: normal;
    font-weight: 700;
    background-color: #000;
    height: 2em;
    min-width: 2em;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    margin: 5px;
    padding: 0px 0.55em;
    border-radius: 10em;
    text-decoration:none !important;
}

.pagination > li {

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

/*!
 * Datepicker v1.0.6
 * https://fengyuanchen.github.io/datepicker
 *
 * Copyright 2014-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2019-01-19T09:15:45.725Z
 */

.datepicker-container {
    background-color: #fff;
    direction: ltr;
    font-size: 12px;
    left: 0;
    line-height: 30px;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 210px;
    z-index: -1
}

.datepicker-container::before,
.datepicker-container::after {
    border: 5px solid transparent;
    content: " ";
    display: block;
    height: 0;
    position: absolute;
    width: 0
}

.datepicker-dropdown {
    border-top: 1px solid #ccc;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
    box-sizing: content-box;
    position: absolute;
    z-index: 1
}

.datepicker-inline {
    position: static
}

.datepicker-top-left,
.datepicker-top-right {
    border-top-color: #39f
}

.datepicker-top-left::before,
.datepicker-top-left::after,
.datepicker-top-right::before,
.datepicker-top-right::after {
    border-top: 0;
    left: 10px;
    top: -5px
}

.datepicker-top-left::before,
.datepicker-top-right::before {
    border-bottom-color: #39f
}

.datepicker-top-left::after,
.datepicker-top-right::after {
    border-bottom-color: #fff;
    top: -4px
}

.datepicker-bottom-left,
.datepicker-bottom-right {
    border-bottom-color: #39f
}

.datepicker-bottom-left::before,
.datepicker-bottom-left::after,
.datepicker-bottom-right::before,
.datepicker-bottom-right::after {
    border-bottom: 0;
    bottom: -5px;
    left: 10px
}

.datepicker-bottom-left::before,
.datepicker-bottom-right::before {
    border-top-color: #39f
}

.datepicker-bottom-left::after,
.datepicker-bottom-right::after {
    border-top-color: #fff;
    bottom: -4px
}

.datepicker-top-right::before,
.datepicker-top-right::after,
.datepicker-bottom-right::before,
.datepicker-bottom-right::after {
    left: auto;
    right: 10px
}

.datepicker-panel > ul {
    margin: 0;
    padding: 0;
    width: 102%
}

.datepicker-panel > ul::before,
.datepicker-panel > ul::after {
    content: " ";
    display: table
}

.datepicker-panel > ul::after {
    clear: both
}

.datepicker-panel > ul > li {
    background-color: #fff;
    cursor: pointer;
    float: left;
    height: 30px;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 30px
}

.datepicker-panel > ul > li:hover {
    background-color: #e5f2ff
}

.datepicker-panel > ul > li.muted,
.datepicker-panel > ul > li.muted:hover {
    color: #999
}

.datepicker-panel > ul > li.highlighted {
    background-color: #e5f2ff
}

.datepicker-panel > ul > li.highlighted:hover {
    background-color: #cce5ff
}

.datepicker-panel > ul > li.picked,
.datepicker-panel > ul > li.picked:hover {
    color: #39f
}

.datepicker-panel > ul > li.disabled,
.datepicker-panel > ul > li.disabled:hover {
    background-color: #fff;
    color: #ccc;
    cursor: default
}

.datepicker-panel > ul > li.disabled.highlighted,
.datepicker-panel > ul > li.disabled:hover.highlighted {
    background-color: #e5f2ff
}

.datepicker-panel > ul > li[data-view="years prev"],
.datepicker-panel > ul > li[data-view="year prev"],
.datepicker-panel > ul > li[data-view="month prev"],
.datepicker-panel > ul > li[data-view="years next"],
.datepicker-panel > ul > li[data-view="year next"],
.datepicker-panel > ul > li[data-view="month next"],
.datepicker-panel > ul > li[data-view="next"] {
    font-size: 18px
}

.datepicker-panel > ul > li[data-view="years current"],
.datepicker-panel > ul > li[data-view="year current"],
.datepicker-panel > ul > li[data-view="month current"] {
    width: 150px
}

.datepicker-panel > ul[data-view="years"] > li,
.datepicker-panel > ul[data-view="months"] > li {
    height: 52.5px;
    line-height: 52.5px;
    width: 52.5px
}

.datepicker-panel > ul[data-view="week"] > li,
.datepicker-panel > ul[data-view="week"] > li:hover {
    background-color: #fff;
    cursor: default
}

.datepicker-hide {
    display: none
}

.ui-timepicker-container {
    position: absolute;
    overflow: hidden;
    box-sizing: border-box
}

.ui-timepicker {
    box-sizing: content-box;
    display: block;
    height: auto;
    list-style: none outside none;
    margin: 0;
    padding: 0 1px;
    text-align: center
}

.ui-timepicker-viewport {
    box-sizing: content-box;
    display: block;
    height: auto;
    margin: 0;
    padding: 0;
    overflow: auto;
    overflow-x: hidden
}

.ui-timepicker-standard {
    background-color: #FFF;
    color: #111;
    margin: 0;
    z-index: 20 !important;
    border-top: 1px solid #39f;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1)
}

.ui-timepicker-standard a {
    color: #111;
    display: block;
    padding: 0.2em 0.4em;
    text-decoration: none
}

.ui-timepicker-standard .ui-state-hover {
    background-color: #e5f2ff;
    font-weight: normal;
    color: #39f
}

.ui-timepicker-standard .ui-menu-item {
    margin: 0;
    padding: 0
}

.ui-timepicker-hidden {
    display: none
}

.ui-timepicker-no-scrollbar .ui-timepicker {
    border: none
}