html, body {height: 100%; margin: 0; padding: 0; font-family: 'Ff-Regular', sans-serif; color: #585554; font-size: 14px; overflow-x: hidden; overflow-y: auto;}
body {height: auto !important; min-height: 100%; overflow: hidden; margin: auto;}
* {-webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; outline: none;}
table {border-spacing: 0px;}
td {box-sizing: border-box; padding: 0px;}
img {image-rendering: optimize-contrast; -ms-interpolation-mode: bicubic; border: none;}
i, img {display: inline-block;}
h1, h2, h3, h4, h5, h6 {text-shadow: none;}
a, .ui-widget-content a {color: #2F3441; text-decoration: none;}
.ui-commandlink {display: inline-block;}
strong {font-weight: normal; font-family: 'Ff-SemiBold';}
strong, em, u, ul {color: inherit !important;}

/*	-------	LAYOUT	------	*/

.lg-1,.lg-2,.lg-3,.lg-4,.lg-5,.lg-6,.lg-7,.lg-8,.lg-9,.lg-10,.lg-11,.lg-12,.lg-auto{float:left; box-sizing:border-box; padding: 8px;}
.lg-1{width:8.3333%}.lg-2{width:16.6667%}.lg-3{width:25%}.lg-4{width:33.3333%}.lg-5{width:41.6667%}.lg-6{width:50%}.lg-7{width:58.3333%}.lg-8{width:66.6667%}.lg-9{width:75%}.lg-10{width:83.3333%}.lg-11{width:91.6667%}.lg-12{width:100%}

.nopad, .ui-button.nopad .ui-button-text {padding: 0 !important;}
.nomargin, .ui-button.nomargin .ui-button-text {margin: 0 !important;}

.nopad-T, .layout-sp.nopad-T {padding-top: 0px !important;}
.nopad-B, .layout-sp.nopad-B {padding-bottom: 0px !important;}
.nopad-L, .layout-sp.nopad-L {padding-left: 0px !important;}
.nopad-R, .layout-sp.nopad-R {padding-right: 0px !important;}

.ui-g:after {height: 0px; width: 0px;}

.lg-align-self-C {align-self: center;}
.lg-align-self-B {align-self: flex-end;}
.lg-align-items-T {align-items: flex-start;}
.lg-align-items-B {align-items: flex-end;}
.lg-align-items-C {align-items: center;}
.lg-justify-content-between {justify-content: space-between;}
.lg-justify-R {justify-content: flex-start;}
.lg-justify-L {justify-content: flex-end;}
.lg-justify-C {justify-content: center;}
.lg-float-R {float: right;}
.lg-float-L {float: left;}
.lg-float-none {float: none;}
.lg-txt-R, .lg-txt-R.ui-button, .lg-txt-R.field .ui-inputfield {text-align: right;}
.lg-txt-L, .lg-txt-L.ui-button, .lg-txt-L.field .ui-inputfield {text-align: left;}
.lg-txt-C, .lg-txt-C.ui-button, .lg-txt-C.field .ui-inputfield {text-align: center;}
.lg-txt-justify {text-align: justify;}
.lg-margin-L {margin-right: auto;float: none !important;}
.lg-margin-R {margin-left: auto;float: none !important;}
.lg-margin-C {margin-left: auto; margin-right: auto; float: none !important;}
.lg-hide {display: none;}
.lg-flex {display: flex;}
.lg-block {display: block;}
.lg-inline {display: inline;}
.lg-inline-block {display: inline-block;}
.lg-inline-grid {display: inline-grid !important;}
.lg-sep-R {border-right: 1px solid #DBDBDB;}
.lg-sep-R-hide {border-right: none;}
.lg-sep-L {border-left: 1px solid #DBDBDB;}
.lg-sep-L-hide {border-left: none;}

.lg-flex-1 {flex: 1;}
.lg-flex-auto {flex: 0 1 auto;}

.lg-flex-items-1 > div {flex: 0 1 100%;}
.lg-flex-items-2 > div {flex: 0 1 50%;}
.lg-flex-items-3 > div {flex: 0 1 33.3%;}
.lg-flex-items-4 > div {flex: 0 1 25%;}
.lg-flex-items-5 > div {flex: 0 1 20%;}
.lg-flex-items-6 > div {flex: 0 1 16.666%;}

.word-break {word-break: break-word;}

.uppercase-txt {text-transform: uppercase;}
.underline-txt {text-decoration: underline;}

.topPosit {vertical-align: top;}
.middlePosit {vertical-align: middle;}
.bottomPosit {vertical-align: bottom}
.baseLinePosit {vertical-align: baseline;}
.nowrap {white-space: nowrap;}
.prewrap {white-space: pre;}
.wrap-spaces{white-space: break-spaces;}
.fixed-dt, .ui-datatable table.fixed-dt {table-layout: fixed;}
.auto-dt, .ui-datatable table.auto-dt {table-layout: auto;}
.truncate, .truncate-hover-eff {width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block;}
.truncate-hover-eff:hover {width: 100%; white-space: normal; word-break: break-word; overflow: hidden; display: block;}
.auto-width {width: auto !important;}

.transform-90:before {-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);}
.transform-180:before {-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
.transform-270:before {-webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg);}

.top-0 {margin-top: 0px !important;} 
.top-4 {margin-top: 4px;}
.top-8 {margin-top: 8px;}
.top-16 {margin-top: 16px;}
.top-24 {margin-top: 24px;}
.top-32 {margin-top: 32px;}
.bottom-0 {margin-bottom: 0px;}
.bottom-4 {margin-bottom: 4px;}
.bottom-8 {margin-bottom: 8px;}
.bottom-16 {margin-bottom: 16px;}
.bottom-24 {margin-bottom: 24px;}
.bottom-32 {margin-bottom: 32px;}
.right-4, .ui-button.right-4 {margin-right: 4px;}
.right-8, .ui-button.right-8 {margin-right: 8px;}
.right-16, .ui-button.right-16 {margin-right: 16px;}
.right-24, .ui-button.right-24 {margin-right: 24px;}
.right-32, .ui-button.right-32 {margin-right: 32px;}
.left-4, .ui-button.left-4 {margin-left: 4px;}
.left-8, .ui-button.left-8 {margin-left: 8px;}
.left-16, .ui-button.left-16 {margin-left: 16px;}
.left-24, .ui-button.left-24 {margin-left: 24px;}
.left-32, .ui-button.left-32 {margin-left: 32px;}

.pct5{width: 5%;}
.pct10{width: 10%;}
.pct20{width: 20%;}
.pct30{width: 30%;}
.pct40{width: 40%;}
.pct50{width: 50%;}
.pct60{width: 60%;}
.pct70{width: 70%;}
.pct80{width: 80%;}
.pct90{width: 90%;}
.pct100{width: 100% !important;}

.px5{width: 5px;}
.px10{width: 10px;}
.px20{width: 20px;}
.px30{width: 30px;}
.px40{width: 40px;}
.px50{width: 50px;}
.px60{width: 60px;}
.px70{width: 70px;}
.px80{width: 80px;}
.px90{width: 90px;}
.px100{width: 100px !important;}

.no-border {border: none !important;}

.position-rel {position: relative;}
.position-abs {position: absolute;}

/* TABLET */
@media screen and (max-width: 1023px){
	
	.md-1,.md-2,.md-3,.md-4,.md-5,.md-6,.md-7,.md-8,.md-9,.md-10,.md-11,.md-12{float:left; box-sizing: border-box; padding: 8px;}
	.md-1{width:8.3333%}.md-2{width:16.6667%}.md-3{width:25%}.md-4{width:33.3333%}.md-5{width:41.6667%}.md-6{width:50%}.md-7{width:58.3333%}.md-8{width:66.6667%}.md-9{width:75%}.md-10{width:83.3333%}.md-11{width:91.6667%}.md-12{width:100%}

	.md-align-self-C {align-self: center;}
	.md-align-self-B {align-self: flex-end;}
	.md-align-items-T {align-items: flex-start;}
	.md-align-items-B {align-items: flex-end;}
	.md-align-items-C {align-items: center;}
	.md-justify-R {justify-content: flex-start;}
	.md-justify-L {justify-content: flex-end;}
	.md-justify-C {justify-content: center;}
	.md-float-R {float: right;}
	.md-float-L {float: left;}
	.md-float-none {float: none;}
	.md-txt-R, .md-txt-R.ui-button {text-align: right;}
	.md-txt-L, .md-txt-L.ui-button {text-align: left;}
	.md-txt-C, .md-txt-C.ui-button {text-align: center;}
	.md-margin-L {margin-right: auto;float: none !important;}
	.md-margin-R {margin-left: auto;float: none !important;}
	.md-margin-C {margin: auto;float: none !important;}
	.md-hide, .ui-datatable-reflow .ui-datatable-data td.md-hide {display: none;}
	.md-flex {display: flex;}
	.md-block {display: block;}
	.md-inline-block {display: inline-block;}
	.md-inline-table {display: inline-table;}
	.md-inline {display: inline;}
	.md-row-reverse {-webkit-flex-direction: row-reverse; flex-direction: row-reverse;}
	.md-column-reverse {-webkit-flex-direction: column-reverse; flex-direction: column-reverse;}
	.md-sep-R {border-right: 1px solid #DBDBDB;}
	.md-sep-R-hide {border-right: none;}
	.md-sep-L {border-left: 1px solid #DBDBDB;}
	.md-sep-L-hide {border-left: none;}
	.md-nopad {padding: 0 !important;}

	.md-flex-1 {flex: 1;}
	.md-flex-auto {flex: 0 1 auto;}
	
	.md-flex-items-1 > div {flex: 0 1 100%;}
	.md-flex-items-2 > div {flex: 0 1 50%;}
	.md-flex-items-3 > div {flex: 0 1 33.3%;}
	.md-flex-items-4 > div {flex: 0 1 25%;}
	.md-flex-items-5 > div {flex: 0 1 20%;}
	.md-flex-items-6 > div {flex: 0 1 16.666%;}
}


/* MOBILE */
@media screen and (max-width: 767px){
	.sm-1,.sm-2,.sm-3,.sm-4,.sm-5,.sm-6,.sm-7,.sm-8,.sm-9,.sm-10,.sm-11,.sm-12{float:left; box-sizing:border-box; padding: 8px;}
	.sm-1{width:8.3333%}.sm-2{width:16.6667%}.sm-3{width:25%}.sm-4{width:33.3333%}.sm-5{width:41.6667%}.sm-6{width:50%}.sm-7{width:58.3333%}.sm-8{width:66.6667%}.sm-9{width:75%}.sm-10{width:83.3333%}.sm-11{width:91.6667%}.sm-12{width:100%}
	
	.sm-align-self-C {align-self: center;}
	.sm-align-self-B {align-self: flex-end;}
	.sm-align-items-T {align-items: flex-start;}
	.sm-align-items-B {align-items: flex-end;}
	.sm-align-items-C {align-items: center;}	
	.sm-justify-R {justify-content: flex-start;}
	.sm-justify-L {justify-content: flex-end;}
	.sm-justify-C {justify-content: center;}
	.sm-float-R {float: right;}
	.sm-float-L {float: left;}
	.sm-float-none {float: none;}
	.sm-txt-R, .sm-txt-R.ui-button {text-align: right;}
	.sm-txt-L, .sm-txt-L.ui-button {text-align: left;}
	.sm-txt-C, .sm-txt-C.ui-button {text-align: center;}
	.sm-margin-L {margin-right: auto;float: none !important;}
	.sm-margin-R {margin-left: auto;float: none !important;}
	.sm-margin-C {margin: auto;float: none !important;}
	.sm-hide, .ui-datatable-reflow .ui-datatable-data td.sm-hide{display: none;}
	.sm-flex {display: flex;}
	.sm-block {display: block;}
	.sm-inline-block {display: inline-block;}
	.sm-inline {display: inline;}
	.sm-row-reverse {-webkit-flex-direction: row-reverse;  flex-direction: row-reverse;}
	.sm-column-reverse {-webkit-flex-direction: column-reverse; flex-direction: column-reverse;}	
	.sm-sep-R {border-right: 1px solid #DBDBDB;}
	.sm-sep-R-hide {border-right: none;}
	.sm-sep-L {border-left: 1px solid #DBDBDB;}
	.sm-sep-L-hide {border-left: none;}
	.sm-nopad {padding: 0 !important;}
	
	.sm-flex-1 {flex: 1;}
	.sm-flex-auto {flex: 0 1 auto;}
	
	.sm-flex-items-1 > div {flex: 0 1 100%;}
	.sm-flex-items-2 > div {flex: 0 1 50%;}
	.sm-flex-items-3 > div {flex: 0 1 33.3%;}
	.sm-flex-items-4 > div {flex: 0 1 25%;}
	.sm-flex-items-5 > div {flex: 0 1 20%;}
	.sm-flex-items-6 > div {flex: 0 1 16.666%;}
}

.ui-dialog {max-width: calc(100vw - 40px) !important; box-shadow: 0 0 2px 0 #C5C7C8; border-radius: 16px; background: #FFFFFF;}
.ui-dialog .ui-dialog-titlebar {padding: 16px 24px 12px; background-color: #ffffff;}
.ui-dialog .ui-dialog-title {width: 100%; margin: 0px; padding: 8px; padding-right: 36px; box-sizing: border-box; font-size: 22px; color: #0033a1; text-align: left; font-family: 'Ff-Bold'; word-break: break-word;} 
.ui-dialog .ui-dialog-titlebar-close {position: absolute; right: 20px; height: 30px; top: 0px; bottom: 0; width: 30px; margin: auto; padding: 0px;}
.ui-dialog .ui-dialog-titlebar-close span {font-size: 20px; color: #001f61; height: 30px; width: 30px; line-height: 30px; text-align: center;}
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {padding: 0; box-shadow:none; border: none;}
.ui-dialog .ui-dialog-content {max-height: 600px; overflow: hidden;  overflow-y: auto; position: relative; border: 0; padding: 0px 24px 24px; background: none; zoom: 1;}
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button {cursor: pointer;}
.ui-dialog .ui-resizable-se {width: 14px; height: 14px; right: 3px; bottom: 3px;}

.ui-dialog-mask {background: #0F2046; opacity: .57; filter: Alpha(Opacity=30);}

#waitingDialog\:dialog {background: none transparent; border-radius: 0px; box-shadow: none; border: none; min-width: 0px; width: auto !important;}
#waitingDialog\:dialog .ui-dialog-titlebar {display: none;}
#waitingDialog\:dialog_modal.ui-dialog-mask {background: none; background-color: transparent;}
#waitingDialog\:dialog .ui-dialog-content {padding: 0px; max-height: none; overflow: hidden;}

/*button icon element(s) */
.ui-button {margin-right: 0;}
.ui-button .ui-icon, .ui-button.ui-button-icon-only .ui-icon, .ui-button-icon-only .ui-icon {position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; margin: auto; font-size: 20px; height: 22px; width: 22px; line-height: 22px;}
.ui-button-icon-only, button.ui-button-icon-only, .ui-button-icons-only, button.ui-button-icons-only {padding: 0px; width: 20px; height: 20px;}
.ui-button {-webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-size: 14px; display: inline-block; position: relative; text-shadow: none;
			text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; /*height: 100%;*/ padding: 0px; box-sizing: border-box; background: none; box-shadow: none; border: none;} /* the overflow property removes extra width in IE */
.ui-button .ui-icon, .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {text-align: center;}

/* Button with icon and value */
.ui-button .ui-icon-loading {display: none !important;}
.ui-state-loading .ui-icon:not(.ui-icon-loading) {display: inline-block;}
.ui-button-text-icon-left, .ui-button-text-icon-right {padding: 8px;}
.ui-button-text-icon-left {padding-left: 38px;}
.ui-button-text-icon-left .ui-icon {left: 8px; right: auto;}
.ui-button-text-icon-right {padding-right: 30px;}
.ui-button-text-icon-right .ui-icon {left: auto;}
.ui-state-loading.ui-button-text-only .ui-icon-loading+.ui-button-text {opacity: 1;}
button.ui-state-disabled.ui-state-loading, .ui-button.ui-state-disabled.ui-state-loading {opacity: 1;}

/*button text element */
.ui-button .ui-button-text {display: block; line-height: normal; padding: 0px;}
.ui-button-text-only .ui-button-text {/*padding: 5px 0px;*/ padding: 0px;}
.ui-button.ui-state-focus, .ui-button.ui-state-active{outline:none;}

.ui-datatable .ui-button-icon-only, .ui-datatable button.ui-button-icon-only, .ui-datalist .ui-button-icon-only, .ui-datalist button.ui-button-icon-only {width: 24px; height: 24px; line-height: 24px; margin: 0px 8px;}