/* LOGIN - PAGE 
========================================== */
#page-login {
  padding-top: 9.5rem;
}
#page-login .top-section {
  padding-bottom: 0.78rem;
  padding-right: 4px;
}
#page-login .top-section img {
  width: 293px;
}
#page-login #form-login #form-login-section {
  width: 86%;
  margin-top: 0;
  padding-top: 1.7rem;
  padding-bottom: 1%;
}
#page-login #form-login #form-login-section .form-group-custom {
  margin-bottom: 0.5rem;
}
#page-login #form-login #form-login-section .form-group-custom label {
  margin-bottom: 0.4rem;
  font-family: HiraginoSans-W4, sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #eb933e;
}
#page-login #form-login #form-login-section .form-group-custom input {
  height: 32px;
  border-radius: 5px;
  border: solid 0.8px rgba(235, 147, 62, 0.6);
  background-color: #fffaf6;
  padding-left: 0.4rem;
}
#page-login #form-login #form-login-section .form-group-custom ::placeholder {
  font-family: HiraginoSans-W4, sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: rgba(211, 203, 203, 0.87);
}
#page-login #form-login #form-login-section .form-group-custom ::-webkit-input-placeholder {
  font-family: HiraginoSans-W4, sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: rgba(211, 203, 203, 0.87);
}
#page-login #form-login #form-login-section .form-group-custom ::-moz-placeholder {
  font-family: HiraginoSans-W4, sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: rgba(211, 203, 203, 0.87);
}
#page-login #form-login #form-login-section .form-group-custom :-ms-input-placeholder {
  font-family: HiraginoSans-W4, sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: rgba(211, 203, 203, 0.87);
}
#page-login #form-login #form-login-section .error-message {
  margin-top: 1.3rem;
  margin-bottom: 0.6rem;
  font-family: HiraginoSans-W4, sans-serif;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #e14d37;
}
#page-login #form-login #form-login-section .error-message.hidden-msg {
  visibility: hidden;
}
#page-login #form-login #login-btn {
  width: 310px;
  height: 45px;
  font-family: HiraginoSans-W4, sans-serif;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 4px 0 #9b9b9b;
  background-color: #eb933e;
}
#page-login .remind-password-container {
  margin-top: 0.9rem;
}
#page-login .remind-password-container .remind-password-link {
  text-decoration: underline !important;
  font-family: HiraginoSans-W4, sans-serif;
  font-size: 11px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #eb933e;
}
/* REMIND PASSWORD - PAGE
============================================== */
#page-remind-password,
#page-password-change {
  padding-top: 6.7rem;
}
#page-remind-password .top-section,
#page-password-change .top-section {
  margin-left: -10px;
  margin-right: -10px;
}
#page-remind-password .top-section #remind-password-title-txt,
#page-password-change .top-section #remind-password-title-txt {
  font-family: HiraginoSans-W6, sans-serif;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  margin-top: 18px;
}
#page-remind-password .top-section #remind-password-description-txt,
#page-password-change .top-section #remind-password-description-txt {
  font-family: HiraginoSans-W3, sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 2.21;
  letter-spacing: normal;
  color: #47403d;
  text-align: center;
  margin-top: 18px;
  margin-bottom: 0.675rem;
}
#page-remind-password #form-remind-password #form-remind-password-section,
#page-password-change #form-remind-password #form-remind-password-section,
#page-remind-password #form-change-password #form-remind-password-section,
#page-password-change #form-change-password #form-remind-password-section,
#page-remind-password #form-remind-password #form-change-password-section,
#page-password-change #form-remind-password #form-change-password-section,
#page-remind-password #form-change-password #form-change-password-section,
#page-password-change #form-change-password #form-change-password-section {
  width: 86%;
  margin-top: 0;
  padding-bottom: 1%;
}
#page-remind-password #form-remind-password #form-remind-password-section .form-group-custom,
#page-password-change #form-remind-password #form-remind-password-section .form-group-custom,
#page-remind-password #form-change-password #form-remind-password-section .form-group-custom,
#page-password-change #form-change-password #form-remind-password-section .form-group-custom,
#page-remind-password #form-remind-password #form-change-password-section .form-group-custom,
#page-password-change #form-remind-password #form-change-password-section .form-group-custom,
#page-remind-password #form-change-password #form-change-password-section .form-group-custom,
#page-password-change #form-change-password #form-change-password-section .form-group-custom {
  margin-bottom: 0.5rem;
}
#page-remind-password #form-remind-password #form-remind-password-section .form-group-custom label,
#page-password-change #form-remind-password #form-remind-password-section .form-group-custom label,
#page-remind-password #form-change-password #form-remind-password-section .form-group-custom label,
#page-password-change #form-change-password #form-remind-password-section .form-group-custom label,
#page-remind-password #form-remind-password #form-change-password-section .form-group-custom label,
#page-password-change #form-remind-password #form-change-password-section .form-group-custom label,
#page-remind-password #form-change-password #form-change-password-section .form-group-custom label,
#page-password-change #form-change-password #form-change-password-section .form-group-custom label {
  margin-bottom: 0.4rem;
  font-family: HiraginoSans-W4, sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #eb933e;
}
#page-remind-password #form-remind-password #form-remind-password-section .form-group-custom input,
#page-password-change #form-remind-password #form-remind-password-section .form-group-custom input,
#page-remind-password #form-change-password #form-remind-password-section .form-group-custom input,
#page-password-change #form-change-password #form-remind-password-section .form-group-custom input,
#page-remind-password #form-remind-password #form-change-password-section .form-group-custom input,
#page-password-change #form-remind-password #form-change-password-section .form-group-custom input,
#page-remind-password #form-change-password #form-change-password-section .form-group-custom input,
#page-password-change #form-change-password #form-change-password-section .form-group-custom input {
  height: 32px;
  border-radius: 5px;
  border: solid 0.8px rgba(235, 147, 62, 0.6);
  background-color: #fffaf6;
  padding-left: 0.4rem;
}
#page-remind-password #form-remind-password #form-remind-password-section .form-group-custom ::placeholder,
#page-password-change #form-remind-password #form-remind-password-section .form-group-custom ::placeholder,
#page-remind-password #form-change-password #form-remind-password-section .form-group-custom ::placeholder,
#page-password-change #form-change-password #form-remind-password-section .form-group-custom ::placeholder,
#page-remind-password #form-remind-password #form-change-password-section .form-group-custom ::placeholder,
#page-password-change #form-remind-password #form-change-password-section .form-group-custom ::placeholder,
#page-remind-password #form-change-password #form-change-password-section .form-group-custom ::placeholder,
#page-password-change #form-change-password #form-change-password-section .form-group-custom ::placeholder {
  font-family: HiraginoSans-W4, sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: rgba(211, 203, 203, 0.87);
}
#page-remind-password #form-remind-password #form-remind-password-section .form-group-custom ::-webkit-input-placeholder,
#page-password-change #form-remind-password #form-remind-password-section .form-group-custom ::-webkit-input-placeholder,
#page-remind-password #form-change-password #form-remind-password-section .form-group-custom ::-webkit-input-placeholder,
#page-password-change #form-change-password #form-remind-password-section .form-group-custom ::-webkit-input-placeholder,
#page-remind-password #form-remind-password #form-change-password-section .form-group-custom ::-webkit-input-placeholder,
#page-password-change #form-remind-password #form-change-password-section .form-group-custom ::-webkit-input-placeholder,
#page-remind-password #form-change-password #form-change-password-section .form-group-custom ::-webkit-input-placeholder,
#page-password-change #form-change-password #form-change-password-section .form-group-custom ::-webkit-input-placeholder {
  font-family: HiraginoSans-W4, sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: rgba(211, 203, 203, 0.87);
}
#page-remind-password #form-remind-password #form-remind-password-section .form-group-custom ::-moz-placeholder,
#page-password-change #form-remind-password #form-remind-password-section .form-group-custom ::-moz-placeholder,
#page-remind-password #form-change-password #form-remind-password-section .form-group-custom ::-moz-placeholder,
#page-password-change #form-change-password #form-remind-password-section .form-group-custom ::-moz-placeholder,
#page-remind-password #form-remind-password #form-change-password-section .form-group-custom ::-moz-placeholder,
#page-password-change #form-remind-password #form-change-password-section .form-group-custom ::-moz-placeholder,
#page-remind-password #form-change-password #form-change-password-section .form-group-custom ::-moz-placeholder,
#page-password-change #form-change-password #form-change-password-section .form-group-custom ::-moz-placeholder {
  font-family: HiraginoSans-W4, sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: rgba(211, 203, 203, 0.87);
}
#page-remind-password #form-remind-password #form-remind-password-section .form-group-custom :-ms-input-placeholder,
#page-password-change #form-remind-password #form-remind-password-section .form-group-custom :-ms-input-placeholder,
#page-remind-password #form-change-password #form-remind-password-section .form-group-custom :-ms-input-placeholder,
#page-password-change #form-change-password #form-remind-password-section .form-group-custom :-ms-input-placeholder,
#page-remind-password #form-remind-password #form-change-password-section .form-group-custom :-ms-input-placeholder,
#page-password-change #form-remind-password #form-change-password-section .form-group-custom :-ms-input-placeholder,
#page-remind-password #form-change-password #form-change-password-section .form-group-custom :-ms-input-placeholder,
#page-password-change #form-change-password #form-change-password-section .form-group-custom :-ms-input-placeholder {
  font-family: HiraginoSans-W4, sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: rgba(211, 203, 203, 0.87);
}
#page-remind-password #form-remind-password #form-remind-password-section .error-message,
#page-password-change #form-remind-password #form-remind-password-section .error-message,
#page-remind-password #form-change-password #form-remind-password-section .error-message,
#page-password-change #form-change-password #form-remind-password-section .error-message,
#page-remind-password #form-remind-password #form-change-password-section .error-message,
#page-password-change #form-remind-password #form-change-password-section .error-message,
#page-remind-password #form-change-password #form-change-password-section .error-message,
#page-password-change #form-change-password #form-change-password-section .error-message {
  margin-top: 20px;
  min-height: 16px;
  font-family: HiraginoSans-W4, sans-serif;
  font-size: 11px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #e14d37;
}
#page-remind-password #form-remind-password #form-remind-password-section .error-message.hidden-msg,
#page-password-change #form-remind-password #form-remind-password-section .error-message.hidden-msg,
#page-remind-password #form-change-password #form-remind-password-section .error-message.hidden-msg,
#page-password-change #form-change-password #form-remind-password-section .error-message.hidden-msg,
#page-remind-password #form-remind-password #form-change-password-section .error-message.hidden-msg,
#page-password-change #form-remind-password #form-change-password-section .error-message.hidden-msg,
#page-remind-password #form-change-password #form-change-password-section .error-message.hidden-msg,
#page-password-change #form-change-password #form-change-password-section .error-message.hidden-msg {
  visibility: hidden;
}
#page-remind-password #form-remind-password #form-change-password-section,
#page-password-change #form-remind-password #form-change-password-section,
#page-remind-password #form-change-password #form-change-password-section,
#page-password-change #form-change-password #form-change-password-section {
  margin-top: 7.7%;
}
#page-remind-password #form-remind-password #register-btn,
#page-password-change #form-remind-password #register-btn,
#page-remind-password #form-change-password #register-btn,
#page-password-change #form-change-password #register-btn,
#page-remind-password #form-remind-password #return-btn,
#page-password-change #form-remind-password #return-btn,
#page-remind-password #form-change-password #return-btn,
#page-password-change #form-change-password #return-btn {
  width: 310px;
  height: 45px;
  font-family: HiraginoSans-W4, sans-serif;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#page-remind-password #form-remind-password #register-btn,
