@charset "UTF-8";

/* =========================================================
 Public
========================================================= */
@import url(//fonts.googleapis.com/earlyaccess/notosansjp.css);

body {
  font-family: "Roboto", "Noto Sans JP", "Helvetica", "Arial", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 14px;
  line-height: 23px;
  -webkit-text-size-adjust: 100%;
}

a {
  color: #0D47A1;
  font-weight: 400;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

/* =========================================================
 common class
========================================================= */
.grs-font-size--13 {
  font-size: 13px !important;
}

.grs-font-size--14 {
  font-size: 14px !important;
}

.grs-font-size--16 {
  font-size: 16px !important;
}

.grs-font-size--36 {
  font-size: 36px !important;
}

.grs-width-20vw {
  width: 20vw !important;
  min-width: 268px !important;
}

.grs-width-20vw-with-scrollbar {
  width: calc(20vw + 17px) !important;
  min-width: calc(268px + 17px) !important;
}

.grs-width-28vw {
  width: 28vw !important;
  min-width: 377px !important;
}

.grs-width-28vw-with-scrollbar {
  width: calc(28vw + 17px) !important;
  min-width: calc(377px + 17px) !important;
}

.grs-width-35vw {
  width: 35vw !important;
  min-width: 353px !important;
}

.grs-width-35vw-with-scrollbar {
  width: calc(35vw + 17px) !important;
  min-width: calc(353px + 17px) !important;
}

.grs-width-36vw {
  width: 36vw !important;
  min-width: 486px !important;
}

.grs-width-36vw-with-scrollbar {
  width: calc(36vw + 17px) !important;
  min-width: calc(486px + 17px) !important;
}

.grs-width-40vw {
  width: 40vw !important;
  mini-width: 541vw !important;
}

.grs-width-40vw-with-scrollbar {
  width: calc(40vw + 17px) !important;
  min-width: calc(541px + 17px) !important;
}

.grs-width-41vw {
  width: 41vw !important;
  min-width: 555px !important;
}

.grs-width-41vw-with-scrollbar {
  width: calc(41vw + 17px) !important;
  min-width: calc(555px + 17px) !important;
}

.grs-width-44vw {
  width: 44vw !important;
  min-width: 446px !important;
}

.grs-width-44vw-with-scrollbar {
  width: calc(44vw + 17px) !important;
  min-width: calc(446px + 17px) !important;
}

.grs-width-50vw {
  width: 50vw !important;
  min-width: 678px !important;
}

.grs-width-50vw-with-scrollbar {
  width: calc(50vw + 17px) !important;
  min-width: calc(678px + 17px) !important;
}

.grs-width-52vw {
  width: 52vw !important;
  min-width: 705px !important;
}

.grs-width-52vw-with-scrollbar {
  width: calc(52vw + 17px) !important;
  min-width: calc(705px + 17px) !important;
}

.grs-width-55vw {
  width: 55vw !important;
  min-width: 746px !important;
}

.grs-width-55vw-with-scrollbar {
  width: calc(55vw + 17px) !important;
  min-width: calc(746px + 17px) !important;
}

.grs-width-60vw {
  width: 60vw !important;
  min-width: 814px !important;
}

.grs-width-60vw-with-scrollbar {
  width: calc(60vw + 17px) !important;
  min-width: calc(814px + 17px) !important;
}

.grs-width-65vw {
  width: 65vw !important;
  min-width: 882px !important;
}

.grs-width-65vw-with-scrollbar {
  width: calc(65vw + 17px) !important;
  min-width: calc(882px + 17px) !important;
}

.grs-width-92vw {
  width: 92vw !important;
  min-width: 937px !important;
}

.grs-width-92vw-with-scrollbar {
  width: calc(92vw + 17px) !important;
  min-width: calc(937px + 17px) !important;
}

.grs-padding--0 {
  padding: 0 !important;
}

.grs-padding-top--4 {
  padding-top: 4px !important;
}

.grs-padding-top--8 {
  padding-top: 8px !important;
}

.grs-padding-top--9 {
  padding-top: 9px !important;
}

.grs-padding-top--12 {
  padding-top: 12px !important;
}

.grs-padding-top--15 {
  padding-top: 15px !important;
}

.grs-padding-bottom--0 {
  padding-bottom: 0 !important;
}

.grs-padding-bottom--14 {
  padding-bottom: 14px !important;
}

.grs-padding-bottom--8 {
  padding-bottom: 8px !important;
}

.grs-padding-left--18 {
  padding-left: 18px !important;
}

.grs-margin-top--16 {
  margin-top: 16px !important;
}

.grs-margin-bottom--0 {
  margin-bottom: 0 !important;
}

.grs-margin-bottom--16 {
  margin-bottom: 16px !important;
}

.grs-border-right--none {
  border-right: none !important;
}

.grs-border-bottom--none {
  border-bottom: none !important;
}

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

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

.grs-color--black-007 {
  background: rgba(0, 0, 0, .065);
}

.grs-text-color--black-38 {
  color: rgba(0, 0, 0, .38);
}

.grs-text-color--black-54 {
  color: rgba(0, 0, 0, .54);
}

.grs-text-color--black-87 {
  color: rgba(0, 0, 0, .99);
}

.grs-text-color--red-100 {
  color: rgba(255, 0, 0, 1);
}

.grs-width-48pct {
    width: 48% !important;
}

.grs-width-50pct {
    width: 50% !important;
}

.grs-width-63pct {
    width: 63% !important;
}

.grs-width-67pct {
    width: 67% !important;
}

.grs-width-70pct {
    width: 70% !important;
}

.grs-width-80pct {
    width: 80% !important;
}

.grs-width-90pct {
    width: 90% !important;
}

.grs-max-width-20pct {
    max-width: 20% !important;
}

.grs-max-width-23pct {
    max-width: 23% !important;
}

.grs-max-width-24pct {
    max-width: 24% !important;
}

.grs-max-width-26pct {
    max-width: 26% !important;
}

.grs-max-width-27pct {
    max-width: 27% !important;
}

.grs-max-width-29pct {
    max-width: 29% !important;
}

.grs-max-width-30pct {
    max-width: 30% !important;
}

.grs-max-width-31pct {
    max-width: 31% !important;
}

.grs-max-width-37pct {
    max-width: 37% !important;
}

.grs-max-width-38pct {
    max-width: 38% !important;
}

.grs-max-width-40pct {
    max-width: 40% !important;
}

.grs-max-width-42pct {
    max-width: 42% !important;
}

.grs-max-width-46pct {
    max-width: 46% !important;
}

.grs-max-width-52pct {
    max-width: 52% !important;
}

.grs-max-width-54pct {
    max-width: 54% !important;
}

.grs-max-width-62pct {
    max-width: 62% !important;
}

.grs-max-width-80pct {
    max-width: 80% !important;
}

/* =========================================================
 layout
========================================================= */
.grs-layout {
  min-width: 1024px;
}

.grs-layout--portal-background {
  background: url('../img/portal_background.jpg')no-repeat center center fixed;
  background-size: cover;
}

.grs-layout__content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}

.grs-layout__content-main {
  flex: 1 0 auto;
}

.grs-layout__content-footer {
  flex: none;
}

/* =========================================================
 header
========================================================= */
.grs-layout__title {
  margin: 0;
  display: inline-block;
}

.grs-layout .grs-layout__header-row-top {
  height: 64px;
  padding: 0 24px;
}

.mdl-layout__drawer-button .material-icons {
  position: relative;
  padding-left: 5px;
  border: 1px solid #ffffff;
  border-radius: 8px;
}

.mdl-layout__drawer-button .material-icons::after {
  content: "メニュー";
  font-size: 14px;
  font-weight: 400;

  position: relative;
  margin-right: 4px;
  padding-right: 4px;
  line-height: 24px;
  margin-left: 5px;
  vertical-align: bottom;
  font-family: "Roboto", "Noto Sans JP", "Helvetica", "Arial", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.mdl-layout__header .mdl-layout__drawer-button {
  top: 56px;
  width: 108px;
  text-align: left;
}
@media screen and (max-width: 1024px) {
  .mdl-layout__header .mdl-layout__drawer-button {
    top: 60px;
    left: 8px;
  }
}

.grs-layout--fixed-drawer .mdl-layout__drawer-button {
  display: none;
}

.mdl-layout__header-row.grs-layout__header-row-top {
  padding: 0 24px 0 0;
}

.grs-layout .grs-layout__header-row-bottom {
  height: 48px;
  padding: 0;
  position: relative;
}

.grs-layout__header-account {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: right;
  color: rgba(0, 0, 0, .99);
  font-size: 13px;
  line-height: 20px;
  transform-origin: left;
 }

.grs-layout__header-account > div {
  margin-left: auto;
}

.grs-layout__header-account > div {
  margin-left: auto;
}

.grs-layout__header-account-cell:last-child {
  margin-left: 16px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.grs-layout__header-row-bottom .grs-navigation {
  height: 48px;
}

.grs-navigation:first-child {
  padding-left: 100px;
}

.grs-navigation:last-child {
  padding-right: 2px;
}

.grs-navigation .grs-navigation__link {
  padding: 0 9px;
  text-decoration: none;
  opacity: 1;
}

.grs-layout__drawer-size .grs-navigation .grs-navigation__link {
    padding: 0;
    color: #000000;
    font-size: 14px;
    line-height: 36px;
}

.grs-navigation__link {
}

.grs-layout__header-row-bottom .grs-navigation-tabs {
  margin-left: 24px;
}

.grs-navigation .grs-navigation__link--active {
  background-color: #FFF;
  box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.grs-theme-color--green .grs-navigation .grs-navigation__link--active {
  color: #43A047;
}
.grs-theme-color--blue .grs-navigation .grs-navigation__link--active {
  color: #01579B;
}
.grs-theme-color--helpdesk .grs-navigation .grs-navigation__link--active {
  color: #6D4C41;
}

.grs-navigation .grs-navigation__link--active::after {
  content: "";
  width: 100%;
  height: 3px;
  position: absolute;
  top: 0;
  left: 0;
}

.grs-theme-color--green .grs-navigation .grs-navigation__link--active::after {
  background: #43A047;
}
.grs-theme-color--blue .grs-navigation .grs-navigation__link--active::after {
  background: #01579B;
}
.grs-theme-color--helpdesk .grs-navigation .grs-navigation__link--active::after {
  background: #6D4C41;
}

.grs-badge[data-badge]:after {
  top: -4px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
}

.grs-layout__header--no-shadow {
  box-shadow: none;
}

.mdl-cell.mdl-cell--middle.grs-grid__header-cell h1,
.mdl-cell.mdl-cell--middle.grs-grid__header-cell button,
.mdl-cell.mdl-cell--middle.grs-grid__header-sub-title {
 flex-shrink: 0;
}

/* global navigation
--------------------------------------------------------- */
.grs-layout .grs-layout__header-global {
  height: 48px;
  padding: 0;
  font-size: 15px;
}

.grs-layout__header-global .grs-navigation-global {
  width: 100%;
  height: 48px;
}

.grs-navigation-global .grs-navigation-global__link {
  font-size: 15px;
  color: rgba(0, 0, 0, .99);
  font-weight: 500;
  cursor: pointer;
  opacity: 1;
}

.grs-theme-color--green .grs-navigation-global__link {
  width: calc(25% - 3px);
  color: #000000;
  font-size: 24px;
}

.grs-theme-color--blue .grs-navigation-global__link {
  width: calc(20% - 3px);
  color: #000000;
  font-size: 24px;
}

.grs-navigation-global__link-icon {
  color: rgba(0, 0, 0, .54);
}

.grs-theme-color--green .grs-navigation-global__link .mdl-menu__container {
  width: 25% !important;
}

.grs-theme-color--blue .grs-navigation-global__link .mdl-menu__container {
  width: 20% !important;
}

.grs-navigation-global__link .mdl-menu__outline {
  width: 100% !important;
}

.grs-menu {
  width: 100%;
  padding: 16px 0;
}

.grs-menu__item {
  height: 32px;
  padding: 0;
  line-height: 32px;
  font-size: 15px;
}

.grs-menu__item-link {
  padding: 0 24px;
  display: block;
  color: rgba(0, 0, 0, .99);
  font-weight: 400;
}

.grs-menu__item-link:hover {
  text-decoration: none;
}

/* alert
--------------------------------------------------------- */
.grs-layout .grs-layout__header-alert {
  height: 48px;
  padding: 0 2px;
  font-size: 13px;
}

.grs-navigation-alert__header {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.grs-layout__header-alert .grs-navigation-alert {
  height: 48px;
  margin-left: 34px;
}

.grs-layout__header-alert .grs-navigation-alert__link {
  padding: 0 1px;
  font-size: 13px;
  text-decoration: none;
  opacity: 1;
}

.grs-layout__header-alert .grs-navigation-alert__badge {
  margin-right: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.grs-layout__header-alert .grs-navigation-alert__badge[data-badge]:after {
  margin-left: 4px;
  position: static;
  background-color: #FFF;
  color: #FF5722;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
  width: initial;
  width: auto;
  min-width: 22px;
}

/* licence error
--------------------------------------------------------- */
.grs-navigation-alert__link.grs-navigation-alert__link-licence-error {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.grs-navigation-alert__link.grs-navigation-alert__link-licence-error .grs-navigation-alert__badge {
  margin-left: 16px;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.grs-navigation-alert__link.grs-navigation-alert__link-licence-error .grs-navigation-alert__badge[data-badge]:after {
  margin: 0 4px 0 0;
}

/* search
--------------------------------------------------------- */
.grs-layout .grs-layout__header-search {
  height: 48px;
  padding: 0 24px;
  font-size: 13px;
  line-height: 20px;
  color: rgba(0, 0, 0, .99);
}

.grs-layout__header-search > *:not(:first-child){
  margin-left: 24px;
}

/* portal
--------------------------------------------------------- */
.grs-layout--portal .grs-layout__header-row-top {
  color: rgba(0, 0, 0, .99);
  border-bottom: 1px solid #E0E0E0;
}

.grs-layout__header-row-top-item:not(:last-child) {
  margin-right: 16px;
}

.grs-layout__header-row-top-button {
  height: 32px;
  font-size: 13px;
  font-weight: 400;
  line-height: 32px;
}

.grs-layout__header-row-top-button:active,
.grs-layout__header-row-top-button:focus {
  box-shadow: none;
}

.grs-layout--portal .grs-layout__header-row-bottom {
  background: #FFF;
}

.grs-layout--portal .grs-navigation__link {
  color: rgba(0, 0, 0, .99);
}

.grs-layout--portal .grs-navigation__link .material-icons{
  color: rgba(0, 0, 0, .54);
}

/* =========================================================
 footer
========================================================= */
.grs-layout__footer {
  position: relative;
  z-index: 1;
  background-color: #FFF;
}

.grs-layout__footer-buttons {
  box-sizing: border-box;
  width: 100%;
  padding: 0 24px;
  margin: 16px 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.grs-layout__footer-buttons .grs-button {
  height: 48px;
  margin: 0 8px;
  font-size: 15px;
  line-height: 48px;
}

.grs-layout__footer-buttons .grs-button.new-line-text-button {
  line-height: 20px;
}

.grs-layout__footer-buttons-date-picker {
  max-width: 160px;
  padding: 0;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.grs-layout__footer-buttons-date-picker .grs-textfield__label {
  top: 2px;
}

.grs-layout__footer-buttons-date-picker .grs-textfield__label::after {
  bottom: 0;
}

.grs-layout__footer-buttons-date-picker .grs-textfield__icon {
  bottom: 0;
}

.grs-layout__footer-buttons-date-picker.grs-textfield.is-clean .grs-textfield__label::before {
  bottom: 0;
}

.padding-datepicker {
    padding: 0px 0px 20px 0px;
}

.padding-datepicker-label {
    top: 5px;
    padding-top: 5px;
}

.grs-layout__footer-copyright {
  box-sizing: border-box;
  width: 100%;
  padding: 0 24px;
  display: block;
  font-size: 14px;
  line-height: 36px;
  text-align: center;
}


/* =========================================================
 layout with aside (fixed drawer)
========================================================= */

/* fix mdl template
--------------------------------------------------------- */
.grs-layout__drawer {
  width: 23%;
  height: calc(100% - 112px - 36px);
  padding: 8px 0;
  top: 112px;
  z-index: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.grs-layout__drawer.with-footer-buttons {
  height: calc(100% - 112px - 116px);
}

.grs-layout__drawer.with-table-controls {
  height: calc(100% - 112px - 92px);
}

.grs-layout--fixed-drawer .grs-layout__header--fixed-drawer {
  width: 100% !important;
  margin-left: 0 !important;
}

.grs-layout--fixed-drawer .grs-layout__header--fixed-drawer .grs-layout__header-row-top {
  padding-left: 24px;
}

.grs-layout--fixed-drawer .grs-layout__header--fixed-drawer .grs-layout__header-row-bottom {
  padding-left: 0;
}

.grs-layout--fixed-drawer .grs-layout__content {
  margin-left: 23%;
}

/* layout
--------------------------------------------------------- */
.grs-layout__content-aside {
  width: 25%;
  height: 100%;
  padding: 8px 0;
  box-sizing: border-box;
  position: absolute;
  overflow: auto;
  z-index: 1;
}

.grs-aside-title {
  margin: 15px 40px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.grs-aside-title__icon {
  line-height: 26px;
}

.grs-aside-title__text {
  margin: 0 0 0 8px;
  font-family: "Roboto", "Noto Sans JP", "Helvetica", "Arial", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 16px;
  line-height: 26px;
}

.grs-aside-navigation {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.grs-aside-navigation__link {
  padding: 12px 40px 12px 56px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: rgba(0, 0, 0, .99);
}

.grs-aside-navigation__link:hover {
  text-decoration: none;
  background: #eee;
}

/* =========================================================
 layout with aside ( drawer)
========================================================= */

/* fix mdl template
--------------------------------------------------------- */
.grs-layout__drawer-size {
  top: 112px;
  width: 100%;
  height: 75%;
  transform: translateY(-2000%);
  display: inline-block;
  white-space: nowrap;
}

.grs-layout__title .grs-navigation {
  padding: 0px;
}

.grs-navigation grs-navigation__link {
  padding: 0px;
}

/* =========================================================
 stepper
========================================================= */
.grs-stepper {
  padding: 0 26px;
  margin: 0;
  list-style: none;
  counter-reset: stepper 0;
}

.grs-stepper__item {
  padding: 24px 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.grs-stepper__item::before {
  counter-increment: stepper;
  content: counter(stepper)"";
  display: block;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  background: #BDBDBD;
  border-radius: 50%;
  text-align: center;
  color: #FFF;
}

.grs-stepper__item:not(:last-child)::after {
  content: '';
  width: 1px;
  height: calc(100% - 40px);
  background: #BDBDBD;
  position: absolute;
  top: 56px;
  left: 12px;
}

.grs-theme-color--green .grs-stepper__item--current::before {
  background: #43A047;
}

.grs-theme-color--blue .grs-stepper__item--current::before {
  background: #01579B;
}

.grs-stepper__item--check::before {
  content: '\E5CA';
  font-family: 'Material Icons';

}

.grs-theme-color--green .grs-stepper__item--check::before {
  background: #43A047;
}

.grs-theme-color--blue .grs-stepper__item--check::before {
  background: #01579B;
}

.grs-stepper__item-text {
  width: calc(100% - 32px);
  color: rgba(0, 0, 0, .54);
}

.grs-stepper__item--current .grs-stepper__item-text {
  font-size: 15px;
  color: rgba(0, 0, 0, .99);
}

/* =========================================================
 comment layout
========================================================= */
.grs-layout__comment {
  width: 50%;
  height: calc(100% - 112px - 50px);
  top: 110px;
  z-index: 1;
  left: auto;
  right: 0;
  -webkit-transform: translateX(0);
  transform: translateX(0);

}

.grs-layout__comment.is-closed {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  display: none;
}

.grs-layout__comment.with-footer-buttons {
  height: calc(100% - 112px - 116px);
}

.grs-layout__comment.with-table-controls {
  height: calc(100% - 112px - 92px);
}

.grs-comment {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.grs-comment__header {
  width: calc(100% - 32px);
}

.grs-comment .grs-comment__header .grs-comment--close {
  margin-right: 0;
}

.grs-comment__interface {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  flex: 1 0 auto;
}

.grs-comment__contents.is-upgraded .grs-comment__interface.is-active {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  flex: 1 0 auto;
}

.grs-comment__contents.is-upgraded .grs-comment__interface {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  visibility: hidden;
  position: absolute;
}

.grs-comment__contents.is-upgraded .grs-comment__interface.is-active {
  visibility: visible;
  position: static;
}

.grs-comment__contents {
  width: 100%;
  flex: 1 0 auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.grs-comment__contents-message {
  height: 104px;
  flex: 1 0 auto;
  overflow-y: auto;
}

.grs-message {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.grs-message--send {
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.grs-message__icon {
  width: 72px;
  text-align: center;
}

.grs-message__icon-material-icons {
  font-size: 40px;
}

.grs-message__text {
  max-width: calc(100% - 72px - 36px);
  padding: 16px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  font-size: 13px;
  line-height: 20px;
  position: relative;
  word-wrap: break-word;
}

.grs-message--receive .grs-message__text {
  border-top-right-radius: 2px;
}

.grs-message--send .grs-message__text {
  border-top-left-radius: 2px;
}

.grs-message--receive .grs-message__text::before {
  content: '\E1B9';
  width: 16px;
  height: 16px;
  display: block;
  box-sizing: border-box;
  position: absolute;
  z-index: 1;
  top: 1px;
  left: -16px;
  font-family: 'Material Icons';
  font-size: 19px;
  color: #FFF;
  text-shadow: 0 -2px 2px rgba(0, 0, 0, 0.2), 0 0 2px rgba(0, 0, 0, 0.14);
  transform: rotateX(180deg);
}

.grs-message--receive .grs-message__text::after {
  content: '';
  width: 8px;
  height: 24px;
  display: block;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  background: #FFF;
}

/* IE11 */
@media all and (-ms-high-contrast:none) {
  *::-ms-backdrop, .grs-message--receive .grs-message__text::before {
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 0px 2px rgba(0, 0, 0, 0.14);
  }
}

/* Edge */
@supports (-ms-ime-align:auto) {
  .grs-message--receive .grs-message__text::before {
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 0px 2px rgba(0, 0, 0, 0.14);
  }
}

.grs-message--send .grs-message__text::before {
  content: '\E1B9';
  width: 16px;
  height: 16px;
  display: block;
  box-sizing: border-box;
  position: absolute;
  z-index: 1;
  top: 1px;
  right: -16px;
  font-family: 'Material Icons';
  font-size: 19px;
  color: rgb(255, 171, 64);
  text-shadow: 0 -2px 2px rgba(0, 0, 0, 0.2), 0 0 2px rgba(0, 0, 0, 0.14);
  transform: rotate(180deg);
}

.grs-message--send .grs-message__text::after {
  content: '';
  width: 8px;
  height: 24px;
  display: block;
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  background: rgb(255, 171, 64);
}

/* IE11 */
@media all and (-ms-high-contrast:none) {
  *::-ms-backdrop, .grs-message--send .grs-message__text::before {
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 0px 2px rgba(0, 0, 0, 0.14);
  }
}

/* Edge */
@supports (-ms-ime-align:auto) {
  .grs-message--send .grs-message__text::before {
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 0px 2px rgba(0, 0, 0, 0.14);
  }
}

.grs-comment__footer {
  width: calc(100% - 32px);
}

.grs-comment__footer .grs-textarea {
  padding: 0;
}

.grs-comment__footer .grs-textarea__label {
  top: 4px;
}

.grs-comment__footer .grs-textarea__label::after {
  bottom: 0;
}

.mdl-tabs .grs-comment__interface:not(.is-active) .grs-comment__footer .grs-textarea__label::after {
  display: none;
}

.grs-comment__subtitle {
  font-size: 15px;
  line-height: 26px;
  font-weight: 500;
}

.grs-comment__footer .grs-checkbox + .grs-checkbox {
  margin-left: 16px;
}

.grs-comment__footer-button {
  height: 48px;
  margin: 0 auto;
  display: block;
  font-size: 15px;
  line-height: 48px;
}

.grs-comment__footer-template .grs-drop-down {
  height: 26px;
  padding-right: 34px;
  margin-bottom: 4px;
  font-size: 14px;
  line-height: 24px;
}

.grs-comment-tooltip {
  max-width: 300px;
  white-space: nowrap;
  text-align: center;
  padding-right: 150px;
  padding-left: 45px;
}

/*
  style for multiple mdl-layout__drawer
*/
.grs-layout__drawer-comment {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    position: absolute;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12),0 -1px 4px 0 rgba(0,0,0,.05);
    box-sizing: border-box;
}

/* =========================================================
 grid / cell
========================================================= */

/* components
--------------------------------------------------------- */
.grs-grid {
  padding: 8px 16px;
}

/* grid top
--------------------------------------------------------- */
.grs-grid-top__cell {
  padding: 16px;
  border-radius: 2px;
  text-align: center;
}

.grs-grid-top__button {
  height: 32px;
  font-size: 15px;
  line-height: 32px;
}

.grs-grid-top__button,
.grs-grid-top__button:focus:not(:active),
.grs-grid-top__button:active {
  box-shadow: none;
}

/* grid header
--------------------------------------------------------- */
.grs-grid__header-row {
  padding: 16px 16px 0;
}

.grs-grid__header-cell {
  width: auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.grs-grid__header-cell:first-child > *:not(:last-child) {
  margin-right: 16px;
}

.grs-grid__header-cell:last-child > * {
  margin-right: 16px;
}

.grs-grid__header-title {
  padding-left: .5rem;
  border-left: 5px solid;
  margin: 0 24px 0 0;
  font-family: "Roboto", "Noto Sans JP", "Helvetica", "Arial", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -.02em;
}

.grs-theme-color--green .grs-grid__header-title {
  border-left-color: #43A047;
}

.grs-theme-color--blue .grs-grid__header-title {
  border-left-color: #01579B;
}

.grs-theme-color--helpdesk .grs-grid__header-title {
  border-left-color: #6D4C41;
}

.grs-grid__header-title2 {
  padding-left: 11px;
  border-left: 1px solid;
  margin: 0 24px 0 0;
  font-family: "Roboto", "Noto Sans JP", "Helvetica", "Arial", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: -.02em;
  position: relative;
}

.grs-theme-color--green .grs-grid__header-title2 {
  border-left-color: #43A047;
}

.grs-theme-color--blue .grs-grid__header-title2 {
  border-left-color: #01579B;
}

.grs-theme-color--helpdesk .grs-grid__header-title2 {
  border-left-color: #6D4C41;
}

.grs-grid__header-title2::before {
  content: '';
  width: 1px;
  height: 100%;
  position: absolute;
  left: 3px;
}

.grs-theme-color--green .grs-grid__header-title2::before {
  background-color: #43A047;
}

.grs-theme-color--blue .grs-grid__header-title2::before {
  background-color: #01579B;
}

.grs-theme-color--helpdesk .grs-grid__header-title2::before {
  background-color: #6D4C41;
}

.grs-grid__header-title3 {
  padding-left: 15px;
  border-left: 1px solid;
  margin: 0 24px 0 0;
  font-family: "Roboto", "Noto Sans JP", "Helvetica", "Arial", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: -.02em;
  position: relative;
}

.grs-theme-color--green .grs-grid__header-title3 {
  border-left-color: rgba(67, 160, 71 , .54);
}

.grs-theme-color--blue .grs-grid__header-title3 {
  border-left-color: rgba(1, 87, 155 , .54);
}

.grs-grid__header-title3::before {
  content: '';
  width: 1px;
  height: 100%;
  position: absolute;
  left: 3px;
}
.grs-grid__header-title3::after {
  content: '';
  width: 1px;
  height: 100%;
  position: absolute;
  left: 7px;
}

.grs-theme-color--green .grs-grid__header-title3::before,
.grs-theme-color--green .grs-grid__header-title3::after {
  background-color: rgba(67, 160, 71 , .54);
}

.grs-theme-color--blue .grs-grid__header-title3::before,
.grs-theme-color--blue .grs-grid__header-title3::after {
  background-color: rgba(1, 87, 155 , .54);
}

.grs-grid__header-sub {
  font-size: 13px;
}

.grs-grid__header-button {
  height: 24px;
  font-size: 13px;
  line-height: 24px;
  font-weight: 400;
}

.grs-grid__header-button:focus:not(:active),
.grs-grid__header-button:active {
}

/* grid lead
--------------------------------------------------------- */
.grs-grid__lead {
  max-width: calc(100% - 32px);
  padding: 0;
}

.grs-grid__lead + .grs-grid {
  padding-top: 0;
}


/* grid no padding top bottom
--------------------------------------------------------- */
.grs-grid__no-padding-top-bottom {
  padding-top: 0;
  padding-bottom: 0;
}

/* =========================================================
 border grid with margin
========================================================= */
.grs-layout__content-main--fill {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.grs-grid-border {
  flex: 1 0 auto;
}

.grs-grid-border .mdl-cell {
  padding: 16px;
  border: 1px solid #E0E0E0;
}

.grs-layout__content-main--fill > .grs-grid {
  width: calc(100% - 32px);
}

.grs-grid-border__cell {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.grs-grid-border__header {
  margin-bottom: 16px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.grs-grid-border__header-title {
  margin: 0;
  font-family: "Roboto", "Noto Sans JP", "Helvetica", "Arial", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 16px;
  line-height: 1.625;
}

.grs-grid-border__header > *:not(:first-child) {
  margin-left: 16px;
}

.grs-grid-border__contents {
  height: 50px;
  flex: 1 0 auto;
  overflow-y: auto;
}

/* =========================================================
 border grid without margin
========================================================= */
.grs-grid.grs-grid--no-spacing {
  border-top: 1px solid rgba(0, 0, 0, .12);
  border-left: 1px solid rgba(0, 0, 0, .12);
  margin: 16px 24px;
}

.grs-grid__lead + .grs-grid.grs-grid--no-spacing {
  margin-top: 8px;
}

.grs-grid.grs-grid--no-spacing + .grs-grid.grs-grid--no-spacing {
  margin-top: 32px;
}

.grs-grid--no-spacing > .grs-cell {
  padding: 16px 24px;
  border-right: 1px solid rgba(0, 0, 0, .12);
  border-bottom: 1px solid rgba(0, 0, 0, .12);
}

.grs-cell-title {
  font-weight: 500;
}

.grs-grid--no-spacing > .grs-cell.grs-grid {
  padding: 8px 16px;
}

.grs-grid.grs-grid--no-spacing .grs-grid.grs-grid--no-spacing{
  border: none;
  margin: 0;
}

.grs-cell-panel {
  display: none;
}

.grs-cell-panel.grs-cell-panel--is-active {
  display: block;
}

/* components
--------------------------------------------------------- */
.grs-grid--no-spacing > .grs-cell .grs-textfield {
  padding-top: 0;
}

.grs-grid--no-spacing > .grs-cell .grs-textfield__label {
  top: 4px;
}

.grs-grid--no-spacing > .grs-cell .grs-textarea {
  padding-top: 0;
}

.grs-grid--no-spacing > .grs-cell .grs-textarea__label {
  top: 4px;
}

.grs-grid--no-spacing > .grs-cell .grs-drop-down {
  height: 26px;
  padding-right: 34px;
  font-size: 14px;
  line-height: 24px;
}

.grs-grid--no-spacing > .grs-cell .grs-drop-down-icon:after {
  width: 24px;
  height: 24px;
  font-size: 24px;
}

.grs-grid--no-spacing > .grs-cell .grs-button {
  height: 24px;
  font-size: 13px;
  line-height: 24px;
  font-weight: 400;
}

.grs-grid--no-spacing > .grs-cell .grs-radio + .grs-radio {
  margin-left: 16px;
}

.grs-cell__helper {
  color: rgba(0, 0, 0, .54);
  font-size: 13px;
  margin-top: 3px;
}

.grs-cell-upload__helper {
  color: rgba(0, 0, 0, .54);
  font-size: 13px;
  margin-top: 18px;
}

.grs-grid--no-spacing > .grs-cell .grs-search {
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  margin-bottom: 16px;
}

/* =========================================================
 grid portal
========================================================= */
.grs-grid-portal {
  margin: 8px 0;
}

.grs-cell--portal {
  padding: 24px;
  background: #FFF;
}

/* before login
--------------------------------------------------------- */
.grs-cell--portal .grs-grid__header-cell {
  margin-bottom: 16px;
}

.grs-cell--portal p {
  margin-bottom: 0;
}

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

.grs-portal__icon-material-icons {
  font-size: 120px;
  display: block;
}

.grs-portal__buttons {
  width: 100%;
  margin: 16px 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.grs-portal__buttons .grs-button {
  height: 48px;
  margin: 0 8px;
  font-size: 15px;
  line-height: 48px;
}

/* after login
--------------------------------------------------------- */
.grs-cell--1-of-8 {
  width: calc(12.5% - 18px);
}

.grs-cell-portal-link {
  height: auto;
  padding: 16px;
  color: #FFF;
  font-size: 13px;
  line-height: 20px;
  font-weight: 400;
  text-align: center;
}

.grs-cell-portal-link:hover {
  text-decoration: none;
}

.grs-cell-portal-link__logo {
  display: block;
  margin: 0 auto 1em;
}

.grs-color--taisei {
  background-color: #4C76AC;
}

.grs-cell--main-of-portal {
  flex: 1 0 auto;
}

.grs-cell--main-of-portal .grs-grid__header-cell {
  margin-bottom: 24px;
}

.grs-cell--main-of-portal .grs-cell--table-controls {
  margin-top: 16px;
}

.grs-cell--banner-of-portal {
  max-width: 317px;
  min-width: 200px;
  width: calc(25% - 30px);
}

.grs-cell--banner-of-portal__item {
  display: block;
}

.grs-cell--banner-of-portal__item img {
  width: 100%;
}

.grs-cell--banner-of-portal__item:not(:first-child) {
  margin-top: 16px;
}

/* =========================================================
 data-table
========================================================= */
.grs-data-table {
  width: 100%;
  table-layout: fixed;
}

.grs-data-table--hide {
  display: none;
}

.grs-data-table__row {
  display: none;
}

.grs-data-table__row--show {
  display: table-row;
}

.grs-data-table-2__row {
  display: none;
}

.grs-data-table-2__row--show {
  display: table-row;
}

.grs-data-table-3__row {
  display: none;
}

.grs-data-table-3__row--show {
  display: table-row;
}

.grs-data-table-4__row {
  display: none;
}

.grs-data-table-4__row--show {
  display: table-row;
}

.grs-data-table-5__row {
  display: none;
}

.grs-data-table-5__row--show {
  display: table-row;
}

.grs-data-table__cell {
  line-height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

tr > .grs-data-table__cell:not(.grs-data-table__cell--non-border) {
  border-style: solid;
  border-width: 1px;
  border-color: #E0E0E0;
}

.grs-data-table {
  border-collapse: separate !important;
  border-spacing: 0;
}

.grs-data-table > thead {
  position: sticky !important;
  top: 0;
  z-index: 6;
}

.grs-data-table thead tr th {
  border-style: solid;
  border-width: 1px;
  border-color: #E0E0E0;
}

.grs-data-table .grs-data-table__cell:not(.mdl-data-table__cell--non-numeric) {
  text-align: center;
}

.grs-data-table__cell--multi-line {
  white-space: normal;
  overflow: auto;
  text-overflow: clip;
}

.grs-data-table__multi-line-item {
  display: inline-block;
}

.grs-data-table__multi-line-item:not(:last-child) {
  margin-right: 1em;
}

.grs-data-table th:first-child:not(.grs-data-table__cell-header) {
  vertical-align: middle;
  padding-top: 0;
  padding-bottom: 0;
}

.grs-data-table .grs-data-table__cell-header {
  position: static;
  vertical-align: middle;
  padding: 12px 18px;
  font-size: 13px;
  line-height: 20px;
  text-align: center;
  background-color: #EEEEEE;
  color: #000000;
}

.grs-data-table .grs-data-table__cell-header--vertical {
  text-align: center;
}

.grs-data-table .grs-data-table__cell-header--vertical-inner {
  writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode:vertical-rl;
  height: 80px;
  display: inline-block;
  text-align: left;
}

.grs-data-table .grs-data-table__cell-header.sort {
  cursor: pointer;
}

.grs-data-table__cell-header-inner {
  display: inline-block;
  vertical-align: middle;
}

.grs-button.grs-data-table__cell-button {
  width: 20px;
  min-width: 20px;
  height: 16px;
  line-height: 16px;
  padding: 0;
  background: rgba(0, 0, 0, .54);
}

.grs-button.grs-data-table__cell-button:focus:not(:active),
.grs-button.grs-data-table__cell-button:active {
  box-shadow: none;
}

.grs-button.grs-data-table__cell-button-preview {
  width: 20px;
  min-width: 20px;
  height: 16px;
  line-height: 16px;
  padding: 0;
  margin: 4px;
}

.grs-theme-color--green .grs-data-table__row:hover .grs-button:not(.grs-button__not-hover) {
  background: #43A047;
}

.grs-theme-color--blue .grs-data-table__row:hover .grs-button:not(.grs-button__not-hover) {
  background: #01579B;
}

.grs-theme-color--helpdesk .grs-data-table__row--show:hover .grs-button:not(.grs-button__not-hover) {
  background: #6D4C41;
}

.grs-data-table__cell-button-icons {
  display: block;
}

.grs-clickable-row, .grs-clickable-cell {
  cursor:pointer;
}

/* ----- for firefox ----- */
@-moz-document url-prefix() {
  .grs-data-table__cell-button-icons {
    padding-top: 2px;
  }
}

.grs-button.grs-data-table__cell-text-button {
  height: 24px;
  line-height: 24px;
  font-size: 13px;
}

.grs-button.grs-data-table__cell-text-button:hover {
  text-decoration: none;
}

.grs-data-table__row:hover .grs-button.grs-data-table__cell-text-button[disabled] {

  color: rgba(0, 0, 0, .26);
  background-color: rgba(0, 0, 0, .12);
}

.grs-button.grs-data-table__cell-text-button:not(:first-child) {
  margin-left: 16px;
}

.grs-data-table__cell-button-and-label {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}

.grs-data-table__cell-button-and-label span {
    min-width: 1em;
}

.grs-data-table__cell-checkbox {
  width: auto;
}

.grs-data-table--no-checkbox label {
  display: none;
}

.grs-data-table__cell-link-button {
  width: 100%;
  height: 100%;
  line-height: 48px;
  font-size: 13px;
  font-weight: 400;
  text-align: center;
  display: block;
  border-radius: 0;
}

.grs-data-table__cell-link-button:hover {
  text-decoration: none;
}

.grs-data-table__cell-link-button:active {
  box-shadow: none;
}

.grs-data-table__count::before {
  content: attr(data-indent)"";
}

.grs-data-table__row-indent[data-indent="2"] > .grs-data-table__cell:nth-child(2)::before {
  content: "└ ";
}
.grs-data-table__row-indent[data-indent="3"] > .grs-data-table__cell:nth-child(2)::before {
  content: "└ ";
  padding-left: 1em;
}
.grs-data-table__row-indent[data-indent="4"] > .grs-data-table__cell:nth-child(2)::before {
  content: "└ ";
  padding-left: 2em;
}
.grs-data-table__row-indent[data-indent="5"] > .grs-data-table__cell:nth-child(2)::before {
  content: "└ ";
  padding-left: 3em;
}
.grs-data-table__row-indent[data-indent="6"] > .grs-data-table__cell:nth-child(2)::before {
  content: "└ ";
  padding-left: 4em;
}
.grs-data-table__row-indent[data-indent="7"] > .grs-data-table__cell:nth-child(2)::before {
  content: "└ ";
  padding-left: 5em;
}
.grs-data-table__row-indent[data-indent="8"] > .grs-data-table__cell:nth-child(2)::before {
  content: "└ ";
  padding-left: 6em;
}
.grs-data-table__row-indent[data-indent="9"] > .grs-data-table__cell:nth-child(2)::before {
  content: "└ ";
  padding-left: 7em;
}
.grs-data-table__row-indent[data-indent="10"] > .grs-data-table__cell:nth-child(2)::before {
  content: "└ ";
  padding-left: 8em;
}

.grs-theme-color--green .grs-data-table tbody .grs-data-table__row--background-color {
  background-color: #E8F5E9;
}
.grs-theme-color--blue .grs-data-table tbody .grs-data-table__row--background-color {
  background-color: #E1F5FE;
}
.grs-data-table tbody .grs-data-table__row--alert {
  background-color: #FFCCBC;
}

.grs-theme-color--green .grs-data-table tbody .grs-data-table__row--background-color.is-selected {
  background-color: #CCD7CD;
}
.grs-theme-color--blue .grs-data-table tbody .grs-data-table__row--background-color.is-selected {
  background-color: #C6D7DF;
}
.grs-data-table tbody .grs-data-table__row--alert.is-selected {
  background-color: #E0B3A5;
}

.grs-theme-color--green .grs-data-table tbody .grs-data-table__row--background-color:hover {
  background-color: #D9E5D9;
}
.grs-theme-color--blue .grs-data-table tbody .grs-data-table__row--background-color:hover {
  background-color: #D2E5ED;
}
.grs-data-table tbody .grs-data-table__row--alert:hover {
  background-color: #EEBEAF;
}

.grs-data-table__icon-label {
  margin-right: .25em;
  vertical-align: middle;
  font-size: 17px;
  line-height: 1;
  transform:translateY(-1px);
}

/* ----- for firefox ----- */
@-moz-document url-prefix() {
  .grs-data-table__icon-label {
    transform:translateY(0);
  }
}

/* IE11 */
@media all and (-ms-high-contrast:none) {
  *::-ms-backdrop, .grs-data-table__icon-label {
    transform:translateY(-2px);
  }
}

/* Edge */
@supports (-ms-ime-align:auto) {
  .grs-data-table__icon-label {
    transform:translateY(-2px);
  }
}

.grs-data-table__icon-label--large {
  font-size: 24px;
  margin-right: 0;
}

.grs-theme-color--green .grs-data-table__icon-label--color {
  color: #43A047;
}

.grs-theme-color--blue .grs-data-table__icon-label--color {
  color: #01579B;
}

.grs-data-table__icon-label--alert {
  color: #FF5722;
}

/* table controls
--------------------------------------------------------- */
.grs-cell--table-controls {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: flex-end;
  justify-content: flex-end;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 13px;
  line-height: 20px;
}

.grs-cell--table-controls > *:not(:first-child) {
  margin-right: 16px;
}

.grs-table-controls__button {
  width: 24px;
  min-width: 24px;
  height: 24px;
  padding: 0;
  border: 1px solid #E0E0E0;
  color: rgba(0, 0, 0, .54);
  line-height: 24px;
}

.grs-table-controls__button:focus:not(:active),
.grs-table-controls__button:active {
  box-shadow: none;
}

.grs-table-controls__button-icons {
  display: block;
  font-size: 22px;
}

/* bordered table
--------------------------------------------------------- */
.grs-data-table tr .grs-data-table__padding-left-18 {
  padding-left: 18px;
}

.grs-data-table tr .grs-data-table__padding-right-18 {
  padding-right: 18px;
}

.grs-data-table--border:not(:first-of-type) {
  border-top: none;
}

.grs-data-table--border tbody {
  transition-duration: .28s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-property: background-color
}

.grs-data-table--border.grs-data-table--body-hover tbody:hover {
  background: #eee;
}

.grs-data-table--border.mdl-data-table tbody tr:hover {
  background: none;
}

.grs-data-table--border th {
  border-right: 1px solid rgba(0, 0, 0, .12);
  border-bottom: 1px solid rgba(0, 0, 0, .12);
}

.grs-data-table--border td {
  border-right: 1px solid rgba(0, 0, 0, .12);
}

.grs-data-table--border .grs-data-table--no-border-right {
  border-right: none;
}

/* table links
--------------------------------------------------------- */
.grs-cell--table-links {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
}

.grs-cell--table-links .grs-table-links__link:not(:first-of-type) .grs-data-table,
.grs-cell--table-links .grs-table-links__link:not(:first-of-type) .grs-data-table td {
  border-top: none;
}

.grs-table-links__link {
  color: rgba(0, 0, 0, .99);
}

.grs-table-links__link:hover {
  text-decoration: none;
}

.grs-table-links__link-icon--grey {
  color: rgba(0, 0, 0, .54);
}

.grs-table-links__link .grs-data-table__cell {
  font-size: 14px;
}

/* calendar
--------------------------------------------------------- */
.grs-calendar-wrap {
  position: relative;
}

.grs-calendar-wrap .grs-calendar-date {
  position: absolute;
  top: 12px;
  right: 31%;
  transform: translate(50%, 0);
  z-index: 1;
}

.grs-calendar {
  display: none;
}

.grs-calendar.grs-calendar__current {
  display: table;
  border-top: 1px solid rgba(0, 0, 0, .12);
}

.grs-calendar th.grs-calendar-header {
  padding: 0 16px;
}

.grs-calendar-header__controls {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.grs-calendar .grs-data-table__cell {
  padding: 12px 18px;
  transition-duration: .28s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-property: background-color;
}

.grs-calendar .grs-data-table__cell:first-of-type {
  padding-left: 18px;
}

.grs-calendar .grs-data-table__cell:last-of-type {
  padding-right: 18px;
}

.grs-calendar .grs-calendar__row:hover{
  background: none;
}

.grs-calendar__row {
  display: none;
}

.grs-calendar__row--show {
  display: table-row;
}

.grs-calendar__row th:first-child {
  border-bottom: none;
}

.grs-calendar__row th:first-child .grs-calendar__row-company {
  display: none;
}

.grs-calendar__row--start th:first-child {
  border-top: 1px solid rgba(0, 0, 0, .12);
}

.grs-calendar__row--start th:first-child .grs-calendar__row-company {
  display: inline;
}


/* table narrow padding
--------------------------------------------------------- */
.grs-data-table--narrow-padding .grs-data-table__cell:nth-child(n) {
  padding-left: 12px;
  padding-right: 12px;
}

/* =========================================================
 button
========================================================= */
.grs-button {
  font-family: "Roboto", "Noto Sans JP", "Helvetica", "Arial", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  box-sizing: border-box;
  transition-duration: 0.1s;
  transition-property: opacity;
}

.grs-button.grs-button--light {
  color: #000000;
  background-color: #FFFFFF;
  border: solid;
  border-width: 1px;
}

.grs-button.grs-button--light[disabled] {
  border: 0px solid;
}

.grs-theme-color--green .grs-button--light,
.grs-theme-color--green .grs-button--light:focus {
  color: #43A047;
}

.grs-theme-color--blue .grs-button--light,
.grs-theme-color--blue .grs-button--light:focus {
  color: #01579B;
}

.grs-theme-color--helpdesk .grs-button--light,
.grs-theme-color--helpdesk .grs-button--light:focus {
  color: #6D4C41;
}

.grs-button.grs-button--is-disabled,
.grs-button.grs-button--is-disabled:hover {
  color: rgba(0, 0, 0, .26);
  background-color: rgba(0, 0, 0, .12);
  cursor: auto;
}

.grs-button.grs-button--is-disabled .mdl-ripple {
  background: none;
}

.grs-button:hover:not([disabled]) {
  text-decoration: none;
  opacity: 0.5;
}

.grs-button:disabled {
  opacity: 1.0;
}

label[disabled] {
  opacity: 1.0;
}

/*ボタンのマージン設定*/
.grs-button-margin {
  margin-left: 20px;
}

/* =========================================================
 forms
========================================================= */
.grs-form--vertical {
  height: auto;
  display: block;
}

.grs-form--vertical + .grs-form--vertical {
  margin-top: 8px;
}

/* ----- hide ie tools ----- */
input::-ms-clear {
  visibility:hidden
}

input::-ms-reveal {
  visibility:hidden
}

/* drop down
--------------------------------------------------------- */
.grs-drop-down {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 24px;
  padding: 0 32px 0 8px;
  border: 1px solid rgba(97, 97, 97, .2);
  font-family: "Roboto", "Noto Sans JP", "Helvetica", "Arial", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 13px;
  line-height: 22px;
  color: rgba(0, 0, 0, .99);
  background-color: rgba(255, 255, 255, 0);
  cursor: pointer;
}

.grs-drop-down::-ms-expand {
  display: none;
}

.grs-drop-down-icon {
  position: relative;
  display: inline-block;
}

.grs-drop-down-icon:after {
  display: block;
  content: "\E5C5";
  position: absolute;
  top: 1px;
  right: 1px;
  width: 22px;
  height: 22px;
  margin-top: 0;
  pointer-events: none;
  border-left: 1px solid #E0E0E0;
  background-color: #f5f5f5;
  color: rgba(0, 0, 0, .54);
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 22px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

.grs-drop-down-icon.is-disabled {
  pointer-events: auto;
  cursor: not-allowed;
}
.grs-drop-down-icon.is-disabled .grs-drop-down {
  pointer-events: auto;
  cursor: not-allowed;
  background-color: rgba(0, 0, 0, .12);
}

/* search
--------------------------------------------------------- */
.grs-search {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: flex-end;
  justify-content: flex-end;
}

.grs-search > *:not(:first-child) {
  margin-left: 16px;
}

.grs-search__input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 216px;
  margin: 0;
  padding: 0 8px;
  background: none;
  border: 1px solid #E0E0E0;
  border-radius: 0;
  outline: none;
  font-family: "Roboto", "Noto Sans JP", "Helvetica", "Arial", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 13px;
  color: rgba(0, 0, 0, .99);
}

.grs-search__input--small {
  width: 128px;
}

.grs-search__button {
  height: 24px;
  padding: 0;
  font-size: 13px;
  line-height: 24px;
  font-weight: 400;
}

.grs-search__button:active,
.grs-search__button:focus:not(:active) {
}

/* checkbox
--------------------------------------------------------- */
.grs-checkbox {
  width: auto;
}

.grs-checkbox__label {
  font-size: 14px;
}

.grs-grid__header-row .grs-checkbox__label {
  font-size: 13px;
}

/* radio
--------------------------------------------------------- */
.grs-radio__label {
  height: 23px;
  font-size: 14px;
  line-height: 23px;
}

.grs-grid__header-row .grs-radio__label {
  font-size: 13px;
}

/* textfield
--------------------------------------------------------- */
.grs-textfield {
  width: 100%;
}

.grs-textfield__input {
  font-family: "Roboto", "Noto Sans JP", "Helvetica", "Arial", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 14px;
  padding: 5px 0 3px;
}

/* ----- for firefox ----- */
@-moz-document url-prefix() {
  .grs-textfield__input {
    padding: 6px 0 2px;
  }
}

/* IE11 */
@media all and (-ms-high-contrast:none) {
  *::-ms-backdrop, .grs-textfield__input {
    padding: 7px 0 1px;
  }
}

/* Edge */
@supports (-ms-ime-align:auto) {
  .grs-textfield__input {
    padding: 7px 0 1px;
  }
}

.grs-textfield__input[disabled] {
  color: rgba(0, 0, 0, .26);
}

.grs-textfield__label {
  font-size: 14px;
}

.grs-textfield__label-top--5 {
  top: 5px;
}

.grs-textfield.is-disabled .grs-textfield__input,
.grs-textfield.is-disabled .grs-textfield__label {
  pointer-events: auto;
  cursor: not-allowed;
}
.grs-textfield.is-disabled .grs-textfield__input:not(.grs-file-upload__text) {
  background-color: rgba(0, 0, 0, .12);
}

.grs-textfield.is-dirty .grs-textfield__label,
.grs-textfield.has-placeholder .grs-textfield__label {
  visibility: visible;
  color: rgba(255, 255, 255, 0);
}

.grs-textfield__error {
  font-size: 13px;
  line-height: 20px;
}

.grs-textfield.is-invalid .grs-textfield__input {
  border-color: #DD2C00;
}

.grs-textfield.is-invalid .grs-textfield__label:after {
  background-color: #DD2C00;
}

.grs-textfield__helper {
  color: rgba(0, 0, 0, .54);
  position: absolute;
  font-size: 13px;
  line-height: 20px;
  margin-top: 3px;
  display: block;
}

.grs-textfield.is-invalid .grs-textfield__helper {
  visibility: hidden;
}

.grs-textfield__error--required {
  position: absolute;
  font-size: 13px;
  line-height: 20px;
  margin-top: 3px;
  display: block;
  visibility: hidden;
}

.grs-textfield.is-empty .grs-textfield__input {
  border-color: #DD2C00;
}

.grs-textfield.is-empty:not(.is-focused) .grs-textfield__helper {
  visibility: hidden;
}

.grs-textfield.is-empty:not(.is-focused) .grs-textfield__error--required {
  visibility: visible;
}

.grs-textfield__icon {
  right: 0;
  cursor: pointer;
  color: rgba(0, 0, 0, .54);
  z-index: 3;
}

.grs-textfield.is-invalid .grs-textfield__icon,
.grs-textfield.is-empty:not(.is-focused) .grs-textfield__icon {
  color: #dd2c00;
}

.grs-textfield.is-disabled.is-dirty .grs-textfield__label {
  display: none;
}

/* password
--------------------------------------------------------- */
.grs-password__icon {
  right: 0;
  cursor: pointer;
  color: rgba(0, 0, 0, .54);
}

.grs-textfield.is-invalid .grs-password__icon,
.grs-textfield.is-empty:not(.is-focused) .grs-password__icon {
  color: #dd2c00;
}

/* textarea
--------------------------------------------------------- */
.grs-textarea {
  width: 100%;
}

.grs-textarea__input {
  font-family: "Roboto", "Noto Sans JP", "Helvetica", "Arial", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 14px;
  overflow: auto;
}

/* IE11 */
@media all and (-ms-high-contrast:none) {
  *::-ms-backdrop, .grs-textarea__input {
    padding: 7px 0 1px;
  }
}

/* Edge */
@supports (-ms-ime-align:auto) {
  .grs-textarea__input {
    padding: 7px 0 1px;
  }
}

.grs-textarea__label {
  font-size: 14px;
}

.grs-textarea.is-dirty .grs-textarea__label,
.grs-textarea.has-placeholder .grs-textarea__label {
  visibility: visible;
  color: rgba(255, 255, 255, 0);
}

.grs-textarea__helper {
  color: rgba(0, 0, 0, .54);
  position: absolute;
  font-size: 13px;
  margin-top: 3px;
  display: block;
}

.grs-textarea.is-invalid .grs-textarea__helper {
  visibility: hidden;
}

.grs-textarea__error--required {
  position: absolute;
  font-size: 13px;
  margin-top: 3px;
  display: block;
  visibility: hidden;
}

.grs-textarea.is-empty .grs-textarea__input {
  border-color: #DD2C00;
}

.grs-textarea.is-empty:not(.is-focused) .grs-textarea__helper {
  visibility: hidden;
}

.grs-textarea.is-empty:not(.is-focused) .grs-textarea__error--required {
  visibility: visible;
}

/* switch
--------------------------------------------------------- */
.grs-switch__wrap {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.grs-switch {
  width: 56px;
}

.grs-switch__label {
  cursor: pointer;
  transition-duration: .28s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-property: color;
}

.grs-switch__label-on {
  color: rgba(0, 0, 0, .38);
}

.grs-switch__label-off {
  padding-right: 20px;
}

.grs-switch__wrap.is-checked .grs-switch__label-off {
  color: rgba(0, 0, 0, .38);
}
.grs-switch__wrap.is-checked .grs-switch__label-on {
  color: rgba(0, 0, 0, .99);
}

.grs-switch__wrap.is-disabled .grs-switch__label {
  cursor: auto;
  color: rgba(0, 0, 0, .26);
}

/* date picker
--------------------------------------------------------- */
.grs-grid__header-row .grs-date-picker {
  width: 200px;
  padding: 0;
}

.grs-grid__header-row .grs-date-picker .grs-textfield__input {
  font-size: 13px;
}

.grs-grid__header-row .grs-date-picker .grs-textfield__label {
  font-size: 13px;
  top: 2px;
}

.grs-grid__header-row .grs-date-picker .grs-textfield__icon {
  bottom: -1px;
}

.grs-grid__header-row .grs-date-picker .mdl-textfield__label:after {
  bottom: 0;
}

/* file upload
--------------------------------------------------------- */
.grs-file-upload__buttons {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.grs-file-upload__buttons .grs-button:not(:first-child) {
  margin-left: 16px;
}

.grs-file-upload__input {
  display: none;
}

.grs-file-upload.is-disabled.is-dirty .grs-file-upload__text {
  color: rgba(0, 0, 0, .99);
}

.grs-file-upload.is-disabled.is-dirty .grs-textfield__label {
  visibility: visible;
  color: rgba(255, 255, 255, 0);
}

.grs-file-upload__controls--is-disabled {
  display: none;
}

/* tooltip
--------------------------------------------------------- */
.grs-tooltip {
  max-width: none;
  font-size: 13px;
  line-height: 20px;
  font-weight: 400;
  background-color: rgba(0, 0, 0, .54);
}

/* =========================================================
 dialog
========================================================= */

/* dialog-plyfill
--------------------------------------------------------- */
dialog {
  position: absolute;
  left: 0; right: 0;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: -webkit-fit-content;
  height: fit-content;
  margin: auto;
  border: solid;
  padding: 1em;
  background: white;
  color: black;
  display: none;
}

dialog[open] {
  display: block;
}

dialog + .backdrop {
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
  background: rgba(0,0,0,0.1);
}

._dialog_overlay {
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
}

dialog.fixed {
  position: fixed;
  top: 50%;
  transform: translate(0, -50%);
}

/* layout
--------------------------------------------------------- */
.grs-dialog {
  width: 496px;
}

.grs-dialog__title {
  font-family: "Roboto", "Noto Sans JP", "Helvetica", "Arial", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 34px;
  line-height: 48px;
  padding-top: 18px;
}

.grs-dialog__button,
.grs-dialog__button:focus:not(:active),
.grs-dialog__button:active {
  box-shadow: none;
}

/* =========================================================
 tabs
========================================================= */
.grs-tabs__tab-bar {
  margin: 0 24px;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.grs-tabs__tab {
  width: 16.6666666667%;
  font-size: 15px;
  border: solid;
  border-width:1px;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}

.grs-tabs__tab-comment {
  width: 20%;
}

.grs-theme-color--blue .grs-tabs__tab {
  border-color: #01579B;
  background-color: #01579B;
}

.grs-theme-color--blue .grs-tabs__tab:not(.is-active) {
  background-color: #b3e5fc;
}

.grs-theme-color--green .grs-tabs__tab {
  border-color: #43A047;
  background-color: #43A047;
}

.grs-theme-color--green .grs-tabs__tab:not(.is-active) {
  background-color: #dcedc8;
}

.grs-tabs__tab.is-active {
  color: #FFFFFF !important;
}

.grs-tabs__tab:not(.is-active) {
  color: #000000;
  background-color: #FFFFFF;
}

.grs-tabs__tab:hover {
  text-decoration: none;
}

/* footer table controls
--------------------------------------------------------- */
.grs-layout__footer .grs-cell--table-controls:not(.grs-cell--table-controls-no-footer-buttons) {
  position: absolute;
  right: 24px;
  top: calc((100% - 36px) / 2);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.grs-layout__footer .grs-cell--table-controls-no-footer-buttons {
  padding: 16px 24px;
}

.grs-layout__footer .grs-cell--table-controls-hide {
  display: none;
}

/* footer button
--------------------------------------------------------- */
.grs-layout__footer-buttons--hide {
  display: none;
}

/* =========================================================
 non responsive
========================================================= */
.grs-layout .mdl-layout__header {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.mdl-layout__drawer-button .material-icons {
  box-shadow: 2px 2px 2px rgba(255,255,255,0.5);
}

.grs-layout__header-alert .mdl-navigation__link:not(.grs-navigation-alert__link-licence-error){
  border-radius: 4px;
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
  border: solid 2px #E63E09;
  height: 40px;
  padding: 0 7px;
  margin: 0 2px;
}

.mdl-color--light-blue-900 .mdl-button {
  border-radius: 4px;
  box-shadow: 0px 0px 1px 2px #003175, inset 0 2px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.mdl-color--green-600 .mdl-button {
  border-radius: 4px;
  box-shadow: 0px 0px 1px 2px #1D7A21, inset 0 2px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.grs-layout .mdl-layout__header-row .mdl-navigation__link {
  line-height: 40px;
}

.grs-layout .mdl-cell--1-col,
.grs-layout .mdl-cell--1-col-desktop.mdl-cell--1-col-desktop {
  width: calc(8.3333333333% - 18px)
}
.grs-layout .mdl-grid--no-spacing>.mdl-cell--1-col,
.grs-layout .mdl-grid--no-spacing>.mdl-cell--1-col-desktop.mdl-cell--1-col-desktop {
  width: 8.3333333333%
}
.grs-layout .mdl-cell--2-col,
.grs-layout .mdl-cell--2-col-desktop.mdl-cell--2-col-desktop {
  width: calc(16.6666666667% - 18px)
}
.grs-layout .mdl-grid--no-spacing>.mdl-cell--2-col,
.grs-layout .mdl-grid--no-spacing>.mdl-cell--2-col-desktop.mdl-cell--2-col-desktop {
  width: 16.6666666667%
}
.grs-layout .mdl-cell--3-col,
.grs-layout .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop {
  width: calc(25% - 18px)
}
.grs-layout .mdl-grid--no-spacing>.mdl-cell--3-col,
.grs-layout .mdl-grid--no-spacing>.mdl-cell--3-col-desktop.mdl-cell--3-col-desktop {
  width: 25%
}
.grs-layout .mdl-cell--4-col,
.grs-layout .mdl-cell--4-col-desktop.mdl-cell--4-col-desktop {
  width: calc(33.3333333333% - 18px)
}
.grs-layout .mdl-grid--no-spacing>.mdl-cell--4-col,
.grs-layout .mdl-grid--no-spacing>.mdl-cell--4-col-desktop.mdl-cell--4-col-desktop {
  width: 33.3333333333%
}
.grs-layout .mdl-cell--5-col,
.grs-layout .mdl-cell--5-col-desktop.mdl-cell--5-col-desktop {
  width: calc(41.6666666667% - 18px)
}
.grs-layout .mdl-grid--no-spacing>.mdl-cell--5-col,
.grs-layout .mdl-grid--no-spacing>.mdl-cell--5-col-desktop.mdl-cell--5-col-desktop {
  width: 41.6666666667%
}
.grs-layout .mdl-cell--6-col,
.grs-layout .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop {
  width: calc(50% - 18px)
}
.grs-layout .mdl-grid--no-spacing>.mdl-cell--6-col,
.grs-layout .mdl-grid--no-spacing>.mdl-cell--6-col-desktop.mdl-cell--6-col-desktop {
  width: 50%
}
.grs-layout .mdl-cell--7-col,
.grs-layout .mdl-cell--7-col-desktop.mdl-cell--7-col-desktop {
  width: calc(58.3333333333% - 18px)
}
.grs-layout .mdl-grid--no-spacing>.mdl-cell--7-col,
.grs-layout .mdl-grid--no-spacing>.mdl-cell--7-col-desktop.mdl-cell--7-col-desktop {
  width: 58.3333333333%
}
.grs-layout .mdl-cell--8-col,
.grs-layout .mdl-cell--8-col-desktop.mdl-cell--8-col-desktop {
  width: calc(66.6666666667% - 18px)
}
.grs-layout .mdl-grid--no-spacing>.mdl-cell--8-col,
.grs-layout .mdl-grid--no-spacing>.mdl-cell--8-col-desktop.mdl-cell--8-col-desktop {
  width: 66.6666666667%
}
.grs-layout .mdl-cell--9-col,
.grs-layout .mdl-cell--9-col-desktop.mdl-cell--9-col-desktop {
  width: calc(75% - 18px)
}
.grs-layout .mdl-grid--no-spacing>.mdl-cell--9-col,
.grs-layout .mdl-grid--no-spacing>.mdl-cell--9-col-desktop.mdl-cell--9-col-desktop {
  width: 75%
}
.grs-layout .mdl-cell--10-col,
.grs-layout .mdl-cell--10-col-desktop.mdl-cell--10-col-desktop {
  width: calc(83.3333333333% - 18px)
}
.grs-layout .mdl-grid--no-spacing>.mdl-cell--10-col,
.grs-layout .mdl-grid--no-spacing>.mdl-cell--10-col-desktop.mdl-cell--10-col-desktop {
  width: 83.3333333333%
}
.grs-layout .mdl-cell--11-col,
.grs-layout .mdl-cell--11-col-desktop.mdl-cell--11-col-desktop {
  width: calc(91.6666666667% - 18px)
}
.grs-layout .mdl-grid--no-spacing>.mdl-cell--11-col,
.grs-layout .mdl-grid--no-spacing>.mdl-cell--11-col-desktop.mdl-cell--11-col-desktop {
  width: 91.6666666667%
}
.grs-layout .mdl-cell--12-col,
.grs-layout .mdl-cell--12-col-desktop.mdl-cell--12-col-desktop {
  width: calc(100% - 18px)
}
.grs-layout .mdl-grid--no-spacing>.mdl-cell--12-col,
.grs-layout .mdl-grid--no-spacing>.mdl-cell--12-col-desktop.mdl-cell--12-col-desktop {
  width: 100%
}
.grs-layout .mdl-cell--1-offset,
.grs-layout .mdl-cell--1-offset-desktop.mdl-cell--1-offset-desktop {
  margin-left: calc(8.3333333333% + 8px)
}
.grs-layout .mdl-grid.mdl-grid--no-spacing>.mdl-cell--1-offset,
.grs-layout .mdl-grid.mdl-grid--no-spacing>.mdl-cell--1-offset-desktop.mdl-cell--1-offset-desktop {
  margin-left: 8.3333333333%
}
.grs-layout .mdl-cell--2-offset,
.grs-layout .mdl-cell--2-offset-desktop.mdl-cell--2-offset-desktop {
  margin-left: calc(16.6666666667% + 8px)
}
.grs-layout .mdl-grid.mdl-grid--no-spacing>.mdl-cell--2-offset,
.grs-layout .mdl-grid.mdl-grid--no-spacing>.mdl-cell--2-offset-desktop.mdl-cell--2-offset-desktop {
  margin-left: 16.6666666667%
}
.grs-layout .mdl-cell--3-offset,
.grs-layout .mdl-cell--3-offset-desktop.mdl-cell--3-offset-desktop {
  margin-left: calc(25% + 8px)
}
.grs-layout .mdl-grid.mdl-grid--no-spacing>.mdl-cell--3-offset,
.grs-layout .mdl-grid.mdl-grid--no-spacing>.mdl-cell--3-offset-desktop.mdl-cell--3-offset-desktop {
  margin-left: 25%
}
.grs-layout .mdl-cell--4-offset,
.grs-layout .mdl-cell--4-offset-desktop.mdl-cell--4-offset-desktop {
  margin-left: calc(33.3333333333% + 8px)
}
.grs-layout .mdl-grid.mdl-grid--no-spacing>.mdl-cell--4-offset,
.grs-layout .mdl-grid.mdl-grid--no-spacing>.mdl-cell--4-offset-desktop.mdl-cell--4-offset-desktop {
  margin-left: 33.3333333333%
}
.grs-layout .mdl-cell--5-offset,
.grs-layout .mdl-cell--5-offset-desktop.mdl-cell--5-offset-desktop {
  margin-left: calc(41.6666666667% + 8px)
}
.grs-layout .mdl-grid.mdl-grid--no-spacing>.mdl-cell--5-offset,
.grs-layout .mdl-grid.mdl-grid--no-spacing>.mdl-cell--5-offset-desktop.mdl-cell--5-offset-desktop {
  margin-left: 41.6666666667%
}
.grs-layout .mdl-cell--6-offset,
.grs-layout .mdl-cell--6-offset-desktop.mdl-cell--6-offset-desktop {
  margin-left: calc(50% + 8px)
}
.grs-layout .mdl-grid.mdl-grid--no-spacing>.mdl-cell--6-offset,
.grs-layout .mdl-grid.mdl-grid--no-spacing>.mdl-cell--6-offset-desktop.mdl-cell--6-offset-desktop {
  margin-left: 50%
}
.grs-layout .mdl-cell--7-offset,
.grs-layout .mdl-cell--7-offset-desktop.mdl-cell--7-offset-desktop {
  margin-left: calc(58.3333333333% + 8px)
}
.grs-layout .mdl-grid.mdl-grid--no-spacing>.mdl-cell--7-offset,
.grs-layout .mdl-grid.mdl-grid--no-spacing>.mdl-cell--7-offset-desktop.mdl-cell--7-offset-desktop {
  margin-left: 58.3333333333%
}
.grs-layout .mdl-cell--8-offset,
.grs-layout .mdl-cell--8-offset-desktop.mdl-cell--8-offset-desktop {
  margin-left: calc(66.6666666667% + 8px)
}
.grs-layout .mdl-grid.mdl-grid--no-spacing>.mdl-cell--8-offset,
.grs-layout .mdl-grid.mdl-grid--no-spacing>.mdl-cell--8-offset-desktop.mdl-cell--8-offset-desktop {
  margin-left: 66.6666666667%
}
.grs-layout .mdl-cell--9-offset,
.grs-layout .mdl-cell--9-offset-desktop.mdl-cell--9-offset-desktop {
  margin-left: calc(75% + 8px)
}
.grs-layout .mdl-grid.mdl-grid--no-spacing>.mdl-cell--9-offset,
.grs-layout .mdl-grid.mdl-grid--no-spacing>.mdl-cell--9-offset-desktop.mdl-cell--9-offset-desktop {
  margin-left: 75%
}
.grs-layout .mdl-cell--10-offset,
.grs-layout .mdl-cell--10-offset-desktop.mdl-cell--10-offset-desktop {
  margin-left: calc(83.3333333333% + 8px)
}
.grs-layout .mdl-grid.mdl-grid--no-spacing>.mdl-cell--10-offset,
.grs-layout .mdl-grid.mdl-grid--no-spacing>.mdl-cell--10-offset-desktop.mdl-cell--10-offset-desktop {
  margin-left: 83.3333333333%
}
.grs-layout .mdl-cell--11-offset,
.grs-layout .mdl-cell--11-offset-desktop.mdl-cell--11-offset-desktop {
  margin-left: calc(91.6666666667% + 8px)
}
.grs-layout .mdl-grid.mdl-grid--no-spacing>.mdl-cell--11-offset,
.grs-layout .mdl-grid.mdl-grid--no-spacing>.mdl-cell--11-offset-desktop.mdl-cell--11-offset-desktop {
  margin-left: 91.6666666667%
}


/* =========================================================
 mdDateTimePicker.css
========================================================= */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */

.mddtp-button {
  height: 36px;
  min-width: 64px;
  border: none;
  background-color: transparent;
  border-radius: 3px;
  display: inline-block;
  padding: 0 8px;
  margin-right: 8px;
  /*font-family: "Roboto", "Helvetica", "Arial", sans-serif !important;*/
  font-family: "Roboto", "Noto Sans JP", "Helvetica", "Arial", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 15px;
  text-transform: uppercase;
  outline: none;
  cursor: pointer;
  color: #009688;
  -webkit-appearance: button;
  overflow: visible;
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

.mddtp-button:hover,
.mddtp-button:focus {
  background-color: #e0e0e0;
}

.mddtp-button:active {
  background-color: #bdbdbd;
}

.mddtp-button:disabled {
  color: rgba(0, 0, 0, 0.26);
  cursor: not-allowed;
}

.mddtp-picker {
  /*box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);*/
  box-shadow: 0 9px 46px 8px rgba(0, 0, 0, .14), 0 11px 15px -7px rgba(0, 0, 0, .12), 0 24px 38px 3px rgba(0, 0, 0, .2);
  /*font-family: "Roboto", "Helvetica", "Arial", sans-serif !important;*/
  /*min-width: 280px;*/
  width: 492px;
  height: 428px;
  position: fixed;
/*  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;*/
  top: calc(50% - 214px);
  left: calc(50% - 246px);
  display: table;
  border-radius: 3px;
  line-height: normal;
  overflow: hidden;
  z-index: 9999999;
}

.mddtp-picker .mddtp-picker__header {
  /*width: 100px;*/
  width: 130px;
  /*background-color: #009688;*/
  padding: 24px 24px 20px;
}

.grs-theme-color--green .mddtp-picker .mddtp-picker__header {
  background-color: #43A047;
}

.grs-theme-color--blue .mddtp-picker .mddtp-picker__header {
  background-color: #01579B;
}

.grs-theme-color--helpdesk .mddtp-picker .mddtp-picker__header {
  background-color: #6D4C41;
}

.mddtp-picker .mddtp-picker__header .mddtp-picker__title {
  color: rgba(255, 255, 255, 0.7);
  /*font-family: "Roboto", "Helvetica", "Arial", sans-serif;*/
  font-size: 28px;
  font-weight: 700;
}

.mddtp-picker .mddtp-picker__header .mddtp-picker__subtitle {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
}

.mddtp-picker .mddtp-picker__header .mddtp-picker__title,
.mddtp-picker .mddtp-picker__header .mddtp-picker__subtitle {
  color: rgba(255, 255, 255, 0.7);
  margin: 0;
  cursor: pointer;
}

.mddtp-picker .mddtp-picker__header .mddtp-picker__color--active {
  color: white;
}

.mddtp-picker .mddtp-picker__body {
  position: relative;
  background-color: #fff;
}

.mddtp-picker .mddtp-picker__body .mddtp-picker__action {
  margin-top: 24px;
  padding: 8px 0;
  text-align: right;
}

.mddtp-picker .mddtp-picker__body .mddtp-picker__action .grs-button {
  margin-right: 8px;
}

.mddtp-picker .mddtp-picker__header,
.mddtp-picker .mddtp-picker__body {
  display: table-cell;
  vertical-align: top;
  height: 100%;
}

.mddtp-picker-date .mddtp-picker__left {
  left: 4px;
}

.mddtp-picker-date .mddtp-picker__right {
  right: 4px;
}

.mddtp-picker-date .mddtp-picker__left,
.mddtp-picker-date .mddtp-picker__right {
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0;
  height: 48px;
  width: 48px;
  min-width: 48px;
  top: 4px;
  border-radius: 50%;
}

.mddtp-picker-date .mddtp-picker__left:hover,
.mddtp-picker-date .mddtp-picker__left:hover,
.mddtp-picker-date .mddtp-picker__left:focus,
.mddtp-picker-date .mddtp-picker__left:focus,
.mddtp-picker-date .mddtp-picker__right:hover,
.mddtp-picker-date .mddtp-picker__right:hover,
.mddtp-picker-date .mddtp-picker__right:focus,
.mddtp-picker-date .mddtp-picker__right:focus {
  background-color: #e0e0e0;
}

.mddtp-picker-date .mddtp-picker__left:active,
.mddtp-picker-date .mddtp-picker__left:active,
.mddtp-picker-date .mddtp-picker__right:active,
.mddtp-picker-date .mddtp-picker__right:active {
  background-color: #bdbdbd;
}

.mddtp-picker-date .mddtp-picker__left:disabled,
.mddtp-picker-date .mddtp-picker__left:disabled,
.mddtp-picker-date .mddtp-picker__right:disabled,
.mddtp-picker-date .mddtp-picker__right:disabled {
  background-repeat: no-repeat;
  background-position: center;
}

.mddtp-picker__body .mddtp-picker__viewHolder {
  width: 314px;
  overflow: hidden;
}

.mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__views {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0;
  width: 2000px;
}

.mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__view {
  display: inline-block;
  width: 314px;
  text-align: center;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  transition: 0.3s cubic-bezier(0.42, 0, 0.58, 1);
}

.mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__view .mddtp-picker__month {
  display: inline-block;
  padding: 18px;
  font-size: 13px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.87);
}

.mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__view--left {
  -webkit-transform: translate3d(-200%, 0, 0);
  transform: translate3d(-200%, 0, 0);
}

.mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__view--right {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__view--pause {
  transition: none;
}

.mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid {
  padding: 8px 14px 0;
}

.mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid span {
  display: inline-block;
  font-size: 13px;
  margin: 2px;
  color: rgba(0, 0, 0, 0.87);
  border-radius: 50%;
  width: 36px;
  height: 36px;
  line-height: 36px;
  vertical-align: middle;
}

.mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid span.mddtp-picker__cell--today {
  /*color: #009688;*/
  font-weight: 600;
}

.grs-theme-color--green .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid span.mddtp-picker__cell--today {
  color: #43A047;
}

.grs-theme-color--blue .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid span.mddtp-picker__cell--today {
  color: #01579B;
}

.grs-theme-color--helpdesk .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid span.mddtp-picker__cell--today {
  color: #6D4C41;
}

.mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid span.mddtp-picker__cell--selected,
.mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid .mddtp-picker__tr span.mddtp-picker__cell:hover {
  /*background-color: #009688;*/
  color: #fff !important;
}

.grs-theme-color--green .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid span.mddtp-picker__cell--selected,
.grs-theme-color--green .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid .mddtp-picker__tr span.mddtp-picker__cell:hover {
  background-color: #43A047;
}

.grs-theme-color--blue .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid span.mddtp-picker__cell--selected,
.grs-theme-color--blue .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid .mddtp-picker__tr span.mddtp-picker__cell:hover {
  background-color: #01579B;
}

.grs-theme-color--helpdesk .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid span.mddtp-picker__cell--selected,
.grs-theme-color--helpdesk .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid .mddtp-picker__tr span.mddtp-picker__cell:hover {
  background-color: #6D4C41;
}

.mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid span.mddtp-picker__cell--disabled {
  color: rgba(0, 0, 0, 0.26);
  cursor: not-allowed;
}

.mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid .mddtp-picker__tr {
  padding: 2px 0;
}

.mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid .mddtp-picker__tr .mddtp-picker__cell {
  pointer-events: all;
  cursor: pointer;
}

.mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid .mddtp-picker__th span {
  color: rgba(0, 0, 0, 0.54);
}

.mddtp-picker__years {
  position: absolute;
  left: 0;
  top: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  height: calc(100% - 52px);
  text-align: center;
  overflow: auto;
}

.mddtp-picker__years li {
  font-size: 16px;
  padding: 8px 0;
  color: rgba(0, 0, 0, 0.87);
  cursor: pointer;
}

.mddtp-picker__years .mddtp-picker__li--current {
  font-size: 21px;
  /*color: #009688;*/
}

.grs-theme-color--green .mddtp-picker__years .mddtp-picker__li--current {
  color: #43A047;
}

.grs-theme-color--blue .mddtp-picker__years .mddtp-picker__li--current {
  color: #01579B;
}

.mddtp-picker__years--invisible {
  display: none;
}

.mddtp-picker-time .mddtp-picker__header {
  vertical-align: middle;
  width: 125px;
}

.mddtp-picker-time .mddtp-picker__header .mddtp-picker__title {
  text-align: right;
  font-size: 0;
}

.mddtp-picker-time .mddtp-picker__header .mddtp-picker__title span {
  font-size: 45px;
  font-weight: 400;
  line-height: 48px;
  margin: 0 2px;
}

.mddtp-picker-time .mddtp-picker__header .mddtp-picker__subtitle {
  margin-top: 8px;
  text-align: center;
}

.mddtp-picker-time .mddtp-picker__header .mddtp-picker__subtitle div {
  margin-top: 2px;
}

.mddtp-picker-time .mddtp-picker__circularView,
.mddtp-picker-time .mddtp-time__circularHolder {
  -webkit-tap-highlight-color: transparent;
}

.mddtp-picker__circularHolder {
  position: relative;
  width: 250px;
  height: 250px;
  margin: 20px;
  border-radius: 50%;
  background-color: #eeeeee;
}

.mddtp-picker__circularView {
  position: absolute;
  width: 100%;
  height: 100%;
}

.mddtp-picker__circularView .mddtp-picker__cell {
  position: absolute;
  width: 50%;
  top: calc(50% - 18px);
  left: 50%;
  text-align: right;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
}

.mddtp-picker__circularView .mddtp-picker__cell span {
  display: inline-block;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.87);
  border-radius: 50%;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  margin-right: 8px;
}

.mddtp-picker__circularView .mddtp-picker__cell--selected span,
.mddtp-picker__circularView .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid .mddtp-picker__tr .mddtp-picker__cell:hover span,
.mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid .mddtp-picker__tr .mddtp-picker__circularView .mddtp-picker__cell:hover span {
  color: #fff;
}

.mddtp-picker__circularView--hidden {
  display: none;
}

.mddtp-picker__circle--fake {
  position: absolute;
  border-radius: 50%;
  height: 36px;
  width: 36px;
  cursor: move;
  /* fallback if grab cursor is unsupported */
  cursor: grab;
  cursor: -webkit-grab;
}

.mddtp-picker__circle--fake.is-pointer-down,
.mddtp-picker__circle--fake:active {
  cursor: grabbing;
  cursor: -webkit-grabbing;
}

.mddtp-picker__selection {
  position: absolute;
  left: 50%;
  top: calc(50% - 18px);
  width: 50%;
  font-size: 0;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  transition: 0.3s cubic-bezier(0.42, 0, 0.58, 1);
}

.mddtp-picker__selection span {
  display: inline-block;
  /*background-color: #009688;*/
  height: 2px;
  vertical-align: middle;
}

.grs-theme-color--green .mddtp-picker__selection span {
  background-color: #43A047;
}

.grs-theme-color--blue .mddtp-picker__selection span {
  background-color: #01579B;
}

.mddtp-picker__selection span.mddtp-picker__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}

.mddtp-picker__selection span.mddtp-picker__line {
  width: calc(100% - 52px);
}

.mddtp-picker__selection span.mddtp-picker__circle {
  border-radius: 50%;
  height: 36px;
  width: 36px;
}

.mddtp-picker__selection--quick {
  transition: none;
}

.mddtp-picker__cell {
  font-size: 13px;
}

.mddtp-picker__cell--rotate24 {
  width: 40% !important;
  opacity: 0.8;
  font-size: 80%;
}

.mddtp-picker__left .mddtp-prev-handle {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22rgba(0%2C0%2C0%2C0.7)%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M15.41%2016.09l-4.58-4.59%204.58-4.59L14%205.5l-6%206%206%206z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M0-.5h24v24H0z%22%20fill%3D%22none%22%2F%3E%0A%3C%2Fsvg%3E");
}

.mddtp-picker__left:disabled .mddtp-prev-handle {
  background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22rgba(0%2C0%2C0%2C0.26)%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M15.41%2016.09l-4.58-4.59%204.58-4.59L14%205.5l-6%206%206%206z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M0-.5h24v24H0z%22%20fill%3D%22none%22%2F%3E%0A%3C%2Fsvg%3E");
}

.mddtp-picker__right .mddtp-next-handle {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22rgba(0%2C0%2C0%2C0.7)%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M8.59%2016.34l4.58-4.59-4.58-4.59L10%205.75l6%206-6%206z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M0-.25h24v24H0z%22%20fill%3D%22none%22%2F%3E%0A%3C%2Fsvg%3E");
}

.mddtp-picker__right:disabled .mddtp-next-handle {
  background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22rgba(0%2C0%2C0%2C0.26)%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M8.59%2016.34l4.58-4.59-4.58-4.59L10%205.75l6%206-6%206z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M0-.25h24v24H0z%22%20fill%3D%22none%22%2F%3E%0A%3C%2Fsvg%3E");
}

.mddtp-picker__cell--rotate-1 {
  -webkit-transform: rotate(-87deg);
  -ms-transform: rotate(-87deg);
  transform: rotate(-87deg);
}

.mddtp-picker__cell--rotate-1 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(87deg);
  -ms-transform: rotate(87deg);
  transform: rotate(87deg);
}

.mddtp-picker__cell--rotate-2 {
  -webkit-transform: rotate(-84deg);
  -ms-transform: rotate(-84deg);
  transform: rotate(-84deg);
}

.mddtp-picker__cell--rotate-2 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(84deg);
  -ms-transform: rotate(84deg);
  transform: rotate(84deg);
}

.mddtp-picker__cell--rotate-3 {
  -webkit-transform: rotate(-81deg);
  -ms-transform: rotate(-81deg);
  transform: rotate(-81deg);
}

.mddtp-picker__cell--rotate-3 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(81deg);
  -ms-transform: rotate(81deg);
  transform: rotate(81deg);
}

.mddtp-picker__cell--rotate-4 {
  -webkit-transform: rotate(-78deg);
  -ms-transform: rotate(-78deg);
  transform: rotate(-78deg);
}

.mddtp-picker__cell--rotate-4 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(78deg);
  -ms-transform: rotate(78deg);
  transform: rotate(78deg);
}

.mddtp-picker__cell--rotate-5 {
  -webkit-transform: rotate(-75deg);
  -ms-transform: rotate(-75deg);
  transform: rotate(-75deg);
}

.mddtp-picker__cell--rotate-5 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(75deg);
  -ms-transform: rotate(75deg);
  transform: rotate(75deg);
}

.mddtp-picker__cell--rotate-6 {
  -webkit-transform: rotate(-72deg);
  -ms-transform: rotate(-72deg);
  transform: rotate(-72deg);
}

.mddtp-picker__cell--rotate-6 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(72deg);
  -ms-transform: rotate(72deg);
  transform: rotate(72deg);
}

.mddtp-picker__cell--rotate-7 {
  -webkit-transform: rotate(-69deg);
  -ms-transform: rotate(-69deg);
  transform: rotate(-69deg);
}

.mddtp-picker__cell--rotate-7 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(69deg);
  -ms-transform: rotate(69deg);
  transform: rotate(69deg);
}

.mddtp-picker__cell--rotate-8 {
  -webkit-transform: rotate(-66deg);
  -ms-transform: rotate(-66deg);
  transform: rotate(-66deg);
}

.mddtp-picker__cell--rotate-8 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(66deg);
  -ms-transform: rotate(66deg);
  transform: rotate(66deg);
}

.mddtp-picker__cell--rotate-9 {
  -webkit-transform: rotate(-63deg);
  -ms-transform: rotate(-63deg);
  transform: rotate(-63deg);
}

.mddtp-picker__cell--rotate-9 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(63deg);
  -ms-transform: rotate(63deg);
  transform: rotate(63deg);
}

.mddtp-picker__cell--rotate-10 {
  -webkit-transform: rotate(-60deg);
  -ms-transform: rotate(-60deg);
  transform: rotate(-60deg);
}

.mddtp-picker__cell--rotate-10 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}

.mddtp-picker__cell--rotate-11 {
  -webkit-transform: rotate(-57deg);
  -ms-transform: rotate(-57deg);
  transform: rotate(-57deg);
}

.mddtp-picker__cell--rotate-11 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(57deg);
  -ms-transform: rotate(57deg);
  transform: rotate(57deg);
}

.mddtp-picker__cell--rotate-12 {
  -webkit-transform: rotate(-54deg);
  -ms-transform: rotate(-54deg);
  transform: rotate(-54deg);
}

.mddtp-picker__cell--rotate-12 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(54deg);
  -ms-transform: rotate(54deg);
  transform: rotate(54deg);
}

.mddtp-picker__cell--rotate-13 {
  -webkit-transform: rotate(-51deg);
  -ms-transform: rotate(-51deg);
  transform: rotate(-51deg);
}

.mddtp-picker__cell--rotate-13 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(51deg);
  -ms-transform: rotate(51deg);
  transform: rotate(51deg);
}

.mddtp-picker__cell--rotate-14 {
  -webkit-transform: rotate(-48deg);
  -ms-transform: rotate(-48deg);
  transform: rotate(-48deg);
}

.mddtp-picker__cell--rotate-14 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(48deg);
  -ms-transform: rotate(48deg);
  transform: rotate(48deg);
}

.mddtp-picker__cell--rotate-15 {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.mddtp-picker__cell--rotate-15 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.mddtp-picker__cell--rotate-16 {
  -webkit-transform: rotate(-42deg);
  -ms-transform: rotate(-42deg);
  transform: rotate(-42deg);
}

.mddtp-picker__cell--rotate-16 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(42deg);
  -ms-transform: rotate(42deg);
  transform: rotate(42deg);
}

.mddtp-picker__cell--rotate-17 {
  -webkit-transform: rotate(-39deg);
  -ms-transform: rotate(-39deg);
  transform: rotate(-39deg);
}

.mddtp-picker__cell--rotate-17 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(39deg);
  -ms-transform: rotate(39deg);
  transform: rotate(39deg);
}

.mddtp-picker__cell--rotate-18 {
  -webkit-transform: rotate(-36deg);
  -ms-transform: rotate(-36deg);
  transform: rotate(-36deg);
}

.mddtp-picker__cell--rotate-18 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(36deg);
  -ms-transform: rotate(36deg);
  transform: rotate(36deg);
}

.mddtp-picker__cell--rotate-19 {
  -webkit-transform: rotate(-33deg);
  -ms-transform: rotate(-33deg);
  transform: rotate(-33deg);
}

.mddtp-picker__cell--rotate-19 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(33deg);
  -ms-transform: rotate(33deg);
  transform: rotate(33deg);
}

.mddtp-picker__cell--rotate-20 {
  -webkit-transform: rotate(-30deg);
  -ms-transform: rotate(-30deg);
  transform: rotate(-30deg);
}

.mddtp-picker__cell--rotate-20 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}

.mddtp-picker__cell--rotate-21 {
  -webkit-transform: rotate(-27deg);
  -ms-transform: rotate(-27deg);
  transform: rotate(-27deg);
}

.mddtp-picker__cell--rotate-21 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(27deg);
  -ms-transform: rotate(27deg);
  transform: rotate(27deg);
}

.mddtp-picker__cell--rotate-22 {
  -webkit-transform: rotate(-24deg);
  -ms-transform: rotate(-24deg);
  transform: rotate(-24deg);
}

.mddtp-picker__cell--rotate-22 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(24deg);
  -ms-transform: rotate(24deg);
  transform: rotate(24deg);
}

.mddtp-picker__cell--rotate-23 {
  -webkit-transform: rotate(-21deg);
  -ms-transform: rotate(-21deg);
  transform: rotate(-21deg);
}

.mddtp-picker__cell--rotate-23 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(21deg);
  -ms-transform: rotate(21deg);
  transform: rotate(21deg);
}

.mddtp-picker__cell--rotate-24 {
  -webkit-transform: rotate(-18deg);
  -ms-transform: rotate(-18deg);
  transform: rotate(-18deg);
}

.mddtp-picker__cell--rotate-24 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(18deg);
  -ms-transform: rotate(18deg);
  transform: rotate(18deg);
}

.mddtp-picker__cell--rotate-25 {
  -webkit-transform: rotate(-15deg);
  -ms-transform: rotate(-15deg);
  transform: rotate(-15deg);
}

.mddtp-picker__cell--rotate-25 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  transform: rotate(15deg);
}

.mddtp-picker__cell--rotate-26 {
  -webkit-transform: rotate(-12deg);
  -ms-transform: rotate(-12deg);
  transform: rotate(-12deg);
}

.mddtp-picker__cell--rotate-26 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(12deg);
  -ms-transform: rotate(12deg);
  transform: rotate(12deg);
}

.mddtp-picker__cell--rotate-27 {
  -webkit-transform: rotate(-9deg);
  -ms-transform: rotate(-9deg);
  transform: rotate(-9deg);
}

.mddtp-picker__cell--rotate-27 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(9deg);
  -ms-transform: rotate(9deg);
  transform: rotate(9deg);
}

.mddtp-picker__cell--rotate-28 {
  -webkit-transform: rotate(-6deg);
  -ms-transform: rotate(-6deg);
  transform: rotate(-6deg);
}

.mddtp-picker__cell--rotate-28 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(6deg);
  -ms-transform: rotate(6deg);
  transform: rotate(6deg);
}

.mddtp-picker__cell--rotate-29 {
  -webkit-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}

.mddtp-picker__cell--rotate-29 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
}

.mddtp-picker__cell--rotate-30 {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

.mddtp-picker__cell--rotate-30 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

.mddtp-picker__cell--rotate-31 {
  -webkit-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
}

.mddtp-picker__cell--rotate-31 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}

.mddtp-picker__cell--rotate-32 {
  -webkit-transform: rotate(6deg);
  -ms-transform: rotate(6deg);
  transform: rotate(6deg);
}

.mddtp-picker__cell--rotate-32 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-6deg);
  -ms-transform: rotate(-6deg);
  transform: rotate(-6deg);
}

