/* flatpicker css */

.flatpickr-calendar{background:#333 !important;border:1px solid #3F3F3F !important}.flatpickr-calendar.arrowTop:before{border-bottom-color:#3F3F3F !important}.flatpickr-calendar.arrowTop:after{border-bottom-color:#1d1d1d !important}span.flatpickr-weekday,.flatpickr-current-month .flatpickr-monthDropdown-months,.flatpickr-months .flatpickr-month{background:none !important}.flatpickr-day:hover{background:#F18E00 !important;color:#000 !important;border:1px solid #F18E00 !important}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#F18E00 !important}.flatpickr-monthSelect-month{color:#fff !important}.flatpickr-monthSelect-month:hover{background-color:#F18E00 !important;color:#000 !important;border-color:#F18E00 !important}.flatpickr-monthSelect-month.selected,.flatpickr-monthSelect-month.startRange,.flatpickr-monthSelect-month.endRange{background-color:#F18E00 !important;color:#000 !important;border-color:#F18E00 !important}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#F18E00 !important;color:#000 !important;border:1px solid #F18E00 !important}

.flatpickr-current-month .flatpickr-monthDropdown-months {
    display: inline;
}
/* common css */

.hr-line-solid-original {
    margin: 15px 0 !important;
    border-bottom: 1px solid #d2d2d2;
}

.font-999999 { 
    color: #818181 ; 
    font-family: 'Noto sans JP' , sans-serif;
}

button{transition: 0.2s;
    text-decoration: none;
}
button:hover{
    opacity: .8;
}
.titlebtn label:hover{
    opacity: .8;
    cursor: pointer
}

.btn_group {
    display: flex;
}
.btn_group input{
    margin-right: 20px;
}
input[type="submit"].bbtn:hover {
    opacity: .8;
}

.login-forgot{
    columns: 2;
    column-gap: 0;
    column-fill: balance;
    column-rule: 2px solid #fb8e13;

    text-align: center;
    padding: 10px;
    margin-top: 10px;
}
.mg-top-10 {
    margin-top: 10px;
}
.mg-btm-10 {
    margin-bottom: 10px;
}
.mg-top-30 {
    margin-top: 30px;
}
.mg-top-50 {
    margin-top: 50px;
}
.mg-r-30 {
    margin-right: 30px;
}
.input-box {
    padding: .7em 1em;
    border:1px solid #cccccc;
    border-radius: 3px;
    width: 100%;
}

/* dashboard/paid.html */

.d-flex {
    display: flex;
}

.table-flex {
    width: 100%;
    margin-bottom: 30px;
}
.table-flex tr {
  padding: 10px 0;
  align-items: center;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  border-bottom: 1px solid #ccc;
}
.table-flex tr th {
  flex-basis: 25%;
  text-align: left;
}
.table-flex tr td {
  text-align: left;
}
.table-flex input {
  padding: .7em 1em;
  border: 1px solid #cccccc;
  border-radius: 3px;
}
@media only screen and (max-width: 767px) {
  .table-flex tr th {
    width: 100%;
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .table-flex tr {
    display: block;
  }
}

.text-danger {
    color: #dc3545
}

.two-colum-table {
  overflow-x: scroll;
}
.two-colum-table table {
  margin-bottom: 30px;
  width: 90%;
  max-width: 100%;
  font-size: 13px;
  border-collapse: collapse;
  white-space: nowrap;
  border: 1px solid #ddd;
}
.two-colum-table table tr:first-child {
  background: #fa8500;
  border-top: none;
}
.two-colum-table table tr th {
  color: #fff;
  padding: 7px 20px;
}
.two-colum-table table tr th:last-child {
  border-right: none;
}
.two-colum-table table tr:nth-child(2n) {
  background: #ffffff;
}
.two-colum-table table tr td {
  padding: 7px 20px;
  border-right: 1px solid #ddd;
  text-align: left;
}
.two-colum-table table tr {
  background: #f0eded;
}


/* alert css */

.d-none{
    display:none !important;
}
.alert{
    --bs-alert-bg: transparent;
    --bs-alert-padding-x: 1rem;
    --bs-alert-padding-y: 1rem;
    --bs-alert-margin-bottom: 1rem;
    --bs-alert-color: inherit;
    --bs-alert-border-color: transparent;
    --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
    --bs-alert-border-radius: var(--bs-border-radius);
    --bs-alert-link-color: inherit;
    position:relative;
    padding:var(--bs-alert-padding-y) var(--bs-alert-padding-x);
    margin-bottom:var(--bs-alert-margin-bottom);
    color:var(--bs-alert-color);
    background-color:var(--bs-alert-bg);
    border:var(--bs-alert-border);
    border-radius:var(--bs-alert-border-radius)
}
.alert-heading{
    color:inherit
}
.alert-link{
    font-weight:700;
    color:var(--bs-alert-link-color)
}
.alert-dismissible{
padding-right:3rem
}
.alert-dismissible .btn-close{
    position:absolute;
    top:0;
    right:0;
    z-index:2;
    padding:1.25rem 1rem
}
.alert-primary{
    --bs-alert-color: var(--bs-primary-text-emphasis);
    --bs-alert-bg: var(--bs-primary-bg-subtle);
    --bs-alert-border-color: var(--bs-primary-border-subtle);
    --bs-alert-link-color: var(--bs-primary-text-emphasis)
}
.alert-secondary{
    --bs-alert-color: var(--bs-secondary-text-emphasis);
    --bs-alert-bg: var(--bs-secondary-bg-subtle);
    --bs-alert-border-color: var(--bs-secondary-border-subtle);
    --bs-alert-link-color: var(--bs-secondary-text-emphasis)
}
.alert-success{
    --bs-alert-color: white;
    --bs-alert-bg: #2C7865;
    --bs-alert-border-color: #2C7865;
    --bs-alert-link-color: var(--bs-success-text-emphasis);
    border-radius: 7px;
}
.alert-info{--bs-alert-color: var(--bs-info-text-emphasis);
    --bs-alert-bg: var(--bs-info-bg-subtle);
    --bs-alert-border-color: var(--bs-info-border-subtle);
    --bs-alert-link-color: var(--bs-info-text-emphasis)
}
.alert-warning{
    --bs-alert-color: white;
    --bs-alert-bg: #FFBD73;
    --bs-alert-border-color: #FFBD73;
    --bs-alert-link-color: var(--bs-warning-text-emphasis);
    border-radius: 7px;
}
.alert-bannerurl{
    --bs-alert-color: #61677A;
    --bs-alert-bg: #DDDDDD;
    --bs-alert-border-color: #DDDDDD;
    --bs-alert-link-color: var(--bs-warning-text-emphasis);
    border-radius: 7px;
}
.alert-danger{
    --bs-alert-color: white;
    --bs-alert-bg: #dc3545;
    --bs-alert-border-color: #dc3545;
    --bs-alert-link-color: var(--bs-danger-text-emphasis);
    border-radius: 7px;
}
.alert-danger a{
    color: white;
    text-decoration: underline !important;
.alert-light{
    --bs-alert-color: var(--bs-light-text-emphasis);
    --bs-alert-bg: var(--bs-light-bg-subtle);
    --bs-alert-border-color: var(--bs-light-border-subtle);
    --bs-alert-link-color: var(--bs-light-text-emphasis)
}
.alert-dark{
    --bs-alert-color: var(--bs-dark-text-emphasis);
    --bs-alert-bg: var(--bs-dark-bg-subtle);
    --bs-alert-border-color: var(--bs-dark-border-subtle);
    --bs-alert-link-color: var(--bs-dark-text-emphasis)
}
.alert-none{
    --bs-alert-color: var(--bs-none-text-emphasis);
    --bs-alert-bg: var(--bs-none-bg-subtle);
    --bs-alert-border-color: var(--bs-none-border-subtle);
    --bs-alert-link-color: var(--bs-none-text-emphasis)
}
.alert-first{
    --bs-alert-color: var(--bs-first-text-emphasis);
    --bs-alert-bg: var(--bs-first-bg-subtle);
    --bs-alert-border-color: var(--bs-first-border-subtle);
    --bs-alert-link-color: var(--bs-first-text-emphasis)
}
.alert-second{
    --bs-alert-color: var(--bs-second-text-emphasis);
    --bs-alert-bg: var(--bs-second-bg-subtle);
    --bs-alert-border-color: var(--bs-second-border-subtle);
    --bs-alert-link-color: var(--bs-second-text-emphasis)
}
.alert-third{
    --bs-alert-color: var(--bs-third-text-emphasis);
    --bs-alert-bg: var(--bs-third-bg-subtle);
    --bs-alert-border-color: var(--bs-third-border-subtle);
    --bs-alert-link-color: var(--bs-third-text-emphasis)
}
.alert-fourth{
    --bs-alert-color: var(--bs-fourth-text-emphasis);
    --bs-alert-bg: var(--bs-fourth-bg-subtle);
    --bs-alert-border-color: var(--bs-fourth-border-subtle);
    --bs-alert-link-color: var(--bs-fourth-text-emphasis)
}
.alert-disable{
    --bs-alert-color: var(--bs-disable-text-emphasis);
    --bs-alert-bg: var(--bs-disable-bg-subtle);
    --bs-alert-border-color: var(--bs-disable-border-subtle);
    --bs-alert-link-color: var(--bs-disable-text-emphasis)
}

 /* account/registration.html */

.login-radio {
    display: inline-flex;
    margin-right: 10px;
}
.check-input {
    display: inline-block;
    border: none;
    color: #999;
}