#page-password-change #form-remind-password #register-btn,
#page-remind-password #form-change-password #register-btn,
#page-password-change #form-change-password #register-btn {
  box-shadow: 0 2px 4px 0 #9b9b9b;
  background-color: #eb933e;
}
#page-remind-password #form-remind-password #return-btn,
#page-password-change #form-remind-password #return-btn,
#page-remind-password #form-change-password #return-btn,
#page-password-change #form-change-password #return-btn {
  margin-top: 6.8%;
  box-shadow: 0 2px 4px 0 #9b9b9b;
  background-color: #6a625f;
}
/* PASSWORD CHANGE - PAGE
======================================== */
#page-password-change {
  padding-top: 8.1rem;
}
#page-password-change #form-remind-password #form-change-password-section,
#page-password-change #form-change-password #form-change-password-section {
  margin-top: 7.7%;
}
#page-password-change #password-change-success #password-change-success-title {
  font-family: HiraginoSans-W4, sans-serif;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.72;
  letter-spacing: normal;
  text-align: center;
  color: #47403d;
  margin: 23% auto 26.3%;
}
#page-password-change #password-change-success #return-btn {
  box-shadow: 0 2px 4px 0 #9b9b9b;
  background-color: #eb933e;
  width: 310px;
  height: 45px;
  font-family: HiraginoSans-W4, sans-serif;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2px;
}
/* FOOD CALENDAR - PAGE
======================================== */
main #overlay {
  position: fixed;
  /* Sit on top of the page content */
  display: none;
  /* Hidden by default */
  width: 100%;
  height: 100%;
  top: 100px;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(68, 51, 43, 0.77);
  /* Black background with opacity */
  z-index: 2;
  /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer;
  /* Add a pointer on hover */
  border: 1px solid #979797;
}
main .container #food-calendar {
  padding-bottom: 15px;
}
main .container #food-calendar .row .fc-week-block-container {
  width: 97%;
  margin-top: 3.5px;
  display: none;
  display: flex;
  justify-content: center;
}
main .container #food-calendar .row .fc-week-block-container .fc-week-block {
  width: 47px;
  height: 30px;
  float: left;
  font-family: HiraginoSans-W7, HiraginoSans-W6, sans-serif;
  font-size: 11px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 0.09;
  letter-spacing: normal;
  text-align: center;
  margin-left: 4px;
  padding-top: 13px;
}
main .container #food-calendar .fc-rows {
  margin-top: -5px;
}
main .container #food-calendar .fc-rows .empty-calendar-msg {
  text-align: center;
  line-height: 100px;
}
main .container #food-calendar .fc-rows .row .fc-date-block-container {
  width: 97%;
  margin-top: 3.5px;
  display: flex;
  justify-content: center;
}
main .container #food-calendar .fc-rows .row .fc-date-block-container .fc-block {
  width: 47px;
  height: 81px;
  float: left;
  margin-left: 4px;
  position: relative;
}
main .container #food-calendar .fc-rows .row .fc-date-block-container .fc-block .fc-reserved {
  height: 80px;
  border-radius: 3px;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14);
  background-color: rgba(28, 21, 17, 0.3);
  position: absolute;
}
main .container #food-calendar .fc-rows .row .fc-date-block-container .fc-block .fc-date-block {
  width: 100%;
  height: 80px;
  border-radius: 3px;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14);
  background-color: rgba(225, 108, 55, 0.06);
}
main .container #food-calendar .fc-rows .row .fc-date-block-container .fc-block .fc-date-block .fc-day {
  width: 98%;
  height: 20px;
  overflow: hidden;
}
main .container #food-calendar .fc-rows .row .fc-date-block-container .fc-block .fc-date-block .fc-day p {
  font-family: HiraginoSans-W7, HiraginoSans-W6, sans-serif;
  font-size: 9px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  margin-bottom: 0rem!important;
  margin-top: 5.5px;
  margin-left: 5.5px;
}
main .container #food-calendar .fc-rows .row .fc-date-block-container .fc-block .fc-date-block .fc-day .date-round {
  background-color: #eb933e;
  border-radius: 10px;
  float: left;
  padding: 1.5px;
  margin-top: 2px;
  line-height: 15px;
  min-width: 17px;
  width: 17px;
  height: 17px;
  text-align: center;
}
main .container #food-calendar .fc-rows .row .fc-date-block-container .fc-block .fc-date-block .fc-breakfast {
  width: 89.5%;
  overflow: hidden;
  height: 15px;
  border-radius: 3px;
  background-color: #e14d37;
  margin-left: 3px;
  margin-top: 3px;
}
main .container #food-calendar .fc-rows .row .fc-date-block-container .fc-block .fc-date-block .fc-breakfast p {
  font-family: HiraginoSans-W3, sans-serif;
  font-size: 8px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.02px;
  color: #ffffff;
  margin-top: 1.3px;
  margin-left: 2.5px;
  float: left;
  line-height: 11px;
}
main .container #food-calendar .fc-rows .row .fc-date-block-container .fc-block .fc-date-block .fc-breakfast img {
  width: 9px;
  height: 9.1px;
  display: block;
  float: right;
  margin-top: 3px;
  margin-right: 3px;
}
main .container #food-calendar .fc-rows .row .fc-date-block-container .fc-block .fc-date-block .fc-lunch {
  width: 89.5%;
  overflow: hidden;
  height: 15px;
  border-radius: 3px;
  background-color: #e1b737;
  margin-left: 3px;
  margin-top: 3px;
}
main .container #food-calendar .fc-rows .row .fc-date-block-container .fc-block .fc-date-block .fc-lunch p {
  font-family: HiraginoSans-W3, sans-serif;
  font-size: 8px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.02px;
  color: #ffffff;
  margin-top: 1.3px;
  margin-left: 2.5px;
  float: left;
  line-height: 11px;
}
main .container #food-calendar .fc-rows .row .fc-date-block-container .fc-block .fc-date-block .fc-lunch img {
  width: 9px;
  height: 9.1px;
  display: block;
  float: right;
  margin-top: 3px;
  margin-right: 3px;
}
main .container #food-calendar .fc-rows .row .fc-date-block-container .fc-block .fc-date-block .fc-dinner {
  width: 89.5%;
  overflow: hidden;
  height: 15px;
  border-radius: 3px;
  background-color: #3794e1;
  margin-left: 3px;
  margin-top: 3px;
}
main .container #food-calendar .fc-rows .row .fc-date-block-container .fc-block .fc-date-block .fc-dinner p {
  font-family: HiraginoSans-W3, sans-serif;
  font-size: 8px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.02px;
  color: #ffffff;
  margin-top: 1.3px;
  margin-left: 2.5px;
  float: left;
  line-height: 11px;
}
main .container #food-calendar .fc-rows .row .fc-date-block-container .fc-block .fc-date-block .fc-dinner img {
  width: 9px;
  height: 9.1px;
  display: block;
  float: right;
  margin-top: 3px;
  margin-right: 3px;
}
main .container #room-list {
  padding-top: 0.3rem;
  position: relative;
}
main .container #room-list .table {
  margin-bottom: 0.75rem;
}
main .container #room-list .table .room-list-row {
  height: 56px;
}
main .container #room-list .table .room-list-row td {
  padding: 0;
  vertical-align: middle;
  border-top: none;
  font-family: HiraginoSans-W4, sans-serif;
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: right;
  color: #44332b;
}
main .container #room-list .table .room-list-row td.no-user {
  font-family: HiraginoSans-W4, sans-serif;
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: rgba(195, 195, 195, 0.87);
}
main .container #room-list .table .room-list-row td:nth-child(1) {
  width: 26%;
  text-align: right;
  padding-right: 8px;
  padding-left: 5px;
}
main .container #room-list .table .room-list-row td:nth-child(2) {
  padding: 0 5px;
  text-align: left;
  padding-right: 5px;
  padding-left: 7px;
}
main .container #room-list .table .room-list-row td:nth-child(3) {
  width: 27%;
  text-align: center;
}
main .container #room-list .table .room-list-row td:nth-child(3) .action-btn {
  width: 66px;
  border-radius: 2px;
  box-shadow: 0 2px 4px 0 #9b9b9b;
  font-family: HiraginoSans-W4, sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff;
  padding: 3.5px 10px;
  height: auto;
}
main .container #room-list .table .room-list-row td:nth-child(3) .action-btn.btn-orange:focus,
main .container #room-list .table .room-list-row td:nth-child(3) .action-btn.btn-orange:active {
  background-color: #eb933e;
}
main .container #room-list .table .room-list-row td:nth-child(3) .action-btn.btn-gray:focus,
main .container #room-list .table .room-list-row td:nth-child(3) .action-btn.btn-gray:active {
  background-color: #6a625f;
}
main .container #room-list .table .room-list-row:nth-child(odd) {
  background-color: rgba(220, 207, 207, 0.2);
}
main .container #room-list .table .no-data-found {
  height: 76vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