.mddtp-picker__cell--rotate-33 {
  -webkit-transform: rotate(9deg);
  -ms-transform: rotate(9deg);
  transform: rotate(9deg);
}

.mddtp-picker__cell--rotate-33 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-9deg);
  -ms-transform: rotate(-9deg);
  transform: rotate(-9deg);
}

.mddtp-picker__cell--rotate-34 {
  -webkit-transform: rotate(12deg);
  -ms-transform: rotate(12deg);
  transform: rotate(12deg);
}

.mddtp-picker__cell--rotate-34 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-12deg);
  -ms-transform: rotate(-12deg);
  transform: rotate(-12deg);
}

.mddtp-picker__cell--rotate-35 {
  -webkit-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  transform: rotate(15deg);
}

.mddtp-picker__cell--rotate-35 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-15deg);
  -ms-transform: rotate(-15deg);
  transform: rotate(-15deg);
}

.mddtp-picker__cell--rotate-36 {
  -webkit-transform: rotate(18deg);
  -ms-transform: rotate(18deg);
  transform: rotate(18deg);
}

.mddtp-picker__cell--rotate-36 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-18deg);
  -ms-transform: rotate(-18deg);
  transform: rotate(-18deg);
}

.mddtp-picker__cell--rotate-37 {
  -webkit-transform: rotate(21deg);
  -ms-transform: rotate(21deg);
  transform: rotate(21deg);
}

