@font-face {
  font-family: 'roboto_condensedbold';
  src: url("/common/javax.faces.resource/fonts/robotocondensed-bold-webfont.eot.xhtml?ln=primefaces-rio");
  src: url("/common/javax.faces.resource/fonts/robotocondensed-bold-webfont.eot.xhtml?ln=primefaces-rio#iefix") format('embedded-opentype'), url("/common/javax.faces.resource/fonts/robotocondensed-bold-webfont.woff2.xhtml?ln=primefaces-rio") format('woff2'), url("/common/javax.faces.resource/fonts/robotocondensed-bold-webfont.woff.xhtml?ln=primefaces-rio") format('woff'), url("/common/javax.faces.resource/fonts/robotocondensed-bold-webfont.ttf.xhtml?ln=primefaces-rio") format('truetype'), url("/common/javax.faces.resource/fonts/robotocondensed-bold-webfont.svg.xhtml?ln=primefaces-rio#roboto_condensedbold") format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'roboto_condensedlight';
  src: url("/common/javax.faces.resource/fonts/robotocondensed-light-webfont.eot.xhtml?ln=primefaces-rio");
  src: url("/common/javax.faces.resource/fonts/robotocondensed-light-webfont.eot.xhtml?ln=primefaces-rio#iefix") format('embedded-opentype'), url("/common/javax.faces.resource/fonts/robotocondensed-light-webfont.woff2.xhtml?ln=primefaces-rio") format('woff2'), url("/common/javax.faces.resource/fonts/robotocondensed-light-webfont.woff.xhtml?ln=primefaces-rio") format('woff'), url("/common/javax.faces.resource/fonts/robotocondensed-light-webfont.ttf.xhtml?ln=primefaces-rio") format('truetype'), url("/common/javax.faces.resource/fonts/robotocondensed-light-webfont.svg.xhtml?ln=primefaces-rio#roboto_condensedlight") format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'roboto_condensedregular';
  src: url("/common/javax.faces.resource/fonts/robotocondensed-regular-webfont.eot.xhtml?ln=primefaces-rio");
  src: url("/common/javax.faces.resource/fonts/robotocondensed-regular-webfont.eot.xhtml?ln=primefaces-rio#iefix") format('embedded-opentype'), url("/common/javax.faces.resource/fonts/robotocondensed-regular-webfont.woff2.xhtml?ln=primefaces-rio") format('woff2'), url("/common/javax.faces.resource/fonts/robotocondensed-regular-webfont.woff.xhtml?ln=primefaces-rio") format('woff'), url("/common/javax.faces.resource/fonts/robotocondensed-regular-webfont.ttf.xhtml?ln=primefaces-rio") format('truetype'), url("/common/javax.faces.resource/fonts/robotocondensed-regular-webfont.svg.xhtml?ln=primefaces-rio#roboto_condensedregular") format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Noto Sans JP';
  src: url("/common/javax.faces.resource/fonts/NotoSansJP-Regular.woff2.xhtml?ln=primefaces-rio") format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Lato';
  src: url("/common/javax.faces.resource/fonts/Lato-Regular.woff2.xhtml?ln=primefaces-rio") format('woff2');
  font-weight: normal;
  font-style: normal;
}
/*html {
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}*/
/* Component containers
----------------------------------*/
.ui-widget {
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.ui-widget .ui-widget {
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  /*    .transition(all 0.5s ease);  */
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
.ui-widget-content a {
  color: #455A64;
}
.ui-widget-header {
  color: #ffffff;
  font-weight: bold;
}
.ui-widget-header a {
  color: #ffffff;
}
/* Interaction states
----------------------------------*/
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #ffffff;
  text-decoration: none;
}
.ui-state-hover {
  /*    .transition(all 0.5s ease);  */
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
  color: #ffffff;
  text-decoration: none;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #ffffff;
  text-decoration: none;
}
/* Interaction Cues
----------------------------------*/
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #363636;
}
input[type="text"].ui-state-error,
input[type="password"].ui-state-error,
.ui-inputtextarea.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error,
.ui-state-error.ui-calendar > input[type="text"].ui-inputfield,
.ui-state-error-wrap > [class*="ui-state-"],
.ui-state-error-wrap :not([class*="ui-state-"]) > [class*="ui-state-"] {
  /*	border-bottom: 1px solid @state-error-border-bottom-color !important;*/
  color: #444444 !important;
  background-color: #F8FBFF !important;
  border:2px solid #EB6852;
}
input[type="text"].ui-state-error:focus,
input[type="password"].ui-state-error:focus,
.ui-inputtextarea.ui-state-error:focus,
.ui-widget-content .ui-state-error:focus,
.ui-widget-header .ui-state-error:focus,
.ui-state-error.ui-calendar > input[type="text"].ui-inputfield:focus,
.ui-state-error-wrap > [class*="ui-state-"]:focus,
.ui-state-error-wrap :not([class*="ui-state-"]) > [class*="ui-state-"]:focus {
  /*	border-bottom: 1px solid @state-error-border-bottom-color !important;*/
  color: #444444 !important;
  background-color: #F8FBFF !important;
  outline:1px solid #EB6852;
}
.ui-widget-content label.ui-state-error {
  border: 0px !important;
  border: none;
  box-shadow: none;
  -webkit-box-shadow: none;
}
label.ui-state-error {
  color: #E53935 !important;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #2b2b2b;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #2b2b2b;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: alpha(opacity=70);
  font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .50;
  filter: alpha(opacity=50);
  background-image: none;
}
.ui-state-readonly {
  opacity: .50 !important;
}
.ui-state-disabled .ui-icon {
  filter: alpha(opacity=50);
  /* For IE8 - See #6059 */
}
.ui-calendar.ui-state-error {
  border-bottom: solid 0px #E53935 !important;
}
.ui-calendar.ui-state-disabled {
  opacity: 1;
}
span.ui-calendar.ui-state-error {
	border: unset;
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
/*  background-image: url("/common/javax.faces.resource/images/ui-icons_72b42d_256x240.png.xhtml?ln=primefaces-rio");*/
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
/*  background-image: url("/common/javax.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-rio");*/
}
.ui-state-active .ui-icon {
/*  background-image: url("/common/javax.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-rio");*/
}
.ui-state-highlight .ui-icon {
  background-image: url("/common/javax.faces.resource/images/ui-icons_4eb305_256x240.png.xhtml?ln=primefaces-rio");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url("/common/javax.faces.resource/images/ui-icons_cd0a0a_256x240.png.xhtml?ln=primefaces-rio");
}
.status-block {
  width: 160px;
  color: #FFFFFF;
  background-color: #009FE6;
  text-align: center;
  padding: 8px 35px;
  position: relative;
  box-sizing: border-box;
}
.status-icon {
  color: #FFFFFF;
  font-size: 16px;
  position: absolute;
  left: 8px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.status-block .fa {
  vertical-align: middle;
  position: absolute;
  left: 8px;
  font-size: 16px;
  top: 30%;
  line-height: 1 !important;
}
.status-block .ui-widget-label {
  text-align: center !important;
  padding-left: 0px !important;
  line-height: 1.4;
}
/* positioning */
.ui-icon-default {
  background-image: url("/common/javax.faces.resource/images/default.svg.xhtml?ln=primefaces-rio") !important;
  background-position: center;
  background-size: 100%;
}
.ui-icon-blank {
  background-image: url("/common/javax.faces.resource/images/blank.svg.xhtml?ln=primefaces-rio") !important;
  background-position: center;
  background-size: 100%;
}
.ui-icon-blank {
  background-position: 16px 16px;
}
.ui-icon-carat-1-n {
  background-position: 0 0;
}
.ui-icon-carat-1-ne {
  background-position: -16px 0;
}
.ui-icon-carat-1-e {
  background-position: -32px 0;
}
.ui-icon-carat-1-se {
  background-position: -48px 0;
}
.ui-icon-carat-1-s {
  background-position: -64px 0;
}
.ui-icon-carat-1-sw {
  background-position: -80px 0;
}
.ui-icon-carat-1-w {
  background-position: -96px 0;
}
.ui-icon-carat-1-nw {
  background-position: -112px 0;
}
.ui-icon-carat-2-n-s {
  background-position: -128px 0;
}
.ui-icon-carat-2-e-w {
  background-position: -144px 0;
}
.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}
.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}
.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}
.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}
.ui-icon-triangle-1-s {
  background-position: -64px -16px;
}
.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}
.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}
.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}
.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}
.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}
.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}
.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}
.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}
.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}
.ui-icon-arrow-1-s {
  background-position: -64px -32px;
}
.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}
.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}
.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}
.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}
.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}
.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}
.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}
.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}
.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}
.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}
.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}
.ui-icon-arrowthick-1-n {
  background-position: 0 -48px;
}
.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}
.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}
.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}
.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}
.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}
.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}
.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}
.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}
.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}
.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}
.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}
.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}
.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}
.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}
.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}
.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}
.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}
.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}
.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}
.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}
.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}
.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}
.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}
.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}
.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}
.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}
.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}
.ui-icon-arrow-4 {
  background-position: 0 -80px;
}
.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}
.ui-icon-extlink {
  background-position: -32px -80px;
}
.ui-icon-newwin {
  background-position: -48px -80px;
}
.ui-icon-refresh {
  background-position: -64px -80px;
}
.ui-icon-shuffle {
  background-position: -80px -80px;
}
.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}
.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}
.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}
.ui-icon-folder-open {
  background-position: -16px -96px;
}
.ui-icon-document {
  background-position: -32px -96px;
}
.ui-icon-document-b {
  background-position: -48px -96px;
}
.ui-icon-note {
  background-image: url("/common/javax.faces.resource/images/note.svg.xhtml?ln=primefaces-rio");
  background-position: center;
  background-size: 100%;
}
.ui-icon-mail-closed {
  background-position: -80px -96px;
}
.ui-icon-mail-open {
  background-position: -96px -96px;
}
.ui-icon-suitcase {
  background-position: -112px -96px;
}
.ui-icon-comment {
  background-position: -128px -96px;
}
.ui-icon-person {
  background-position: -144px -96px;
}
.ui-icon-print {
  background-position: -160px -96px;
}
.ui-icon-trash {
  background-position: -176px -96px;
}
.ui-icon-locked {
  background-position: -192px -96px;
}
.ui-icon-unlocked {
  background-position: -208px -96px;
}
.ui-icon-bookmark {
  background-position: -224px -96px;
}
.ui-icon-tag {
  background-position: -240px -96px;
}
.ui-icon-home {
  background-position: 0 -112px;
}
.ui-icon-flag {
  background-position: -16px -112px;
}
.ui-icon-calendar {
  background-position: -32px -112px;
}
.ui-icon-cart {
  background-position: -48px -112px;
}
.ui-icon-pencil {
  background-position: -64px -112px;
}
.ui-icon-clock {
  background-position: -80px -112px;
}
.ui-icon-disk {
  background-position: -96px -112px;
}
.ui-icon-calculator {
  background-position: -112px -112px;
}
.ui-icon-zoomin {
  background-position: -128px -112px;
}
.ui-icon-zoomout {
  background-position: -144px -112px;
}
.ui-icon-search {
  background-position: -160px -112px;
}
.ui-icon-wrench {
  background-position: -176px -112px;
}
.ui-icon-gear {
  background-position: -192px -112px;
}
.ui-icon-heart {
  background-position: -208px -112px;
}
.ui-icon-star {
  background-position: -224px -112px;
}
.ui-icon-link {
  background-position: -240px -112px;
}
.ui-icon-cancel {
  background-position: 0 -128px;
}
.ui-icon-plus {
  background-position: -16px -128px;
}
.ui-icon-plusthick {
  background-position: -32px -128px;
}
.ui-icon-minus {
  background-position: -48px -128px;
}
.ui-icon-minusthick {
  background-position: -64px -128px;
}
.ui-icon-close {
  background-position: -80px -128px;
}
.ui-icon-closethick {
  background-position: -96px -128px;
  width: 32px;
  height: 24px;
}
.ui-icon-key {
  background-position: -112px -128px;
}
.ui-icon-lightbulb {
  background-position: -128px -128px;
}
.ui-icon-scissors {
  background-position: -144px -128px;
}
.ui-icon-clipboard {
  background-position: -160px -128px;
}
.ui-icon-copy {
  background-position: -176px -128px;
}
.ui-icon-contact {
  background-position: -192px -128px;
}
.ui-icon-image {
  background-position: -208px -128px;
}
.ui-icon-video {
  background-position: -224px -128px;
}
.ui-icon-script {
  background-position: -240px -128px;
}
.ui-icon-alert {
  background-position: 0 -144px;
}
.ui-icon-info {
  background-position: -16px -144px;
}
.ui-icon-notice {
  background-position: -32px -144px;
}
.ui-icon-help {
  background-position: -48px -144px;
}
.ui-icon-check {
  background-position: -64px -144px;
}
.ui-icon-bullet {
  background-position: -80px -144px;
}
.ui-icon-radio-on {
  background-position: -96px -144px;
}
.ui-icon-radio-off {
  background-position: -112px -144px;
}
.ui-icon-pin-w {
  background-position: -128px -144px;
}
.ui-icon-pin-s {
  background-position: -144px -144px;
}
.ui-icon-play {
  background-position: 0 -160px;
}
.ui-icon-pause {
  background-position: -16px -160px;
}
.ui-icon-seek-next {
  background-position: -32px -160px;
}
.ui-icon-seek-prev {
  background-position: -48px -160px;
}
.ui-icon-seek-end {
  background-position: -64px -160px;
}
.ui-icon-seek-start {
  background-position: -80px -160px;
}
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px;
}
.ui-icon-stop {
  background-position: -96px -160px;
}
.ui-icon-eject {
  background-position: -112px -160px;
}
.ui-icon-volume-off {
  background-position: -128px -160px;
}
.ui-icon-volume-on {
  background-position: -144px -160px;
}
.ui-icon-power {
  background-position: 0 -176px;
}
.ui-icon-signal-diag {
  background-position: -16px -176px;
}
.ui-icon-signal {
  background-position: -32px -176px;
}
.ui-icon-battery-0 {
  background-position: -48px -176px;
}
.ui-icon-battery-1 {
  background-position: -64px -176px;
}
.ui-icon-battery-2 {
  background-position: -80px -176px;
}
.ui-icon-battery-3 {
  background-position: -96px -176px;
}
.ui-icon-circle-plus {
  background-position: 0 -192px;
}
.ui-icon-circle-minus {
  background-position: -16px -192px;
}
.ui-icon-circle-close {
  background-position: -32px -192px;
}
.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}
.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}
.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}
.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}
.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}
.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}
.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}
.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}
.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}
.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}
.ui-icon-circle-check {
  background-position: -208px -192px;
}
.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}
.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}
.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}
.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}
.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}
.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}
.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}
.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}
.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}
.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}
.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}
.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 5px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 5px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 5px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 5px;
}
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: #444444;
  opacity: .3;
  filter: alpha(opacity=30);
}
.ui-widget-shadow {
  margin: 4px 0 0 4px;
  padding: 0px;
  background: #aaaaaa;
  opacity: .3;
  filter: alpha(opacity=30);
  border-radius: 4px;
}
*/label {
  font-weight: normal !important;
}*/
/*==============================================================================================================================================================*/
/*==============================================================================================================================================================*/
/*=========================================================== STYLES FOR RIO THEME ===================================================================*/
/*==============================================================================================================================================================*/
/*==============================================================================================================================================================*/
.ui-shadow {
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3) !important;
  -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3) !important;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3) !important;
}
@media screen and (min-width: 0\0) {
  .ui-shadow {
    box-shadow: 0px 0px 8px 0px rgba(43, 59, 93, 0.4) !important;
  }
}
/*Style For Breadcrumb ------------------------------------------------------------------------------------- */
.ui-breadcrumb {
  background-image: initial !important;
  border-radius: 2px !important;
  padding-top: unset;
  padding-right: unset;
  padding-bottom: unset;
  padding-left: 40px;
}
.ui-breadcrumb .ui-menuitem-text {
  font-size: 10px;
  font-weight: 300;
}
.ui-breadcrumb ul li .ui-menuitem-link {
  font-size: 12px;
  color: #444444 !important;
  letter-spacing: 0px;
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-weight: normal;
  pointer-events: none;
}
.ui-breadcrumb ul li .ui-menuitem-link:hover {
  color: #03A9F4;
}
.ui-breadcrumb ul li {
  z-index: 990 !important;
  margin-right: 10px !important;
  height: 24px;
}
.ui-breadcrumb .ui-icon-home {
  color: #444444;
  width: 30px;
  text-indent: initial;
  text-decoration: underline;
}
.ui-breadcrumb ul li a.ui-icon-home {
  width: auto;
}
.ui-breadcrumb-chevron {
  height: 13px !important;
  background-image: url("/common/javax.faces.resource/images/breadcrumb-arrow.svg.xhtml?ln=primefaces-rio") !important;
  background-position: center !important;
  background-size: 60% !important;
}
/*Style For DataTable ------------------------------------------------------------------------------------- */
.ui-datatable {
  border: solid 0px #E0E0E0;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  background-color: #FFFFFF;
  color: #444444;
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.ui-datatable .ui-datatable-sticky {
  border: 0px;
  padding: 0px;
}
.ui-datatable .ui-datatable-sticky.ui-sticky {
  top: 63px !important;
}
@media (max-width: 640px) {
  .ui-datatable .ui-datatable-sticky.ui-sticky {
    top: 49px !important;
  }
}
.ui-datatable .ui-datatable-sticky:hover {
  border: 0px !important;
}
/*.ui-datatable-scrollable{border:0px; background-color:transparent;}
.ui-datatable-scrollable:hover{border:0px !important; background-color:transparent;}*/
.ui-datatable .ui-icon-arrowthick-1-s {
  background-image: url("/common/javax.faces.resource/images/right-one-arrow-for-data.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-size: 110%;
  background-repeat: no-repeat;
}
.ui-datatable .ui-icon-arrowthick-1-s {
  background-image: url("/common/javax.faces.resource/images/right-one-arrow-for-data.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-size: 110%;
  background-repeat: no-repeat;
}
.ui-datatable .ui-datatable-odd {
  background-color: #FFFFFF;
}
.ui-datatable .ui-datatable-even {
  background-color: #FFFFFF;
}
.ui-datatable .ui-datagrid-header,
.ui-datatable .ui-datatable-header,
.ui-datatable .ui-datatable-subtable-header,
.ui-datatable .ui-datatable-summaryrow {
  color: #FFFFFF;
  background-color: #0288D1;
  border-radius: 1px !important;
  -webkit-border-radius: 1px !important;
  -moz-border-radius: 1px !important;
  font-size: 20px;
  padding: 15px 10px !important;
  font-weight: normal;
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.ui-datatable .ui-datatable-summaryrow td {
  color: #A5D6F0;
}
.ui-datatable .ui-datatable-header .ui-button {
  margin-top: -3px !important;
  border: solid 1px #FFFFFF;
}
.ui-datatable .ui-datatable-scrollable-header,
.ui-datatable .ui-datatable-scrollable-footer {
  color: #444444;
  background-color: #FFFFFF;
  outline: none;
  /*    .transition(all 0.5s ease);  */
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
.ui-datatable .ui-datatable-scrollable-header {
  border-radius: 1px 1px 0px 0px;
  -moz-border-radius: 1px 1px 0px 0px;
  -webkit-border-radius: 1px 1px 0px 0px;
  border: 0px solid #444444;
}
.ui-datatable .ui-datatable-scrollable-footer {
  border-radius: 0px 0px 1px 1px;
  -moz-border-radius: 0px 0px 1px 1px;
  -webkit-border-radius: 0px 0px 1px 1px;
  border: 0px solid #444444;
}
.ui-datatable-frozenlayout-left .ui-datatable-scrollable-header,
.ui-datatable-frozenlayout-left .ui-datatable-scrollable-footer {
  border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
}
.ui-datatable-frozenlayout-right .ui-datatable-scrollable-header,
.ui-datatable-frozenlayout-right .ui-datatable-scrollable-footer {
  border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
}
.ui-datatable table tbody td {
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  padding: 12px 2px 12px 2px !important;
}
.ui-datatable table tbody td:first-child {
  /*padding: 12px 12px 12px 24px !important;*/
}
.ui-datatable table tbody td:last-child {
  /*padding: 12px 24px 12px 12px !important;*/
}
.ui-datatable table tbody td .ui-chkbox {
  padding: 2px 5px !important;
}
.ui-datatable-fs .ui-datatable-frozenlayout-right,
.ui-datatable-fs .ui-datatable-frozenlayout-left {
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  padding: 0px !important;
}
.ui-datatable-fs .ui-datatable-frozenlayout-right .ui-datatable-scrollable-container .ui-datatable-scrollable-header .ui-datatable-scrollable-header-box table thead tr th,
.ui-datatable-fs .ui-datatable-frozenlayout-right .ui-datatable-scrollable-container .ui-datatable-scrollable-footer .ui-datatable-scrollable-footer-box table tfoot tr td {
  border-left-color: #C1D5DF !important;
}
.ui-datatable table {
  border-collapse: collapse;
  font-size: 14px;
}
.ui-datatable table thead tr th,
.ui-datatable table tfoot tr td,
.ui-datatable table thead tr th {
  color: #444444;
  background-color: rgba(0,0,0,0);
  border: solid 0px #C1D5DF;
  outline: none;
  padding: 12px 2px 12px 2px;
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-weight: 400;
  font-size: 14px !important;
  text-align: left;
}
.ui-datatable table tfoot tr td {
  color: #444444;
  background-color: #E8E6F7;
}
.ui-datatable table thead tr th.ui-state-hover,
.ui-datatable table thead tr th.ui-state-active,
.ui-datatable .ui-datatable-sticky table thead tr th.ui-state-hover,
.ui-datatable .ui-datatable-sticky table thead tr th.ui-state-active {
  background-color: #C1D5DF !important;
}
.ui-datatable table thead tr .ui-chkbox-box.ui-state-hover,
.ui-datatable table thead tr .ui-chkbox-box.ui-state-active {
  color: #FFFFFF;
}
.ui-datatable table thead tr th .ui-column-customfilter .ui-spinner-button.ui-state-active,
.ui-datatable table thead tr th .ui-column-customfilter .ui-spinner-button.ui-state-hover {
  background-color: transparent;
}
.ui-datatable table thead tr th .ui-column-customfilter .ui-spinner-button.ui-state-active .ui-icon-triangle-1-n,
.ui-datatable table thead tr th .ui-column-customfilter .ui-spinner-button.ui-state-active .ui-icon-triangle-1-s {
  background-position: center !important;
  background-size: 80% !important;
  margin-left: 12px !important;
  margin-top: -8px !important;
}
.ui-datatable table tbody tr td {
  color: #444444;
  border: none;
  font-size: 14px;
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  /*    .transition(all 0.5s ease);  */
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
  padding: 16px;
  text-align: left;
  background-color: #F0F8FF;
  border-bottom: 2px solid #FFFFFF;
}
.ui-datatable table tbody tr td .ui-row-toggler.ui-icon-circle-triangle-s {
  background-image: url("/common/javax.faces.resource/images/downarrow-gray.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-size: 110%;
}
.ui-datatable table tbody tr td .ui-row-toggler.ui-icon-circle-triangle-e {
  background-image: url("/common/javax.faces.resource/images/rightarrow-gray.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-size: 110%;
}
.ui-datatable table tbody tr td .ui-row-editor .ui-icon-pencil {
  background-image: url("/common/javax.faces.resource/images/pen-blue.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-size: 120%;
}
.ui-datatable table tbody tr td .ui-row-editor .ui-icon-check {
  background-image: url("/common/javax.faces.resource/images/check-blue.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-size: 120%;
}
.ui-datatable table tbody tr td .ui-row-editor .ui-icon-close {
  background-image: url("/common/javax.faces.resource/images/delete-red.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-size: 120%;
}
.ui-datatable table tbody .ui-state-hover > td {
  background-color: transparent;
}
.ui-datatable table tbody .ui-state-highlight > td {
  background-color: #b0c4de;
  color: #ffffff;
}
.ui-datatable table tbody .ui-state-highlight.ui-row-editing > td {
  background-color: #DDE4ED;
  color: #F1F6F9;
}
.ui-datatable table tbody tr td .ui-icon-arrow-4 {
  background-image: url("/common/javax.faces.resource/images/movearrow-gray.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-size: 100%;
}
.ui-datatable table tbody tr td .ui-inputfield{
  width: 85%;
  border: 1px solid #B9B9B9;
 -webkit-transition: border 0.5s ease;
  -moz-transition: border 0.5s ease;
  -ms-transition: border 0.5s ease;
  -o-transition: border 0.5s ease;
  transition: border 0.5s ease;
}
.ui-datatable table tbody tr td .ui-inputfield:hover{
  border: 1px solid #009FE6;
}
.ui-datatable table tbody tr td .ui-inputfield:focus{
  border: 1px solid #009FE6;
  outline: 1px solid #009FE6;
}
.ui-datatable table thead tr .ui-state-default .ui-icon-carat-2-n-s,
.ui-datatable .ui-datatable-sticky table thead tr .ui-state-default .ui-icon-carat-2-n-s {
  background-image: url("/common/javax.faces.resource/images/updown-navy-arrow.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-size: 110%;
  background-repeat: no-repeat;
  margin-left: 5px;
}
.ui-datatable table thead tr .ui-state-hover .ui-icon-carat-2-n-s,
.ui-datatable .ui-datatable-sticky table thead tr .ui-state-hover .ui-icon-carat-2-n-s {
  background-image: url("/common/javax.faces.resource/images/updown-navy-arrow.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-size: 110%;
  background-repeat: no-repeat;
  margin-left: 5px;
}
.ui-datatable table thead tr .ui-state-active .ui-icon-triangle-1-n,
.ui-datatable .ui-datatable-sticky table thead tr .ui-state-active .ui-icon-triangle-1-n {
  background-image: url("/common/javax.faces.resource/images/uparrow-navy.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-size: 110%;
  background-repeat: no-repeat;
  margin-left: 5px;
}
.ui-datatable table thead tr .ui-state-active .ui-icon-triangle-1-s,
.ui-datatable .ui-datatable-sticky table thead tr .ui-state-active .ui-icon-triangle-1-s {
  background-image: url("/common/javax.faces.resource/images/downarrow-navy.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-size: 110%;
  background-repeat: no-repeat;
  margin-left: 5px;
}
.ui-datatable-footer {
  background-color: #f4f4f4;
  color: #7A8F98;
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-size: 14px;
  padding: 10px !important;
  border-radius: 1px !important;
}
.ui-datatable-tablewrapper,
.ui-datatable .ui-datatable-scrollable-body {
  margin: 0px;
  background-color: #FFFFFF;
}
.ui-datatable-tablewrapper::-webkit-scrollbar {
	width: 15px;
	background-color: transparent;
}
.ui-datatable-tablewrapper::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 1px solid white;
    background-color: rgba(194,194,194,.5);
}
.ui-editable-column.ui-state-error {
  background-color: #CE2246 !important;
}
@media (max-width: 35em) {
  .ui-datatable-reflow .ui-datatable-data td {
    border: 0px !important;
  }
}
.ui-columntoggler {
  border: solid 1px #D1D3D4;
  background-color: #FBFCFD;
  color: #778D9B;
}
.ui-columntoggler .ui-columntoggler-item .ui-chkbox {
  top: 35% !important;
}
.ui-datatable-scrollable {
  overflow: hidden;
}
.ui-datatable-scrollable-header-box table thead tr th,
.ui-datatable-scrollable-footer-box table tfoot tr td {
  border-width: 0;
  border-right: none;
  border-left: none;
  border-bottom: 0px;
  border-top: none;
  font-size: 14px;
  color: #444444;
  text-align: left;
}
.ui-datatable-scrollable-footer-box table tfoot tr td {
  color: #444444;
  background-color: #E8E6F7;
}
.ui-datatable-scrollable-theadclone th.ui-state-default {
  border-bottom-width: 0 !important;
  border-top-width: 0 !important;
  padding-bottom: 0 !important;
  padding-top: 0 !important;
  outline: 0 none !important;
}
.ui-draggable-dragging {
  color: #27AAE1;
  border: solid 1px #CCCCCC;
}
.ui-draggable-dragging .ui-icon-carat-2-n-s {
  background-image: none;
}
.ui-draggable-dragging .ui-icon-carat-1-n {
  background-image: none;
}
.ui-draggable-dragging .ui-icon-carat-1-s {
  background-image: none;
}
.ui-datatable > .ui-icon-arrowthick-1-s {
  background-image: url("/common/javax.faces.resource/images/downarrow-blue.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-size: 100%;
  background-repeat: no-repeat;
  margin-left: 5px;
}
.ui-datatable > .ui-icon-arrowthick-1-n {
  background-image: url("/common/javax.faces.resource/images/uparrow-blue.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-size: 100%;
  background-repeat: no-repeat;
  margin-left: 5px;
}
.ui-datatable .ui-column-resizer-helper {
  background-color: #33AFDE;
}
.ui-datatable-resizable th.ui-state-hover.ui-sortable-column,
.ui-datatable-resizable th {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
.ui-datatable-empty-message td {
  text-align: center;
}
.app-chkbox-not-display > div {
  display: none;
}
/*Style For Data Grid ------------------------------------------------------------------------------------- */
.ui-datagrid {
  border: solid 1px #E0E0E0;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  background-color: #FFFFFF;
  color: #778D9B;
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.ui-datagrid .ui-datagrid-header {
  color: #FFFFFF;
  border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  font-size: 20px;
  background-color: #0288D1;
  padding: 15px 10px !important;
  font-weight: normal;
}
.ui-datagrid .ui-datagrid-content {
  font-size: 14px;
  padding: 0px;
}
.ui-datagrid-footer {
  height: auto !important;
  background-color: #F9FAFC;
  margin: 0px;
  padding: 10px 10px !important;
  border-top: solid 1px #E8EDF2 !important;
  font-size: 14px;
  color: #C7D1D7;
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
  -webkit-border-top-left-radius: 0px !important;
  -webkit-border-top-right-radius: 0px !important;
  -moz-border-top-left-radius: 0px !important;
  -moz-border-top-right-radius: 0px !important;
}
/*Style For Data List ------------------------------------------------------------------------------------- */
.ui-datalist {
  border: solid 1px #E0E0E0;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  background-color: #FFFFFF;
  color: #444444;
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.ui-datalist .ui-datalist-header {
  color: #FFFFFF;
  background-color: #0288D1;
  border-radius: 1px !important;
  -webkit-border-radius: 1px !important;
  -moz-border-radius: 1px !important;
  font-size: 20px;
  padding: 15px 5px !important;
  font-weight: normal;
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.ui-datalist .ui-datalist-content .ui-datalist-data {
  margin: 0px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-right: 5px;
  padding-left: 40px;
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-size: 14px;
  color: #444444;
}
.ui-datalist-item {
  padding-bottom: 4px;
  list-style: inherit !important;
}
.ui-datalist-footer {
  height: auto !important;
  background-color: #F9FAFC;
  margin: 0px;
  padding: 10px 10px !important;
  border-top: solid 1px #E8EDF2 !important;
  font-size: 14px;
  color: #C7D1D7;
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
  -webkit-border-top-left-radius: 0px !important;
  -webkit-border-top-right-radius: 0px !important;
  -moz-border-top-left-radius: 0px !important;
  -moz-border-top-right-radius: 0px !important;
}
.ui-datalist-empty-message {
  height: 10px;
}
/* paginator */
.ui-paginator {
  margin: 24px 0 0 0 !important;
  padding: 0px !important;
  text-align: right !important;
}
.ui-paginator .ui-paginator-pages {
  padding: 0px 0 !important;
  margin: 0px !important;
}
.ui-paginator-page.ui-state-focus,
.ui-paginator .ui-paginator-first.ui-state-focus,
.ui-paginator .ui-paginator-prev.ui-state-focus,
.ui-paginator .ui-paginator-next.ui-state-focus,
.ui-paginator .ui-paginator-last.ui-state-focus {
  background-color: #444444;
  color: #FFFFFF;
}
.ui-paginator-top {
/*  background-color: #1D50A2;*/
  border-radius: 1px;
}
.ui-paginator-bottom {
/*  background-color: #1D50A2;*/
  border-radius: 1px;
}
.ui-paginator .ui-paginator-current {
  display: block !important;
  font-size: 12px;
  padding: 0;
  margin: 0px 0px 8px 0 !important;
  color: #444444;
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.ui-paginator .ui-paginator-first,
.ui-paginator .ui-paginator-prev,
.ui-paginator .ui-paginator-pages .ui-paginator-page,
.ui-paginator .ui-paginator-next,
.ui-paginator .ui-paginator-last,
.ui-paginator .ui-paginator-rpp-options {
  font-size: 12px;
  padding: 7px 10px !important;
  margin: 0 4px;
  font-weight: bold;
  border: 1px solid #444444;
  color: #444444;
  /*    .transition(all 0.5s ease);  */
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  border-radius: 100px !important;
  font-weight: normal;
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  line-height: 1;
}
.ui-paginator .ui-paginator-rpp-options {
  outline: none;
}
.ui-paginator .ui-paginator-first .ui-icon {
/*  background-image: url("/common/javax.faces.resource/images/left-double-arrow-for-data.svg.xhtml?ln=primefaces-rio");*/
  background-image: none;
  background-position: center !important;
  background-size: 100%;
  background-repeat: no-repeat;
  text-indent: initial;
  width: auto;
  color: #444444 !important;
}
.ui-paginator .ui-paginator-last .ui-icon {
/*  background-image: url("/common/javax.faces.resource/images/right-double-arrow-for-data.svg.xhtml?ln=primefaces-rio"); */
  background-image: none;
  background-position: center !important;
  background-size: 100%;
  background-repeat: no-repeat;
  text-indent: initial;
  width: auto;
  color: #444444 !important;
}
.ui-paginator .ui-paginator-prev .ui-icon {
/*  background-image: url("/common/javax.faces.resource/images/left-one-arrow-for-data.svg.xhtml?ln=primefaces-rio");*/
  background-position: center !important;
  background-size: 100%;
  background-repeat: no-repeat;
  text-indent: initial;
  width: auto;
  color: #444444 !important;
}
.ui-paginator .ui-paginator-next .ui-icon {
/*  background-image: url("/common/javax.faces.resource/images/right-one-arrow-for-data.svg.xhtml?ln=primefaces-rio");*/
  background-position: center !important;
  background-size: 100%;
  background-repeat: no-repeat;
  text-indent: initial;
  width: auto;
  color: #444444 !important
}
.ui-paginator .ui-paginator-next,
.ui-paginator .ui-paginator-last,
.ui-paginator .ui-paginator-prev,
.ui-paginator .ui-paginator-first{
  padding: 7px 16px !important;
}
.ui-paginator .ui-paginator-first,
.ui-paginator .ui-paginator-first.ui-state-hover {
  font-size: 0;
}
.ui-paginator .ui-paginator-first .ui-icon-seek-first:before{
  font-size: 12px;
  content:"最初へ";
}
.ui-paginator .ui-paginator-prev,
.ui-paginator .ui-paginator-prev.ui-state-hover {
  font-size: 0;
}
.ui-paginator .ui-paginator-prev .ui-icon-seek-prev:before{
  font-size: 12px;
  content:"戻る";
}
.ui-paginator .ui-paginator-next,
.ui-paginator .ui-paginator-next.ui-state-hover {
  margin: 0 4px 0 0 !important;
  font-size: 0;
}
.ui-paginator .ui-paginator-next .ui-icon-seek-next:before{
  font-size: 12px;
  content:"進む";
}
.ui-paginator .ui-paginator-last,
.ui-paginator .ui-paginator-last.ui-state-hover {
  font-size: 0;
}
.ui-paginator .ui-paginator-last .ui-icon-seek-end:before{
  font-size: 12px;
  content:"最後へ";
}
.ui-paginator .ui-paginator-first.ui-state-hover .ui-icon-seek-first:before,
.ui-paginator .ui-paginator-prev.ui-state-hover .ui-icon-seek-prev:before,
.ui-paginator .ui-paginator-next.ui-state-hover .ui-icon-seek-next:before,
.ui-paginator .ui-paginator-last.ui-state-hover .ui-icon-seek-end:before,
.ui-paginator .ui-paginator-first.ui-state-focus .ui-icon-seek-first:before,
.ui-paginator .ui-paginator-prev.ui-state-focus .ui-icon-seek-prev:before,
.ui-paginator .ui-paginator-next.ui-state-focus .ui-icon-seek-next:before,
.ui-paginator .ui-paginator-last.ui-state-focus .ui-icon-seek-end:before {
  color: #ffffff;
}
.ui-paginator .ui-paginator-prev{
  margin: 0 0 0 4px !important;
}
.ui-paginator .ui-state-active,
.ui-paginator .ui-paginator-pages .ui-state-active {
  color: #FFFFFF !important;
  background-repeat: no-repeat;
  background-color: #444444;
  font-size: 12px;
  border-radius: 100px !important;
  margin: 0 4px;
}
.ui-paginator .ui-state-hover,
.ui-paginator .ui-paginator-pages .ui-state-hover {
  color: #FFFFFF !important;
  background-repeat: no-repeat;
  background-color: #444444;
  font-size: 12px;
  border-radius: 100px !important;
  margin: 0 4px;
  opacity: 0.8;
}
.ui-paginator .ui-paginator-rpp-options {
  outline: none;
  color: #FFFFFF !important;
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-size: 12px !important;
  background-color: #444444;
  border: solid 1px transparent;
}
.ui-paginator .ui-paginator-rpp-options.ui-state-focus {
  background-color: #444444 !important;
}
/*Style For PickList ------------------------------------------------------------------------------------- */
.ui-picklist {
  display: table !important;
  font-size: 14px;
  color: #444444;
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.ui-picklist .ui-picklist-filter {
  width: 81.5% !important;
  padding: 8px 6px 8px 30px !important;
}
.ui-picklist .ui-picklist-filter-container .ui-icon {
  background-image: url("/common/javax.faces.resource/images/search-icon.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 100%;
  width: 28px;
  height: 28px;
  left: 3px;
  top: 5px !important;
}
.ui-picklist .ui-picklist-buttons {
  display: table-cell;
  float: none;
  vertical-align: middle;
}
.ui-picklist .ui-picklist-buttons .ui-button {
  border-radius: 2px !important;
  -webkit-border-radius: 2px !important;
  -moz-border-radius: 2px !important;
}
.ui-picklist .ui-picklist-caption {
  border: solid 1px #E0E0E0;
  background-color: #1D50A2;
  color: #FFFFFF;
  padding: 10px 0px !important;
  margin: 6px 0px 0px 0px;
  font-size: 14px;
  /*    .transition(all 0.5s ease);  */
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-weight: lighter;
}
.ui-picklist .ui-picklist-list {
  border: solid 1px #E0E0E0;
  padding: 0px !important;
  background-color: #FFFFFF;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  border-top: 0px #FFFFFF !important;
}
.ui-picklist .ui-picklist-list .ui-picklist-item {
  padding: 10px 8px !important;
  color: #444444;
  border-radius: 0px;
  font-size: 14px;
  margin: 0px;
}
.ui-picklist .ui-picklist-list .ui-state-hover {
  background-color: #f4f4f4 !important;
  color: #03A9F4;
}
.ui-picklist .ui-picklist-list .ui-state-hover .ui-chkbox-box {
  background-color: #FBFCFD !important;
}
.ui-picklist .ui-picklist-list .ui-state-highlight {
  background-color: #f4f4f4 !important;
  color: #03A9F4;
}
.ui-picklist .ui-picklist-list .ui-state-hover table tbody tr td {
  color: #03A9F4 !important;
}
.ui-picklist .ui-picklist-list .ui-state-hover table tbody tr td .ui-chkbox-box {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
.ui-picklist .ui-picklist-list .ui-state-highlight table tbody tr td {
  color: #03A9F4 !important;
}
.ui-picklist .ui-picklist-buttons-cell .ui-picklist-button-move-up .ui-icon,
.ui-picklist .ui-picklist-source-controls .ui-picklist-button-move-up .ui-icon {
  background-image: url("/common/javax.faces.resource/images/uparrow.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 75%;
  left: 37% !important;
  margin-left: -8px;
  top: 32% !important;
  margin-top: -8px;
  width: 26px;
  height: 26px;
}
.ui-picklist .ui-picklist-buttons-cell .ui-picklist-button-move-top .ui-icon,
.ui-picklist .ui-picklist-source-controls .ui-picklist-button-move-top .ui-icon {
  background-image: url("/common/javax.faces.resource/images/toparrow.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 70%;
  left: 37% !important;
  margin-left: -8px;
  top: 39% !important;
  margin-top: -8px;
  width: 26px;
  height: 26px;
}
.ui-picklist .ui-picklist-buttons-cell .ui-picklist-button-move-down .ui-icon,
.ui-picklist .ui-picklist-source-controls .ui-picklist-button-move-down .ui-icon {
  background-image: url("/common/javax.faces.resource/images/downarrow-white.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 75%;
  left: 37% !important;
  margin-left: -8px;
  top: 37% !important;
  margin-top: -8px;
  width: 26px;
  height: 26px;
}
.ui-picklist .ui-picklist-buttons-cell .ui-picklist-button-move-bottom .ui-icon,
.ui-picklist .ui-picklist-source-controls .ui-picklist-button-move-bottom .ui-icon {
  background-image: url("/common/javax.faces.resource/images/bottomarrow.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 70%;
  left: 37% !important;
  margin-left: -8px;
  top: 33% !important;
  margin-top: -8px;
  width: 26px;
  height: 26px;
}
.ui-picklist .ui-picklist-buttons-cell .ui-picklist-button-add .ui-icon,
.ui-picklist td .ui-picklist-button-add .ui-icon {
  background-image: url("/common/javax.faces.resource/images/right-arrow-white.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 75%;
  left: 37% !important;
  margin-left: -8px;
  top: 36% !important;
  margin-top: -8px;
  width: 26px;
  height: 26px;
}
.ui-picklist .ui-picklist-buttons-cell .ui-picklist-button-add-all .ui-icon,
.ui-picklist td .ui-picklist-button-add-all .ui-icon {
  background-image: url("/common/javax.faces.resource/images/right-end-arrow.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 70%;
  left: 37% !important;
  margin-left: -8px;
  top: 34% !important;
  margin-top: -8px;
  width: 26px;
  height: 26px;
}
.ui-picklist .ui-picklist-buttons-cell .ui-picklist-button-remove .ui-icon,
.ui-picklist td .ui-picklist-button-remove .ui-icon {
  background-image: url("/common/javax.faces.resource/images/left-arrow-white.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 75%;
  left: 36% !important;
  margin-left: -8px;
  top: 35% !important;
  margin-top: -8px;
  width: 26px;
  height: 26px;
}
.ui-picklist .ui-picklist-buttons-cell .ui-picklist-button-remove-all .ui-icon,
.ui-picklist td .ui-picklist-button-remove-all .ui-icon {
  background-image: url("/common/javax.faces.resource/images/left-end-arrow.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 70%;
  left: 37% !important;
  margin-left: -8px;
  top: 34% !important;
  margin-top: -8px;
  width: 26px;
  height: 26px;
}
.ui-picklist-vertical .ui-picklist-buttons-cell .ui-picklist-button-move-up .ui-icon,
.ui-picklist .ui-picklist-target-controls .ui-picklist-button-move-up .ui-icon {
  background-image: url("/common/javax.faces.resource/images/uparrow.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 70%;
  left: 37% !important;
  margin-left: -8px;
  top: 32% !important;
  margin-top: -8px;
  width: 26px;
  height: 26px;
}
.ui-picklist-vertical .ui-picklist-buttons-cell .ui-picklist-button-move-top .ui-icon,
.ui-picklist .ui-picklist-target-controls .ui-picklist-button-move-top .ui-icon {
  background-image: url("/common/javax.faces.resource/images/toparrow.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 70%;
  left: 37% !important;
  margin-left: -8px;
  top: 36% !important;
  margin-top: -8px;
  width: 26px;
  height: 26px;
}
.ui-picklist-vertical .ui-picklist-buttons-cell .ui-picklist-button-move-down .ui-icon,
.ui-picklist .ui-picklist-target-controls .ui-picklist-button-move-down .ui-icon {
  background-image: url("/common/javax.faces.resource/images/downarrow-white.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 75%;
  left: 36% !important;
  margin-left: -8px;
  top: 37% !important;
  margin-top: -8px;
  width: 26px;
  height: 26px;
}
.ui-picklist-vertical .ui-picklist-buttons-cell .ui-picklist-button-move-bottom .ui-icon,
.ui-picklist .ui-picklist-target-controls .ui-picklist-button-move-bottom .ui-icon {
  background-image: url("/common/javax.faces.resource/images/bottomarrow.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 70%;
  left: 37% !important;
  margin-left: -8px;
  top: 33% !important;
  margin-top: -8px;
  width: 26px;
  height: 26px;
}
.ui-picklist-vertical .ui-picklist-buttons-cell .ui-picklist-button-add .ui-icon {
  background-image: url("/common/javax.faces.resource/images/downarrow.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 75%;
  left: 36% !important;
  margin-left: -8px;
  top: 35% !important;
  margin-top: -8px;
  width: 26px;
  height: 26px;
}
.ui-picklist-vertical .ui-picklist-buttons-cell .ui-picklist-button-add-all .ui-icon {
  background-image: url("/common/javax.faces.resource/images/bottomarrow.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 70%;
  left: 37% !important;
  margin-left: -8px;
  top: 34% !important;
  margin-top: -8px;
  width: 26px;
  height: 26px;
}
.ui-picklist-vertical .ui-picklist-buttons-cell .ui-picklist-button-remove .ui-icon {
  background-image: url("/common/javax.faces.resource/images/uparrow.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 70%;
  left: 36% !important;
  margin-left: -8px;
  top: 34% !important;
  margin-top: -8px;
  width: 26px;
  height: 26px;
}
.ui-picklist-vertical .ui-picklist-buttons-cell .ui-picklist-button-remove-all .ui-icon {
  background-image: url("/common/javax.faces.resource/images/toparrow.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 70%;
  left: 37% !important;
  margin-left: -8px;
  top: 34% !important;
  margin-top: -8px;
  width: 26px;
  height: 26px;
}
/*Style For UI OrderList ------------------------------------------------------------------------------------- */
.ui-orderlist {
  border: solid 1px #E0E0E0;
  border-radius: 2px !important;
  -webkit-border-radius: 2px !important;
  -moz-border-radius: 2px !important;
  background-color: #FFFFFF;
  color: #444444;
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.ui-orderlist .ui-orderlist-list {
  margin-top: 10px !important;
}
.ui-orderlist .ui-orderlist-caption {
  color: #444444;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-size: 14px;
}
.ui-orderlist .ui-orderlist-list .ui-orderlist-item {
  padding: 10px 8px !important;
  font-size: 14px;
  background-image: url("/common/javax.faces.resource/images/move-gray.svg.xhtml?ln=primefaces-rio");
  background-position: center right !important;
  background-repeat: no-repeat;
  background-size: 20px;
  border-radius: 0px;
  color: #444444;
  margin: 0px !important;
}
.ui-orderlist .ui-orderlist-list .ui-state-hover {
  background-color: #f4f4f4;
  color: #03A9F4 !important;
}
.ui-orderlist .ui-orderlist-list .ui-state-hover table tr td {
  color: #03A9F4 !important;
}
.ui-orderlist .ui-orderlist-list .ui-state-highlight {
  background-color: #f4f4f4;
  color: #03A9F4;
}
.ui-orderlist .ui-orderlist-list .ui-state-highlight table tr td {
  color: #03A9F4 !important;
}
.ui-orderlist .ui-orderlist-controls .ui-button {
  border-radius: 2px !important;
}
.ui-orderlist .ui-orderlist-controls .ui-orderlist-button-move-up .ui-icon {
  background-image: url("/common/javax.faces.resource/images/uparrow.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 70%;
  left: 38% !important;
  margin-left: -8px;
  top: 36% !important;
  margin-top: -8px;
  width: 26px;
  height: 26px;
}
.ui-orderlist .ui-orderlist-controls .ui-orderlist-button-move-top .ui-icon {
  background-image: url("/common/javax.faces.resource/images/toparrow.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 70%;
  left: 38% !important;
  margin-left: -8px;
  top: 36% !important;
  margin-top: -8px;
  width: 26px;
  height: 26px;
}
.ui-orderlist .ui-orderlist-controls .ui-orderlist-button-move-down .ui-icon {
  background-image: url("/common/javax.faces.resource/images/downarrow-white.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 70%;
  left: 38% !important;
  margin-left: -8px;
  top: 38% !important;
  margin-top: -8px;
  width: 26px;
  height: 26px;
}
.ui-orderlist .ui-orderlist-controls .ui-orderlist-button-move-bottom .ui-icon {
  background-image: url("/common/javax.faces.resource/images/bottomarrow.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 70%;
  left: 38% !important;
  margin-left: -8px;
  top: 36% !important;
  margin-top: -8px;
  width: 26px;
  height: 26px;
}
/*Style For UI Carousel --------------------------------------------------------------------------------------*/
.ui-carousel {
  border: solid 1px #E0E0E0;
  padding: 2px 1px !important;
  background-color: #FFFFFF;
  color: #444444;
  border-radius: 2px;
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.ui-carousel .ui-carousel-header {
  background-color: #5C6BC0;
  height: auto !important;
  padding: 10px 20px !important;
  border-radius: 1px;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  color: #FFFFFF;
  font-size: 14px;
  margin: -2px -1px !important;
  font-weight: lighter;
}
.ui-carousel .ui-carousel-dropdown {
  margin-top: 8px !important;
}
.ui-carousel .ui-carousel-header .ui-carousel-header-title {
  width: 40% !important;
  padding-top: 5px !important;
}
.ui-carousel .ui-carousel-header .ui-carousel-next-button {
  background-image: url("/common/javax.faces.resource/images/right-arrow-white.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 85%;
  width: 21px;
  height: 21px;
  margin-top: 5px;
  padding: 3px;
  border-radius: 30px;
}
.ui-carousel .ui-carousel-header .ui-carousel-prev-button {
  background-image: url("/common/javax.faces.resource/images/left-arrow-white.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 85%;
  width: 21px;
  height: 21px;
  margin-top: 5px;
  padding: 3px;
  border-radius: 30px;
}
.ui-carousel .ui-carousel-header .ui-carousel-next-button:hover,
.ui-carousel .ui-carousel-header .ui-carousel-prev-button:hover {
  background-color: #6978C8;
  border-radius: 30px !important;
}
.ui-carousel .ui-carousel-header .ui-carousel-page-links {
  margin-top: 11px;
}
.ui-carousel .ui-carousel-header .ui-carousel-page-links .ui-carousel-page-link {
  background-image: url("/common/javax.faces.resource/images/blank.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 140%;
}
.ui-carousel .ui-carousel-item {
  border: 1px solid transparent;
}
.ui-carousel .ui-carousel-header .ui-carousel-page-links .ui-icon-radio-on {
  background-image: url("/common/javax.faces.resource/images/blank-active.svg.xhtml?ln=primefaces-rio");
}
.ui-carousel .ui-carousel-viewport {
  padding-top: 5px;
}
.ui-carousel .ui-carousel-footer {
  height: auto !important;
  background-color: #f4f4f4;
  margin: 0px;
  padding: 10px 15px !important;
  margin: 3px -1px -2px -1px !important;
  font-size: 14px;
  color: #7A8F98;
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
  -webkit-border-top-left-radius: 0px !important;
  -webkit-border-top-right-radius: 0px !important;
  -moz-border-top-left-radius: 0px !important;
  -moz-border-top-right-radius: 0px !important;
}
/*Style For Schedule (5.1) --------------------------------------------------------------------------------------*/
.fc {
  border: solid 1px #d1d3d4;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  /*    .transition(all 0.5s ease);  */
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
  background-color: #FBFCFD;
  color: #778D9B;
}
.fc-header {
  background-color: #19a69a;
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  border-top-left-radius: 1px !important;
  border-top-right-radius: 1px !important;
  -webkit-border-top-left-radius: 1px !important;
  -webkit-border-top-right-radius: 1px !important;
  -moz-border-top-left-radius: 1px !important;
  -moz-border-top-right-radius: 1px !important;
}
.fc-header-center {
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif !important;
}
.fc-header-left {
  width: 30%;
}
.fc-header-right {
  width: 30%;
}
.fc-header tbody tr td {
  vertical-align: middle;
  padding: 3.5% 1.5%;
}
.fc-header tbody tr td .fc-button {
  margin: 0px 2px !important;
  font-size: 16px;
  overflow: hidden;
  height: auto !important;
  color: #FFFFFF;
  padding: 2px 3px !important;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border: solid 1px transparent;
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.fc-header tbody tr td .ui-state-hover,
.fc-header tbody tr td .ui-state-active {
  color: #FFFFFF;
  background-repeat: no-repeat;
  border-bottom: solid 1px #FFFFFF;
}
.fc-header tbody tr td .fc-button .fc-icon-wrap .ui-icon {
  margin: 5px;
}
.fc-header tbody tr td .fc-button-next .fc-icon-wrap .ui-icon {
  background-image: url("/common/javax.faces.resource/images/right-one-arrow-for-data.svg.xhtml?ln=primefaces-rio") !important;
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 130%;
}
.fc-header tbody tr td .fc-button-prev .fc-icon-wrap .ui-icon {
  background-image: url("/common/javax.faces.resource/images/left-one-arrow-for-data.svg.xhtml?ln=primefaces-rio") !important;
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 130%;
}
.fc-header tbody tr td span h2 {
  font-size: 26px;
  margin: 0px;
  color: #FFFFFF;
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-weight: normal;
}
.fc-content {
  padding: 0px;
}
.fc-content .fc-event {
  background-color: #ffff00;
  color: #444444;
  border: solid 1px #9bce5f;
}
.fc-content .fc-event .fc-event-inner {
  margin: 3px;
}
.fc-content .fc-view-month table {
  border-collapse: inherit;
  border-spacing: 0px;
}
.fc-content table thead tr th {
  background-color: #0288d1;
  color: #7eccc5;
  border-collapse: separate;
  padding: 10px;
  border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-weight: bold;
}
.fc-content table thead tr .fc-sun,
.fc-content table thead tr .fc-sat {
  background-color: #1D50A2;
}
.fc-content table tbody tr td {
  border: solid 1px #e5ebf0;
  color: #546E7A;
  border-collapse: separate;
  padding: 2px;
  border-radius: 2px !important;
  -webkit-border-radius: 2px !important;
  -moz-border-radius: 3px !important;
  /*    .transition(all 0.5s ease);  */
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
  border-top-width: 1px !important;
}
.fc-content .fc-view-month .ui-state-highlight {
  border-color: #19a69a;
}
.fc-content .fc-view-agendaWeek .ui-state-highlight {
  background-color: #e0e0e0;
  color: #e0e0e0;
}
.fc-agenda-slots tbody tr .ui-widget-header,
.fc-agenda-allday tbody tr .ui-widget-header {
  color: #778D9B !important;
}
/*Style For Schedule (V. 5.1.12 +) --------------------------------------------------------------------------------------*/
.fc {
  border: solid 1px #E0E0E0;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  /*     .transition(all 0.3s ease); */
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
  background-color: #FFFFFF;
  color: #444444;
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.fc-toolbar {
  background-color: #1D50A2;
  padding: 3% 1.5%;
  margin: 0px !important;
  border-top-left-radius: 1px !important;
  border-top-right-radius: 1px !important;
  -webkit-border-top-left-radius: 1px !important;
  -webkit-border-top-right-radius: 1px !important;
  -moz-border-top-left-radius: 1px !important;
  -moz-border-top-right-radius: 1px !important;
}
.fc-toolbar button {
  border: solid 1px #1D50A2;
  background-color: #1D50A2;
  color: #FFFFFF;
  border-radius: 0px !important;
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  padding: 3px 5px !important;
  font-size: 14px;
}
.fc-toolbar button.ui-state-hover {
  background-color: #1D50A2;
}
.fc-toolbar .fc-prev-button .ui-icon {
  background-image: url("/common/javax.faces.resource/images/left-one-arrow-for-data.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 100%;
  width: 22px;
  height: 22px;
}
.fc-toolbar .fc-next-button .ui-icon {
  background-image: url("/common/javax.faces.resource/images/right-one-arrow-for-data.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 100%;
  width: 22px;
  height: 22px;
}
.fc-toolbar .fc-button-group button {
  margin: 0px 1px 1px 0px;
}
.fc-toolbar .ui-state-active,
.fc-toolbar .ui-state-hover {
  color: #FFFFFF;
  border-bottom: solid 1px #FFFFFF;
}
.fc-center {
  color: #FFFFFF;
  font-size: 14px !important;
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-weight: bold;
}
.fc-center h2 {
  font-weight: bold !important;
}
.fc-basic-view td.fc-week-number span,
.fc-basic-view td.fc-day-number {
  padding-right: 15px;
  padding-top: 7px !important;
  font-weight: bold;
}
.fc-day-grid .fc-week {
  border-right: solid 1px transparent !important;
}
.fc-view-container {
  padding: 0px;
}
.fc-view-container .fc-month-view > table {
  border-spacing: 0px !important;
}
.fc-view-container .fc-month-view > table > thead {
  background-color: #1D50A2;
  border-spacing: 0px;
}
.fc-agendaWeek-view .ui-widget-header {
  border-width: 0px;
}
.fc-agendaDay-view .ui-widget-header {
  border-width: 0px;
}
.fc-view-container .fc-month-view > table > thead > tr > td {
  border-width: 0px;
}
.fc-view-container .fc-event {
  background-color: #ffff00;
  color: #444444;
  border: solid 1px #ffff00;
}
.fc-view-container .fc-event .fc-event-inner {
  margin: 3px;
}
.fc-view-container .fc-month-view table {
  border-collapse: inherit;
  border-spacing: 1px;
}
.fc-view-container table thead tr th {
  background-color: #1D50A2;
  color: #FFFFFF !important;
  border-collapse: separate;
  padding: 15px 0px;
  border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border: 1px;
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-weight: bold;
}
.fc-view-container table thead tr .fc-sun,
.fc-view-container table thead tr .fc-sat {
  background-color: #1D50A2;
}
.fc-view-container .fc-content-skeleton table thead tr .fc-sun,
.fc-view-container .fc-content-skeleton table thead tr .fc-sat {
  background-color: transparent;
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-weight: bold;
}
.fc-view-container table tbody tr .fc-day {
  border: solid 1px #f4f4f4 !important;
  color: #444444;
  border-collapse: separate;
  padding: 5px;
  border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  /*    .transition(all 0.5s ease);  */
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
  border-top-width: 1px !important;
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-weight: normal;
}
.fc-view-container .fc-month-view table tbody tr .fc-day:hover {
  border-color: #0288d1 !important;
  color: #0288d1;
}
.fc-view-container .fc-month-view .fc-bg table tbody tr .fc-today {
  border-color: #0288d1 !important;
  color: #0288d1;
}
.fc-view-container .fc-agendaWeek-view .fc-bg table tbody tr .fc-today {
  background-color: #E0E0E0;
  color: #0288d1;
}
.fc-view-container table tbody tr > .ui-widget-content {
  border-width: 0px;
}
.fc-slats table tbody tr td {
  border-width: 1px !important;
  border-color: #E5EBF0;
}
.fc-agenda-slots tbody tr .ui-widget-header,
.fc-agenda-allday tbody tr .ui-widget-header {
  color: #778D9B !important;
}
.fc-daygrid .fc-row {
  border-right: 0px !important;
}
hr.ui-widget-header {
  background-color: #E5EBF0;
  border-width: 0px;
}
.fc-more-cell .fc-more {
  color: #27aae1;
  text-decoration: underline;
}
.fc-popover {
  border: solid 1px #D1D3D4;
  background-color: #FBFCFD;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.fc-popover .fc-header {
  padding: 5px 7px !important;
  color: #778D9B;
}
.fc-popover .fc-header .fc-close {
  background-image: url("/common/javax.faces.resource/images/delete-gray.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 100%;
}
/*Style For Tree --------------------------------------------------------------------------------------*/
.ui-tree {
  border: solid 1px #E0E0E0;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  color: #444444;
  /*    .transition(all 0.5s ease);  */
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
  background-color: #FFFFFF;
  padding: 10px;
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.ui-tree .ui-treenode {
  padding: 3px !important;
}
.ui-tree .ui-treenode .ui-treenode-label.ui-state-hover {
  color: #03A9F4;
}
.ui-tree .ui-tree-droppoint.ui-state-hover {
  background-color: #F7941E;
}
.ui-tree .ui-treenode .ui-state-highlight {
  color: #03A9F4;
}
.ui-tree .ui-treenode .ui-treenode-leaf-icon {
  /*background-image:url("/common/javax.faces.resource/images/treenode-gray.svg.xhtml?ln=primefaces-rio");*/
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 90%;
}
.ui-tree .ui-treenode .ui-icon-grip-dotted-vertical {
  background-image: url("/common/javax.faces.resource/images/treenode-dots-gray.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 100%;
}
.ui-tree .ui-treenode-content {
  line-height: 16px;
}
.ui-tree .ui-treenode-content .ui-chkbox-box {
  margin-top: 0px;
}
.ui-tree .ui-treenode .ui-treenode-label {
  margin: 0px;
  padding: 2px 6px;
  font-size: 14px;
  border-radius: 3px;
}
.ui-tree .ui-treenode-content .ui-chkbox-box .ui-icon-minus {
  background-image: url("/common/javax.faces.resource/images/minus-sign-navy.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 100%;
  margin-top: 0px;
}
.ui-tree .ui-treenode-icon {
  width: 20px;
  height: 20px;
}
.ui-tree .ui-icon {
  margin-right: 3px;
}
.ui-tree .ui-icon-triangle-1-e {
  background-image: url("/common/javax.faces.resource/images/rightarrow-navy.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 120%;
}
.ui-tree .ui-icon-triangle-1-s {
  background-image: url("/common/javax.faces.resource/images/downarrow-navy.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 130%;
}
.ui-tree .ui-icon-triangle-1-w {
  background-image: url("/common/javax.faces.resource/images/leftarrow-navy.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 120%;
}
.ui-tree .ui-icon-folder-collapsed {
  background-image: url("/common/javax.faces.resource/images/folder-close-navy.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 140%;
}
.ui-tree .ui-icon-folder-open {
  background-image: url("/common/javax.faces.resource/images/folder-open-navy.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 160%;
}
.ui-tree .ui-icon-document {
  background-image: url("/common/javax.faces.resource/images/document-navy.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 160%;
}
.ui-tree .ui-icon-note {
  background-image: url("/common/javax.faces.resource/images/note-navy.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 150%;
}
.ui-tree .ui-icon-image {
  background-image: url("/common/javax.faces.resource/images/image-navy.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 150%;
}
.ui-tree .ui-icon-video {
  background-image: url("/common/javax.faces.resource/images/video-navy.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 160%;
}
.ui-tree .ui-icon-music {
  background-image: url("/common/javax.faces.resource/images/music-navy.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 160%;
}
/*Style For TreeTable --------------------------------------------------------------------------------------*/
.ui-treetable {
  border: solid 1px #E0E0E0;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  color: #778D9B !important;
  background-color: #FFFFFF;
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.ui-treetable table tbody tr td .ui-chkbox-box {
  margin-top: 0px;
  width: 12px !important;
  height: 12px !important;
}
.ui-treetable table tbody tr td .ui-chkbox-box .ui-icon {
  width: 3px;
  height: 6px;
  border-bottom: solid 2px transparent;
  border-right: solid 2px transparent;
}
.ui-treetable table tbody tr td .ui-chkbox-box .ui-icon-check {
  width: 5px;
  height: 9px;
  border-bottom: solid 2px #26C6DA;
  border-right: solid 2px #26C6DA;
  margin-top: -5px;
}
.ui-treetable table tbody tr td .ui-chkbox-box .ui-icon-minus {
  width: 12px;
  height: 12px;
}
.ui-treetable .ui-treetable-header {
  background-color: #0288d1;
  border-top-left-radius: 1px !important;
  border-top-right-radius: 1px !important;
  font-size: 14px;
  font-weight: normal !important;
  -webkit-border-top-left-radius: 1px !important;
  -webkit-border-top-right-radius: 1px !important;
  -moz-border-top-left-radius: 1px !important;
  -moz-border-top-right-radius: 1px !important;
  color: #FFFFFF !important;
  padding: 12px 5px !important;
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.ui-treetable table {
  margin: 0px 0px 1px;
  font-size: 14px;
  line-height: 14px;
}
.ui-treetable .ui-treetable-scrollable-body table {
  margin: 0px !important;
}
.ui-treetable .ui-treetable-scrollable-header-box table {
  margin-bottom: 0px !important;
}
.ui-treetable table thead tr th {
  color: #FFFFFF;
  background-color: #0288d1;
  border: solid 1px #0288d1;
  outline: none;
  padding: 12px 5px;
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-size: 14px;
  height: 0px;
  min-height: 0px;
  padding: 10px;
  border: 0px;
}
.ui-treetable table thead tr th.ui-state-active,
.ui-treetable table thead tr th.ui-state-hover {
  background-color: #0288d1;
  color: #FFFFFF;
}
.ui-treetable table tbody tr td {
  color: #444444;
  border: dashed 1px #C5D5E2;
  /*    .transition(all 0.5s ease);  */
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
  padding: 10px 7px;
  font-size: 14px;
}
.ui-treetable table tbody .ui-state-hover td {
  color: #03A9F4 !important;
  background-color: #f4f4f4;
}
.ui-treetable table tbody .ui-state-highlight td {
  color: #03A9F4 !important;
  background-color: #EFF3F5;
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.ui-treetable .ui-treetable-selectable-node .ui-chkbox.ui-selection {
  float: left;
}
.ui-treetable .ui-icon {
  margin-right: 7px;
}
.ui-treetable .ui-icon-triangle-1-e {
  background-image: url("/common/javax.faces.resource/images/rightarrow-navy.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 110%;
}
.ui-treetable .ui-icon-triangle-1-s {
  background-image: url("/common/javax.faces.resource/images/downarrow-navy.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 110%;
}
.ui-treetable .ui-icon-triangle-1-s {
  background-image: url("/common/javax.faces.resource/images/downarrow-navy.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 110%;
}
.ui-treetable .ui-chkbox-box .ui-icon-minus {
  background-image: url("/common/javax.faces.resource/images/minus-sign-navy.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 110%;
}
.ui-treetable table thead tr th .ui-icon-triangle-1-n {
  background-image: url("/common/javax.faces.resource/images/uparrow.svg.xhtml?ln=primefaces-rio") !important;
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 110%;
}
.ui-treetable table thead tr th .ui-icon-triangle-1-s {
  background-image: url("/common/javax.faces.resource/images/downarrow-white.svg.xhtml?ln=primefaces-rio") !important;
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 110%;
}
.ui-treetable table thead tr th .ui-icon-carat-2-n-s {
  background-image: url("/common/javax.faces.resource/images/updown-navy-arrow-softgreen.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 110%;
}
.ui-treetable table thead tr th.ui-state-hover .ui-icon-carat-2-n-s {
  background-image: url("/common/javax.faces.resource/images/updown-arrow.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 110%;
}
.ui-treetable-scrollable {
  border: 0px;
}
.ui-treetable-scrollable:hover {
  border: none;
}
.ui-tree-horizontal .ui-treenode {
  padding: 5px 40px !important;
}
.ui-tree-horizontal .ui-treenode .ui-state-hover {
  color: #03A9F4;
}
.ui-tree-horizontal .ui-treenode .ui-state-highlight {
  color: #03A9F4;
  border: solid 1px #03A9F4 !important;
}
.ui-tree-horizontal .ui-treenode-collapsed,
.ui-tree-horizontal .ui-treenode-leaf {
  padding: 5px 0px 5px 40px !important;
}
.ui-tree-horizontal .ui-treenode .ui-treenode-content {
  border: solid 1px #E0E0E0;
  background-color: #FFFFFF;
  border-radius: 2px;
}
.ui-tree-horizontal .ui-icon-plus {
  background-image: url("/common/javax.faces.resource/images/plus-sign-navy.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 115%;
  float: left;
  margin-top: 1px;
}
.ui-tree-horizontal .ui-icon-minus {
  background-image: url("/common/javax.faces.resource/images/minus-sign-navy.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 100%;
  float: left;
  margin-top: 1px;
}
.ui-treetable-footer {
  height: auto !important;
  background-color: #f4f4f4;
  padding: 10px 10px !important;
  font-size: 14px;
  color: #7A8F98;
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
  -webkit-border-top-left-radius: 0px !important;
  -webkit-border-top-right-radius: 0px !important;
  -moz-border-top-left-radius: 0px !important;
  -moz-border-top-right-radius: 0px !important;
}
.ui-treetable-resizable th.ui-state-hover.ui-sortable-column,
.ui-treetable-resizable th {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
.ui-treetable .ui-column-resizer-helper {
  background-color: #33AFDE;
}
/*Style For UI Accordion --------------------------------------------------------------------------------------*/
.ui-accordion {
  border: solid 1px #E0E0E0 !important;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  background-color: #FFFFFF;
  padding: 16px 40px !important;
  width: auto !important;
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.ui-accordion-header {
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  font-size: 16px !important;
  color: #444444 !important;
  background-color: transparent !important;
  padding: 0 !important;
  font-weight: bold !important;
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
/*  border-bottom: 2px solid #1D50A2;
  border-left: 10px solid #1D50A2; */
}
.ui-accordion .ui-accordion-header.ui-state-hover,
.ui-accordion .ui-accordion-header.ui-state-active {
  background-color: #1D50A2;
  color: #FFFFFF;
}
.ui-accordion .ui-accordion-header .ui-icon {
  /*background-image: url("/common/javax.faces.resource/images/downarrow-blue.svg.xhtml?ln=primefaces-rio");*/
  background-position: right !important;
  background-size: 0%;
  left: 1px !important;
  width: 1px;
}
.ui-accordion .ui-accordion-header.ui-state-active .ui-icon {
  /*background-image: url("/common/javax.faces.resource/images/uparrow-blue.svg.xhtml?ln=primefaces-rio");*/
  background-position: right !important;
  background-size: 0%;
  left: 1px !important;
  width: 1px;
}
.ui-accordion .ui-accordion-content {
  overflow: hidden !important;
  margin: 16px 0 0 0;
  padding: 0px;
  font-size: 16px;
  color: #444444;
}

/*Style For UI PanelGrid --------------------------------------------------------------------------------------*/
.ui-panelgrid {
  border: solid 1px transparent;
  background-color: transparent;
  font-size: 14px;
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.ui-panelgrid-content {
  color: #444444;
}
.ui-panelgrid thead tr td,
.ui-panelgrid tfoot tr td {
  color: #1D50A2;
  background-color: #EFF3F5;
  border: solid 1px #FFFFFF !important;
}
.ui-panelgrid tbody tr td {
  border-color: #BBCAE3 transparent transparent transparent !important;
}
.ui-panelgrid tbody tr:first-child td {
  border-style: none;
}
@media (max-width: 35em) {
  .ui-panelgrid .ui-grid-responsive .ui-grid-row {
    border-color: #FFFFFF !important;
  }
}
/*Style For UI ScrollPanel --------------------------------------------------------------------------------------*/
.ui-scrollpanel {
  border: solid 1px #E0E0E0;
  padding: 5px !important;
  color: #444444;
  background-color: #FFFFFF;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  font-size: 14px;
}
.ui-scrollpanel .ui-scrollpanel-vbar {
  width: 10px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}
.ui-scrollpanel .ui-scrollpanel-hbar {
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}
.ui-scrollpanel .ui-scrollpanel-vbar .ui-scrollpanel-track .ui-scrollpanel-drag,
.ui-scrollpanel .ui-scrollpanel-hbar .ui-scrollpanel-track .ui-scrollpanel-drag {
  background-color: #778D9B;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}
/*Style For UI ToolBar --------------------------------------------------------------------------------------*/
.ui-toolbar {
  border: solid 0px #E0E0E0;
  background-color: transparent;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  padding: 5px !important;
  margin-right: 15px;
}
/*Style For UI NotificationBar --------------------------------------------------------------------------------------*/
.ui-notificationbar {
  z-index: 99999999999999;
  background-color: #CE2246;
  color: #FFFFFF;
  height: 44px !important;
}
/*Style For Ribbon And TabView --------------------------------------------------------------------------------------*/
.ui-tabs .ui-tabs-panel {
  padding: 10px !important;
}
.ui-tabs-top {
  border: solid 1px #E0E0E0;
  background-color: transparent;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  padding: 0px !important;
}
.ui-tabs-top .ui-tabs-nav {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: 1px;
  border-top-left-radius: 1px;
  background-color: transparent;
  border-bottom: solid 2px #4270D0;
}
.ui-tabs-top .ui-tabs-navscroller {
  border-top-right-radius: 1px;
  border-top-left-radius: 1px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
.ui-tabs-top .ui-tabs-navscroller .ui-tabs-nav {
  border-top-right-radius: 1px;
  border-top-left-radius: 1px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
}
.ui-tabs-top .ui-tabs-navscroller .ui-tabs-navscroller-btn {
  height: 58px;
  padding: 0px 4px;
  background-color: #4270D0;
}
.ui-tabs-top .ui-tabs-navscroller .ui-tabs-navscroller-btn:hover {
  background-color: #2A5BC5;
}
.ui-tabs-top .ui-tabs-navscroller .ui-tabs-navscroller-btn-left {
  border-top-right-radius: 1px;
  border-top-left-radius: 1px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  left: 0px;
  border-right: solid 1px #2A5BC5;
}
.ui-tabs-top .ui-tabs-navscroller .ui-tabs-navscroller-btn-left .ui-icon {
  background-image: url("/common/javax.faces.resource/images/left-arrow-white.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 110%;
  margin-top: 19px;
}
.ui-tabs-top .ui-tabs-navscroller .ui-tabs-navscroller-btn-right {
  border-top-right-radius: 1px;
  border-top-left-radius: 1px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  right: 0px;
  border-left: solid 1px #2A5BC5;
}
.ui-tabs-top .ui-tabs-navscroller .ui-tabs-navscroller-btn-right .ui-icon {
  background-image: url("/common/javax.faces.resource/images/right-arrow-white.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 110%;
  margin-top: 19px;
}
.ui-tabs-top .ui-tabs-navscroller .ui-state-disabled {
  opacity: 1;
  filter: alpha(opacity=100);
}
.ui-tabs-top .ui-tabs-navscroller .ui-state-disabled .ui-icon {
  opacity: 0.4;
  filter: alpha(opacity=40);
}
.ui-tabs-top .ui-tabs-nav li {
  border: solid 1px transparent !important;
  top: 1px !important;
  font-size: 14px;
  margin: 0 .2em 1px 0 !important;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
.ui-tabs-top .ui-tabs-nav li .ui-icon-close {
  background-image: url("/common/javax.faces.resource/images/delete-soft-blue.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 100%;
  margin-top: 8px !important;
}
.ui-tabs-top .ui-tabs-nav li.ui-state-hover .ui-icon-close,
.ui-tabs-top .ui-tabs-nav li.ui-state-active .ui-icon-close {
  background-image: url("/common/javax.faces.resource/images/delete.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 100%;
  margin-top: 8px !important;
}
.ui-tabs-top .ui-tabs-nav li a {
  color: #FFFFFF !important;
  background-color: #90A4AE;
  font-size: 14px;
  padding: 14px 1em !important;
  border-radius: 10px !important;
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-weight: normal;
  text-align: center;
  min-width: 150px;
}
.ui-tabs-top .ui-tabs-nav li.ui-tabs-selected,
.ui-tabs-top .ui-tabs-nav li.ui-tabs-active,
.ui-tabs-top .ui-tabs-nav li.ui-state-hover {
  background-color: #1D50A2 !important;
  border: solid 1px #1D50A2 !important;
  border-radius: 10px;
  text-align: center;
  min-width: 150px;
}
.ui-tabs-top .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs-top .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs-top .ui-tabs-nav li.ui-state-hover a {
  background-color: #1D50A2;
  color: #FFFFFF !important;
  font-weight: bold;
}
.ui-tabs-top .ui-tabs-panels {
  background-color: transparent;
  margin: -1px 0px 3px 0px;
  border: solid 1px #FBFCFD;
  background-image: none !important;
}
.ui-tabs-panels {
  font-size: 15px;
}
.ui-tabs-top .ui-tabs-panels .ui-ribbon-groups {
  background-color: transparent;
  background: none;
  filter: none !important;
}
.ui-tabs-top .ui-tabs-panels .ui-tabs-panel {
  background-image: none !important;
  color: #444444;
}
.ui-tabs-top .ui-ribbon-group {
  border-right: solid 1px #C8D9E2;
  background-image: none !important;
  background-color: transparent !important;
  filter: none !important;
}
.ui-ribbon .ui-ribbon-group .ui-ribbon-group-content {
  display: table;
  height: auto !important;
  margin-bottom: 10px;
}
.ui-ribbon .ui-ribbon-group .ui-ribbon-group-label {
  color: #546E7A !important;
}
.ui-ribbon .ui-button {
  width: auto !important;
  height: auto !important;
  font-size: 14px;
  border: solid 1px transparent;
}
.ui-ribbon .ui-selectmanybutton {
  padding: 0px;
}
.ui-ribbon .ui-inputfield {
  background-color: #f4f4f4 !important;
}
.ui-ribbon .ui-selectonemenu {
  border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
}
.ui-ribbon .ui-button .ui-button-text {
  font-size: 14px !important;
}
.ui-ribbon .ui-selectonemenu-label {
  font-size: 14px !important;
}
.ui-ribbon .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
  margin-top: 12px !important;
}
.ui-ribbon-bigbutton .ui-icon,
.ui-ribbon-group .ui-icon {
  height: 16px !important;
  width: 16px !important;
  margin: -6px 0px 0px 0px !important;
  left: 15% !important;
  font-size: 13px !important;
  color: #fff;
}
.ui-colorpicker .ui-c span {
  border: solid 1px #fff !important;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
.ui-ribbon .ui-ribbon-group-content .ui-button {
  background-color: #0288d1;
  color: #FFFFFF;
}
.ui-ribbon .ui-ribbon-group-content .ui-button.ui-state-hover {
  background-color: #29A1EC;
}
.ui-ribbon .ui-ribbon-group-content .ui-button.ui-state-active {
  background-color: #29A1EC;
}
/* left */
.ui-tabs-left {
  border: solid 1px #C6D6DF;
  background-color: #FFFFFF;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  padding: 0px !important;
}
.ui-tabs-left .ui-tabs-nav {
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  background-color: #4270D0;
  border-right: solid 2px #4270D0;
}
.ui-tabs-left .ui-tabs-nav li {
  border: solid 1px transparent !important;
  top: 1px !important;
  font-size: 14px;
  margin-right: -1px !important;
}
.ui-tabs-left .ui-tabs-nav li a {
  color: #BBDEFB !important;
  width: auto !important;
  font-size: 14px;
  padding: 14px 10px !important;
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.ui-tabs-left .ui-tabs-nav li.ui-tabs-selected,
.ui-tabs-left .ui-tabs-nav li.ui-tabs-active,
.ui-tabs-left .ui-tabs-nav li.ui-state-hover {
  background-color: transparent !important;
  border: solid 1px transparent !important;
  border-radius: 0px;
  border-right: solid 5px #fff !important;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
.ui-tabs-left .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs-left .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs-left .ui-tabs-nav li.ui-state-hover a {
  color: #FFFFFF !important;
  padding: 14px 14px !important;
}
.ui-tabs-left .ui-tabs-nav li .ui-icon-close {
  background-image: url("/common/javax.faces.resource/images/delete-soft-blue.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 100%;
  margin-left: 7px !important;
  float: right !important;
}
.ui-tabs-left .ui-tabs-nav li.ui-state-hover .ui-icon-close,
.ui-tabs-left .ui-tabs-nav li.ui-state-active .ui-icon-close {
  background-image: url("/common/javax.faces.resource/images/delete.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 100%;
  margin-left: 7px !important;
  float: right !important;
}
/* right */
.ui-tabs-right {
  border: solid 1px #C6D6DF;
  background-color: #FFFFFF;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  padding: 0px !important;
}
.ui-tabs-right .ui-tabs-nav {
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  background-color: #4270D0;
  border-left: solid 1px #4270D0;
}
.ui-tabs-right .ui-tabs-nav li {
  border: solid 1px transparent !important;
  top: 1px !important;
  font-size: 14px;
  margin-right: -1px !important;
}
.ui-tabs-right .ui-tabs-nav li a {
  color: #BBDEFB !important;
  width: auto !important;
  font-size: 14px;
  padding: 14px 18px !important;
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.ui-tabs-right .ui-tabs-nav li.ui-tabs-selected,
.ui-tabs-right .ui-tabs-nav li.ui-tabs-active,
.ui-tabs-right .ui-tabs-nav li.ui-state-hover {
  background-color: transparent !important;
  border: solid 1px transparent !important;
  border-radius: 0px;
  border-left: solid 5px #fff !important;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
.ui-tabs-right .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs-right .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs-right .ui-tabs-nav li.ui-state-hover a {
  color: #FFFFFF !important;
  padding: 14px 14px !important;
}
.ui-tabs-right .ui-tabs-nav li .ui-icon-close {
  background-image: url("/common/javax.faces.resource/images/delete-soft-blue.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 100%;
  float: right !important;
}
.ui-tabs-right .ui-tabs-nav li.ui-state-hover .ui-icon-close,
.ui-tabs-right .ui-tabs-nav li.ui-state-active .ui-icon-close {
  background-image: url("/common/javax.faces.resource/images/delete.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 100%;
  float: right !important;
}
/* bottom */
.ui-tabs-bottom {
  border: solid 1px #E0E0E0;
  background-color: #FFFFFF;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  padding: 0px !important;
}
.ui-tabs-bottom .ui-tabs-nav {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  font-weight: normal;
  background-color: #4270D0;
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  border-top: solid 1px #4270D0;
}
.ui-tabs-bottom .ui-tabs-navscroller {
  border-bottom-right-radius: 1px;
  border-bottom-left-radius: 1px;
}
.ui-tabs-bottom .ui-tabs-navscroller .ui-tabs-nav {
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  padding-bottom: 1px;
}
.ui-tabs-bottom .ui-tabs-navscroller .ui-tabs-navscroller-btn {
  height: 57px;
  padding: 0px 4px;
  background-color: #4270D0;
}
.ui-tabs-bottom .ui-tabs-navscroller .ui-tabs-navscroller-btn:hover {
  background-color: #2A5BC5;
}
@media screen and (min-width: 0\0) {
  .ui-tabs-bottom .ui-tabs-navscroller .ui-tabs-navscroller-btn {
    height: 57px;
  }
  .ui-tabs-bottom .ui-tabs-navscroller .ui-tabs-nav {
    line-height: 1.3 !important;
  }
  .ui-tabs-top .ui-tabs-navscroller .ui-tabs-nav {
    line-height: 1.3 !important;
  }
}
@-moz-document url-prefix() {
  /* Firefox specific styles go here */
  .ui-tabs-bottom .ui-tabs-navscroller .ui-tabs-navscroller-btn {
    height: 57px;
  }
  .ui-tabs-top .ui-tabs-navscroller .ui-tabs-navscroller-btn {
    height: 59px;
  }
}
.ui-tabs-bottom .ui-tabs-navscroller .ui-tabs-navscroller-btn-left {
  border-bottom-right-radius: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 2px;
  left: 0px;
  border-right: solid 1px #2A5BC5;
}
.ui-tabs-bottom .ui-tabs-navscroller .ui-tabs-navscroller-btn-left .ui-icon {
  background-image: url("/common/javax.faces.resource/images/left-arrow-white.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 110%;
  margin-top: 22px;
}
.ui-tabs-bottom .ui-tabs-navscroller .ui-tabs-navscroller-btn-right {
  border-bottom-right-radius: 2px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  right: 0px;
  border-left: solid 1px #2A5BC5;
}
.ui-tabs-bottom .ui-tabs-navscroller .ui-tabs-navscroller-btn-right .ui-icon {
  background-image: url("/common/javax.faces.resource/images/right-arrow-white.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 110%;
  margin-top: 22px;
}
.ui-tabs-bottom .ui-tabs-navscroller .ui-state-disabled {
  opacity: 1;
  filter: alpha(opacity=100);
}
.ui-tabs-bottom .ui-tabs-navscroller .ui-state-disabled .ui-icon {
  opacity: 0.4;
  filter: alpha(opacity=40);
}
.ui-tabs-bottom .ui-tabs-nav li {
  border: solid 1px transparent !important;
  font-size: 14px;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
.ui-tabs-bottom .ui-tabs-nav li .ui-icon-close {
  background-image: url("/common/javax.faces.resource/images/delete-soft-blue.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 100%;
  margin-top: 10px !important;
}
.ui-tabs-bottom .ui-tabs-nav li.ui-state-hover .ui-icon-close,
.ui-tabs-bottom .ui-tabs-nav li.ui-state-active .ui-icon-close {
  background-image: url("/common/javax.faces.resource/images/delete.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 100%;
  margin-top: 10px !important;
}
.ui-tabs-bottom .ui-tabs-nav li a {
  color: #BBDEFB !important;
  font-size: 14px;
  padding: 18px 1em 14px !important;
}
.ui-tabs-bottom .ui-tabs-nav li.ui-tabs-selected,
.ui-tabs-bottom .ui-tabs-nav li.ui-tabs-active,
.ui-tabs-bottom .ui-tabs-nav li.ui-state-hover {
  background-color: transparent !important;
  border: solid 1px transparent !important;
  border-radius: 0px;
  border-top: solid 5px #fff !important;
}
.ui-tabs-bottom .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs-bottom .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs-bottom .ui-tabs-nav li.ui-state-hover a {
  color: #FFFFFF !important;
  padding: 14px 1em 14px !important;
}
.ui-tabs-bottom .ui-tabs-panels .ui-tabs-panel {
  background-image: none !important;
  color: #444444;
}
.ui-tabs-scrollable {
  /* max-width:630px; */
}
.ui-tabs .ui-tabs-nav {
  font-weight: normal !important;
  line-height: 0.2em;
}
/*Style For UI Dasboard------------------------------------------------------------------------------------- */
.ui-dashboard {
  border: solid 1px #C6D6DF;
  background-color: #FBFCFD;
  display: table;
  padding: 5px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  /*    .transition(all 0.5s ease);  */
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
.ui-dashboard-column {
  margin: 2px;
  min-width: 20px;
  padding-bottom: 20px !important;
}
.ui-dashboard-column .ui-panel {
  margin-bottom: 2px;
}
.ui-dashboard-column .ui-state-hover {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border: dashed 1px #27AAE1;
  background-color: #DAE8EF;
}
/*Style For UI Dialog, Overlay Panel And Lightbox ------------------------------------------------------------------------------------- */
.ui-dialog {
  background-color: #FFFFFF;
  color: #444444;
  border-radius: 2px;
}
.ui-dialog .ui-dialog-titlebar {
  padding: 24px 24px 0 !important;
  border-bottom: solid 0px #E0E0E0 !important;
  background-color: #ffffff;
  color: #009FE6;
  font-size: 16px;
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.ui-dialog .ui-dialog-title {
  margin: 0 !important;
}
.ui-dialog .ui-dialog-titlebar-warn {
  background-color: #EB6852 !important;
  color: #ffffff;
  padding: 24px!important;
}
.ui-dialog .ui-dialog-titlebar-error {
  background-color: #EB6852 !important;
  color: #ffffff;
  padding: 24px!important;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon {
  padding: 0px;
  margin-top: 6px;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick {
  background-image: url("/common/javax.faces.resource/images/dialog-delete-white.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 16px;
  width: 16px;
  height: 16px;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus {
  background-image: url("/common/javax.faces.resource/images/minus-sign-gray.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 100%;
}
.ui-dialog-docking-zone .ui-icon-plus {
  background-image: url("/common/javax.faces.resource/images/plus-sign-gray.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 90%;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink {
  background-image: url("/common/javax.faces.resource/images/external-gray.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 100%;
}
.ui-dialog .ui-dialog-titlebar .ui-icon-newwin {
  background-image: url("/common/javax.faces.resource/images/external-gray-revert.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 100%;
}
.ui-confirm-dialog .ui-dialog-content .ui-confirm-dialog-message {
  color: #444444;
}
.ui-confirm-dialog .ui-dialog-buttonpane .ui-button.ui-state-focus {
  opacity: unset;
  box-shadow: unset !important;
}
.ui-confirm-dialog .ui-dialog-buttonpane .ui-button.ui-state-hover {
  opacity: .5;
}
.ui-confirm-dialog .ui-dialog-buttonpane .ui-button:active {
  opacity: .5 !important;
  box-shadow: inset 0px 0px 10px 0px rgba(255, 255, 255, 0.7) !important;
}
.ui-dialog .ui-dialog-content {
  padding: 24px !important;
  color: #444444;
  font-size: 14px;
  min-height: 45px;
}
.ui-dialog .ui-dialog-content .ui-icon-alert {
  /*background-image:url("/common/javax.faces.resource/images/warn-red.svg.xhtml?ln=primefaces-rio");*/
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 1%;
  margin: 4px 10px 0px 10px;
}
.ui-dialog .ui-dialog-content .ui-confirm-dialog-message {
  margin: 0;
}
.ui-confirm-dialog-severity {
  display: none;
}
.ui-dialog .ui-dialog-footer {
  padding: 0px 24px 24px !important;
  background-color: #FFFFFF;
  margin: 0px !important;
  text-align: right !important;
}
/*.ui-dialog .ui-resizable-se {
  background-image: url("/common/javax.faces.resource/images/handle-gray.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 100%;
}*/
.ui-dialog .ui-dialog-buttonpane button{
  position: relative !important;
  margin: 0 0 0 16px !important;
  width: auto;
  height: auto;
  padding: 8px 16px;
  font-size: 14px;
  right: 0;
}
.ui-overlaypanel {
  color: #778D9B;
}
.ui-overlaypanel .ui-overlaypanel-close {
  background-color: #003D50;
}
.ui-overlaypanel .ui-overlaypanel-close .ui-icon-closethick {
  background-image: url("/common/javax.faces.resource/images/delete.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 90%;
  width: 20px;
  height: 20px;
}
.ui-overlaypanel .ui-overlaypanel-content {
  background-color: #FBFCFD;
  padding: 20px !important;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.ui-lightbox {
  color: #778D9B;
  background-color: #FFFFFF;
  padding: 10px;
  border: solid 1px transparent;
  border-radius: 2px;
}
.ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left {
  left: 5px;
}
.ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right {
  right: 5px;
}
.ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left .ui-icon {
  background-image: url("/common/javax.faces.resource/images/left-arrow.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 130%;
  width: 40px;
  height: 40px;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left .ui-icon:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right .ui-icon {
  background-image: url("/common/javax.faces.resource/images/right-arrow.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 130%;
  width: 40px;
  height: 40px;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right .ui-icon:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.ui-lightbox .ui-lightbox-caption {
  padding: 10px 20px 15px 20px !important;
  border-top: solid 1px #E8EDF2 !important;
  background-color: #FFFFFF;
  margin: 10px -10px -10px -10px !important;
  color: #444444;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-weight: normal;
  font-size: 14px;
}
.ui-lightbox .ui-lightbox-caption .ui-lightbox-close {
  padding: 0px;
  margin-top: 8px;
}
.ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon {
  background-image: url("/common/javax.faces.resource/images/delete-gray.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 100%;
}
.ui-dialog-docking-zone {
  z-index: 999999999999999;
}
.ui-dialog-maximized {
  z-index: 999999999999999 !important;
}
/*Style For UI Fieldset------------------------------------------------------------------------------------- */
.ui-fieldset {
  border: solid 1px #E0E0E0;
  background-color: #FFFFFF;
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  border-radius: 3px;
  margin-bottom: 2px;
}
.ui-fieldset-legend {
  color: #FFFFFF;
  font-size: 14px;
  line-height: 15px;
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  background-color: #1D50A2;
  padding: 4px 20px !important;
  -webkit-border-radius: 20px !important;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
  /*     .transition(all 0.3s ease); */
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
.ui-fieldset-legend.ui-state-hover {
  background-color: #1797DD;
}
.ui-fieldset-legend .ui-icon-plusthick {
  background-image: url("/common/javax.faces.resource/images/plus-sign-white.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 90%;
  margin-right: 5px;
  margin-top: 0px !important;
}
.ui-fieldset-legend .ui-icon-minusthick {
  background-image: url("/common/javax.faces.resource/images/minus-sign-white.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 90%;
  margin-right: 5px;
  margin-top: 0px !important;
}
.ui-fieldset-content {
  font-size: 14px;
  color: #444444;
}
/*Style For UI InputField ------------------------------------------------------------------------------------- */
.ui-inputfield {
  color: #444444;
  font-size: 14px;
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif !important;
  padding: 16px !important;
  /*    .transition(all 0.5s ease);  */
  -webkit-transition: border-color 0.5s ease;
  -moz-transition: border-color 0.5s ease;
  -ms-transition: border-color 0.5s ease;
  -o-transition: border-color 0.5s ease;
  transition: border-color 0.5s ease;
  background-color: #F8FBFF;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  opacity: 1;
  border: 1px solid #B9B9B9;
}
.ui-calendar .ui-inputfield {
  padding: 16px 45px 16px 16px !important;
  min-width: 87px;
}
.ui-state-disabled .ui-inputfield,
.ui-inputfield .ui-state-disabled,
.ui-state-disabled.ui-inputfield,
.ui-state-error .ui-inputfield {
  background-color: #BBBBBB;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
  border:1px solid #BBBBBB;
  cursor: auto;
}
.ui-state-disabled .ui-inputfield:hover,
.ui-inputfield .ui-state-disabled:hover,
.ui-state-disabled.ui-inputfield:hover,
.ui-state-error .ui-inputfield:hover,
.ui-state-disabled .ui-inputfield:focus,
.ui-inputfield .ui-state-disabled:focus
.ui-state-disabled.ui-inputfield:focus,
.ui-state-error .ui-inputfield:focus{
  background-color: #BBBBBB;
  border:1px solid #BBBBBB;
  cursor: auto;
}
.ui-inputfield.ui-chkbox,
.ui-inputfield.ui-widget-checkbox {
  background-color: transparent;
}
.minusVal {
  color: #E53935;
}
.ui-inputfield.ui-state-hover,
.ui-inputfield.ui-state-focus {
  border: none;
  color: #444444 !important;
  background-color: #F8FBFF;
  border:1px solid #009FE6;
  cursor:pointer;
}
.ui-inputfield.ui-state-focus,
.ui-inputfield:focus{
  border: none;
  color: #444444 !important;
  background-color: #F8FBFF;
  border:1px solid #009FE6;
  outline: 1px solid #009FE6;
  cursor:pointer;
}
.ui-inputfield.ui-inputtextarea {
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  resize: none;
}
.ui-inputfield.ui-state-disabled,
.ui-selectonemenu.ui-state-disabled,
.ui-selectcheckboxmenu.ui-state-disabled,
.ui-calendar.ui-state-disabled .ui-inputfield {
/*  border-bottom: solid 0px #B0BEC5;  インプット部品調整のためコメントアウト*/
  background-color: #BBBBBB !important;
}
.ui-inputfield.ui-state-readonly,
.ui-inputfield.ui-state-readonly.ui-state-hover,
.ui-inputfield.ui-state-readonly.ui-state-focus,
.ui-selectonemenu.ui-state-readonly,
.ui-calendar.ui-state-readonly .ui-inputfield {
/*  border-bottom: solid 0px #B0BEC5;  インプット部品調整のためコメントアウト*/
  background-color: #BBBBBB;
  color: #444444 !important;
}
textarea[readonly="readonly"],
textarea[readonly="readonly"].ui-inputfield,
textarea[readonly="readonly"].ui-inputfield.ui-state-hover,
textarea[readonly="readonly"].ui-inputfield.ui-state-focus,
input[readonly="readonly"].ui-inputfield.ui-state-disabled,
input[readonly="readonly"].ui-state-disabled.ui-state-hover,
input[readonly="readonly"].ui-state-disabled.ui-state-focus {
  border-bottom: solid 0px #B0BEC5;
  background-color: #FFFFFF;
  color: #444444 !important;
}
.ui-chkbox-box.ui-state-disabled {
  background-color: #BBBBBB !important;
  opacity: 1;
}
.ui-state-disabled .ui-chkbox-box .ui-icon-check,
.ui-chkbox .ui-state-disabled .ui-chkbox-icon {
  border-bottom: solid 1px #444444;
  border-right: solid 1px #444444;
}
.ui-state-disabled {
  opacity: 1;
 }
/* for placeholder coloring */
::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #A9B6BC;
}
:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #A9B6BC;
  opacity: 1;
}
::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #A9B6BC;
  opacity: 1;
}
:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #A9B6BC;
}
/*Style For Button ------------------------------------------------------------------------------------- */
.ui-button {
  outline: none;
  border-radius: 2px !important;
  -webkit-border-radius: 2px !important;
  -moz-border-radius: 2px !important;
  font-size: 14px;
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  color: #ffffff;
  width: auto;
  height: auto;
  text-shadow: none;
  position: relative;
  top: 50%;
/*  margin: -9px 0 0 0;*/
  font-weight: normal;
  border: 0px none;
  /*     .transition(all 0.3s ease); */
  background-color: rgba(0,0,0,0);
  opacity: 1;
  padding: 8px 16px !important;
}
.ui-button:hover,
.ui-button:active,
.ui-button:focus {
  opacity: 0.7;
  -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  -ms-transition: all 0.8s ease;
  transition: all 0.8s ease;
}
.registerOK, .ui-button {
  background-color: #EBAF2F;
}
/*#main\:registerCancel {
  color: #444444 !important;
  background-color: #FFFFFF;
}*/
/*#main\:registerCancel:hover {
  color: #FFFFFF !important;
  background-color: #FFFFFF;
}
#main\:registerCancel .ui-state-active{
  color: #444444 !important;
  background-color: #FFFFFF;
}*/
.ui-calendar .ui-button {
  outline: none;
  border-radius: 2px !important;
  -webkit-border-radius: 2px !important;
  -moz-border-radius: 2px !important;
  font-size: 14px;
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  color: #ffffff;
  width: 18px;
/*  height: 18px;*/
  text-shadow: none;
  position: relative !important;
  right: 50px;
  top: 50%;
  margin: -9px 0 0 0;
  font-weight: normal;
  border: 0px none !important;
  /*     .transition(all 0.3s ease); */
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
  background-color: transparent !important;
}
.ui-buttonset .ui-state-active {
  background-color: #176BA0 !important;
  color: #ffffff !important;
}
.ui-button-icon-left {
  margin-left: 8px;
}
.ui-menubutton .ui-button .ui-button-icon-left {
  margin-left: 0px;
}
.ui-button-icon-only {
  min-width: 18px !important;
  min-height: 18px !important;
}
.ui-button-icon-only .ui-icon {
  font-size: 16px !important;
}
.ui-button-text-only .ui-button-text {
  padding: 7px 24px !important;
}
.ui-button.ui-button-icon-only .ui-button-text {
  padding: 0px 0px !important;
  font-size: 0;
}
.ui-button-text-icon-left .ui-button-text {
  padding: 0 !important;
}
.ui-button-text-icon-right .ui-button-text {
  padding: 0 !important;
}
.ui-button-text-icon-right .ui-button-icon-right {
  right: 11px;
}
.ui-button-icon-only .ui-icon.fa,
.ui-button-text-icon-left .ui-icon.fa,
.ui-button-text-icon-right .ui-icon.fa {
  margin-top: -8px !important;
  font-size: 1.4em;
}
.button-icon-on .ui-icon {
	color: #ffffff !important;
}
.button-icon-on .ui-button-text {
 margin-left: 25px;
}
.ui-button.base-button {
 display: inline-block;
 min-width: 160px;
 padding: 12px 8px !important;
 background-color: #EBAF2F;
 color: #FFFFFF;
 font-size: 12px;
 font-weight: 500;
 position: relative;
 text-align: center;
 height: 40px;
 right: unset;
}
.ui-button.base-button:after {
 content: "";
 display: inline-block;
 vertical-align: middle;
 width: 10px;
 height: 10px;
 display: block;
 border-top: solid 1px #FFFFFF;
 border-right: solid 1px #FFFFFF;
 margin: auto;
 position: absolute;
 right: 12px;
 top: 50%;
 margin: -5px 0 0;
 -webkit-transform: rotate(45deg);
 -moz-transform: rotate(45deg);
 -o-transform: rotate(45deg);
 -ms-transform: rotate(45deg);
 transform: rotate(45deg);
}
.ui-button.base-button .ui-button-text {
 padding: unset !important;
}
.ui-button.base-large-button {
  display: inline-block;
  min-width: 200px;
  padding: 24px 8px !important;
  background-color: #009FE6;
  font-size: 14px;
  font-weight: 700;
  height: 67px;
}
/*Style For UI SplitButton ------------------------------------------------------------------------------------- */
.ui-splitbutton .ui-splitbutton-menubutton .ui-icon {
  background-image: url("/common/javax.faces.resource/images/menu-dots.svg.xhtml?ln=primefaces-rio") !important;
  background-size: 100%;
  background-position: center;
}
.ui-splitbutton-menubutton {
  margin-left: -1px !important;
}
.ui-splitbutton .ui-button-icon-only {
  border-radius: 2px !important;
}
/* Style For Button Sets -------------------------------------------------------------------------------------- */
.ui-selectonebutton,
.ui-selectmanybutton {
  border: solid 1px #0288D1;
  border-radius: 2px !important;
  -webkit-border-radius: 2px !important;
  -moz-border-radius: 2px !important;
  padding: 1px 0px 1px 1px !important;
}
.ui-selectonebutton .ui-button,
.ui-selectmanybutton .ui-button {
  margin-right: 1px !important;
  background-color: #ffffff;
  color: #444444;
  border: solid 1px #1D50A2;
}
.ui-selectonebutton .ui-button,
.ui-selectonebutton .ui-button .ui-button-text,
.ui-selectmanybutton .ui-button,
.ui-selectmanybutton .ui-button .ui-button-text {
  border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
}
.ui-selectonebutton .ui-button.ui-corner-left,
.ui-selectonebutton .ui-button.ui-corner-left .ui-button-text,
.ui-selectmanybutton .ui-button.ui-corner-left,
.ui-selectmanybutton .ui-button.ui-corner-left .ui-button-text {
  border-top-left-radius: 2px !important;
  border-bottom-left-radius: 2px !important;
  -webkit-border-top-left-radius: 2px !important;
  -webkit-border-bottom-left-radius: 2px !important;
  -moz-border-top-left-radius: 2px !important;
  -moz-border-bottom-left-radius: 2px !important;
}
.ui-selectonebutton .ui-button.ui-corner-right,
.ui-selectonebutton .ui-button.ui-corner-right .ui-button-text,
.ui-selectmanybutton .ui-button.ui-corner-right,
.ui-selectmanybutton .ui-button.ui-corner-right .ui-button-text {
  border-top-right-radius: 2px !important;
  border-bottom-right-radius: 2px !important;
  -webkit-border-top-right-radius: 2px !important;
  -webkit-border-bottom-right-radius: 2px !important;
  -moz-border-top-right-radius: 2px !important;
  -moz-border-bottom-right-radius: 2px !important;
}
/*Style For UI Menu ------------------------------------------------------------------------------------- */
.ui-menu {
  background-color: #FFFFFF;
  color: #444444;
  border-radius: 2px;
  padding: 0px !important;
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(43, 59, 93, 0.3);
  -moz-box-shadow: 0px 1px 2px 0px rgba(43, 59, 93, 0.3);
  box-shadow: 0px 1px 2px 0px rgba(43, 59, 93, 0.3);
}
@media screen and (min-width: 0\0) {
  .ui-menu {
    box-shadow: 0px 0px 8px 0px rgba(43, 59, 93, 0.4) !important;
  }
}
.ui-menu .ui-menu-list .ui-widget-header {
  font-size: 14px;
  color: #FFFFFF;
  background-color: #0288D1;
  width: 84% !important;
  border-radius: 1px;
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  padding: 7px 8%;
}
.ui-menu.ui-menu-toggleable li.ui-widget-header {
  font-size: 14px;
  color: #FFFFFF;
  background-color: #0288D1;
  width: 84% !important;
  border-radius: 1px;
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  padding: 7px 8%;
}
.ui-menu.ui-menu-toggleable li.ui-widget-header:hover {
  color: #ffffff;
  background-color: #039BE5;
}
.ui-menu.ui-menu-toggleable li.ui-widget-header h3 {
  padding-left: 8% !important;
}
.ui-menu .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s {
  background-image: url("/common/javax.faces.resource/images/downarrow-white.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 100%;
}
.ui-menu .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e {
  background-image: url("/common/javax.faces.resource/images/right-arrow-white.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 100%;
}
.ui-menu .ui-menu-list .ui-menuitem {
  font-size: 14px;
  display: table;
  border-radius: 0px;
}
.ui-megamenu-vertical .ui-menu-list .ui-menuitem {
  font-size: 14px;
  width: 100%;
  display: table;
}
.ui-menu .ui-menu-list .ui-menuitem .ui-state-hover,
.ui-menu .ui-menu-list .ui-state-hover {
  background-color: #f4f4f4;
  color: #03A9F4;
  -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  -ms-transition: all 0.8s ease;
  transition: all 0.8s ease;
}
.ui-menu .ui-state-hover .ui-menuitem-link {
  color: #03A9F4 !important;
}
.ui-menu .ui-menuitem .ui-menuitem-link {
  color: #444444;
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-size: 16px;
  padding: 24px 0px;
  width: 100%;
  border-radius: 0px;
  display: inline-block;
  border: 0px none !important;
}
.ui-menubar .ui-menuitem .ui-menuitem-link {
  width: auto;
}
.ui-menubar .ui-menu-child .ui-menuitem-link {
  width: 100% !important;
}
.ui-menubar.ui-megamenu .ui-menuitem .ui-menuitem-link {
  width: 100%;
}
.ui-menu .ui-menuitem .ui-menuitem-link .ui-icon {
  margin: 0px 14px 0px 0px;
}
.ui-menu .ui-menuitem .ui-menuitem-link .ui-menuitem-icon {
  margin: 0px 0px 0px 14px;
}
.ui-menu .ui-menuitem .ui-menuitem-link .ui-menuitem-text {
  margin: 0px 10px;
}
.ui-menu .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e {
  background-image: url("/common/javax.faces.resource/images/rightarrow-navy.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 100%;
}
.ui-menu .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s {
  background-image: url("/common/javax.faces.resource/images/downarrow-navy.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 100%;
}
.ui-menu .ui-menuitem-text {
  padding: 0px;
}
.ui-menu .ui-menuitem .ui-menu-list {
  background-color: #FFFFFF;
}
.ui-slidemenu .ui-menuitem .ui-menu-child {
  box-shadow: none !important;
}
.ui-menu .ui-menu-parent .ui-menu-child {
  padding: 0px !important;
  border-radius: 2px;
}
.ui-menu .ui-slidemenu-wrapper .ui-slidemenu-backward {
  width: 90%;
  background-color: #f4f4f4;
  color: #778D9B;
  padding: 10px 5%;
  font-size: 16px;
  border-radius: 0px;
}
.ui-menu .ui-slidemenu-wrapper .ui-slidemenu-backward:hover {
  color: #03A9F4;
}
.ui-menu .ui-slidemenu-wrapper .ui-slidemenu-backward .ui-icon-triangle-1-w {
  background-image: url("/common/javax.faces.resource/images/leftarrow-gray.svg.xhtml?ln=primefaces-rio");
  margin: 2px 5px 0px 0px;
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 85%;
}
.ui-menubutton .ui-button.ui-button-text-icon-left {
  background-color: unset;
}
.ui-menu.ui-menu-dynamic {
  background-color: #001017;
  border-radius: 20px;
  box-shadow: 0 5px 8px -2px rgba(0,0,0,16%);
  padding: 24px !important;
}
.ui-menu.ui-menu-dynamic .ui-menuitem .ui-menuitem-link {
  padding: 0px;
}
.ui-menu.ui-menu-dynamic .ui-menu-list .ui-menuitem {
  margin: 0 0 16px 0;
}
.ui-menu.ui-menu-dynamic .ui-menu-list .ui-menuitem:last-child {
  margin: 0px;
}
.ui-menu.ui-menu-dynamic .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text {
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 300;
  opacity: 1;
  -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  -ms-transition: all 0.8s ease;
   transition: all 0.8s ease;
  margin: 0px;
}
.ui-menu.ui-menu-dynamic .ui-menu-list .ui-menuitem.ui-state-hover {
  background-color: #001017;
  opacity: 0.7;
}
.ui-panelmenu {
  border: solid 1px #E0E0E0;
  background-color: #FFFFFF;
  color: #444444;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  padding: 0px;
}
.ui-panelmenu .ui-panelmenu-panel .ui-panelmenu-header {
  border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 1px !important;
  background-color: #1D50A2;
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.ui-panelmenu .ui-panelmenu-panel h3.ui-state-hover {
  background-color: #039be5;
}
.ui-panelmenu .ui-panelmenu-panel .ui-panelmenu-header .ui-icon-triangle-1-e {
  background-image: url("/common/javax.faces.resource/images/right-arrow-white.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 105%;
}
.ui-panelmenu .ui-panelmenu-panel .ui-panelmenu-header .ui-icon-triangle-1-s {
  background-image: url("/common/javax.faces.resource/images/downarrow-white.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 110%;
}
.ui-panelmenu .ui-panelmenu-panel .ui-panelmenu-header a {
  padding: 12px 5px 13px 30px;
  font-size: 16px;
}
.ui-panelmenu .ui-menuitem {
  border-radius: 0px;
}
.ui-panelmenu .ui-panelmenu-content {
  padding: 0px !important;
}
.ui-panelmenu .ui-panelmenu-panel .ui-panelmenu-content .ui-menuitem:hover {
  background-color: #f4f4f4;
}
.ui-panelmenu .ui-panelmenu-panel .ui-panelmenu-content .ui-menuitem .ui-state-hover {
  color: #03A9F4;
}
.ui-panelmenu .ui-panelmenu-panel .ui-panelmenu-content .ui-menuitem a {
  color: #444444;
  font-size: 14px;
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  padding: 14px 5% 14px 10%;
  overflow: hidden;
  width: auto !important;
  float: none !important;
}
.ui-panelmenu .ui-panelmenu-panel .ui-panelmenu-content .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e {
  background-image: url("/common/javax.faces.resource/images/rightarrow-navy.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 90%;
}
.ui-panelmenu .ui-panelmenu-panel .ui-panelmenu-content .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s {
  background-image: url("/common/javax.faces.resource/images/downarrow-navy.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 90%;
}
.ui-tabmenu {
  border: solid 1px #E0E0E0;
  background-color: #FFFFFF;
  color: #444444;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  padding: 5px 5px 0px 5px;
}
.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem {
  border: solid 1px transparent;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a {
  font-size: 14px;
  color: #444444;
  padding: 12px 15px !important;
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-weight: normal;
  line-height: 1;
}
.ui-tabmenu .ui-tabmenu-nav .ui-state-hover,
.ui-tabmenu .ui-tabmenu-nav .ui-state-active {
  border-bottom: solid 5px #0288D1 !important;
  color: #0288D1;
}
.ui-tabmenu .ui-tabmenu-nav .ui-state-hover a,
.ui-tabmenu .ui-tabmenu-nav .ui-state-active a {
  color: #0288D1;
}
.ui-tabmenu .ui-tabmenu-nav .ui-state-active a .ui-icon {
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 90%;
  top: 1px;
}
.ui-menu.ui-megamenu .ui-menu-child > table {
  border-collapse: collapse;
}
/*Style For UI Messages ------------------------------------------------------------------------------------- */
.ui-messages-error,
.ui-message-error {
  color: #444444 !important;
  background-color: #FFFFFF !important;
  border-color: #F4BACB !important;
  font-size: 14px;
  font-weight: normal;
  padding: 0px !important;
  margin:0px !important;
  border:0px !important;
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.ui-messages-info,
.ui-message-info {
  color: #03A9F4 !important;
  background-color: #FFFFFF !important;
  border-color: #03A9F4 !important;
  font-size: 14px;
  font-weight: normal;
  padding: 10px !important;
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.ui-messages-info .ui-icon-close,
.ui-messages-warn .ui-icon-close,
.ui-messages-error .ui-icon-close,
.ui-messages-fatal .ui-icon-close {
  background-image: url("/common/javax.faces.resource/images/delete-gray.svg.xhtml?ln=primefaces-rio") !important;
  background-size: 110%;
  background-position: center;
}
.ui-messages-warn,
.ui-message-warn {
  color: #444444 !important;
  background-color: #FFFFFF !important;
  border-color: #F7E3A4 !important;
  font-size: 14px;
  font-weight: normal;
  padding: 10px !important;
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.ui-messages-fatal,
.ui-message-fatal {
  color: #F55151 !important;
  background-color: #FFFFFF !important;
  border-color: #F5B1B1 !important;
  font-size: 18px;
  font-weight: normal;
  padding: 10px !important;
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.ui-messages-info-icon,
.ui-messages-warn-icon,
.ui-messages-error-icon,
.ui-message-error-icon,
.ui-messages-fatal-icon {
  margin: 2px !important;
  background-repeat: no-repeat !important;
  background: none;
  background-position: center  !important;
  background-size: 70%  !important;
}
.ui-message-icon-only .ui-messages-warn-icon,
.ui-message-icon-only .ui-messages-error-icon,
.ui-message-icon-only .ui-message-error-icon,
.ui-message-icon-only .ui-messages-fatal-icon {
  margin: 0px !important;
  background-repeat: no-repeat !important;
  background: none;
  background-position: center  !important;
  background-size: 100%  !important;
}
.ui-message-error-icon {
  background-image: url("/common/javax.faces.resource/images/warn-pink.svg.xhtml?ln=primefaces-rio") !important;
  background-position: top !important;
  background-size: 120% !important;
}
.ui-messages-error-icon {
  background-image: url("/common/javax.faces.resource/images/warn-pink.svg.xhtml?ln=primefaces-rio") !important;
  background-position: top !important;
  background-size: 90% !important;
  width: 40px !important;
  height: 40px !important;
}
.ui-messages-info-icon {
  background-image: url("/common/javax.faces.resource/images/warn-blue.svg.xhtml?ln=primefaces-rio") !important;
  background-position: top !important;
  background-size: 90% !important;
  width: 40px !important;
  height: 40px !important;
}
.ui-messages-warn-icon {
  background-image: url("/common/javax.faces.resource/images/warn-hardal.svg.xhtml?ln=primefaces-rio") !important;
  background-position: top !important;
  background-size: 90% !important;
  width: 40px !important;
  height: 40px !important;
}
.ui-messages-fatal-icon {
  background-image: url("/common/javax.faces.resource/images/warn-red.svg.xhtml?ln=primefaces-rio") !important;
  background-position: top !important;
  background-size: 90% !important;
  width: 40px !important;
  height: 40px !important;
}
.ui-dialog .ui-messages-error-icon,
.ui-dialog .ui-messages-info-icon,
.ui-dialog .ui-messages-warn-icon,
.ui-dialog .ui-messages-fatal-icon {
  display: none !important;
}
.ui-messages ul {
  margin-left: 45px !important;
  margin-top: 9px !important;
  margin-bottom: 9px !important;
}
.ui-dialog .ui-messages ul {
  margin-left: 0px !important;
}
.ui-scrollable-messages {
  max-height: 500px;
}
/*Style For UI Panel ------------------------------------------------------------------------------------- */
.ui-panel {
  border: 1px solid #E0E0E0;
  padding: 2px !important;
  background-color: #FFFFFF;
  border-radius: 2px;
}
.ui-panel .ui-panel-titlebar {
  padding: 5px 10px 5px 15px !important;
  font-size: 16px;
  color: #444444;
  z-index: 100;
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-weight: bold;
  border-radius: 1px !important;
  -webkit-border-radius: 1px !important;
  -moz-border-radius: 1px !important;
  background-color: #ffffff;
  margin: -2px;
/*  border-bottom: 2px solid #1D50A2;
  border-left: 10px solid #1D50A2; */
}
.ui-datagrid .ui-panel .ui-panel-titlebar {
  padding: 6px 10px 6px 10px !important;
  font-size: 16px;
  color: #546E7A;
  z-index: 100;
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  border-radius: 2px !important;
  -webkit-border-radius: 2px !important;
  -moz-border-radius: 2px !important;
  background-color: #ffffff;
  border-bottom: dashed 1px #E0E0E0;
}
.ui-panel .ui-panel-titlebar .ui-panel-title {
  margin: 0px !important;
}
.ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon,
.ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover,
.ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:focus {
  margin-top: 0px;
}
.ui-panel .ui-panel-titlebar .ui-icon-closethick {
  background-image: url("/common/javax.faces.resource/images/delete-white.svg.xhtml?ln=primefaces-rio") !important;
  background-position: center !important;
  background-size: 110% !important;
}
.ui-panel .ui-panel-titlebar .ui-icon-minusthick {
  background-image: url("/common/javax.faces.resource/images/minus-sign-white.svg.xhtml?ln=primefaces-rio") !important;
  background-position: center !important;
  background-size: 110% !important;
}
.ui-panel .ui-panel-titlebar .ui-icon-plusthick {
  background-image: url("/common/javax.faces.resource/images/plus-sign-white.svg.xhtml?ln=primefaces-rio") !important;
  background-position: center !important;
  background-size: 110% !important;
}
.ui-panel .ui-panel-titlebar .ui-icon-gear {
  background-image: url("/common/javax.faces.resource/images/gear.svg.xhtml?ln=primefaces-rio") !important;
  background-position: center !important;
  background-size: 140% !important;
}
.ui-panel .ui-panel-content {
  padding: 5px !important;
  font-size: 14px;
  color: #444444;
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.ui-panel .ui-panel-footer {
  background-color: #f4f4f4;
  margin: 0px -2px -2px -2px !important;
  font-size: 14px;
  border-bottom-right-radius: 1px;
  border-bottom-left-radius: 1px;
  color: #7A8F98;
  padding: 10px 15px !important;
}
/*Style For SelectOneMenu And SelectCheckBoxMenu ------------------------------------------------------------------------------------- */
.ui-selectonemenu.ui-state-focus .ui-selectonemenu-label {
  background-color: #f4f4f4 !important;
}
.ui-selectonemenu .ui-selectonemenu-label {
  width: 100% !important;
  border-bottom-right-radius: 0px !important;
  border-top-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-top-left-radius: 0px !important;
  border: 1px solid #B9B9B9 !important;
}
.ui-selectonemenu,
.ui-selectcheckboxmenu {
  font-size: 14px !important;
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif !important;
  padding: 0px 40px 0px 0px !important;
  border-bottom: solid 0px #B0BEC5 !important;
  /*    .transition(all 0.5s ease);  */
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
  color: #778D9B;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
}
.ui-selectonemenu .ui-selectonemenu-trigger,
.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger {
  padding: 0 !important;
  font-size: 14px;
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  color: #FFFFFF !important;
  text-shadow: none;
  z-index: 100;
  background-color: rgba(0,0,0,0);
  border-bottom: solid 0px #B0BEC5 !important;
  border-bottom-right-radius: 0px !important;
  border-top-right-radius: 0px !important;
  border-bottom-left-radius: 0px  !important;
  border-top-left-radius: 0px  !important;
  width: 16px !important;
  height: 16px !important;
  right: -8px !important;
  top: 50% !important;
  padding: 0 3px !important;
  margin: -12px 0px 0 0 !important;
}
.ui-selectonemenu .ui-inputfield {
  padding: 16px 34px 16px 16px !important;
}
.ui-selectonemenu.ui-state-readonly .ui-selectonemenu-trigger .ui-icon,
.ui-selectonemenu.ui-state-disabled .ui-selectonemenu-trigger .ui-icon {
	border-bottom: unset;
	border-right: unset;
}
.ui-selectonemenu .ui-state-error {
	background-color: unset !important;
	border: unset !important;
}
.ui-selectonemenu.ui-state-error {
	background-color: unset !important;
	border: unset !important;
}
.ui-state-error .ui-selectonemenu-label {
	border: 2px solid #EB6852 !important;
	background-color: #F8FBFF !important;
}

.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger.ui-state-hover,
.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger.ui-state-focus,
.ui-selectonemenu .ui-selectonemenu-trigger.ui-state-hover,
.ui-selectonemenu .ui-selectonemenu-trigger.ui-state-focus {
/*  background-color: #29A1EC;
  border-bottom: solid 1px #03A9F4 !important;*/
}
.ui-selectonemenu-panel {
  background-color: #FFFFFF;
  overflow: hidden;
}
.ui-selectonemenu-panel .ui-selectonemenu-list,
.ui-selectcheckboxmenu .ui-selectcheckboxmenu-list {
  padding: 0px !important;
  background-color: #FFFFFF;
}
.ui-selectonemenu-panel .ui-selectonemenu-list-item,
.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list-item {
  border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
  font-size: 14px;
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  -moz-border-radius: 0px !important;
  margin: 0px 0px 1px !important;
  color: #444444;
  padding: 10px 14px !important;
  /*    .transition(all 0.5s ease);  */
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
.ui-selectonemenu-panel .ui-selectonemenu-item-group {
  border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
  font-size: 14px;
  -moz-border-radius: 0px !important;
  margin: 0px !important;
  color: #FFFFFF;
  padding: 10px 14px !important;
  /*    .transition(all 0.5s ease);  */
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
  background-color: #444444;
  font-weight: normal !important;
}
.ui-selectonemenu-panel .ui-state-highlight,
.ui-selectcheckboxmenu-panel .ui-state-highlight {
  color: #009FE6 !important;
  background-color: #F8FBFF;
  border: 2px solid #009FE6 !important;
}
.ui-selectonemenu-panel .ui-selectonemenu-item.ui-state-hover {
  background-color: #f4f4f4;
  /*    .transition(all 0.5s ease);  */
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
.ui-selectonemenu-trigger .ui-icon-triangle-1-s,
.ui-selectcheckboxmenu-trigger .ui-icon-triangle-1-s {
/*  background-image: url("/common/javax.faces.resource/images/downarrow-white.svg.xhtml?ln=primefaces-rio") !important;*/
  background-image: none !important;
  margin-top: 10px !important;
  background-size: 130%;
  background-position: center;
  border-bottom: solid 1px #444444;
  border-right: solid 1px #444444;
  width: 6px;
  height: 6px;
  -webkit-transform: rotate(45deg) scale(1.7);
  -moz-transform: rotate(45deg) scale(1.7);
  -o-transform: rotate(45deg) scale(1.7);
  -ms-transform: rotate(45deg) scale(1.7);
  transform: rotate(45deg) scale(1.7);
}
.ui-selectonemenu-panel {
  background-color: #FFFFFF;
  border-radius: 2px;
}
.ui-selectonemenu-panel .ui-selectonemenu-filter-container {
  padding: 16px !important;
}
.ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon-search {
  width: 16px;
  height: 16px;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("/common/javax.faces.resource/images/search-icon.svg.xhtml?ln=primefaces-rio") !important;
  left: 25px !important;
  top: 50% !important;
  margin: -8px 0 0 0;
}
.ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-inputfield {
  padding-left: 30px !important;
  width: 78%;
}
.ui-selectonemenu-panel .ui-selectonemenu-table td {
  border: solid 1px #f4f4f4 !important;
  border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
  font-size: 14px;
  -moz-border-radius: 0px !important;
  margin: 0px !important;
  color: #444444;
  padding: 14px 10px !important;
  /*    .transition(all 0.5s ease);  */
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
.ui-selectonemenu-panel tr.ui-state-highlight td {
  color: #03A9F4 !important;
  background-color: #f4f4f4;
}
/*Style For SelectCheckBoxMenu ------------------------------------------------------------------------------------- */
.ui-selectcheckboxmenu {
  font-size: 16px !important;
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif !important;
  padding: 0px 15px 0px 0px !important;
  /*    .transition(all 0.5s ease);  */
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
  color: #778D9B;
}
.ui-selectcheckboxmenu .ui-selectcheckboxmenu-label {
  width: 100% !important;
  padding: 9px 0px 9px 0px !important;
  font-size: 14px;
  color: #444444;
  border-bottom-right-radius: 0px !important;
  border-top-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-top-left-radius: 0px !important;
}
.ui-selectcheckboxmenu-panel {
  background-color: #FFFFFF;
  overflow: hidden;
  padding: 0px !important;
  border-radius: 2px;
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3) !important;
  -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3) !important;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3) !important;
}
.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header {
  padding: 15px 15px 0px !important;
}
.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list {
  padding-bottom: 15px;
}
.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list-item {
  font-size: 14px !important;
  border: 0px !important;
  padding: 10px 14px !important;
}
.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list-item label {
  padding-top: 3px;
}
.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list-item .ui-chkbox .ui-chkbox-box {
  margin-top: 0px;
}
.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-filter-container {
  width: 80%;
}
.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-filter-container .ui-inputfield {
  width: 75%;
  padding-left: 30px !important;
}
.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-filter-container .ui-icon-search {
  width: 30px;
  height: 30px;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("/common/javax.faces.resource/images/search-icon.svg.xhtml?ln=primefaces-rio");
  left: 0px;
}
.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox {
  margin-top: 5px !important;
}
.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-checked {
  background-color: #f4f4f4;
}
.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-close {
  padding: 0px !important;
  margin-right: 0px !important;
  margin-top: 0px;
}
.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-close .ui-icon-circle-close {
  background-image: url("/common/javax.faces.resource/images/delete-gray.svg.xhtml?ln=primefaces-rio") !important;
  background-size: 100%;
  background-position: center;
}
.selectcheckbox-emptylabel .ui-selectcheckboxmenu-label,
.selectcheckbox-emptylabel .ui-selectcheckboxmenu-label .ui-state-error,
.ui-caption-content .selectcheckbox-emptylabel .ui-selectcheckboxmenu-label.ui-state-hover {
  color: transparent !important;
}
/*Style For UI Growl Item ------------------------------------------------------------------------------------- */
.ui-growl {
  width: 400px !important;
  left: 40% !important;
  top: 70px !important;
}
.ui-growl-item-container {
  opacity: 1 !important;
  filter: alpha(opacity=90) !important;
}
.ui-growl-item {
  padding: 20px 20px !important;
  background-color: #FFFFFF;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}
.ui-growl-message {
  width: 320px !important;
  font-size: 14px !important;
  line-height: 16px !important;
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.ui-growl-image {
  width: 30px !important;
  height: 30px !important;
}
.ui-growl-image-error {
  background-image: url("/common/javax.faces.resource/images/warn-pink.svg.xhtml?ln=primefaces-rio") !important;
  background-position: center !important;
  background-size: 140% !important;
  margin-top: 5px;
}
.ui-growl-image-warn {
  background-image: url("/common/javax.faces.resource/images/warn-hardal.svg.xhtml?ln=primefaces-rio") !important;
  background-position: center !important;
  background-size: 140% !important;
  margin-top: 5px;
}
.ui-growl-image-info {
  background-image: url("/common/javax.faces.resource/images/warn-blue.svg.xhtml?ln=primefaces-rio") !important;
  background-position: center !important;
  background-size: 140% !important;
  margin-top: 5px;
}
.ui-growl-image-fatal {
  background-image: url("/common/javax.faces.resource/images/warn-red.svg.xhtml?ln=primefaces-rio") !important;
  background-position: center !important;
  background-size: 140% !important;
  margin-top: 5px;
}
.ui-growl-icon-close {
  width: 10px !important;
  height: 10px !important;
  background-image: url("/common/javax.faces.resource/images/delete-pink.svg.xhtml?ln=primefaces-rio") !important;
  background-position: center !important;
  background-size: 130% !important;
}
.ui-growl-image-info + .ui-growl-message {
  color: #03A9F4 !important;
}
.ui-growl-image-warn + .ui-growl-message {
  color: #F9BF08 !important;
}
.ui-growl-image-error + .ui-growl-message {
  color: #F03369 !important;
}
.ui-growl-image-fatal + .ui-growl-message {
  color: #F55151 !important;
}
/*Style For UI Log ------------------------------------------------------------------------------------- */
.ui-log {
  padding: 2px !important;
  background-color: #FBFCFD !important;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2) !important;
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2) !important;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2) !important;
  color: #778D9B;
}
.ui-log-header {
  padding: 10px !important;
  font-size: 16px !important;
  color: #FFFFFF;
  position: relative;
  z-index: 100;
  border-radius: 2px !important;
  -webkit-border-radius: 2px !important;
  -moz-border-radius: 2px !important;
  background-color: #E53935;
}
.ui-log-header .ui-log-clear .ui-icon {
  background-image: url("/common/javax.faces.resource/images/clear.svg.xhtml?ln=primefaces-rio") !important;
  background-position: center !important;
  background-size: 140%;
}
.ui-log-header .ui-log-all .ui-icon {
  background-image: url("/common/javax.faces.resource/images/all-doc.svg.xhtml?ln=primefaces-rio") !important;
  background-position: center !important;
  background-size: 140%;
}
.ui-log-header .ui-log-info .ui-icon {
  background-image: url("/common/javax.faces.resource/images/info.svg.xhtml?ln=primefaces-rio") !important;
  background-position: center !important;
  background-size: 140%;
}
.ui-log-item-info .ui-icon {
  background-image: url("/common/javax.faces.resource/images/info-gray.svg.xhtml?ln=primefaces-rio") !important;
  background-position: center !important;
  background-size: 140%;
  width: 20px;
  height: 20px;
}
.ui-log-header .ui-log-warn .ui-icon {
  background-image: url("/common/javax.faces.resource/images/warn.svg.xhtml?ln=primefaces-rio") !important;
  background-position: center !important;
  background-size: 140%;
}
.ui-log-item-warn .ui-icon {
  background-image: url("/common/javax.faces.resource/images/warn-gray.svg.xhtml?ln=primefaces-rio") !important;
  background-position: center !important;
  background-size: 140%;
  width: 20px;
  height: 20px;
}
.ui-log-header .ui-log-debug .ui-icon {
  background-image: url("/common/javax.faces.resource/images/debug.svg.xhtml?ln=primefaces-rio") !important;
  background-position: center !important;
  background-size: 140%;
}
.ui-log-item-debug .ui-icon {
  background-image: url("/common/javax.faces.resource/images/debug-gray.svg.xhtml?ln=primefaces-rio") !important;
  background-position: center !important;
  background-size: 140%;
  width: 20px;
  height: 20px;
}
.ui-log-header .ui-log-error .ui-icon {
  background-image: url("/common/javax.faces.resource/images/error.svg.xhtml?ln=primefaces-rio") !important;
  background-position: center !important;
  background-size: 140%;
}
.ui-log-item-error .ui-icon {
  background-image: url("/common/javax.faces.resource/images/error-gray.svg.xhtml?ln=primefaces-rio") !important;
  background-position: center !important;
  background-size: 140%;
  width: 20px;
  height: 20px;
}
.ui-log-button {
  top: initial !important;
  left: initial !important;
  position: relative !important;
  display: inline-block !important;
  padding: 0px !important;
  margin-right: 5px;
}
.ui-log-content {
  height: 250px !important;
  color: #444444;
  margin: 5px;
}
.ui-log-items {
  font-size: 14px;
  color: #444444;
}
/*Style For Checkbox --------------------------------------------------------------------------------------*/
.ui-selectmanycheckbox label {
  margin: -2px 15px 0px 0px !important;
  color: #444444;
  font-size: 14px;
}
.ui-chkbox .ui-chkbox-box {
  background: none;
  box-shadow: none;
  color: #A9A9A9;
  border: 1px solid #B9B9B9;
  border-radius: 0;
  cursor: pointer;
  width: 24px !important;
  height: 24px !important;
  background-color: #F8FBFF;
}
.ui-chkbox .ui-state-active {
  border-color: #546E7A;
}
.ui-chkbox .ui-state-focus {
  outline: dotted 1px #778D9B;
  outline-offset: 2px;
}
.ui-selectmanycheckbox.ui-state-error {
  background-color: unset !important;
}
.ui-chkbox .ui-state-error {
  background-color: #F8FBFF !important;
}
.ui-chkbox-box .ui-icon-blank {
  background-image: none !important;
  background-size: 100%;
  background-position: center;
  border-bottom: solid 2px transparent !important;
  border-right: solid 2px transparent !important;
  width: 5px;
  height: 10px;
  position: relative;
  /*     .transition(all 0.3s ease); */
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
  -webkit-transform: rotate(0deg) scale(1);
  -moz-transform: rotate(0deg) scale(1);
  -o-transform: rotate(0deg) scale(1);
  -ms-transform: rotate(0deg) scale(1);
  transform: rotate(0deg) scale(1);
}
.ui-chkbox-box .ui-icon-check {
  border-radius: 0px;
  background-image: none !important;
  background-size: 100%;
  position: relative;
  background-position: center;
  background-color: transparent;
  border-bottom: solid 1px #009FE6;
  border-right: solid 1px #009FE6;
  width: 2px;
  height: 6px;
  margin-left: 10px;
  margin-top: 7px;
  /*     .transition(all 0.3s ease); */
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
  -webkit-transform: rotate(45deg) scale(1.7);
  -moz-transform: rotate(45deg) scale(1.7);
  -o-transform: rotate(45deg) scale(1.7);
  -ms-transform: rotate(45deg) scale(1.7);
  transform: rotate(45deg) scale(1.7);
}
.ui-chkbox .ui-chkbox-label {
  margin: 1px 15px 0px 5px !important;
  font-size: 14px;
  color: #444444;
}
.ui-chkbox {
  border-bottom: solid 1px transparent !important;
}
/*Style For Radio Button --------------------------------------------------------------------------------------*/
.ui-selectoneradio label {
  margin: 1px 15px 0px 0px !important;
  color: #444444;
  font-size: 14px;
}
.ui-radiobutton {
  margin: 5px 5px 0px 5px !important;
  cursor: pointer;
}
.ui-radiobutton .ui-radiobutton-box {
  background: none;
  box-shadow: none;
  color: #A9A9A9;
  border: solid 2px #546E7A;
}
.ui-radiobutton .ui-state-hover,
.ui-radiobutton .ui-state-active {
  border: solid 2px #26C6DA;
}
.ui-radiobutton .ui-state-focus {
  outline: dotted 1px #778D9B;
  outline-offset: 2px;
}
.ui-radiobutton .ui-radiobutton-icon {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  background-size: 100%;
  background-position: center;
  margin: 0px !important;
  /*    .transition(all 0.5s ease);  */
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
  background-image: none !important;
  width: 51px;
  height: 51px;
  position: absolute;
  opacity: 0;
  margin: -17px !important;
}
.ui-radiobutton .ui-state-active .ui-icon-bullet,
.ui-radiobutton .ui-state-focus .ui-icon-bullet {
  background-image: none !important;
  background-size: 100%;
  background-position: center;
  margin: 0px;
  background-color: #26C6DA;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  width: 16px;
  height: 16px;
  position: absolute;
  opacity: 1;
  margin: 0px !important;
  /*    .transition(all 0.5s ease);  */
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
.ui-radiobutton-box {
  padding: 0px 5px;
  border: solid 0px transparent !important;
}
/*Style For Seperator --------------------------------------------------------------------------------------*/
.ui-separator {
  border: 0px;
  border-bottom: solid 1px #EAEAEA;
}
/*Style For Keypad --------------------------------------------------------------------------------------*/
#keypad-div {
  background-color: #FFFFFF !important;
  padding: 1px !important;
  border-radius: 2px;
}
#keypad-div .keypad-row button {
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-size: 25px;
  border: solid 1px #546E7A;
  background-color: #546E7A;
  color: #FFFFFF;
}
#keypad-div .keypad-row button.ui-state-hover {
  background-color: #03A9F4;
  color: #F6FAFC;
  border: solid 1px #03A9F4;
}
#keypad-div .keypad-row button.keypad-close {
  font-size: 14px;
  background-color: #CE2246;
  color: #FFFFFF;
  border: solid 1px #CE2246;
}
#keypad-div .keypad-row button.keypad-back {
  font-size: 14px;
  background-color: #1C75BC;
  color: #FFFFFF;
  border: solid 1px #1C75BC;
}
#keypad-div .keypad-row button.keypad-clear {
  font-size: 14px;
  background-color: #FBB040;
  color: #FFFFFF;
  border: solid 1px #FBB040;
}
#keypad-div .keypad-row button.keypad-shift {
  font-size: 14px;
  background-color: #2BB673;
  color: #FFFFFF;
  border: solid 1px #2BB673;
}
#keypad-div .keypad-row button.keypad-enter {
  font-size: 14px;
  background-color: #1ea97a;
  color: #FFFFFF;
  border: solid 1px #1ea97a;
}
/*Style For Password Panel --------------------------------------------------------------------------------------*/
.ui-password-panel {
  font-size: 14px;
  color: #444444;
  padding: 10px !important;
  background-color: #FFFFFF !important;
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  border-radius: 2px;
  border: solid 1px #B0BEC5;
}
.ui-password-panel .ui-password-meter {
  background-image: url("/common/javax.faces.resource/images/password-meter.svg.xhtml?ln=primefaces-rio") !important;
  background-size: 100% !important;
}
/*Style For Input Switch --------------------------------------------------------------------------------------*/
.ui-inputswitch {
  border: solid 1px #1E88E5;
  padding: 2px !important;
  color: #778D9B;
  font-size: 14px;
  background-color: #1E88E5;
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  height: 28px !important;
  border-bottom-right-radius: 30px;
  border-bottom-left-radius: 30px;
  border-top-right-radius: 30px;
  border-top-left-radius: 30px;
}
.ui-inputswitch .ui-inputswitch-on,
.ui-inputswitch .ui-inputswitch-off {
  height: 24px !important;
}
.ui-inputswitch .ui-inputswitch-off span,
.ui-inputswitch .ui-inputswitch-on span {
  margin-top: 5px;
  font-size: 15px;
}
.ui-inputswitch .ui-inputswitch-on span {
  color: #BBDEFB;
}
.ui-inputswitch .ui-inputswitch-off span {
  color: #BBDEFB;
}
.ui-inputswitch-off,
.ui-inputswitch-on {
  padding-top: 0px !important;
  font-weight: normal !important;
}
.ui-inputswitch-handle {
  height: 22px !important;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  margin-top: 2px;
  margin-left: 2px;
  border: solid 3px #FFFFFF !important;
  background-color: #FFFFFF;
  opacity: 1;
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.4);
}
/*Style For SelectOneListBox --------------------------------------------------------------------------------------*/
.ui-selectonelistbox {
  background-color: #FFFFFF;
  color: #444444;
  padding: 0px !important;
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  border-radius: 2px !important;
  border: solid 1px #E0E0E0;
  overflow: hidden;
}
.ui-selectlistbox-filter-container {
  padding: 10px !important;
}
.ui-selectonelistbox .ui-selectlistbox-item {
  padding: 10px 7px !important;
  border-radius: 0px;
  font-size: 14px;
  display: block;
  margin: 0px !important;
}
@media screen and (min-width: 0\0) {
  .ui-selectonelistbox tr.ui-selectlistbox-item,
  .ui-selectmanymenu tr.ui-selectlistbox-item {
    padding: 0px !important;
  }
  .ui-selectonelistbox table.ui-selectlistbox-list td,
  .ui-selectmanymenu table.ui-selectlistbox-list td {
    padding: 10px 7px !important;
  }
}
.ui-selectonelistbox .ui-selectlistbox-item.ui-state-hover {
  background-color: #f4f4f4 !important;
  color: #03A9F4 !important;
}
.ui-selectonelistbox tr.ui-selectlistbox-item.ui-state-hover {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
.ui-selectonelistbox .ui-selectlistbox-item.ui-state-hover td {
  color: #03A9F4 !important;
}
.ui-selectonelistbox .ui-selectlistbox-item.ui-state-highlight {
  background-color: #f4f4f4 !important;
  color: #03A9F4 !important;
}
.ui-selectonelistbox .ui-selectlistbox-item.ui-state-highlight td {
  color: #03A9F4 !important;
}
.ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon-search {
  width: 30px;
  height: 30px;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("/common/javax.faces.resource/images/search-icon.svg.xhtml?ln=primefaces-rio");
  left: 14px;
  top: 16px;
}
.ui-selectonelistbox .ui-selectlistbox-filter-container .ui-inputfield {
  padding-left: 30px !important;
  width: 70%;
}
/*Style For SelectManyMenu --------------------------------------------------------------------------------------*/
.ui-selectmanymenu {
  background-color: #FFFFFF;
  color: #444444;
  padding: 0px !important;
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  border-radius: 2px !important;
  border: solid 1px #E0E0E0;
  font-size: 14px;
}
.ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon-search {
  width: 30px;
  height: 30px;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("/common/javax.faces.resource/images/search-icon.svg.xhtml?ln=primefaces-rio");
  left: 13px;
  top: 16px;
}
.ui-selectmanymenu .ui-selectlistbox-filter-container .ui-inputfield {
  width: 70%;
  padding-left: 30px !important;
}
.ui-selectmanymenu .ui-selectlistbox-item {
  padding: 10px 14px;
  margin: 0px !important;
  display: block;
  border-radius: 0px;
}
.ui-selectmanymenu .ui-selectlistbox-item.ui-state-hover td {
  color: #03A9F4;
}
.ui-selectmanymenu .ui-selectlistbox-item.ui-state-highlight td {
  color: #03A9F4;
}
.ui-selectmanymenu .ui-selectlistbox-item .ui-chkbox {
  float: left;
  margin-top: -2px;
}
.ui-selectmanymenu tr.ui-selectlistbox-item td .ui-chkbox {
  float: left;
  margin-top: 2px !important;
}
.ui-selectmanymenu .ui-state-hover {
  background-color: #f4f4f4 !important;
  color: #03A9F4;
}
.ui-selectmanymenu .ui-state-highlight {
  background-color: #f4f4f4 !important;
  color: #03A9F4;
  border-radius: 0px !important;
}
/*Style For Slider --------------------------------------------------------------------------------------*/
.ui-slider {
  background-color: #1E88E5;
  color: #778D9B;
}
.ui-slider-horizontal {
  margin: 2px 11px;
}
.ui-slider-vertical {
  margin: 11px 5px;
}
.ui-slider-range {
  background-color: #1565C0;
}
.ui-slider-handle {
  width: 20px !important;
  height: 20px !important;
  cursor: move !important;
  border: solid 1px #FFFFFF !important;
  background-color: #FFFFFF;
  border-radius: 30px !important;
  opacity: 1;
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.4);
}
@media screen and (min-width: 0\0) {
  .ui-slider-handle {
    box-shadow: 0px 0px 8px 0px rgba(43, 59, 93, 0.4) !important;
  }
}
.ui-slider-vertical .ui-slider-handle {
  left: -5px !important;
}
.ui-slider-horizontal .ui-slider-handle {
  top: -5px !important;
}
/*Style For Rating --------------------------------------------------------------------------------------*/
.ui-rating-star a {
  width: 20px !important;
  height: 20px !important;
  background-size: 90%;
}
.ui-rating-cancel a {
  background-image: url("/common/javax.faces.resource/images/dislike-on.svg.xhtml?ln=primefaces-rio") !important;
  opacity: 1;
  background-position: center !important;
  background-size: 110% !important;
  margin-right: 3px;
  width: 16px !important;
  height: 16px !important;
  color: #778D9B;
}
.ui-rating-cancel-hover a {
  background-image: url("/common/javax.faces.resource/images/dislike-on.svg.xhtml?ln=primefaces-rio") !important;
  opacity: 0.5;
  background-position: center !important;
  background-size: 100% !important;
}
.ui-rating-star a {
  background-image: url("/common/javax.faces.resource/images/star.svg.xhtml?ln=primefaces-rio") !important;
  background-position: center !important;
  background-size: 100% !important;
  margin: 0px 1px;
}
.ui-rating-star-on a {
  background-image: url("/common/javax.faces.resource/images/star-on.svg.xhtml?ln=primefaces-rio") !important;
  background-position: center !important;
  background-size: 100% !important;
}
/*Style For Spinner --------------------------------------------------------------------------------------*/
.ui-spinner .ui-spinner-input {
  text-align: left;
  padding: 7px 9px !important;
}
.ui-spinner .ui-spinner-up {
  margin: 1px 0px 0px !important;
}
.ui-spinner .ui-spinner-down {
  margin: 0px 0px 1px !important;
}
.ui-spinner .ui-spinner-button {
  width: auto;
  height: 17px;
  margin: 2px 3px 2px 0px;
  border-radius: 0px !important;
  cursor: pointer;
}
.ui-spinner .ui-spinner-button {
  background-color: transparent;
}
.ui-spinner .ui-spinner-button.ui-state-hover .ui-button-text,
.ui-spinner .ui-spinner-button.ui-state-active .ui-button-text {
  background-color: #E0E0E0 !important;
}
.ui-spinner .ui-spinner-up .ui-button-text {
  border-bottom-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
  border-top-left-radius: 0px !important;
  border-bottom: 0px none;
  background-color: #f4f4f4;
}
.ui-spinner .ui-spinner-down .ui-button-text {
  margin-top: 1px;
  border-bottom: 0px none;
  background-color: #f4f4f4;
  border-bottom-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
  border-top-left-radius: 0px !important;
}
.ui-spinner .ui-spinner-button .ui-button-text {
  height: 8px;
  text-align: center;
  padding: 4px 20px 4px 20px !important;
}
.ui-spinner .ui-spinner-up .ui-button-text .ui-icon {
  background-image: url("/common/javax.faces.resource/images/plus-sign.svg.xhtml?ln=primefaces-rio") !important;
  background-position: center !important;
  background-size: 90% !important;
  margin-left: 12px;
  margin-top: -8px;
}
.ui-spinner .ui-spinner-down .ui-button-text .ui-icon {
  background-image: url("/common/javax.faces.resource/images/minus-sign.svg.xhtml?ln=primefaces-rio") !important;
  background-position: center !important;
  background-size: 90% !important;
  margin-left: 12px;
}
/*Style For DatePicker And Calendar--------------------------------------------------------------------------------------*/
.ui-datepicker-inline {
  border: solid 1px #E0E0E0;
}
.ui-datepicker {
  padding: 8px !important;
  background-color: #FFFFFF !important;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  z-index: 9999;
}
.ui-datepicker:hover,
.ui-datepicker:focus {
  z-index: 9999;
}
.ui-datepicker-header {
  font-size: 18px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  color: #444444;
  padding: 10px 0px !important;
}
.ui-datepicker-header .ui-datepicker-prev {
  left: 3px !important;
  top: 10px !important;
  cursor: pointer;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
}
.ui-datepicker-header .ui-datepicker-next {
  right: 3px !important;
  top: 10px !important;
  cursor: pointer;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
}
.ui-datepicker-header .ui-datepicker-prev-hover {
  background-color: #f4f4f4;
  left: 3px;
  top: 3px;
}
.ui-datepicker-header .ui-datepicker-next-hover {
  background-color: #f4f4f4;
  right: 3px;
  top: 3px;
}
.ui-datepicker-header .ui-datepicker-prev .ui-icon {
  background-image: url("/common/javax.faces.resource/images/calendar-left-arrow.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-size: 130% !important;
  top: 50%;
  left: 48%;
}
.ui-datepicker-header .ui-datepicker-next .ui-icon {
  background-image: url("/common/javax.faces.resource/images/calendar-right-arrow.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-size: 130% !important;
  top: 50%;
  left: 54%;
}
.ui-datepicker-calendar {
  margin: 2px 0px 0px 0px !important;
  border-collapse: inherit !important;
}
.ui-datepicker-calendar thead tr th {
  color: #444444;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  cursor: default;
  padding: 9px 0px;
}
.ui-datepicker-calendar tbody tr td {
  border: solid 1px transparent;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  cursor: default;
  padding: 5px 0px;
  /*    .transition(all 0.5s ease);  */
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
.ui-datepicker td span,
.ui-datepicker td a {
  text-align: center !important;
}
.ui-datepicker-calendar tbody tr td:hover {
  background-color: #009FE6;
  border: solid 1px #009FE6;
}
.ui-datepicker-calendar tbody tr td:hover a {
  /*    .transition(all 0.5s ease);  */
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
  color: #FFFFFF !important;
}
.ui-datepicker-calendar tbody tr td a {
  color: #444444 !important;
  background-color: transparent !important;
}
.ui-datepicker-calendar tbody tr .ui-datepicker-today {
  background-color: #FFFFFF;
  border: solid 1px #009FE6;
}
.ui-datepicker-calendar tbody tr .ui-datepicker-today a {
  color: #1D50A2 !important;
}
.ui-datepicker-calendar tbody tr .ui-datepicker-current-day {
  background-color: #009FE6;
  border: solid 1px #009FE6;
}
.ui-datepicker-calendar tbody tr .ui-datepicker-current-day a {
  color: #F6FAFC !important;
}
.ui-datepicker-trigger {
  width: auto !important;
  margin-left: 2px !important;
}
.ui-calendar .ui-datepicker-trigger .ui-icon {
  background-image: url("/common/javax.faces.resource/images/calendar.svg.xhtml?ln=primefaces-rio");
  background-position: center;
  background-size: 18px 18px;
  background-repeat: no-repeat;
  display: inline-block;
  width: 18px !important;
  height: 18px !important;
  margin-top: -7px !important;
}
.ui-datepicker-group .ui-datepicker-calendar {
  width: 100% !important;
}
.ui-timepicker-div {
  color: #444444;
}
.ui-timepicker-div dl {
  padding: 1px 10px;
}
.ui-timepicker-div .ui-widget-header {
  font-size: 18px;
  padding: 6px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  color: #444444;
}
/*Style For UI Tooltip --------------------------------------------------------------------------------------*/
.ui-tooltip {
  background-color: transparent;
  color: #444444;
  border-top-left-radius: 0px;
  padding: 5px !important;
  font-size: 14px;
}
.ui-tooltip.ui-state-error {
  background-color: #E53935;
  color: #FFFFFF;
  border-top-left-radius: 0px;
  padding: 5px !important;
}
/*Style For UI CommandLink --------------------------------------------------------------------------------------*/
.ui-commandlink {
  color: #0091EA !important;
}
/*Style For UI Link --------------------------------------------------------------------------------------*/
.ui-link {
  color: #0091EA !important;
}
/*Style For UI Editor --------------------------------------------------------------------------------------*/
.ui-editor {
  border: solid 1px #E0E0E0 !important;
  border-radius: 2px !important;
  -webkit-border-radius: 2px !important;
  -moz-border-radius: 2px  !important;
  overflow: hidden;
  /*    .transition(all 0.5s ease);  */
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
  padding: 5px;
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.ui-editor-toolbar {
  background-image: none !important;
  background-color: #f4f4f4 !important;
  border-radius: 1px !important;
  -webkit-border-radius: 1px !important;
  -moz-border-radius: 1px  !important;
}
.ui-outputlabel {
  font-size: 16px;
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.ui-outputlabel {
  color: #546E7A;
}
/*Style For UI Galleria --------------------------------------------------------------------------------------*/
.ui-galleria {
  border: solid 1px #D1D3D4;
  border-radius: 5px !important;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px  !important;
  background-color: #FBFCFD;
  color: #778D9B;
}
.ui-galleria-filmstrip-wrapper {
  border-top: solid 1px #E8EDF2 !important;
  background-color: #F3F5F7;
}
.ui-galleria-nav-prev,
.ui-galleria-nav-next {
  padding: 2px;
  bottom: 14px !important;
}
.ui-galleria-nav-prev {
  left: 2px !important;
  background-image: url("/common/javax.faces.resource/images/leftarrow-navy.svg.xhtml?ln=primefaces-rio") !important;
  background-position: center !important;
  background-size: 100% !important;
}
.ui-galleria-nav-next {
  right: 2px !important;
  background-image: url("/common/javax.faces.resource/images/rightarrow-navy.svg.xhtml?ln=primefaces-rio") !important;
  background-position: center !important;
  background-size: 120% !important;
}
.ui-galleria-caption {
  background-color: rgba(92, 107, 192, 0.4) !important;
}
/*Style For UI ProgressBar --------------------------------------------------------------------------------------*/
.ui-progressbar {
  background-color: #81D4FA;
  border-radius: 2px;
  height: 5px !important;
}
.ui-progressbar-value {
  background-color: #0288D1;
  overflow: hidden;
  margin: 0px !important;
  background-image: none!important;
  border-radius: 2px;
}
.ui-progressbar-label {
  color: #546E7A;
  font-size: 14px;
  line-height: 18px;
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  padding-top: 10px;
}
/*Style For UI clock --------------------------------------------------------------------------------------*/
.ui-clock {
  padding: 10px 20px !important;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  background-color: #4DB6AC;
  color: #E0F2F1;
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-weight: lighter;
  font-size: 14px;
}
/* Style For UI Autocomplete --------------------------------------------------------------------------------------*/
.ui-autocomplete {
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.ui-autocomplete .ui-autocomplete-dropdown {
  border-bottom-right-radius: 0px !important;
  border-top-right-radius: 0px !important;
  border-bottom-left-radius: 0px  !important;
  border-top-left-radius: 0px  !important;
}
.ui-autocomplete .ui-autocomplete-dropdown {
  border-radius: 0px !important;
  background-color: #f4f4f4;
  border-bottom: solid 1px #B0BEC5;
}
.ui-autocomplete .ui-autocomplete-dropdown.ui-state-hover {
  border-bottom: solid 1px #03A9F4;
  background-color: #E0E0E0 !important;
}
.ui-autocomplete .ui-corner-left {
  border-bottom-right-radius: 0px !important;
  border-top-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-top-left-radius: 0px !important;
}
.ui-autocomplete .ui-autocomplete-dropdown .ui-icon-triangle-1-s {
  background-image: url("/common/javax.faces.resource/images/downarrow.svg.xhtml?ln=primefaces-rio");
  background-position: center !important;
  background-size: 130% !important;
  z-index: 998;
  margin-top: -6px;
}
.ui-autocomplete-panel {
  background-color: #FFFFFF;
  border-radius: 2px;
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.ui-autocomplete-panel .ui-autocomplete-items {
  padding: 0px !important;
}
.ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item {
  color: #444444;
  font-size: 14px;
  padding: 10px 16px;
  border-radius: 0px;
  /*    .transition(all 0.5s ease);  */
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
  margin: 0px;
}
.ui-autocomplete-query {
  font-weight: normal !important;
}
.ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-group {
  color: #FFFFFF;
  background-color: #546E7A;
  padding: 6px 8px;
  font-size: 14px;
  border: 0px;
  margin: 0px;
  font-weight: normal;
}
.ui-autocomplete-panel .ui-autocomplete-items .ui-state-highlight {
  background-color: #f4f4f4;
  color: #03A9F4;
}
.ui-autocomplete-panel .ui-autocomplete-items .ui-state-highlight td {
  color: #03A9F4 !important;
  background-color: #f4f4f4;
}
.ui-autocomplete-panel .ui-autocomplete-table th,
.ui-autocomplete-panel .ui-autocomplete-table td {
  border-color: #f4f4f4 !important;
  padding: 14px 10px !important;
}
.ui-autocomplete-multiple .ui-autocomplete-multiple-container .ui-autocomplete-token {
  background-color: #C6D6DF;
  padding: 5px;
}
.ui-autocomplete-multiple .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-icon-close {
  background-image: url("/common/javax.faces.resource/images/delete-gray.svg.xhtml?ln=primefaces-rio") !important;
  background-position: center !important;
  background-size: 100% !important;
}
.ui-autocomplete-input-token input[type="text"] {
  color: #003D50;
  font-size: 14px;
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif !important;
}
.ui-autocomplete-itemtip {
  border: solid 1px #D1D3D4;
  background-color: #FBFCFD;
  font-size: 14px;
  padding: 2px !important;
}
.ui-autocomplete-itemtip table thead tr th {
  border-bottom: solid 1px #E8EDF2 !important;
  color: #778D9B;
  font-size: 14px;
}
/* Style For UI MultiSelectListbox --------------------------------------------------------------------------------------*/
.ui-multiselectlistbox .ui-multiselectlistbox-listcontainer {
  margin: 0px !important;
}
.ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-header {
  border: solid 1px #E0E0E0;
  background-color: #1D50A2;
  color: #FFFFFF;
  padding: 8px 0px !important;
  /*    .transition(all 0.5s ease);  */
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
  font-size: 14px;
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
  border-bottom: solid 2px !important;
  font-weight: normal;
}
.ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list {
  border: solid 1px #E0E0E0;
  background-color: #FFFFFF;
  border-top: 0px;
  padding: 0px !important;
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  border-bottom-right-radius: 2px !important;
  border-top-right-radius: 0px !important;
  border-bottom-left-radius: 2px !important;
  border-top-left-radius: 0px !important;
  overflow: hidden;
}
.ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item {
  font-size: 14px;
  padding: 7px 13px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  margin: 0px;
}
.ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-state-hover {
  color: #03A9F4;
  background-color: #f4f4f4 !important;
}
.ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-state-highlight {
  color: #03A9F4;
  background-color: #f4f4f4 !important;
}
/* Style For UI Terminal --------------------------------------------------------------------------------------*/
.ui-terminal {
  background-color: #FFFFFF;
  border: solid 1px #E0E0E0;
  padding: 10px !important;
  color: #444444;
  border-radius: 2px;
}
/* Style For UI MenuButton --------------------------------------------------------------------------------------*/
.ui-menubutton .ui-icon-triangle-1-s {
  background-image: url("/common/javax.faces.resource/images/more-vert-gray.svg.xhtml?ln=primefaces-rio") !important;
  background-position: center !important;
  height: 24px;
  width: 24px;
}
/* Style For Toolbar Seperator --------------------------------------------------------------------------------------*/
.ui-toolbar .ui-separator {
  padding: 0px 5px;
  border-bottom: 0px none;
}
/*Style For Jqplot Charts --------------------------------------------------------------------------------------*/
/* ... Styles applied to the 2nd, 3rd, etc. x axis only. */
/* ... Styles applied to the 2nd, 3rd, etc. y axis only. */
/*Style For UI Outline --------------------------------------------------------------------------------------*/
.ui-tabs-outline {
  outline: none !important;
}
.ui-tabs-top .ui-tabs-nav .ui-tabs-outline,
.ui-tabs-bottom .ui-tabs-nav .ui-tabs-outline,
.ui-tabs-left .ui-tabs-nav .ui-tabs-outline,
.ui-tabs-right .ui-tabs-nav .ui-tabs-outline {
  outline: none !important;
  border: dotted 1px #FFFFFF !important;
  background-color: transparent !important;
  border-radius: 0px !important;
}
.ui-accordion .ui-tabs-outline {
  outline: none !important;
  background-color: #1D50A2;
  color: #FFFFFF;
}
/*Style For UploadButton --------------------------------------------------------------------------------------*/
.ui-fileupload-choose input[type="file"] {
  z-index: 999;
}
.ui-fileupload-simple input[type="file"] {
  z-index: 999;
  width: 100px;
  height: 40px;
}
.ui-fileupload-simple .ui-icon-plusthick {
  background-image: url("/common/javax.faces.resource/images/plus-sign-white.svg.xhtml?ln=primefaces-rio") !important;
  background-position: center !important;
  background-size: 100% !important;
}
.ui-fileupload-upload .ui-icon-arrowreturnthick-1-n {
  background-image: url("/common/javax.faces.resource/images/upload.svg.xhtml?ln=primefaces-rio") !important;
  background-position: center !important;
  background-size: 100% !important;
}
.ui-fileupload-cancel .ui-icon-cancel {
  background-image: url("/common/javax.faces.resource/images/delete.svg.xhtml?ln=primefaces-rio") !important;
  background-position: center !important;
  background-size: 100% !important;
}
.ui-fileupload-content .ui-fileupload-cancel .ui-icon-close {
  background-image: url("/common/javax.faces.resource/images/delete.svg.xhtml?ln=primefaces-rio") !important;
  background-position: center !important;
  background-size: 100% !important;
}
.ui-fileupload-content .ui-messages-error .ui-icon-close {
  background-image: url("/common/javax.faces.resource/images/delete-pink.svg.xhtml?ln=primefaces-rio") !important;
  background-position: center !important;
  background-size: 100% !important;
}
.ui-fileupload-simple .ui-fileupload-filename {
  color: #444444;
  font-size: 14px;
}
/*Style For UI Steps --------------------------------------------------------------------------------------*/
.ui-steps {
  min-height: 50px;
  margin-top: 50px;
}
.ui-steps .ui-steps-item {
  background-color: #003D50;
  margin-right: 1px;
}
.ui-steps .ui-steps-item .ui-menuitem-link {
  height: 10px;
  padding: 0px 10px !important;
}
.ui-steps .ui-steps-item .ui-steps-number {
  display: inline-block;
  margin-top: -30px;
  height: auto !important;
  padding: 5px 7px !important;
  font-size: 20px;
  color: #fff;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  background-color: #CE2246 !important;
}
.ui-steps .ui-steps-title {
  color: #778D9B;
  margin: 0px 10px;
}
/*Style For UI TagCloud --------------------------------------------------------------------------------------*/
.ui-tagcloud {
  border: solid 1px #E0E0E0;
}
.ui-tagcloud li a {
  color: #778D9B;
  padding: 3px;
  margin: 3px;
  border-radius: 5px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}
.ui-tagcloud li a.ui-state-hover {
  color: #FFFFFF;
  background-color: #CE2246;
}
/*Style For UI Inplace --------------------------------------------------------------------------------------*/
.ui-inplace .ui-inplace-editor .ui-button .ui-icon-check {
  background-image: url("/common/javax.faces.resource/images/check-white.svg.xhtml?ln=primefaces-rio") !important;
  background-position: center !important;
  background-size: 110% !important;
}
.ui-inplace .ui-inplace-editor .ui-button .ui-icon-close {
  background-image: url("/common/javax.faces.resource/images/delete.svg.xhtml?ln=primefaces-rio") !important;
  background-position: center !important;
  background-size: 110% !important;
}
.ui-inplace .ui-inplace-display.ui-state-highlight {
  background-color: #F3F5F7;
  padding: 3px;
  border: solid 1px #D1D3D4 !important;
  border-radius: 3px;
}
/*Style For UI DataScroller --------------------------------------------------------------------------------------*/
.ui-datascroller {
  border: solid 1px #D1D3D4;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  background-color: #FBFCFD;
}
.ui-datascroller .ui-datascroller-header {
  background-color: #4DB6AC;
  border-radius: 2px;
}
.ui-datascroller .ui-datascroller-item {
  border-bottom: solid 1px #D1D3D4 !important;
}
/*Style For UI LayoutContainer --------------------------------------------------------------------------------------*/
.ui-layout-container .ui-layout-unit {
  border: solid 1px #E0E0E0;
  background-color: #FFFFFF;
  color: #444444;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
/*Style For UI LayoutUnit --------------------------------------------------------------------------------------*/
.ui-layout-unit .ui-layout-unit-header {
  color: #FFFFFF;
  padding: 8px 6px 10px 10px !important;
  font-size: 14px;
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  background-color: #003D50;
  border-radius: 2px;
}
.ui-layout-unit .ui-layout-unit-header .ui-layout-unit-header-title {
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.ui-layout-unit .ui-layout-unit-header .ui-layout-unit-header-icon .ui-icon-close {
  background-image: url("/common/javax.faces.resource/images/delete.svg.xhtml?ln=primefaces-rio") !important;
  background-position: center !important;
  background-size: 110% !important;
  margin-top: 3px;
}
.ui-layout-unit .ui-layout-unit-header .ui-layout-unit-header-icon .ui-icon-triangle-1-n {
  background-image: url("/common/javax.faces.resource/images/uparrow.svg.xhtml?ln=primefaces-rio") !important;
  background-position: center !important;
  background-size: 120% !important;
  margin-top: 3px;
}
.ui-layout-unit .ui-layout-unit-header .ui-layout-unit-header-icon .ui-icon-triangle-1-w {
  background-image: url("/common/javax.faces.resource/images/left-arrow.svg.xhtml?ln=primefaces-rio") !important;
  background-position: center !important;
  background-size: 100% !important;
  margin-top: 3px;
}
.ui-layout-unit .ui-layout-unit-header .ui-layout-unit-header-icon .ui-icon-triangle-1-e {
  background-image: url("/common/javax.faces.resource/images/right-arrow.svg.xhtml?ln=primefaces-rio") !important;
  background-position: center !important;
  background-size: 100% !important;
  margin-top: 3px;
}
.ui-layout-unit .ui-layout-unit-header .ui-layout-unit-header-icon .ui-icon-triangle-1-s {
  background-image: url("/common/javax.faces.resource/images/downarrow.svg.xhtml?ln=primefaces-rio") !important;
  background-position: center !important;
  background-size: 120% !important;
  margin-top: 3px;
}
.ui-layout-resizer .ui-layout-toggler .ui-icon-arrow-4-diag {
  background-image: url("/common/javax.faces.resource/images/expand-gray.svg.xhtml?ln=primefaces-rio") !important;
  background-position: center !important;
  background-size: 110% !important;
}
/*Style For UI Wizard --------------------------------------------------------------------------------------*/
.ui-wizard .ui-wizard-step-titles li {
  padding: 10px 20px !important;
  font-size: 14px;
  color: #FFFFFF;
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  border-radius: 2px !important;
  -webkit-border-radius: 2px !important;
  -moz-border-radius: 2px !important;
  background-color: #0288D1;
}
.ui-wizard .ui-wizard-step-titles li.ui-state-highlight {
  background-color: #29a1ec;
}
.ui-wizard .ui-wizard-nav-back .ui-icon-arrowthick-1-w {
  background-image: url("/common/javax.faces.resource/images/left-arrow.svg.xhtml?ln=primefaces-rio") !important;
  background-position: center !important;
  background-size: 110% !important;
}
.ui-wizard .ui-wizard-nav-next .ui-icon-arrowthick-1-e {
  background-image: url("/common/javax.faces.resource/images/right-arrow.svg.xhtml?ln=primefaces-rio") !important;
  background-position: center !important;
  background-size: 110% !important;
}
/*Style For UI State Focus --------------------------------------------------------------------------------------*/
.ui-button.ui-state-focus {
  -webkit-box-shadow: inset 0px 0px 10px 0px rgba(255, 255, 255, 0.7) !important;
  -moz-box-shadow: inset 0px 0px 10px 0px rgba(255, 255, 255, 0.7) !important;
  box-shadow: inset 0px 0px 10px 0px rgba(255, 255, 255, 0.7) !important;
  background-color: #EBAF2F;
}
.ui-button.base-large-button.ui-state-focus {
  -webkit-box-shadow: inset 0px 0px 10px 0px rgba(255, 255, 255, 0.7) !important;
  -moz-box-shadow: inset 0px 0px 10px 0px rgba(255, 255, 255, 0.7) !important;
  box-shadow: inset 0px 0px 10px 0px rgba(255, 255, 255, 0.7) !important;
  background-color: #009FE6;
}
.ui-calendar .ui-button.ui-state-focus {
  -webkit-box-shadow: unset !important;
  -moz-box-shadow: unset !important;
  box-shadow: unset !important;
  background-color: unset;
}
.ui-inputswitch-handle.ui-state-focus {
  -webkit-box-shadow: inset 0px 0px 10px 0px rgba(255, 255, 255, 0.7) !important;
  -moz-box-shadow: inset 0px 0px 10px 0px rgba(255, 255, 255, 0.7) !important;
  box-shadow: inset 0px 0px 10px 0px rgba(255, 255, 255, 0.7) !important;
  background-color: #BBDEFB;
}
.ui-slider-handle.ui-state-focus {
  background-color: #BBDEFB !important;
  border-color: #BBDEFB !important;
}
.ui-selectonemenu.ui-state-focus,
.ui-selectcheckboxmenu.ui-state-focus {
  border-bottom: solid 1px #03A9F4 !important;
}
.ui-datatable table thead tr th.ui-state-focus {
  background-color: #C1D5DF;
  -webkit-box-shadow: inset 0px -3px 0px 0px #546e7a;
  -moz-box-shadow: inset 0px -3px 0px 0px #546e7a;
  box-shadow: inset 0px -3px 0px 0px #546e7a;
}
/*
 APP Extended definition.
 */
.ui-datatable table tbody .rowType_added {
  background-color: #FFF5EE;
}
.ui-datatable table tbody .rowType_changed {
  background-color: #FFFACD;
}
.ui-datatable table tbody .rowType_deleted {
  background-color: #C0C0C0;
}
.app-footer-button-area {
  height: 40px;
  width: 100%;
  bottom: 0px;
  right: 0px;
  background-color: #1D50A2;
}
.ui-caption-label {
  font-size: 14px;
  font-weight: 400;
  color: #444444;
  padding: 2px 7px;
}
label.ui-caption-label {
	padding: 0 0 4px;
}
.ui-caption-content {
  font-size: 14px;
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  padding: 1px;
}
/*input部品と高さ合わせたいので削るが、他影響確認必要
.ui-caption-content .ui-widget-label,
.ui-caption-content .ui-outputpanel .ui-widget-label {
  line-height: 30px;
}*/
.ui-caption-content .ui-chkbox {
  padding: 2px 3px !important;
}
tr.hide-layout-row,
tr.hide-layout-header-row,
tr.hide-layout-footer-row {
  height: 0px !important;
  min-height: 0px !important;
  padding: 0px !important;
}
.ui-datatable table thead tr .hide-layout-header-row,
.ui-datatable table tfoot tr .hide-layout-footer-row,
.ui-datatable .ui-datatable-tablewrapper table thead tr.hide-layout-header-row th,
.ui-datatable .ui-datatable-tablewrapper table tfoot tr.hide-layout-footer-row,
.ui-panelgrid tbody tr.hide-layout-row td {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  height: 0px !important;
  min-height: 0px !important;
}
.ui-datatable table tbody td .ui-panelgrid {
  margin-top: -4.7px !important;
}
.hide-layout-row th,
.hide-layout-row td,
.hide-layout-header-row th,
.hide-layout-header-row td,
.hide-layout-footer-row td {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.fc-view-container .fc-agendaWeek-view .fc-bg table tbody tr .fc-regular-holiday {
  background-color: #ffc0cb;
  color: #ffffff;
}
.ui-widget-label {
  line-height: 18px;
  text-align: left !important;
}
/*output部品スタイル追記 input部品に合わせた形*/
.ui-caption-content .textType,
.ui-caption-content .app-textoverflow,
.ui-caption-content .ui-widget-label,
.ui-caption-content .ymType {
  line-height: 18px;
  text-align: left !important;
  padding: 16px 1px;
/*  border: 1px solid #fff;*/
  display: inline-block;
  vertical-align: middle;
}
.ui-caption-content.numericType .ui-widget-label{
  line-height: 18px;
  text-align: right !important;
  padding: 16px 1px;
/*  border: 1px solid #fff;*/
  display: inline-block;
  vertical-align: middle;
}
.ui-caption-content .textPrefixType,
.ui-caption-content .textSuffixType {
  display: inline-block;
  vertical-align: middle;
}
.ui-output-text {
  height: 30px;
  padding: 10px;
}
.ui-outputpanel .ui-widget-label {
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.ui-display-hide {
  display: none;
}
.fc-regular-holiday {
  background-color: #ffc0cb;
  color: #ffffff;
}
.app-tooltip {
  background-color: #d3e5ff;
  color: #444444;
  font-size: 14px;
}
.app-multi-line-grid {
  border: 2px solid transparent !important;
  margin-top: -2px;
  margin-bottom: -2px;
}
.app-badge {
  font-weight: bold !important;
  padding: 0px 0 0 8px !important;
  color: #EB6852 !important;
}
.app-badge:before {
	content: "※";
	display: inline-block;
}
.app-textoverflow {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
span.app-textoverflow,
a.app-textoverflow {
  display: inline;
  vertical-align: middle;
}
.ui-datatable td span.app-textoverflow {
  padding-left: 5px;
}
.ui-datatable td span.status-block {
  padding: 8px 35px;
  width: auto !important;
}
.ui-datatable td .Fright span.ui-widget-label,
.ui-datatable td div.Fright span.app-textoverflow {
  padding-right: 5px;
}
button .ui-button {
  width: 150px !important;
}
.app-popup-button {
  width: 36px !important;
  height: 36px !important;
}
.app-icon-button {
  width: 30px !important;
}
.app-generate-type .ui-selectonebutton .ui-button {
  width: 135px !important;
}
.ui-datatable table tbody tr td .ui-button-icon-only {
  width: auto;
  height: 20px;
  min-width: auto !important;
  min-height: auto !important;
  position: relative !important;
  margin: 0 !important;
  right: 0 !important;
  top: 0;
}
.ui-button-icon-only .ui-icon {
  top: 0 !important;
  left: 0 !important;
  margin: 0 !important;
  margin-top: 0 !important;
  position: relative !important;
  font-size: 1.4em !important;
  width: auto;
  height: auto;
  display: inline-block;
  vertical-align: middle;
}
.ui-icon {
  color: #009FE6 !important;
}
.ui-datatable-data .ui-button {
  border: unset !important;
  background-color: transparent !important;
}
.ui-datatable-data .ui-button-icon-only .ui-button-text {
  display: inline-block;
  vertical-align: middle;
  font-size: 8px !important;
  color: #009FE6;
  text-indent: unset;
  padding: 0 5px 10px 5px !important;
}
.ui-datatable table thead tr .ui-selection-column .ui-chkbox-all {
  width: auto !important;
}
.ui-selectonebutton .ui-button {
  min-width: auto;
  width: auto;
}
.ui-selectonebutton .ui-button .ui-button-text {
  padding: 7px 10px !important;
}
.app-content-button {
  vertical-align: bottom;
}
.app-confirm-dialog {
  width: 560px !important;
  min-height: 180px;
}
.app-calendar-grid .ui-grid-row .ui-datagrid-column {
  padding: 0px;
}
.app-calendar-grid .ui-grid-row .ui-datagrid-column .ui-panel {
  padding: 2px 0px !important;
}
.app-calendar-grid .ui-grid-row .ui-datagrid-column .app-calendar-day-area .ui-panel-titlebar {
  text-align: center;
  background-color: #1D50A2;
  color: #FFFFFF;
  border-left: solid 1px white;
  border-bottom: 1px #E0E0E0;
}
.app-calendar-grid .ui-grid-row .ui-datagrid-column .hide-layout-row .ui-panel-titlebar {
  height: 0px !important;
  min-height: 0px !important;
  padding: 0px !important;
  border-bottom: 0px solid;
}
.app-calendar-grid .ui-grid-row .ui-datagrid-column .app-calendar-day-area .ui-panel-content {
  padding: 4px 0px !important;
}
.app-calendar-grid .ui-grid-row .ui-datagrid-column .app-calendar-day-area .ui-panel-content th {
  padding: 1px 0px !important;
}
.app-calendar-grid .ui-grid-row .ui-datagrid-column .app-calendar-day-area .ui-panel-content table {
  border-spacing: 0px !important;
}
.app-calendar-grid .ui-grid-row .ui-datagrid-column .app-calendar-day-area .ui-panel-content thead {
  background-color: #BBCAE3;
}
.app-calendar-grid .ui-grid-row .ui-datagrid-column .app-calendar-day-area .ui-panel-content thead label.ui-outputlabel {
  color: #444444;
}
.app-calendar-grid .ui-grid-row .ui-datagrid-column .app-calendar-day-area .ui-panel-content thead label.app-calendar-holiday {
  color: #E53935 !important;
}
.app-calendar-grid .ui-grid-row .ui-datagrid-column .app-calendar-day-area .ui-panel-content td {
  padding-left: 5px;
}
.app-calendar-ym-label {
  display: block;
  text-align: center;
  background-color: #1D50A2;
  color: #FFFFFF;
  font-weight: bold !important;
  font-size: 16px;
  padding: 8px 0px;
  margin-left: 1px;
}
.app-password-input .ui-inputfield {
  font-size: 24px;
  font-family: 'roboto_condensedregular' !important;
  padding: 0px 5px !important;
}
.ui-tooltip .ui-tooltip-arrow {
  background-color: transparent;
}
.ui-tooltip .ui-tooltip-text {
  background-color: #d3e5ff;
  color: #444444;
}
.ui-tooltip-right .ui-tooltip-arrow {
  border-right-color: #d3e5ff;
}
.ui-tooltip-bottom .ui-tooltip-arrow {
  border-right-color: transparent;
  border-bottom-color: transparent;
}
/*
.numericType .ui-inputfield,
.numberType .ui-inputfield,
.numericColumnType .ui-inputfield,
.numberColumnType .ui-inputfield {
  text-align: right;
  padding-right: 5px;
}*/
.numericType .ui-inputfield,
.numericColumnType .ui-inputfield {
  text-align: right !important;
  padding-right: 5px;
}
.numericColumnType .ui-widget-label,
.numberColumnType .ui-widget-label {
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.ui-datatable table tbody tr td .numberType,
.ui-datatable table tbody tr td .numericType,
.ui-datatable table tbody tr td .numericColumnType,
.ui-datatable table tbody tr td .numberColumnType {
  text-align: right;
  padding-right: 5px;
}
.app-spacer {
  width: 3px;
  height: 20px;
}
.app-dummy-height-spacer {
  width: 1px;
  height: 18px;
}
.ui-helper-hidden {
  display: none;
}
.app-multi-cd {
  white-space: nowrap;
}
.app-multi-cd .app-multi-cd-list {
  height: 39px;
  overflow-y: scroll;
  vertical-align: middle;
  display: inline-block;
}
.app-multi-cd .app-multi-cd-list .ui-datalist {
  border: none;
}
.app-multi-cd .app-multi-cd-list .ui-datalist .ui-datalist-content .ui-datalist-data {
  padding-top: 0;
  padding-bottom: 0;
}
.app-multi-cd .app-multi-cd-list .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item:last-child {
  padding-bottom: 0;
}
.app-multi-cd .app-multi-cd-tools {
  display: inline-block;
  vertical-align: middle;
}
.app-accordion-arrow {
  position: absolute;
  margin-top: 2px;
  margin-right: 30px;
  right: 0;
}
.app-accordion-arrow:before,
.app-accordion-arrow:after {
  transition: all 0.25s ease-in-out;
}
.app-accordion-arrow:before,
.app-accordion-arrow:after {
    content: "";
    position: absolute;
    background-color: #009fe6;
    width: 2px;
    height: 18px;
}
.app-accordion-arrow:before {
    transform: translate(-6px, 0) rotate(45deg);
}
.app-accordion-arrow:after{
    transform: translate(6px, 0) rotate(-45deg);
}
.accordion-state-close .ui-icon ~ .app-accordion-arrow:before {
  transform: translate(6px, 0) rotate(45deg);
}
.accordion-state-close .ui-icon ~ .app-accordion-arrow:after {
  transform: translate(-6px, 0) rotate(-45deg);
}
.app-purorder-calendar-today {
  background-color: #40e0d0 !important;
  color: #444444;
}
.app-purorder-calendar-past-date {
  background-color: #E1F5FE !important;
  color: #444444 !important;
}
.app-purorder-calendar-future-date {
  background-color: #E1F5FE !important;
  color: #444444 !important;
}
.app-purorder-calendar-holiday {
  color: #E53935 !important;
}
.app-purorder-calendar-saturday {
  color: #0288D1 !important;
}
.app-purorder-closing-date {
  background-color: #a8dba8 !important;
}
.app-purorder-closing-date-other {
  background-color: #F7D100 !important;
}
.app-purorder-plan {
  background-color: #ffc184 !important;
}
.app-purorder-suggest {
  color: #0288D1 !important;
}
.app-purorder-auto {
  background-color: #dcdcdc !important;
  color: #444444 !important;
}
#keypad-div .keypad-row .keypad-key {
  width: 40px !important;
  height: 48px !important;
}
#keypad-div .keypad-row .keypad-space {
  width: 40px !important;
}
.app-numeric-concat .ui-panelgrid-cell {
  padding-left: 2px;
  padding-right: 0px;
}
.ui-inputfield.app-basetextinput-name {
  border-bottom: solid 0px #B0BEC5;
  background-color: transparent;
  cursor: default;
}
.ui-inputfield.app-basetextinput-name.ui-state-focus,
.ui-inputfield.app-basetextinput-name.ui-state-hover {
  color: #444444 !important;
}
.app-scrollable-table .ui-datatable-scrollable-header-box,
.app-scrollable-table .ui-datatable-scrollable-footer-box,
.app-scrollable-table .ui-datatable-frozenlayout-right .ui-datatable-scrollable-header-box,
.app-scrollable-table .ui-datatable-frozenlayout-right .ui-datatable-scrollable-footer-box {
  margin-right: 15px !important;
}
.app-scrollable-table .ui-datatable-scrollable-body,
.app-scrollable-table .ui-datatable-frozenlayout-right .ui-datatable-scrollable-body {
  overflow-x: auto;
  overflow-y: scroll;
}
.app-scrollable-table .ui-datatable-frozenlayout-left .ui-datatable-scrollable-header-box,
.app-scrollable-table .ui-datatable-frozenlayout-left .ui-datatable-scrollable-footer-box {
  margin-right: 0px !important;
}
.app-scrollable-table .ui-datatable-frozenlayout-left .ui-datatable-scrollable-body {
  overflow-x: hidden;
  overflow-y: hidden;
}
.app-fileupload-column .ui-fileupload-buttonbar {
  display: none;
}
.app-fileupload-column .ui-fileupload-content {
  z-index: 100;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.app-fileupload-column .ui-fileupload-files td {
  background-color: #FFFFFF;
  border-color: #1D50A2;
}
.app-fileupload-column .ui-fileupload-files td.ui-fileupload-preview {
  display: none;
}
input.tabletItemCd {
  width: 10em;
}
body {
  overscroll-behavior: none;
}
/* general */
/** Components **/
/* breadcrumb */
/* datatable */
/* datagrid */
/** datalist **/
/** paginator **/
/* schedule for 5.2 and 5.1.8+ */
/** picklist **/
/* orderlist */
/* columntoggler */
/* carousel */
/* tree */
/** treetable **/
/* accordion */
/* panelgrid */
/* scrollpanel */
/* toolbar */
/* notification bar */
/* tabview */
/* fileupload */
/* steps */
/* inplace */
/* dashboard */
/* datascroller */
/* layout */
/* wizard */
/* dialog */
/* overlaypanel */
/* lightbox */
/* fieldset */
/* input field */
/* button */
/* menu */
/* message */
/* panel */
/* selectonemenu */
/* selectcheckboxmenu */
/* growl */
/* log */
/* checkbox */
/* radio */
/* separator */
/* keyboard */
/* password */
/* inputswitch */
/* selectonelistbox */
/* selectmanymenu */
/* slider */
/* rating */
/* spinner */
/* calendar */
/* tooltip */
/* link */
/* editor */
/* outputlabel */
/* galleria */
/* progressbar */
/* clock */
/* autocomplete */
/* multiselectlistbox */
/* terminal */
/* app */
/* Enlarging mask characters for password entry */
/* misc */
.short-transition {
  /*     .transition(all 0.3s ease); */
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
.medium-transition {
  /*    .transition(all 0.5s ease);  */
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
.long-transition {
  /*   .transition(all 1.2s ease); */
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
.no-transition {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
/* button colors */
.BlueTextButton {
  background-color: #ffffff;
  color: #0091EA;
}
.BlueTextButton .ui-icon {
  color: #0091EA;
}
.BlueTextButton.ui-state-hover,
.BlueTextButton.ui-state-focus {
  background-color: #f4f4f4 !important;
}
.GrayButton {
  background-color: #ECEFF1;
  color: #455A64;
}
.GrayButton.ui-state-hover,
.GrayButton.ui-state-focus {
  background-color: #F6F7F9 !important;
}
.GreenButton {
  background-color: #66BB6A;
}
.GreenButton.ui-state-hover,
.GreenButton.ui-state-focus {
  background-color: #85CB88 !important;
}
.RedButton {
  background-color: #E53935;
}
.RedButton.ui-state-hover,
.RedButton.ui-state-focus {
  background-color: #EA5753 !important;
}
.PinkButton {
  background-color: #FF4081;
}
.PinkButton.ui-state-hover,
.PinkButton.ui-state-focus {
  background-color: #FC6296 !important;
}
.OrangeButton {
  background-color: #FB8C00;
}
.OrangeButton.ui-state-hover,
.OrangeButton.ui-state-focus {
  background-color: #FCA537 !important;
}
.PurpleButton {
  background-color: #8E24AA;
}
.PurpleButton.ui-state-hover,
.PurpleButton.ui-state-focus {
  background-color: #A94CC2 !important;
}
.CyanButton {
  background-color: #00ACC1;
}
.CyanButton.ui-state-hover,
.CyanButton.ui-state-focus {
  background-color: #26C6DA !important;
}
.BrownButton {
  background-color: #6D4C41;
}
.BrownButton.ui-state-hover,
.BrownButton.ui-state-focus {
  background-color: #8D6E63 !important;
}
.RaisedButton {
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
}
@media screen and (min-width: 0\0) {
  .RaisedButton {
    box-shadow: 0px 0px 8px 0px rgba(43, 59, 93, 0.4) !important;
  }
}
.RaisedButton.ui-state-hover,
.RaisedButton.ui-state-focus {
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
}
/* shadow for elements*/
.shadows {
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
}
/* text colors */
.White {
  color: #ffffff;
}
.WhiteBlue {
  color: #E1F5FE;
}
.SoftBlue {
  color: #03A9F4;
}
.Blue {
  color: #0288D1;
}
.Turquoise {
  color: #26C6DA;
}
.SoftGray {
  color: #ECEFF1;
}
.Gray {
  color: #90A4AE;
}
.BoldGray {
  color: #546E7A;
}
.SoftOrange {
  color: #FFCC80;
}
.Orange {
  color: #FB8C00;
}
.SoftGreen {
  color: #A5D6A7;
}
.Green {
  color: #43A047;
}
.LeadenGreen {
  color: #26A69A;
}
.SoftRed {
  color: #EF9A9A;
}
.Red {
  color: #E53935;
}
.Pink {
  color: #FF4081;
}
.SoftPurple {
  color: #CE93D8;
}
.Purple {
  color: #8E24AA;
}
.Yellow {
  color: #F7D100;
}