main .container #budget-list {
  padding-top: 0.3rem;
}
main .container #budget-list .total-month-budget {
  height: 113px;
  text-align: center;
  font-family: HiraginoSans-W6, sans-serif;
  font-size: 30px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #47403d;
  line-height: 120px;
}
main .container #budget-list .total-month-budget span:nth-child(2) {
  margin-left: 10px;
}
main .container #budget-list .table {
  margin-bottom: 0.75rem;
}
main .container #budget-list .table .room-list-row {
  height: 56px;
}
main .container #budget-list .table .room-list-row td {
  padding: 0;
  vertical-align: middle;
  border-top: none;
  font-family: HiraginoSans-W4, sans-serif;
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: right;
  color: #44332b;
}
main .container #budget-list .table .room-list-row td.no-user {
  font-family: HiraginoSans-W4, sans-serif;
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: rgba(195, 195, 195, 0.87);
}
main .container #budget-list .table .room-list-row td.left-room {
  color: #e02020;
}
main .container #budget-list .table .room-list-row td:nth-child(1) {
  width: 26%;
  text-align: right;
  padding-right: 8px;
  padding-left: 5px;
}
main .container #budget-list .table .room-list-row td:nth-child(2) {
  padding: 0 5px;
  text-align: left;
  padding-right: 5px;
  padding-left: 7px;
  width: 30%;
}
main .container #budget-list .table .room-list-row td:nth-child(3) {
  padding: 0 5px;
  text-align: right;
  padding-right: 5px;
  padding-left: 7px;
}
main .container #budget-list .table .room-list-row td:nth-child(4) {
  width: 27%;
  text-align: center;
}
main .container #budget-list .table .room-list-row td:nth-child(4) .action-btn {
  width: 66px;
  border-radius: 2px;
  box-shadow: 0 2px 4px 0 #9b9b9b;
  font-family: HiraginoSans-W4, sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.6;
  letter-spacing: normal;
  color: #ffffff;
  padding: 0.175rem 0.75rem;
}
main .container #budget-list .table .room-list-row td:nth-child(4) .action-btn.btn-orange:focus,
main .container #budget-list .table .room-list-row td:nth-child(4) .action-btn.btn-orange:active {
  background-color: #eb933e;
}
main .container #budget-list .table .room-list-row td:nth-child(4) .action-btn.btn-gray:focus,
main .container #budget-list .table .room-list-row td:nth-child(4) .action-btn.btn-gray:active {
  background-color: #6a625f;
}
main .container #budget-list .table .room-list-row:nth-child(odd) {
  background-color: rgba(220, 207, 207, 0.2);
}
main .container .pagination {
  /* position: absolute;
          bottom: 4px;
          left: 0;
          right: 0; */
  margin-bottom: 10px;
  display: block;
  text-align: center;
}
main .container .pagination a {
  background-color: #ffffff;
  font-family: HiraginoSans-W4, sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #47403d;
  margin: 0 6.5px;
  text-align: center;
  border-bottom: 0.6px solid #47403d;
  padding-bottom: 1px;
  padding-left: 3px;
  padding-right: 3px;
}
main .container .pagination a img {
  width: 32px;
  height: 32px;
}
main .container .pagination a.active {
  background-color: #eb933e;
  color: #ffffff;
  border-radius: 100%;
  border-bottom: none;
  margin: 0 5px;
  display: inline-block;
  min-height: 20px;
  min-width: 20px;
  line-height: 19px;
  margin-left: 9px;
  margin-right: 0;
  padding-top: 1px;
}
main .container .pagination a.prev {
  border-bottom: none;
  margin-right: 9px;
}
main .container .pagination a.next {
  border-bottom: none;
  margin-left: 9px;
}
main .container .pagination a.prevBudget {
  border-bottom: none;
  margin-right: 9px;
}
main .container .pagination a.nextBudget {
  border-bottom: none;
  margin-left: 9px;
}
main .container .pagination #page-numbers {
  display: inline-block;
}
main .container .pagination #page-numbers a:first-child.active {
  padding-top: 1.5px;
}
main .container .pagination #page-numbers a:nth-child(3) {
  margin-left: 11px;
  margin-right: 11px;
}
main .container #room-details {
  padding-bottom: 15%;
}
main .container #room-details #empty-room-section #room-number-section {
  margin-top: 38px;
}
main .container #room-details #empty-room-section #room-number-section .square-bullet {
  width: 10px;
  height: 10px;
  display: inline-block;
  background-color: #eb933e;
}
main .container #room-details #empty-room-section #room-number-section #room-number-label {
  margin-right: 20px;
}
main .container #room-details #empty-room-section #room-number-section #room-number-label,
main .container #room-details #empty-room-section #room-number-section #room-number-content {
  font-family: HiraginoSans-W5, sans-serif;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #47403d;
}
main .container #room-details #empty-room-section #box-section {
  margin-top: 38px;
  padding-right: 10px;
}
main .container #room-details #empty-room-section #box-section .empty-box {
  width: 177px;
}
main .container #room-details #empty-room-section #register-btn,
main .container #room-details #empty-room-section #return-btn {
  width: 270px;
  height: 45px;
  font-family: HiraginoSans-W4, sans-serif;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