.mddtp-picker__cell--rotate-37 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-21deg);
  -ms-transform: rotate(-21deg);
  transform: rotate(-21deg);
}

.mddtp-picker__cell--rotate-38 {
  -webkit-transform: rotate(24deg);
  -ms-transform: rotate(24deg);
  transform: rotate(24deg);
}

.mddtp-picker__cell--rotate-38 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-24deg);
  -ms-transform: rotate(-24deg);
  transform: rotate(-24deg);
}

.mddtp-picker__cell--rotate-39 {
  -webkit-transform: rotate(27deg);
  -ms-transform: rotate(27deg);
  transform: rotate(27deg);
}

.mddtp-picker__cell--rotate-39 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-27deg);
  -ms-transform: rotate(-27deg);
  transform: rotate(-27deg);
}

.mddtp-picker__cell--rotate-40 {
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}

.mddtp-picker__cell--rotate-40 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-30deg);
  -ms-transform: rotate(-30deg);
  transform: rotate(-30deg);
}

.mddtp-picker__cell--rotate-41 {
  -webkit-transform: rotate(33deg);
  -ms-transform: rotate(33deg);
  transform: rotate(33deg);
}

.mddtp-picker__cell--rotate-41 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-33deg);
  -ms-transform: rotate(-33deg);
  transform: rotate(-33deg);
}

.mddtp-picker__cell--rotate-42 {
  -webkit-transform: rotate(36deg);
  -ms-transform: rotate(36deg);
  transform: rotate(36deg);
}

.mddtp-picker__cell--rotate-42 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-36deg);
  -ms-transform: rotate(-36deg);
  transform: rotate(-36deg);
}

.mddtp-picker__cell--rotate-43 {
  -webkit-transform: rotate(39deg);
  -ms-transform: rotate(39deg);
  transform: rotate(39deg);
}

.mddtp-picker__cell--rotate-43 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-39deg);
  -ms-transform: rotate(-39deg);
  transform: rotate(-39deg);
}

.mddtp-picker__cell--rotate-44 {
  -webkit-transform: rotate(42deg);
  -ms-transform: rotate(42deg);
  transform: rotate(42deg);
}

.mddtp-picker__cell--rotate-44 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-42deg);
  -ms-transform: rotate(-42deg);
  transform: rotate(-42deg);
}

.mddtp-picker__cell--rotate-45 {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.mddtp-picker__cell--rotate-45 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.mddtp-picker__cell--rotate-46 {
  -webkit-transform: rotate(48deg);
  -ms-transform: rotate(48deg);
  transform: rotate(48deg);
}

.mddtp-picker__cell--rotate-46 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-48deg);
  -ms-transform: rotate(-48deg);
  transform: rotate(-48deg);
}