main .container #room-details #empty-room-section #register-btn {
  margin-top: 45px;
  box-shadow: 0 2px 4px 0 #9b9b9b;
  background-color: #eb933e;
}
main .container #room-details #empty-room-section #return-btn {
  margin-top: 20px;
  box-shadow: 0 2px 4px 0 #9b9b9b;
  background-color: #6a625f;
}
main .container #room-details #occupied-room-section #details-info .details-info-row {
  width: 100%;
  height: 56px;
  padding-left: 5.3%;
  padding-right: 2%;
}
main .container #room-details #occupied-room-section #details-info .details-info-row .label-btn {
  padding: 0;
  width: 28%;
  min-width: 95px;
  font-family: HiraginoSans-W5, sans-serif;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #eb933e;
}
main .container #room-details #occupied-room-section #details-info .details-info-row .label-content {
  padding-left: 5.5%;
  font-family: HiraginoSans-W4, sans-serif;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #47403d;
  margin-bottom: 0;
}
main .container #room-details #occupied-room-section #details-info .details-info-row .label-content.no-leaving-date {
  font-family: HiraginoSans-W6, sans-serif;
  font-size: 14px;
  color: rgba(195, 195, 195, 0.87);
}
main .container #room-details #occupied-room-section #details-info .details-info-row a.label-content {
  width: 48.6%;
}
main .container #room-details #occupied-room-section #details-info .details-info-row #leaving-date-btn {
  margin-left: 5px;
  margin-top: 2px;
  padding: 4px 0;
  width: 66px;
  height: 30px;
  border-radius: 2px;
  box-shadow: 0 2px 4px 0 #9b9b9b;
  background-color: #6a625f;
  font-family: HiraginoSans-W4, sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff;
}
main .container #room-details #occupied-room-section #details-info .details-info-row:nth-child(1) .label-btn {
  margin-top: 2px;
}
main .container #room-details #occupied-room-section #details-info .details-info-row:nth-child(1) .label-content {
  margin-top: 3px;
  padding-left: 6%;
}
main .container #room-details #occupied-room-section #details-info .details-info-row:nth-child(2) .label-btn {
  margin-top: -3px;
}
main .container #room-details #occupied-room-section #details-info .details-info-row:nth-child(3) .label-btn {
  margin-top: 3px;
}
main .container #room-details #occupied-room-section #details-info .details-info-row:nth-child(3) .label-content {
  padding-top: 5px;
  padding-left: 5.7%;
}
main .container #room-details #occupied-room-section #details-info .details-info-row:nth-child(4) .label-btn {
  margin-top: 2px;
}
main .container #room-details #occupied-room-section #details-info .details-info-row:nth-child(4) .label-content {
  margin-top: 2px;
  width: 48%;
}
main .container #room-details #occupied-room-section #details-info .details-info-row:nth-child(odd) {
  background-color: rgba(220, 207, 207, 0.2);
}
main .container #room-details #occupied-room-section #details-info #user-qr-code {
  margin-top: 5%;
}
main .container #room-details #occupied-room-section #details-info #user-qr-code img {
  width: 100px;
  height: 103px;
}
main .container #room-details #occupied-room-section #details-info #change-leaving-date-btn,
main .container #room-details #occupied-room-section #details-info #leave-user-btn,
main .container #room-details #occupied-room-section #details-info #return-btn {
  width: 270px;
  height: 45px;
  font-family: HiraginoSans-W4, sans-serif;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
main .container #room-details #occupied-room-section #details-info #change-leaving-date-btn,
main .container #room-details #occupied-room-section #details-info #leave-user-btn {
  margin-top: 7.4%;
  box-shadow: 0 2px 4px 0 #9b9b9b;
  background-color: #eb933e;
}
main .container #room-details #occupied-room-section #details-info #return-btn {
  margin-top: 20px;
  box-shadow: 0 2px 4px 0 #9b9b9b;
  background-color: #6a625f;
}
main .container #room-details #occupied-room-section .modal .modal-dialog-centered {
  justify-content: center;
}
main .container #room-details #occupied-room-section .modal .modal-dialog-centered .modal-content {
  border: none;
  margin-top: 0;
  width: 320px !important;
  height: 318px !important;
  border-radius: 3px;
  background-color: #fffefe;
}
main .container #room-details #occupied-room-section .modal .modal-dialog-centered .modal-content .modal-header {
  padding-bottom: 0;
  border-color: transparent;
}
main .container #room-details #occupied-room-section .modal .modal-dialog-centered .modal-content .modal-header .close {
  padding: 0.7rem;
  padding-bottom: 1rem;
}
main .container #room-details #occupied-room-section .modal .modal-dialog-centered .modal-content .modal-header .close img {
  width: 23px;
  height: 22px;
}
main .container #room-details #occupied-room-section .modal .modal-dialog-centered .modal-content .modal-body {
  padding-top: 1px;
}
main .container #room-details #occupied-room-section .modal .modal-dialog-centered .modal-content .modal-body .room-number,
main .container #room-details #occupied-room-section .modal .modal-dialog-centered .modal-content .modal-body .name,
main .container #room-details #occupied-room-section .modal .modal-dialog-centered .modal-content .modal-body .notes,
main .container #room-details #occupied-room-section .modal .modal-dialog-centered .modal-content .modal-body .leaving-date,
main .container #room-details #occupied-room-section .modal .modal-dialog-centered .modal-content .modal-body .confirmation-msg {
  font-family: HiraginoSans-W4, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
}
main .container #room-details #occupied-room-section .modal .modal-dialog-centered .modal-content .modal-body .room-number,
main .container #room-details #occupied-room-section .modal .modal-dialog-centered .modal-content .modal-body .name {
  font-size: 22px;
  color: #47403d;
}
main .container #room-details #occupied-room-section .modal .modal-dialog-centered .modal-content .modal-body .notes,
main .container #room-details #occupied-room-section .modal .modal-dialog-centered .modal-content .modal-body .leaving-date {
  font-size: 18px;
  display: flex;
}
main .container #room-details #occupied-room-section .modal .modal-dialog-centered .modal-content .modal-body .notes {
  margin-top: 4%;
  color: #47403d;
}
main .container #room-details #occupied-room-section .modal .modal-dialog-centered .modal-content .modal-body .notes .label {
  width: 41%;
}
main .container #room-details #occupied-room-section .modal .modal-dialog-centered .modal-content .modal-body .leaving-date {
  margin-top: 2%;
  padding-left: 1px;
  font-family: HiraginoSans-W4, sans-serif;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #eb933e;
}
main .container #room-details #occupied-room-section .modal .modal-dialog-centered .modal-content .modal-body .leaving-date .label {
  width: 41.5%;
  padding-left: 6.5%;
}
main .container #room-details #occupied-room-section .modal .modal-dialog-centered .modal-content .modal-body .name {
  margin-top: -3px;
}
main .container #room-details #occupied-room-section .modal .modal-dialog-centered .modal-content .modal-body .confirmation-msg {
  font-size: 16px;
  color: #47403d;
  margin-top: 5%;
  padding-left: 4px;
}
main .container #room-details #occupied-room-section .modal .modal-dialog-centered .modal-content .modal-body .modal-buttons {
  margin-top: 5.5%;
  padding: 0.65rem;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  justify-content: space-around;
}
main .container #room-details #occupied-room-section .modal .modal-dialog-centered .modal-content .modal-body .modal-buttons #leave-form-submit-confirm-btn,
main .container #room-details #occupied-room-section .modal .modal-dialog-centered .modal-content .modal-body .modal-buttons #leave-form-submit-cancel-btn {
  width: 120px;
  height: 40px;
  border-radius: 3px;
  box-shadow: 0 2px 4px 0 #9b9b9b;
  font-family: HiraginoSans-W4, sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff;
}
main .container #room-details #occupied-room-section .modal .modal-dialog-centered .modal-content .modal-body .modal-buttons #leave-form-submit-cancel-btn {
  margin-left: 7px;
}
main .container #room-details #occupied-room-section #user-leaving-date-success-modal .modal-dialog-centered .modal-content {
  border: none;
  margin-top: 0;
  width: 320px !important;
  height: 318px !important;
  border-radius: 3px;
  background-color: #fffefe;
}
main .container #room-details #occupied-room-section #user-leaving-date-success-modal .modal-dialog-centered .modal-content .modal-header {
  padding-bottom: 0.4rem;
}
main .container #room-details #occupied-room-section #user-leaving-date-success-modal .modal-dialog-centered .modal-content .modal-body {
  padding-top: 18%;
}
main .container #room-details #occupied-room-section #user-leaving-date-success-modal .modal-dialog-centered .modal-content .modal-body .success-title,
main .container #room-details #occupied-room-section #user-leaving-date-success-modal .modal-dialog-centered .modal-content .modal-body .instruction {
  font-family: HiraginoSans-W4, sans-serif;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: normal;
  text-align: center;
  color: #47403d;
}
main .container #room-details #occupied-room-section #user-leaving-date-success-modal .modal-dialog-centered .modal-content .modal-body #close-btn {
  width: 120px;
  height: 40px;
  border-radius: 3px;
  box-shadow: 0 2px 4px 0 #9b9b9b;
  background-color: #6a625f;
  font-family: HiraginoSans-W4, sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff;
  padding: 0.675rem;
}
main .container #user-registration {
  padding-top: 0.2rem;
  padding-bottom: 12.5%;
}
main .container #user-registration #room-number-section {
  margin-top: 10%;
}
main .container #user-registration #room-number-section .square-bullet {
  width: 10px;
  height: 10px;
  display: inline-block;
  background-color: #eb933e;
}
main .container #user-registration #room-number-section #room-number-label {
  margin-right: 20px;
}
main .container #user-registration #room-number-section #room-number-label,
main .container #user-registration #room-number-section #room-number-content {
  font-family: HiraginoSans-W4, sans-serif;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #47403d;
}
main .container #user-registration #registration-form-section {
  width: 86%;
  margin-top: 8.2%;
}
main .container #user-registration #registration-form-section .form-group-custom {
  margin-bottom: 0.5rem;
}
main .container #user-registration #registration-form-section .form-group-custom label {
  margin-bottom: 0.4rem;
  font-family: HiraginoSans-W4, sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #eb933e;
}
main .container #user-registration #registration-form-section .form-group-custom input {
  height: 32px;
  border-radius: 5px;
  border: solid 0.8px rgba(235, 147, 62, 0.6);
  background-color: #fffaf6;
  padding-left: 0.4rem;
}
main .container #user-registration #registration-form-section .form-group-custom ::placeholder {
  font-family: HiraginoSans-W4, sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: rgba(211, 203, 203, 0.87);
}
main .container #user-registration #registration-form-section .form-group-custom ::-webkit-input-placeholder {
  font-family: HiraginoSans-W4, sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: rgba(211, 203, 203, 0.87);
}
main .container #user-registration #registration-form-section .form-group-custom ::-moz-placeholder {
  font-family: HiraginoSans-W4, sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: rgba(211, 203, 203, 0.87);
}
main .container #user-registration #registration-form-section .form-group-custom :-ms-input-placeholder {
  font-family: HiraginoSans-W4, sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: rgba(211, 203, 203, 0.87);
}
main .container #user-registration #registration-form-section .error-message {
  margin-top: 20px;
  min-height: 16px;
}
main .container #user-registration #registration-form-section .error-message.hidden-msg {
  visibility: hidden;
}
main .container #user-registration #register-btn,
main .container #user-registration #return-btn {
  width: 270px;
  height: 45px;
  font-family: HiraginoSans-W4, sans-serif;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