.mddtp-picker__cell--rotate-47 {
  -webkit-transform: rotate(51deg);
  -ms-transform: rotate(51deg);
  transform: rotate(51deg);
}

.mddtp-picker__cell--rotate-47 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-51deg);
  -ms-transform: rotate(-51deg);
  transform: rotate(-51deg);
}

.mddtp-picker__cell--rotate-48 {
  -webkit-transform: rotate(54deg);
  -ms-transform: rotate(54deg);
  transform: rotate(54deg);
}

.mddtp-picker__cell--rotate-48 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-54deg);
  -ms-transform: rotate(-54deg);
  transform: rotate(-54deg);
}

.mddtp-picker__cell--rotate-49 {
  -webkit-transform: rotate(57deg);
  -ms-transform: rotate(57deg);
  transform: rotate(57deg);
}

.mddtp-picker__cell--rotate-49 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-57deg);
  -ms-transform: rotate(-57deg);
  transform: rotate(-57deg);
}

.mddtp-picker__cell--rotate-50 {
  -webkit-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}

.mddtp-picker__cell--rotate-50 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-60deg);
  -ms-transform: rotate(-60deg);
  transform: rotate(-60deg);
}

.mddtp-picker__cell--rotate-51 {
  -webkit-transform: rotate(63deg);
  -ms-transform: rotate(63deg);
  transform: rotate(63deg);
}