main .container #user-registration #register-btn {
  box-shadow: 0 2px 4px 0 #9b9b9b;
  background-color: #eb933e;
}
main .container #user-registration #return-btn {
  margin-top: 20px;
  box-shadow: 0 2px 4px 0 #9b9b9b;
  background-color: #6a625f;
}
main .container #user-registration .modal .modal-dialog-centered {
  justify-content: center;
}
main .container #user-registration .modal .modal-dialog-centered .modal-content {
  border: none;
  margin-top: 44px;
  width: 320px !important;
  min-height: 272px !important;
  border-radius: 3px;
  background-color: #fffefe;
}
main .container #user-registration .modal .modal-dialog-centered .modal-content .modal-header {
  padding-bottom: 0;
  border-color: transparent;
}
main .container #user-registration .modal .modal-dialog-centered .modal-content .modal-header .close {
  padding: 0.6rem;
  padding-bottom: 1rem;
}
main .container #user-registration .modal .modal-dialog-centered .modal-content .modal-header .close img {
  width: 23px;
  height: 22px;
}
main .container #user-registration .modal .modal-dialog-centered .modal-content .modal-body {
  padding-top: 1px;
}
main .container #user-registration .modal .modal-dialog-centered .modal-content .modal-body .room-number,
main .container #user-registration .modal .modal-dialog-centered .modal-content .modal-body .name,
main .container #user-registration .modal .modal-dialog-centered .modal-content .modal-body .confirmation-msg,
main .container #user-registration .modal .modal-dialog-centered .modal-content .modal-body .next-action-msg {
  font-family: HiraginoSans-W4, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
}
main .container #user-registration .modal .modal-dialog-centered .modal-content .modal-body .room-number,
main .container #user-registration .modal .modal-dialog-centered .modal-content .modal-body .name {
  font-size: 22px;
  color: #47403d;
}
main .container #user-registration .modal .modal-dialog-centered .modal-content .modal-body .name {
  margin-top: -3px;
}
main .container #user-registration .modal .modal-dialog-centered .modal-content .modal-body .confirmation-msg {
  font-size: 16px;
  color: #47403d;
  margin-top: 10px;
}
main .container #user-registration .modal .modal-dialog-centered .modal-content .modal-body .next-action-msg {
  font-size: 14px;
  color: #e02020;
  margin-top: 8px;
  margin-bottom: 20px;
}
main .container #user-registration .modal .modal-dialog-centered .modal-content .modal-body .modal-buttons {
  padding: 0.65rem;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  justify-content: space-around;
}
main .container #user-registration .modal .modal-dialog-centered .modal-content .modal-body .modal-buttons #form-submit-confirm-btn,
main .container #user-registration .modal .modal-dialog-centered .modal-content .modal-body .modal-buttons #form-submit-cancel-btn {
  width: 120px;
  height: 40px;
  border-radius: 3px;
  box-shadow: 0 2px 4px 0 #9b9b9b;
  font-family: HiraginoSans-W4, sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff;
}
main .container #user-registration .modal .modal-dialog-centered .modal-content .modal-body .modal-buttons #form-submit-cancel-btn {
  margin-left: 6px;
}
main .container #user-registration #user-registration-success-modal .modal-dialog-centered .modal-content {
  border: none;
  margin-top: 0;
  width: 320px !important;
  height: 318px !important;
  border-radius: 3px;
  background-color: #fffefe;
}
main .container #user-registration #user-registration-success-modal .modal-dialog-centered .modal-content .modal-header {
  padding-bottom: 0.4rem;
}
main .container #user-registration #user-registration-success-modal .modal-dialog-centered .modal-content .modal-body .success-title,
main .container #user-registration #user-registration-success-modal .modal-dialog-centered .modal-content .modal-body .instruction {
  font-family: HiraginoSans-W4, sans-serif;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: normal;
  text-align: center;
  color: #47403d;
}
main .container #user-registration #user-registration-success-modal .modal-dialog-centered .modal-content .modal-body #user-qr-code {
  margin-top: 4.7%;
  margin-bottom: 3.5%;
  display: flex;
  justify-content: center;
}
main .container #user-registration #user-registration-success-modal .modal-dialog-centered .modal-content .modal-body #user-qr-code img {
  width: 98px;
  height: 98px;
}
main .container #user-registration #user-registration-success-modal .modal-dialog-centered .modal-content .modal-body #close-btn {
  width: 120px;
  height: 40px;
  border-radius: 3px;
  box-shadow: 0 2px 4px 0 #9b9b9b;
  background-color: #6a625f;
  font-family: HiraginoSans-W4, sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff;
}
main .container #user-leaving-date {
  padding-top: 0.2rem;
  padding-bottom: 25px;
}
main .container #user-leaving-date #room-number-section {
  margin-top: 10%;
}
main .container #user-leaving-date #room-number-section .square-bullet {
  width: 10px;
  height: 10px;
  display: inline-block;
  background-color: #eb933e;
}
main .container #user-leaving-date #room-number-section #room-number-label {
  margin-right: 20px;
}
main .container #user-leaving-date #room-number-section #room-number-label,
main .container #user-leaving-date #room-number-section #room-number-content {
  font-family: HiraginoSans-W4, sans-serif;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #47403d;
}
main .container #user-leaving-date #leaving-date-form-section {
  width: 86%;
  margin-top: 11.5%;
  margin-bottom: 6%;
}
main .container #user-leaving-date #leaving-date-form-section .form-group-custom {
  margin-bottom: 0.5rem;
  /* input[type="date"]:focus {
                -moz-appearance: none;
                -webkit-appearance: none;
                appearance: none;
                width:100%;
                background-image: url(../../img/sp/down-triangle-black@3x.png);
                background-position-x: 95%;
                background-position-y: 49%;
                background-repeat: no-repeat;
                background-size: 15px;
              } */
  /* input[type="date"]::-webkit-inner-spin-button,
              input[type="date"]::-webkit-calendar-picker-indicator {
                opacity: 0;
                -webkit-appearance: none;
              }

              input[type="date"]::-webkit-clear-button,
              input[type="date"]::-moz-clear { 
                display: none; 
              } */
}
main .container #user-leaving-date #leaving-date-form-section .form-group-custom label {
  margin-bottom: 0.4rem;
  font-family: HiraginoSans-W4, sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #eb933e;
}
main .container #user-leaving-date #leaving-date-form-section .form-group-custom input {
  height: 35px;
  border-radius: 5px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  border: solid 0.8px rgba(235, 147, 62, 0.6);
  background-color: #fffaf6;
  text-align: center;
}
main .container #user-leaving-date #leaving-date-form-section .form-group-custom input[type="date"] {
  font-family: HiraginoSans-W4, sans-serif;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #47403d;
  text-align: center;
  /* -moz-appearance: none;
                -webkit-appearance: none;
                appearance: none;
                width:100%;
                background-image: url(../../img/sp/down-triangle-black@3x.png);
                background-position-x: 95%;
                background-position-y: 49%;
                background-repeat: no-repeat;
                background-size: 15px; */
}
main .container #user-leaving-date #leaving-date-form-section .form-group-custom #inputLeavingDate {
  font-family: HiraginoSans-W4, sans-serif;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #47403d;
  text-align: center;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  background-image: url(../../img/sp/down-triangle-black@3x.png);
  background-position-x: 95.6%;
  background-position-y: 50%;
  background-repeat: no-repeat;
  background-size: 15px;
  margin-top: 2px;
  margin-left: 0px;
}
main .container #user-leaving-date #leaving-date-form-section .form-group-custom #inputLeavingDateView {
  position: absolute;
  border: none;
  width: 66%;
  height: 30px;
  left: 76px;
  box-shadow: none;
  margin-top: 3px;
  font-family: HiraginoSans-W4, sans-serif;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #47403d;
  text-align: center;
}
main .container #user-leaving-date #leaving-date-form-section .form-group-custom .disableInputLeavingDateView {
  color: rgba(71, 64, 61, 0.3) !important;
}
main .container #user-leaving-date #leaving-date-form-section .form-group-custom input.initial-value[type="date"] {
  font-family: HiraginoSans-W4, sans-serif;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: rgba(71, 64, 61, 0.3);
  text-align: center;
}
main .container #user-leaving-date #leaving-date-form-section .error-message {
  margin-top: 20px;
  min-height: 16px;
}
main .container #user-leaving-date #leaving-date-form-section .error-message.hidden-msg {
  visibility: hidden;
}
main .container #user-leaving-date #register-btn,
main .container #user-leaving-date #return-btn {
  width: 270px;
  height: 45px;
  font-family: HiraginoSans-W4, sans-serif;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