.mddtp-picker__cell--rotate-51 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-63deg);
  -ms-transform: rotate(-63deg);
  transform: rotate(-63deg);
}

.mddtp-picker__cell--rotate-52 {
  -webkit-transform: rotate(66deg);
  -ms-transform: rotate(66deg);
  transform: rotate(66deg);
}

.mddtp-picker__cell--rotate-52 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-66deg);
  -ms-transform: rotate(-66deg);
  transform: rotate(-66deg);
}

.mddtp-picker__cell--rotate-53 {
  -webkit-transform: rotate(69deg);
  -ms-transform: rotate(69deg);
  transform: rotate(69deg);
}

.mddtp-picker__cell--rotate-53 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-69deg);
  -ms-transform: rotate(-69deg);
  transform: rotate(-69deg);
}

.mddtp-picker__cell--rotate-54 {
  -webkit-transform: rotate(72deg);
  -ms-transform: rotate(72deg);
  transform: rotate(72deg);
}

.mddtp-picker__cell--rotate-54 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-72deg);
  -ms-transform: rotate(-72deg);
  transform: rotate(-72deg);
}

.mddtp-picker__cell--rotate-55 {
  -webkit-transform: rotate(75deg);
  -ms-transform: rotate(75deg);
  transform: rotate(75deg);
}

.mddtp-picker__cell--rotate-55 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-75deg);
  -ms-transform: rotate(-75deg);
  transform: rotate(-75deg);
}

.mddtp-picker__cell--rotate-56 {
  -webkit-transform: rotate(78deg);
  -ms-transform: rotate(78deg);
  transform: rotate(78deg);
}

.mddtp-picker__cell--rotate-56 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-78deg);
  -ms-transform: rotate(-78deg);
  transform: rotate(-78deg);
}

.mddtp-picker__cell--rotate-57 {
  -webkit-transform: rotate(81deg);
  -ms-transform: rotate(81deg);
  transform: rotate(81deg);
}

.mddtp-picker__cell--rotate-57 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-81deg);
  -ms-transform: rotate(-81deg);
  transform: rotate(-81deg);
}

.mddtp-picker__cell--rotate-58 {
  -webkit-transform: rotate(84deg);
  -ms-transform: rotate(84deg);
  transform: rotate(84deg);
}

.mddtp-picker__cell--rotate-58 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-84deg);
  -ms-transform: rotate(-84deg);
  transform: rotate(-84deg);
}

.mddtp-picker__cell--rotate-59 {
  -webkit-transform: rotate(87deg);
  -ms-transform: rotate(87deg);
  transform: rotate(87deg);
}

.mddtp-picker__cell--rotate-59 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-87deg);
  -ms-transform: rotate(-87deg);
  transform: rotate(-87deg);
}

.mddtp-picker__cell--rotate-60 {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.mddtp-picker__cell--rotate-60 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.mddtp-picker__cell--rotate-61 {
  -webkit-transform: rotate(93deg);
  -ms-transform: rotate(93deg);
  transform: rotate(93deg);
}

.mddtp-picker__cell--rotate-61 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-93deg);
  -ms-transform: rotate(-93deg);
  transform: rotate(-93deg);
}

.mddtp-picker__cell--rotate-62 {
  -webkit-transform: rotate(96deg);
  -ms-transform: rotate(96deg);
  transform: rotate(96deg);
}

.mddtp-picker__cell--rotate-62 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-96deg);
  -ms-transform: rotate(-96deg);
  transform: rotate(-96deg);
}

.mddtp-picker__cell--rotate-63 {
  -webkit-transform: rotate(99deg);
  -ms-transform: rotate(99deg);
  transform: rotate(99deg);
}

.mddtp-picker__cell--rotate-63 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-99deg);
  -ms-transform: rotate(-99deg);
  transform: rotate(-99deg);
}

.mddtp-picker__cell--rotate-64 {
  -webkit-transform: rotate(102deg);
  -ms-transform: rotate(102deg);
  transform: rotate(102deg);
}

.mddtp-picker__cell--rotate-64 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-102deg);
  -ms-transform: rotate(-102deg);
  transform: rotate(-102deg);
}

.mddtp-picker__cell--rotate-65 {
  -webkit-transform: rotate(105deg);
  -ms-transform: rotate(105deg);
  transform: rotate(105deg);
}

.mddtp-picker__cell--rotate-65 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-105deg);
  -ms-transform: rotate(-105deg);
  transform: rotate(-105deg);
}

.mddtp-picker__cell--rotate-66 {
  -webkit-transform: rotate(108deg);
  -ms-transform: rotate(108deg);
  transform: rotate(108deg);
}

.mddtp-picker__cell--rotate-66 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-108deg);
  -ms-transform: rotate(-108deg);
  transform: rotate(-108deg);
}

.mddtp-picker__cell--rotate-67 {
  -webkit-transform: rotate(111deg);
  -ms-transform: rotate(111deg);
  transform: rotate(111deg);
}

.mddtp-picker__cell--rotate-67 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-111deg);
  -ms-transform: rotate(-111deg);
  transform: rotate(-111deg);
}

.mddtp-picker__cell--rotate-68 {
  -webkit-transform: rotate(114deg);
  -ms-transform: rotate(114deg);
  transform: rotate(114deg);
}

.mddtp-picker__cell--rotate-68 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-114deg);
  -ms-transform: rotate(-114deg);
  transform: rotate(-114deg);
}

.mddtp-picker__cell--rotate-69 {
  -webkit-transform: rotate(117deg);
  -ms-transform: rotate(117deg);
  transform: rotate(117deg);
}

.mddtp-picker__cell--rotate-69 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-117deg);
  -ms-transform: rotate(-117deg);
  transform: rotate(-117deg);
}

.mddtp-picker__cell--rotate-70 {
  -webkit-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg);
}

.mddtp-picker__cell--rotate-70 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-120deg);
  -ms-transform: rotate(-120deg);
  transform: rotate(-120deg);
}

.mddtp-picker__cell--rotate-71 {
  -webkit-transform: rotate(123deg);
  -ms-transform: rotate(123deg);
  transform: rotate(123deg);
}

.mddtp-picker__cell--rotate-71 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-123deg);
  -ms-transform: rotate(-123deg);
  transform: rotate(-123deg);
}

.mddtp-picker__cell--rotate-72 {
  -webkit-transform: rotate(126deg);
  -ms-transform: rotate(126deg);
  transform: rotate(126deg);
}

.mddtp-picker__cell--rotate-72 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-126deg);
  -ms-transform: rotate(-126deg);
  transform: rotate(-126deg);
}

.mddtp-picker__cell--rotate-73 {
  -webkit-transform: rotate(129deg);
  -ms-transform: rotate(129deg);
  transform: rotate(129deg);
}

.mddtp-picker__cell--rotate-73 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-129deg);
  -ms-transform: rotate(-129deg);
  transform: rotate(-129deg);
}

.mddtp-picker__cell--rotate-74 {
  -webkit-transform: rotate(132deg);
  -ms-transform: rotate(132deg);
  transform: rotate(132deg);
}

.mddtp-picker__cell--rotate-74 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-132deg);
  -ms-transform: rotate(-132deg);
  transform: rotate(-132deg);
}

.mddtp-picker__cell--rotate-75 {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}

.mddtp-picker__cell--rotate-75 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.mddtp-picker__cell--rotate-76 {
  -webkit-transform: rotate(138deg);
  -ms-transform: rotate(138deg);
  transform: rotate(138deg);
}

.mddtp-picker__cell--rotate-76 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-138deg);
  -ms-transform: rotate(-138deg);
  transform: rotate(-138deg);
}

.mddtp-picker__cell--rotate-77 {
  -webkit-transform: rotate(141deg);
  -ms-transform: rotate(141deg);
  transform: rotate(141deg);
}

.mddtp-picker__cell--rotate-77 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-141deg);
  -ms-transform: rotate(-141deg);
  transform: rotate(-141deg);
}

.mddtp-picker__cell--rotate-78 {
  -webkit-transform: rotate(144deg);
  -ms-transform: rotate(144deg);
  transform: rotate(144deg);
}

.mddtp-picker__cell--rotate-78 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-144deg);
  -ms-transform: rotate(-144deg);
  transform: rotate(-144deg);
}

.mddtp-picker__cell--rotate-79 {
  -webkit-transform: rotate(147deg);
  -ms-transform: rotate(147deg);
  transform: rotate(147deg);
}

.mddtp-picker__cell--rotate-79 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-147deg);
  -ms-transform: rotate(-147deg);
  transform: rotate(-147deg);
}

.mddtp-picker__cell--rotate-80 {
  -webkit-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg);
}

.mddtp-picker__cell--rotate-80 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-150deg);
  -ms-transform: rotate(-150deg);
  transform: rotate(-150deg);
}

.mddtp-picker__cell--rotate-81 {
  -webkit-transform: rotate(153deg);
  -ms-transform: rotate(153deg);
  transform: rotate(153deg);
}

.mddtp-picker__cell--rotate-81 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-153deg);
  -ms-transform: rotate(-153deg);
  transform: rotate(-153deg);
}

.mddtp-picker__cell--rotate-82 {
  -webkit-transform: rotate(156deg);
  -ms-transform: rotate(156deg);
  transform: rotate(156deg);
}

.mddtp-picker__cell--rotate-82 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-156deg);
  -ms-transform: rotate(-156deg);
  transform: rotate(-156deg);
}

.mddtp-picker__cell--rotate-83 {
  -webkit-transform: rotate(159deg);
  -ms-transform: rotate(159deg);
  transform: rotate(159deg);
}

.mddtp-picker__cell--rotate-83 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-159deg);
  -ms-transform: rotate(-159deg);
  transform: rotate(-159deg);
}

.mddtp-picker__cell--rotate-84 {
  -webkit-transform: rotate(162deg);
  -ms-transform: rotate(162deg);
  transform: rotate(162deg);
}

.mddtp-picker__cell--rotate-84 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-162deg);
  -ms-transform: rotate(-162deg);
  transform: rotate(-162deg);
}

.mddtp-picker__cell--rotate-85 {
  -webkit-transform: rotate(165deg);
  -ms-transform: rotate(165deg);
  transform: rotate(165deg);
}

.mddtp-picker__cell--rotate-85 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-165deg);
  -ms-transform: rotate(-165deg);
  transform: rotate(-165deg);
}

.mddtp-picker__cell--rotate-86 {
  -webkit-transform: rotate(168deg);
  -ms-transform: rotate(168deg);
  transform: rotate(168deg);
}

.mddtp-picker__cell--rotate-86 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-168deg);
  -ms-transform: rotate(-168deg);
  transform: rotate(-168deg);
}

.mddtp-picker__cell--rotate-87 {
  -webkit-transform: rotate(171deg);
  -ms-transform: rotate(171deg);
  transform: rotate(171deg);
}

.mddtp-picker__cell--rotate-87 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-171deg);
  -ms-transform: rotate(-171deg);
  transform: rotate(-171deg);
}

.mddtp-picker__cell--rotate-88 {
  -webkit-transform: rotate(174deg);
  -ms-transform: rotate(174deg);
  transform: rotate(174deg);
}

.mddtp-picker__cell--rotate-88 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-174deg);
  -ms-transform: rotate(-174deg);
  transform: rotate(-174deg);
}

.mddtp-picker__cell--rotate-89 {
  -webkit-transform: rotate(177deg);
  -ms-transform: rotate(177deg);
  transform: rotate(177deg);
}

.mddtp-picker__cell--rotate-89 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-177deg);
  -ms-transform: rotate(-177deg);
  transform: rotate(-177deg);
}

.mddtp-picker__cell--rotate-90 {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.mddtp-picker__cell--rotate-90 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.mddtp-picker__cell--rotate-91 {
  -webkit-transform: rotate(183deg);
  -ms-transform: rotate(183deg);
  transform: rotate(183deg);
}

.mddtp-picker__cell--rotate-91 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-183deg);
  -ms-transform: rotate(-183deg);
  transform: rotate(-183deg);
}

.mddtp-picker__cell--rotate-92 {
  -webkit-transform: rotate(186deg);
  -ms-transform: rotate(186deg);
  transform: rotate(186deg);
}

.mddtp-picker__cell--rotate-92 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-186deg);
  -ms-transform: rotate(-186deg);
  transform: rotate(-186deg);
}

.mddtp-picker__cell--rotate-93 {
  -webkit-transform: rotate(189deg);
  -ms-transform: rotate(189deg);
  transform: rotate(189deg);
}

.mddtp-picker__cell--rotate-93 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-189deg);
  -ms-transform: rotate(-189deg);
  transform: rotate(-189deg);
}

.mddtp-picker__cell--rotate-94 {
  -webkit-transform: rotate(192deg);
  -ms-transform: rotate(192deg);
  transform: rotate(192deg);
}

.mddtp-picker__cell--rotate-94 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-192deg);
  -ms-transform: rotate(-192deg);
  transform: rotate(-192deg);
}

.mddtp-picker__cell--rotate-95 {
  -webkit-transform: rotate(195deg);
  -ms-transform: rotate(195deg);
  transform: rotate(195deg);
}

.mddtp-picker__cell--rotate-95 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-195deg);
  -ms-transform: rotate(-195deg);
  transform: rotate(-195deg);
}

.mddtp-picker__cell--rotate-96 {
  -webkit-transform: rotate(198deg);
  -ms-transform: rotate(198deg);
  transform: rotate(198deg);
}

.mddtp-picker__cell--rotate-96 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-198deg);
  -ms-transform: rotate(-198deg);
  transform: rotate(-198deg);
}

.mddtp-picker__cell--rotate-97 {
  -webkit-transform: rotate(201deg);
  -ms-transform: rotate(201deg);
  transform: rotate(201deg);
}

.mddtp-picker__cell--rotate-97 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-201deg);
  -ms-transform: rotate(-201deg);
  transform: rotate(-201deg);
}

.mddtp-picker__cell--rotate-98 {
  -webkit-transform: rotate(204deg);
  -ms-transform: rotate(204deg);
  transform: rotate(204deg);
}

.mddtp-picker__cell--rotate-98 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-204deg);
  -ms-transform: rotate(-204deg);
  transform: rotate(-204deg);
}

.mddtp-picker__cell--rotate-99 {
  -webkit-transform: rotate(207deg);
  -ms-transform: rotate(207deg);
  transform: rotate(207deg);
}

.mddtp-picker__cell--rotate-99 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-207deg);
  -ms-transform: rotate(-207deg);
  transform: rotate(-207deg);
}

.mddtp-picker__cell--rotate-100 {
  -webkit-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg);
}

.mddtp-picker__cell--rotate-100 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-210deg);
  -ms-transform: rotate(-210deg);
  transform: rotate(-210deg);
}

.mddtp-picker__cell--rotate-101 {
  -webkit-transform: rotate(213deg);
  -ms-transform: rotate(213deg);
  transform: rotate(213deg);
}

.mddtp-picker__cell--rotate-101 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-213deg);
  -ms-transform: rotate(-213deg);
  transform: rotate(-213deg);
}

.mddtp-picker__cell--rotate-102 {
  -webkit-transform: rotate(216deg);
  -ms-transform: rotate(216deg);
  transform: rotate(216deg);
}

.mddtp-picker__cell--rotate-102 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-216deg);
  -ms-transform: rotate(-216deg);
  transform: rotate(-216deg);
}

.mddtp-picker__cell--rotate-103 {
  -webkit-transform: rotate(219deg);
  -ms-transform: rotate(219deg);
  transform: rotate(219deg);
}

.mddtp-picker__cell--rotate-103 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-219deg);
  -ms-transform: rotate(-219deg);
  transform: rotate(-219deg);
}

.mddtp-picker__cell--rotate-104 {
  -webkit-transform: rotate(222deg);
  -ms-transform: rotate(222deg);
  transform: rotate(222deg);
}

.mddtp-picker__cell--rotate-104 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-222deg);
  -ms-transform: rotate(-222deg);
  transform: rotate(-222deg);
}

.mddtp-picker__cell--rotate-105 {
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg);
}

.mddtp-picker__cell--rotate-105 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-225deg);
  -ms-transform: rotate(-225deg);
  transform: rotate(-225deg);
}

.mddtp-picker__cell--rotate-106 {
  -webkit-transform: rotate(228deg);
  -ms-transform: rotate(228deg);
  transform: rotate(228deg);
}

.mddtp-picker__cell--rotate-106 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-228deg);
  -ms-transform: rotate(-228deg);
  transform: rotate(-228deg);
}

.mddtp-picker__cell--rotate-107 {
  -webkit-transform: rotate(231deg);
  -ms-transform: rotate(231deg);
  transform: rotate(231deg);
}

.mddtp-picker__cell--rotate-107 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-231deg);
  -ms-transform: rotate(-231deg);
  transform: rotate(-231deg);
}

.mddtp-picker__cell--rotate-108 {
  -webkit-transform: rotate(234deg);
  -ms-transform: rotate(234deg);
  transform: rotate(234deg);
}

.mddtp-picker__cell--rotate-108 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-234deg);
  -ms-transform: rotate(-234deg);
  transform: rotate(-234deg);
}

.mddtp-picker__cell--rotate-109 {
  -webkit-transform: rotate(237deg);
  -ms-transform: rotate(237deg);
  transform: rotate(237deg);
}

.mddtp-picker__cell--rotate-109 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-237deg);
  -ms-transform: rotate(-237deg);
  transform: rotate(-237deg);
}

.mddtp-picker__cell--rotate-110 {
  -webkit-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg);
}

.mddtp-picker__cell--rotate-110 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-240deg);
  -ms-transform: rotate(-240deg);
  transform: rotate(-240deg);
}

.mddtp-picker__cell--rotate-111 {
  -webkit-transform: rotate(243deg);
  -ms-transform: rotate(243deg);
  transform: rotate(243deg);
}

.mddtp-picker__cell--rotate-111 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-243deg);
  -ms-transform: rotate(-243deg);
  transform: rotate(-243deg);
}

.mddtp-picker__cell--rotate-112 {
  -webkit-transform: rotate(246deg);
  -ms-transform: rotate(246deg);
  transform: rotate(246deg);
}

.mddtp-picker__cell--rotate-112 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-246deg);
  -ms-transform: rotate(-246deg);
  transform: rotate(-246deg);
}

.mddtp-picker__cell--rotate-113 {
  -webkit-transform: rotate(249deg);
  -ms-transform: rotate(249deg);
  transform: rotate(249deg);
}

.mddtp-picker__cell--rotate-113 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-249deg);
  -ms-transform: rotate(-249deg);
  transform: rotate(-249deg);
}

.mddtp-picker__cell--rotate-114 {
  -webkit-transform: rotate(252deg);
  -ms-transform: rotate(252deg);
  transform: rotate(252deg);
}