main .container #user-leaving-date .return-btn-user-leaving-date {
  margin-top: 18px!important;
}
main .container #user-leaving-date #register-btn {
  box-shadow: 0 2px 4px 0 #9b9b9b;
  background-color: #eb933e;
}
main .container #user-leaving-date #register-btn.disabled {
  background-color: #edd4bb;
  box-shadow: none;
}
main .container #user-leaving-date #return-btn {
  margin-top: 20px;
  box-shadow: 0 2px 4px 0 #9b9b9b;
  background-color: #6a625f;
}
main .container #user-leaving-date .modal .modal-dialog-centered {
  justify-content: center;
}
main .container #user-leaving-date .modal .modal-dialog-centered .modal-content {
  border: none;
  margin-top: 0;
  width: 320px !important;
  /* height: 318px !important; */
  border-radius: 3px;
  background-color: #fffefe;
}
main .container #user-leaving-date .modal .modal-dialog-centered .modal-content .modal-header {
  padding-bottom: 0;
  border-color: transparent;
}
main .container #user-leaving-date .modal .modal-dialog-centered .modal-content .modal-header .close {
  padding: 0.7rem;
  padding-bottom: 1rem;
}
main .container #user-leaving-date .modal .modal-dialog-centered .modal-content .modal-header .close img {
  width: 23px;
  height: 22px;
}
main .container #user-leaving-date .modal .modal-dialog-centered .modal-content .modal-body {
  padding-top: 1px;
}
main .container #user-leaving-date .modal .modal-dialog-centered .modal-content .modal-body .room-number,
main .container #user-leaving-date .modal .modal-dialog-centered .modal-content .modal-body .name,
main .container #user-leaving-date .modal .modal-dialog-centered .modal-content .modal-body .notes,
main .container #user-leaving-date .modal .modal-dialog-centered .modal-content .modal-body .leaving-date,
main .container #user-leaving-date .modal .modal-dialog-centered .modal-content .modal-body .confirmation-msg {
  font-family: HiraginoSans-W4, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
}
main .container #user-leaving-date .modal .modal-dialog-centered .modal-content .modal-body .room-number,
main .container #user-leaving-date .modal .modal-dialog-centered .modal-content .modal-body .name {
  font-size: 22px;
  color: #47403d;
}
main .container #user-leaving-date .modal .modal-dialog-centered .modal-content .modal-body .notes,
main .container #user-leaving-date .modal .modal-dialog-centered .modal-content .modal-body .leaving-date {
  font-size: 18px;
  display: flex;
}
main .container #user-leaving-date .modal .modal-dialog-centered .modal-content .modal-body .notes {
  margin-top: 4%;
  color: #47403d;
}
main .container #user-leaving-date .modal .modal-dialog-centered .modal-content .modal-body .notes .label {
  width: 41%;
}
main .container #user-leaving-date .modal .modal-dialog-centered .modal-content .modal-body .leaving-date {
  margin-top: 2%;
  padding-left: 1px;
  font-family: HiraginoSans-W4, sans-serif;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #eb933e;
}
main .container #user-leaving-date .modal .modal-dialog-centered .modal-content .modal-body .leaving-date .label {
  width: 41.5%;
  padding-left: 6.5%;
}
main .container #user-leaving-date .modal .modal-dialog-centered .modal-content .modal-body .name {
  margin-top: -3px;
}
main .container #user-leaving-date .modal .modal-dialog-centered .modal-content .modal-body .confirmation-msg {
  font-size: 16px;
  color: #47403d;
  margin-top: 5%;
}
main .container #user-leaving-date .modal .modal-dialog-centered .modal-content .modal-body .modal-buttons {
  margin-top: 5.5%;
  padding: 0.65rem;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  justify-content: space-around;
}
main .container #user-leaving-date .modal .modal-dialog-centered .modal-content .modal-body .modal-buttons #leave-form-submit-confirm-btn,
main .container #user-leaving-date .modal .modal-dialog-centered .modal-content .modal-body .modal-buttons #leave-form-submit-cancel-btn {
  width: 120px;
  height: 40px;
  border-radius: 3px;
  box-shadow: 0 2px 4px 0 #9b9b9b;
  font-family: HiraginoSans-W4, sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff;
}
main .container #user-leaving-date .modal .modal-dialog-centered .modal-content .modal-body .modal-buttons #leave-form-submit-cancel-btn {
  margin-left: 7px;
}
main .container #user-leaving-date #user-leaving-date-success-modal .modal-dialog-centered .modal-content {
  border: none;
  margin-top: 0;
  width: 320px !important;
  height: 318px !important;
  border-radius: 3px;
  background-color: #fffefe;
}
main .container #user-leaving-date #user-leaving-date-success-modal .modal-dialog-centered .modal-content .modal-header {
  padding-bottom: 0.4rem;
}
main .container #user-leaving-date #user-leaving-date-success-modal .modal-dialog-centered .modal-content .modal-body {
  padding-top: 18%;
}
main .container #user-leaving-date #user-leaving-date-success-modal .modal-dialog-centered .modal-content .modal-body .success-title,
main .container #user-leaving-date #user-leaving-date-success-modal .modal-dialog-centered .modal-content .modal-body .instruction {
  font-family: HiraginoSans-W4, sans-serif;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: normal;
  text-align: center;
  color: #47403d;
}
main .container #user-leaving-date #user-leaving-date-success-modal .modal-dialog-centered .modal-content .modal-body #close-btn {
  width: 120px;
  height: 40px;
  border-radius: 3px;
  box-shadow: 0 2px 4px 0 #9b9b9b;
  background-color: #6a625f;
  font-family: HiraginoSans-W4, sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff;
  padding: 0.675rem;
}
main .container #user-leaving-date #user-leaving-date-confirm-modal .modal-content .modal-header .close {
  margin-right: -13px;
}
main .container #user-leaving-date #user-leaving-date-confirm-modal .modal-content #confirm-room-number,
main .container #user-leaving-date #user-leaving-date-confirm-modal .modal-content #confirm-user-name {
  font-family: HiraginoSans-W5, HiraginoSans-W4, sans-serif !important;
}
main .container #user-leaving-date #user-leaving-date-confirm-modal .modal-content #confirm-notes {
  margin-top: 5%!important;
}
main .container #user-leaving-date #user-leaving-date-confirm-modal .modal-content #confirm-notes .label {
  font-family: HiraginoSans-W5, HiraginoSans-W4, sans-serif !important;
  font-size: 16px!important;
  width: 33%!important;
  text-align: left;
  padding-left: 10px;
  word-break: break-all;
}
main .container #user-leaving-date #user-leaving-date-confirm-modal .modal-content #confirm-notes #notes-content {
  margin-left: 14px;
  font-family: HiraginoSans-W5, HiraginoSans-W4, sans-serif !important;
  font-size: 16px!important;
}
main .container #user-leaving-date #user-leaving-date-confirm-modal .modal-content #confirm-leaving-date {
  margin-top: 3.5% !important;
}
main .container #user-leaving-date #user-leaving-date-confirm-modal .modal-content #confirm-leaving-date .label {
  font-family: HiraginoSans-W5, HiraginoSans-W4, sans-serif !important;
  font-size: 16px!important;
  width: 33%!important;
  padding-left: 3.5% !important;
  text-align: left;
}
main .container #user-leaving-date #user-leaving-date-confirm-modal .modal-content #confirm-leaving-date #leaving-date-content {
  margin-left: 14px;
  font-family: HiraginoSans-W5, HiraginoSans-W4, sans-serif !important;
  font-size: 16px!important;
  margin-left: 11px;
}
main .container #user-leaving-date #user-leaving-date-confirm-modal .modal-content .confirmation-msg {
  margin-top: 4%!important;
}
main .container #user-leaving-date #user-leaving-date-confirm-modal .modal-content .modal-buttons {
  margin-top: 6.2% !important;
}
main .container #user-leaving-date #user-leaving-date-confirm-modal .modal-content .modal-buttons #leave-form-submit-cancel-btn {
  margin-left: 3px!important;
}
main .container #user-leaving-date #user-leaving-date-confirm-modal .modal-content .modal-buttons #leave-form-submit-confirm-btn {
  margin-right: 3px!important;
}
main .container #user-expense-details {
  padding-bottom: 1rem;
}
main .container #user-expense-details #room-number-section {
  width: 96%;
  margin: 0 auto;
  margin-top: 2.9%;
  min-height: 34px;
  align-items: center;
  display: flex;
  justify-content: center;
  border-radius: 3px;
  background-color: rgba(235, 147, 62, 0.1);
}
main .container #user-expense-details #room-number-section #room-number {
  padding-right: 12px;
}
main .container #user-expense-details #room-number-section #user-name {
  padding-left: 12px;
}
main .container #user-expense-details #room-number-section #room-number,
main .container #user-expense-details #room-number-section #user-name {
  font-family: HiraginoSans-W4, sans-serif;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #eb933e;
}
main .container #user-expense-details #meal-cost-container {
  width: 100%;
  display: flex;
  flex-direction: row;
  padding-top: 4.5%;
  padding-bottom: 3.2%;
}
main .container #user-expense-details #meal-cost-container #month-ending-text-section {
  visibility: hidden;
  width: 26%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: -2px;
}
main .container #user-expense-details #meal-cost-container #month-ending-text-section .rectangle-border {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 58px;
  height: 55px;
  border: solid 1px #eb933e;
}
main .container #user-expense-details #meal-cost-container #month-ending-text-section p {
  margin: 0;
  padding: 0;
  font-family: HiraginoSans-W6;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.31;
  letter-spacing: normal;
  text-align: center;
  color: #eb933e;
}
main .container #user-expense-details #meal-cost-container #meal-cost-section {
  width: 74%;
}
main .container #user-expense-details #meal-cost-container #meal-cost-section #meal-count,
main .container #user-expense-details #meal-cost-container #meal-cost-section #monthly-cost {
  display: flex;
}
main .container #user-expense-details #meal-cost-container #meal-cost-section #meal-count .label,
main .container #user-expense-details #meal-cost-container #meal-cost-section #monthly-cost .label,
main .container #user-expense-details #meal-cost-container #meal-cost-section #meal-count .content,
main .container #user-expense-details #meal-cost-container #meal-cost-section #monthly-cost .content {
  font-family: HiraginoSans-W4, sans-serif;
  font-size: 20px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #47403d;
}
main .container #user-expense-details #meal-cost-container #meal-cost-section #meal-count .label,
main .container #user-expense-details #meal-cost-container #meal-cost-section #monthly-cost .label {
  width: 25%;
  text-align: left;
}
main .container #user-expense-details #meal-cost-container #meal-cost-section #meal-count .content,
main .container #user-expense-details #meal-cost-container #meal-cost-section #monthly-cost .content {
  width: 77%;
  text-align: left;
  padding-left: 0.7rem;
}
main .container #user-expense-details #move-out-section {
  padding: 0 2.6%;
  padding-bottom: 5.5%;
  display: block;
  text-align: center;
  font-family: HiraginoSans-W5, HiraginoSans-W4, sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #e02020;
}
main .container #user-expense-details #month-input-section {
  width: 100%;
  padding: 0 2.6%;
  margin-top: 5.2%;
}
main .container #user-expense-details #month-input-section #month-year-picker-container {
  position: relative;
}
main .container #user-expense-details #month-input-section #month-year-picker-container #month-year-view {
  font-family: HiraginoSans-W5, HiraginoSans-W4, sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #47403d;
  height: 36px;
  border-radius: 18px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.27);
  background-color: rgba(220, 207, 207, 0.23);
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url(../../img/sp/down-triangle-black@3x.png);
  background-position-x: 95%;
  background-position-y: 52%;
  background-repeat: no-repeat;
  background-size: 15px;
  width: 100%;
  padding-left: 37%;
  border: none;
}
main .container #user-expense-details #month-input-section #month-year-picker-container select {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
}
main .container #user-expense-details #day-wise-list-section {
  margin-top: 5.3%;
  padding: 0 2%;
  padding-bottom: 12px;
}
main .container #user-expense-details #day-wise-list-section .day-list-item {
  display: flex;
  height: 45px;
  border-radius: 22.5px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  background-color: #ffffff;
  align-items: center;
  margin: 12px 0;
}
main .container #user-expense-details #day-wise-list-section .day-list-item .day {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 45px;
  padding-left: 5.5px;
  border-radius: 22.5px 0 0 22.5px;
  width: 29%;
  font-family: HiraginoSans-W5, HiraginoSans-W4, sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff;
}
main .container #user-expense-details #day-wise-list-section .day-list-item .icon-container {
  display: flex;
  width: 28.5%;
  padding-left: 2.3%;
  padding-top: 1px;
  justify-content: space-evenly;
}
main .container #user-expense-details #day-wise-list-section .day-list-item .icon-container .breakfast {
  width: 26px;
  height: 26px;
  background-color: #e14d37;
  text-align: center;
  border-radius: 100%;
  margin: 0 3px;
}
main .container #user-expense-details #day-wise-list-section .day-list-item .icon-container .breakfast img {
  width: 14px;
  height: 16px;
}
main .container #user-expense-details #day-wise-list-section .day-list-item .icon-container .lunch {
  width: 26px;
  height: 26px;
  background-color: #f1b11a;
  text-align: center;
  border-radius: 100%;
  margin: 0 3px;
}
main .container #user-expense-details #day-wise-list-section .day-list-item .icon-container .lunch img {
  width: 14px;
  height: 16px;
}
main .container #user-expense-details #day-wise-list-section .day-list-item .icon-container .dinner {
  width: 26px;
  height: 26px;
  background-color: #1a9af1;
  text-align: center;
  border-radius: 100%;
  margin: 0 3px;
}
main .container #user-expense-details #day-wise-list-section .day-list-item .icon-container .dinner img {
  width: 14px;
  height: 16px;
}
main .container #user-expense-details #day-wise-list-section .day-list-item .amount-container {
  width: 19%;
  padding-left: 0;
  padding-right: 8px;
  font-family: HiraginoSans-W5, HiraginoSans-W4, sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: rgba(0, 2, 4, 0.87);
  text-align: right;
}
main .container #user-expense-details #day-wise-list-section .day-list-item .correction-container {
  width: 23.7%;
  text-align: center;
  padding-right: 1px;
}
main .container #user-expense-details #day-wise-list-section .day-list-item .correction-container a {
  width: 66px;
  border-radius: 15px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.33);
  background-color: #6a625f;
  padding-top: 0.175rem;
  padding-bottom: 0.175rem;
  font-family: HiraginoSans-W5, HiraginoSans-W4, sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff;
}
main .container #user-expense-details #day-wise-list-section .day-list-item:nth-child(odd) .day {
  background-color: #eb933e;
}
main .container #user-expense-details #day-wise-list-section .day-list-item:nth-child(even) .day {
  background-color: rgba(235, 147, 62, 0.85);
}
main .container #user-expense-details #day-wise-list-section .day-list-item:nth-child(5) {
  margin-top: 13px;
  margin-bottom: 11px;
}
main .container #user-expense-edit {
  display: none;
}
main .container #user-expense-edit #room-number-section {
  width: 96%;
  margin: 0 auto;
  margin-top: 2.9%;
  min-height: 34px;
  align-items: center;
  display: flex;
  justify-content: center;
  border-radius: 3px;
  background-color: rgba(235, 147, 62, 0.1);
}
main .container #user-expense-edit #room-number-section #room-number {
  padding-right: 12px;
}
main .container #user-expense-edit #room-number-section #user-name {
  padding-left: 12px;
}
main .container #user-expense-edit #room-number-section #room-number,
main .container #user-expense-edit #room-number-section #user-name {
  font-family: HiraginoSans-W4, sans-serif;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #eb933e;
}
main .container #user-expense-edit #per-day-meal-cost-section {
  /* padding-top: 8.5%; */
  padding-bottom: 5%;
}
main .container #user-expense-edit #per-day-meal-cost-section #meal-date,
main .container #user-expense-edit #per-day-meal-cost-section #meal-cost {
  display: flex;
  justify-content: center;
}
main .container #user-expense-edit #per-day-meal-cost-section #meal-date .content,
main .container #user-expense-edit #per-day-meal-cost-section #meal-cost .content {
  font-family: HiraginoSans-W5, HiraginoSans-W4, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
}
main .container #user-expense-edit #per-day-meal-cost-section #meal-date .content {
  font-size: 20px;
  color: #47403d;
}
main .container #user-expense-edit #per-day-meal-cost-section #meal-cost {
  padding-top: 1%;
}
main .container #user-expense-edit #per-day-meal-cost-section #meal-cost .content {
  font-size: 27px;
  color: #eb933e;
}
main .container #user-expense-edit #per-day-meal-cost-section .meal-cost-edit-page {
  padding-top: 2%!important;
}
main .container #user-expense-edit #correction-input-section {
  padding-top: 2.8%;
  height: 205px;
}
main .container #user-expense-edit #correction-input-section .correction-row {
  display: flex;
  margin-bottom: 5.8%;
}
main .container #user-expense-edit #correction-input-section .correction-row .meal-type-container {
  display: flex;
  width: 50%;
  justify-content: flex-end;
  padding-right: 6%;
}
main .container #user-expense-edit #correction-input-section .correction-row .meal-type-container .meal-type-icon {
  width: 45px;
  height: 45px;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 5.4%;
}
main .container #user-expense-edit #correction-input-section .correction-row .meal-type-container .meal-type-icon img {
  width: 24px;
  height: 28px;
}
main .container #user-expense-edit #correction-input-section .correction-row .meal-type-container .meal-type-name {
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
}
main .container #user-expense-edit #correction-input-section .correction-row .meal-type-container .meal-type-name .meal-label {
  font-family: HiraginoSans-W5, HiraginoSans-W4, sans-serif;
  font-size: 23px;
  color: #47403d;
}
main .container #user-expense-edit #correction-input-section .correction-row .meal-type-container .meal-type-name .meal-tag {
  width: 46px;
  height: 18px;
  border-radius: 2px;
  font-family: HiraginoSans-W6, sans-serif;
  font-size: 12px;
  text-align: center;
  color: #ffffff;
  display: none;
  line-height: 18px;
}
main .container #user-expense-edit #correction-input-section .correction-row .correction-input-fields {
  padding-left: 3.5%;
  width: 50%;
  display: flex;
}
main .container #user-expense-edit #correction-input-section .correction-row .correction-input-fields .positive-input {
  display: flex;
  width: 35%;
}
main .container #user-expense-edit #correction-input-section .correction-row .correction-input-fields .negative-input {
  display: flex;
}
main .container #user-expense-edit #correction-input-section .correction-row input[type='radio'] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
main .container #user-expense-edit #correction-input-section .correction-row .positive-input input[type='radio'] + label {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  outline: none;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  background-color: #ffffff;
  background-image: url('../../img/sp/orange-circle.png') !important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 31px;
  /* z-index: 999!important; */
}
main .container #user-expense-edit #correction-input-section .correction-row .positive-input input[type='radio']:checked + label {
  background-color: #eb933e;
  background-image: url('../../img/sp/white-circle.png') !important;
  box-shadow: none;
  /* z-index: 999!important; */
}
main .container #user-expense-edit #correction-input-section .correction-row .negative-input input[type='radio'] + label {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  outline: none;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  background-color: #ffffff;
  background-image: url('../../img/sp/orange-cross.png') !important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 28px;
  /* z-index: 999!important; */
}
main .container #user-expense-edit #correction-input-section .correction-row .negative-input input[type='radio']:checked + label {
  background-color: #eb933e;
  background-image: url('../../img/sp/cross-icon-white.png') !important;
  box-shadow: none;
  /* z-index: 999!important; */
}
main .container #user-expense-edit #button-section {
  text-align: center;
  margin-top: 11.3%;
}
main .container #user-expense-edit #button-section .btn {
  font-family: HiraginoSans-W5, HiraginoSans-W4, sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff;
}
main .container #user-expense-edit #button-section #form-submit-cancel-btn {
  width: 120px;
  height: 40px;
  border-radius: 3px;
  box-shadow: 0 2px 4px 0 #9b9b9b;
  background-color: #6a625f;
  margin-right: 8px;
}
main .container #user-expense-edit #button-section #form-submit-confirm-btn {
  width: 120px;
  height: 40px;
  border-radius: 3px;
  box-shadow: 0 2px 4px 0 #9b9b9b;
  background-color: #eb933e;
  margin-left: 8px;
}
main .container #user-expense-edit .button-section-edit-page {
  margin-top: 13.3% !important;
}
/* FOOD RESERVATION - PAGE
======================================== */
main .container {
  padding: 0;
}
main .container .container-with-padding {
  padding-left: 15px;
  padding-right: 15px;
}
main .container .row .meal-tab-container {
  width: 100%;
  height: 40px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
  background-color: #ffffff;
}
main .container .row .meal-tab-container .nav .nav-item {
  width: 33.33%;
}
main .container .row .meal-tab-container .nav .nav-item .nav-link {
  font-family: HiraginoSans-W6, sans-serif;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #47403d;
  margin-top: -2px;
  height: 42px;
  line-height: 25px;
}
main .container .row .tab-content {
  width: 90%;
  margin: auto;
}
main .container .row .tab-content .tab-pane .row .meal-icon-container {
  width: 70px;
  height: 70px;
  border-radius: 40px;
  margin-top: 32px;
}
main .container .row .tab-content .tab-pane .row .meal-icon-container img {
  width: 37px;
  height: 50px;
  margin-left: 16px;
  margin-top: 10px;
}
main .container .row .tab-content .tab-pane .row .meal-icon-container .star-orange-icon {
  width: 28px;
  height: 28px;
  margin-top: -62px;
  margin-left: -85px;
}
main .container .row .tab-content .tab-pane .row .breakfast-circle {
  background-color: #e14d37;
}
main .container .row .tab-content .tab-pane .row .lunch-circle {
  background-color: #efc14f;
}
main .container .row .tab-content .tab-pane .row .dinner-circle {
  background-color: #3789e1;
}
main .container .row .tab-content .tab-pane div {
  font-family: HiraginoSans-W6, sans-serif;
  font-size: 33px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
}
main .container .row .tab-content .tab-pane .reservation-stat {
  margin-top: 25px;
  padding-left: 9px;
}
main .container .row .tab-content .tab-pane .reservation-stat .reservation-unit {
  font-size: 22px;
}
main .container .row .tab-content .tab-pane .not-registered {
  font-family: HiraginoSans-W5, sans-serif;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #47403d;
  padding-top: 35px;
  padding-left: 0px;
}
@media (min-width: 320px) and (max-width: 359px) {
  main .container .row .tab-content .tab-pane .reservation-stat {
    font-size: 28px;
  }
}