.mddtp-picker__cell--rotate-114 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-252deg);
  -ms-transform: rotate(-252deg);
  transform: rotate(-252deg);
}

.mddtp-picker__cell--rotate-115 {
  -webkit-transform: rotate(255deg);
  -ms-transform: rotate(255deg);
  transform: rotate(255deg);
}

.mddtp-picker__cell--rotate-115 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-255deg);
  -ms-transform: rotate(-255deg);
  transform: rotate(-255deg);
}

.mddtp-picker__cell--rotate-116 {
  -webkit-transform: rotate(258deg);
  -ms-transform: rotate(258deg);
  transform: rotate(258deg);
}

.mddtp-picker__cell--rotate-116 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-258deg);
  -ms-transform: rotate(-258deg);
  transform: rotate(-258deg);
}

.mddtp-picker__cell--rotate-117 {
  -webkit-transform: rotate(261deg);
  -ms-transform: rotate(261deg);
  transform: rotate(261deg);
}

.mddtp-picker__cell--rotate-117 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-261deg);
  -ms-transform: rotate(-261deg);
  transform: rotate(-261deg);
}

.mddtp-picker__cell--rotate-118 {
  -webkit-transform: rotate(264deg);
  -ms-transform: rotate(264deg);
  transform: rotate(264deg);
}

.mddtp-picker__cell--rotate-118 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-264deg);
  -ms-transform: rotate(-264deg);
  transform: rotate(-264deg);
}

.mddtp-picker__cell--rotate-119 {
  -webkit-transform: rotate(267deg);
  -ms-transform: rotate(267deg);
  transform: rotate(267deg);
}

.mddtp-picker__cell--rotate-119 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-267deg);
  -ms-transform: rotate(-267deg);
  transform: rotate(-267deg);
}

.mddtp-picker__cell--rotate-120 {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

.mddtp-picker__cell--rotate-120 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-270deg);
  -ms-transform: rotate(-270deg);
  transform: rotate(-270deg);
}

.mddtp-picker.zoomIn,
.mddtp-picker__viewHolder.zoomIn,
.mddtp-picker__years.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

.mddtp-picker.zoomOut,
.mddtp-picker__viewHolder.zoomOut,
.mddtp-picker__years.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

.mddtp-picker.animated,
.mddtp-picker__viewHolder.animated,
.mddtp-picker__years.animated {
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/*@media screen and (max-device-width: 425px) and (orientation: portrait) {
  .mddtp-picker {
    display: block;
  }
  .mddtp-picker .mddtp-picker__header .mddtp-picker__title,
  .mddtp-picker .mddtp-picker__header .mddtp-picker__subtitle {
    margin: 0;
  }
  .mddtp-picker .mddtp-picker__header .mddtp-picker__title span {
    display: inline-block;
  }
  .mddtp-picker .mddtp-picker__header,
  .mddtp-picker .mddtp-picker__body {
    display: block;
    height: 100%;
    width: 100%;
  }
  .mddtp-picker.mddtp-picker-date .mddtp-picker__title div {
    display: inline-block;
  }
  .mddtp-picker.mddtp-picker-date .mddtp-picker__title div#mddtp-date__titleMonth {
    margin-left: 8px;
  }
  .mddtp-picker.mddtp-picker-time .mddtp-picker__header {
    text-align: right;
    width: calc(100% - 48px);
  }
  .mddtp-picker.mddtp-picker-time .mddtp-picker__header .mddtp-picker__title {
    display: inline-block;
  }
  .mddtp-picker.mddtp-picker-time .mddtp-picker__header .mddtp-picker__subtitle {
    display: inline-block;
    margin-left: 16px;
  }
  .mddtp-picker.mddtp-picker-time .mddtp-picker__body {
    padding-top: 20px;
  }
  .mddtp-picker.mddtp-picker-time .mddtp-picker__circularHolder {
    margin-top: 0;
  }
}

@media screen and (max-width: 415px) {
  .mddtp-picker {
    display: block;
  }
  .mddtp-picker .mddtp-picker__header .mddtp-picker__title,
  .mddtp-picker .mddtp-picker__header .mddtp-picker__subtitle {
    margin: 0;
  }
  .mddtp-picker .mddtp-picker__header .mddtp-picker__title span {
    display: inline-block;
  }
  .mddtp-picker .mddtp-picker__header,
  .mddtp-picker .mddtp-picker__body {
    display: block;
    height: 100%;
    width: 100%;
  }
  .mddtp-picker.mddtp-picker-date .mddtp-picker__title div {
    display: inline-block;
  }
  .mddtp-picker.mddtp-picker-date .mddtp-picker__title div#mddtp-date__titleMonth {
    margin-left: 8px;
  }
  .mddtp-picker.mddtp-picker-time .mddtp-picker__header {
    text-align: right;
    width: calc(100% - 48px);
  }
  .mddtp-picker.mddtp-picker-time .mddtp-picker__header .mddtp-picker__title {
    display: inline-block;
  }
  .mddtp-picker.mddtp-picker-time .mddtp-picker__header .mddtp-picker__subtitle {
    display: inline-block;
    margin-left: 16px;
  }
  .mddtp-picker.mddtp-picker-time .mddtp-picker__body {
    padding-top: 20px;
  }
  .mddtp-picker.mddtp-picker-time .mddtp-picker__circularHolder {
    margin-top: 0;
  }
}*/

.mddtp-picker--portrait {
  display: block;
}

.mddtp-picker--portrait .mddtp-picker__header .mddtp-picker__title,
.mddtp-picker--portrait .mddtp-picker__header .mddtp-picker__subtitle {
  margin: 0;
}

.mddtp-picker--portrait .mddtp-picker__header .mddtp-picker__title span {
  display: inline-block;
}

.mddtp-picker--portrait .mddtp-picker__header,
.mddtp-picker--portrait .mddtp-picker__body {
  display: block;
  height: 100%;
  width: 100%;
}

.mddtp-picker--portrait.mddtp-picker-date .mddtp-picker__title div {
  display: inline-block;
}

.mddtp-picker--portrait.mddtp-picker-date .mddtp-picker__title div#mddtp-date__titleMonth {
  margin-left: 8px;
}

.mddtp-picker--portrait.mddtp-picker-time .mddtp-picker__header {
  text-align: right;
  width: calc(100% - 48px);
}

.mddtp-picker--portrait.mddtp-picker-time .mddtp-picker__header .mddtp-picker__title {
  display: inline-block;
}

.mddtp-picker--portrait.mddtp-picker-time .mddtp-picker__header .mddtp-picker__subtitle {
  display: inline-block;
  margin-left: 16px;
}

.mddtp-picker--portrait.mddtp-picker-time .mddtp-picker__body {
  padding-top: 20px;
}

.mddtp-picker--portrait.mddtp-picker-time .mddtp-picker__circularHolder {
  margin-top: 0;
}

.mddtp-picker--inactive {
  display: none;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}

.mddtp-picker-date,
.mddtp-picker-time {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  /* iOS Safari */
}

#mddtp-date__cancel::before {
  content: '閉じる';
}

#mddtp-date__ok::before {
  content: '確定';
}

#mddtp-date__ok {
  display: none;
}

.mddtp-layer {
  position: fixed;
  z-index: 99998;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.1);
}


/* =========================================================
 追加
========================================================= */
.showErrorsByPath {
  position: relative;
  font-size: 13px;
  display: block;
  visibility: visible;
}

.grs-textfield.is-empty .grs-textfield__helper {
    visibility: hidden;
}

.is-empty.not-type-text .showErrorsByPath {
  visibility: visible;
}

.is-empty.not-type-text .grs-cell__helper {
  visibility: hidden;
}

.not-type-text{
    position: relative;
    font-size: 16px;
    display: inline-block;
    box-sizing: border-box;
    margin: 0;
    padding: 20px 0 20px 8px;
}

.not-type-text .grs-cell__helper{
    position: absolute;
    display: block;
}

.mdl-textfield__label.is-empty:after{
    background-color: #DD2C00;
    top: 20px;
    content: '';
    height: 2px;
    left: 45%;
    position: absolute;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    visibility: hidden;
    width: 10px;
}

textarea + .mdl-textfield__label.is-empty:after{
    top: auto;
    bottom: 22px;
}

.grs-textarea__label + .showErrorsByPath {
    position: absolute;
}

.date-picker-trigger-is-disable {
  cursor: auto;
}
/* とりあえず全部出しておく、helperメッセージが消えないオブジェクトあり
.grs-layout__content:not(.is-focused) .showErrorsByPath {
  visibility: visible;
}
.grs-textfield.is-focused .showErrorsByPath {
  visibility: hidden;
}
*/
/* error -------------------------------- */
.error-message-top {
    color: #F94242;
    background: url(../img/error-icon.png) no-repeat 0;
    zoom: 1;
    background-position-y: 1px;
    font-weight: bolder;
    padding-left: 23px;
    line-height: 21px;
    margin: 0 8px 5px 20px;
}
.error-message {
    color: red;
}
.error-message:before {
    content: "※";
}
.error-message-list {
    color: red;
    padding-left: 40px;
}
.error-message-list:before {
    content: "※";
}
.modal-error-message-list {
    color: red;
}
.modal-error-message-list:before {
    content: "※";
}
.error {
}
/* IME -------------------------------- */
.ime-auto {
    ime-mode: auto;
}

.ime-jp {
    ime-mode: active;
}

.ime-en {
    ime-mode: inactive;
}

.ime-direct {
    ime-mode: disabled;
}

/* form -------------------------------- */
.searchForm{
    display: flex;
}

/* footer table controls
--------------------------------------------------------- */
.grs-layout__footer .grs-cell--table-controls:not(.grs-cell--table-controls-no-footer-buttons) {
  margin-top: 24px;
  right: 50px;
  top: auto;
  margin-right:25px;
}

.grs-layout__footer .grs-cell--table-controls-no-footer-buttons {
  padding: 16px 24px;
}

.grs-layout__footer .grs-cell--table-controls-hide {
  display: none;
}

/* 元請差分表示
--------------------------------------------------------- */
.diff {
    background-color: #FFCCCC !important;
}

/* 検索条件エリア
--------------------------------------------------------- */
.grs-search__input {
    height: 22px;
}

:-webkit-input-placeholder {
    color:rgba(0, 0, 0, 0.54);
}

:-ms-input-placeholder {
    color:rgba(0, 0, 0, 0.54);
}

:-moz-placeholder {
    color:rgba(0, 0, 0, 0.54);
}

::-moz-placeholder {
    color:rgba(0, 0, 0, 0.54);
}

.search_box{
    display: flex;
    flex-flow: column;
    margin-left: 16px;
}

.search_box_input{
    display: flex;
}

.search_box_error{
    height: 24px;
}

.grs-grid__search-header-cell {
  width: auto;
  margin-left: auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

/* メッセージ
--------------------------------------------------------- */
.wgt-bold {
    color: #6495ED;
    font-weight: bold;
    padding: 0 23px;
    margin: 0;
}

/* 確認ダイアログのメッセージサイズ
--------------------------------------------------------- */
.dialog-msg {
    font-size:2rem;
}
/* 支店名リストサイズ
--------------------------------------------------------- */
.search-branchs-drop-down {
    width : 180px;
}

.grs-data-table__cell {
    word-wrap: break-word !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
}
.grs-border-medium--table__cell {
    border-top: solid 1px rgba(0, 0, 0, .12);
    margin-top: 10px;
    margin-bottom: 10px;
}

/* スイッチボタンのラベル
--------------------------------------------------------- */
.grs-switch__label {
  cursor: pointer;
  transition-duration: .28s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-property: color;
  font-size: 14px;
}

/* ファイルアップロードボタンのラベル
--------------------------------------------------------- */
.mdl-upload-button {
  background: 0 0;
  border: none;
  border-radius: 2px;
  color: #000;
  position: relative;
  height: 36px;
  margin: 0;
  min-width: 64px;
  padding: 0 16px;
  display: inline-block;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0;
  overflow: hidden;
  will-change: box-shadow;
  transition: box-shadow .2s cubic-bezier(.4, 0, 1, 1), background-color .2s cubic-bezier(.4, 0, .2, 1), color .2s cubic-bezier(.4, 0, .2, 1);
  outline: none;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  line-height: 36px;
  vertical-align: middle
}
.mdl-upload-button.mdl-button--colored:focus:not(:active) {
  background-color: rgba(0, 0, 0, .12)
}
input.mdl-upload-button[type="submit"] {
  -webkit-appearance: none
}

.grs-input--required::after {
  content: "必須";
  padding: 0.2em 0.3em;
  margin: 2em 1em;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #FF5722;
  border-radius: 5px;
  white-space: nowrap;
}

.grs-authority {
  padding: 0.2em 0.3em;
  margin: 2em 1em 2em 0em;
  color: #FFFFFF;
  border-radius: 5px;
}

.grs-theme-color--blue .grs-authority {
  background-color: #01579B;
}

.grs-theme-color--green .grs-authority {
  background-color: #43A047;
}

.grs-grid__header-title {
  white-space:nowrap;
}

.grs-label {
  box-sizing: border-box;
  display: inline-block;
  font-family: "Roboto", "Noto Sans JP", "Helvetica", "Arial", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 13px;
  font-weight: 500;
  height: 24px;
  line-height: 24px;
  transition-duration: 0.1s;
  transition-property: opacity;
  vertical-align: middle
  width: 6em !important;
}

.grs-link-space {
  margin-right: 20px;
}

.break-word {
  word-wrap: break-word !important;
}

#full-spinner {
  display: flex;
  width: 100%;
  height: 100%;
  position: fixed;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  background-color: #ffffff;
  opacity: 0.8;
  z-index: 100;
  visibility:hidden;
}

#full-spinner .mdl-spinner {
  width: 80px;
  height: 80px;
}

/*
 * アコーディオン
 */
/*ボックス全体*/
.grs-accordion {

}

/*ラベル*/
.grs-accordion label {
  transition: all 0.5s;
}

/*活性のときはマウスカーソルをポインターにする*/
.grs-accordion .grs-accordion__input:not(:disabled) + .grs-accordion__header label {
  cursor: pointer;
}

/*アイコンを表示*/
.grs-accordion .grs-accordion__header .grs-accordion__header--title:after {
  content: '\E146';
  font-family: 'Material Icons';
  font-size: 24px;
  vertical-align: bottom;
  padding-left: 4px;
}

.grs-theme-color--green .grs-accordion .grs-accordion__header .grs-accordion__header--title:after {
  color: #43A047;
}

.grs-theme-color--blue .grs-accordion .grs-accordion__header .grs-accordion__header--title:after {
  color: #01579B;
}

.grs-theme-color--helpdesk .grs-accordion .grs-accordion__header .grs-accordion__header--title:after {
  color: #6D4C41;
}

/*ラベルホバー時*/
.grs-accordion label:hover {

}

/*チェックは隠す*/
.grs-accordion .grs-accordion__input {
  display: none;
}

/*中身を非表示にしておく*/
.grs-accordion .grs-accordion__detail {
  height: 0;
  padding: 0;
  overflow: hidden;
  opacity: 0;
  transition: 0.5s;
}

/*クリックで中身表示*/
.grs-accordion__input:checked + .grs-accordion__header + .grs-accordion__detail {
  height: auto;
  padding: 5px;
  /*background: #fff5eb;*/
  opacity: 1;
}

/*アイコンを入れ替える*/
.grs-accordion .grs-accordion__input:checked + .grs-accordion__header .grs-accordion__header--title:after {
  content: '\E909';
}
.grs-accordion .grs-accordion__input:checked:disabled + .grs-accordion__header .grs-accordion__header--title:after {
  color: #757575;
}

/*スクロールアイコン表示*/
#scrollIcon {
  font-family: 'Material Icons';
  font-size: 48px;
  color: black;
  position: fixed;
  bottom: 17%;
  right: 3%;
  z-index: 2;
  opacity: 0.6;
}
#scrollIcon:hover {
  text-decoration: none;
}
/*お知らせ新着アイコン*/
.notice_new_icon{
  background-color: white;
  color: red;
  padding: 3px;
  font-weight: bold;
  border: 2px solid red;
  border-radius: 6px;
  font-size: 14px;
}

.highlight-block {
  background-color: lightgray;
}


/* iPad対応共通部品
--------------------------------------------------------- */
/* 1365px幅以下でmdl-buttonを縮小する */
@media (max-width:1365px){
  .grs-button--shrink {
    min-width: 46px;
    padding: 0px 10px;
  }

  .scroll-table-container {
      overflow-x: scroll;
  }

  .scroll-table-container::-webkit-scrollbar {
      height: 8px;
  }

  .scroll-table-container::-webkit-scrollbar-thumb {
      border-radius: 4px;
      background: #E0E0E0;
  }

  .scroll-table-container > table {
      width: 1366px;
  }
}