/*! jQuery UI - v1.13.1 - 2022-04-13
* http://jqueryui.com
* Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=ui-lightness&cornerRadiusShadow=5px&offsetLeftShadow=-5px&offsetTopShadow=-5px&thicknessShadow=5px&opacityShadow=20&bgImgOpacityShadow=10&bgTextureShadow=flat&bgColorShadow=000000&opacityOverlay=50&bgImgOpacityOverlay=20&bgTextureOverlay=diagonals_thick&bgColorOverlay=666666&iconColorError=ffd27a&fcError=ffffff&borderColorError=cd0a0a&bgImgOpacityError=18&bgTextureError=diagonals_thick&bgColorError=b81900&iconColorHighlight=228ef1&fcHighlight=363636&borderColorHighlight=fed22f&bgImgOpacityHighlight=75&bgTextureHighlight=highlight_soft&bgColorHighlight=ffe45c&iconColorActive=ef8c08&fcActive=eb8f00&borderColorActive=fbd850&bgImgOpacityActive=65&bgTextureActive=glass&bgColorActive=ffffff&iconColorHover=ef8c08&fcHover=c77405&borderColorHover=fbcb09&bgImgOpacityHover=100&bgTextureHover=glass&bgColorHover=fdf5ce&iconColorDefault=ef8c08&fcDefault=1c94c4&borderColorDefault=cccccc&bgImgOpacityDefault=100&bgTextureDefault=glass&bgColorDefault=f6f6f6&iconColorContent=222222&fcContent=333333&borderColorContent=dddddd&bgImgOpacityContent=100&bgTextureContent=highlight_soft&bgColorContent=eeeeee&iconColorHeader=ffffff&fcHeader=ffffff&borderColorHeader=e78f08&bgImgOpacityHeader=35&bgTextureHeader=gloss_wave&bgColorHeader=f6a828&cornerRadius=4px&fsDefault=1.1em&fwDefault=bold&ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	-ms-filter: "alpha(opacity=0)"; /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-selectable {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	font-size: 100%;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}
.ui-button {
	padding: .4em 1em;
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	/* Support: IE <= 11 */
	overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2em;
	box-sizing: border-box;
	text-indent: -9999px;
	white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
	text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
	padding: 0;
	width: 2.1em;
	height: 2.1em;
	text-indent: -9999px;
	white-space: nowrap;

}

input.ui-button.ui-icon-notext .ui-icon {
	width: auto;
	height: auto;
	text-indent: 0;
	white-space: normal;
	padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-controlgroup {
	vertical-align: middle;
	display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
	float: left;
	margin-left: 0;
	margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
	z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
	display: block;
	float: none;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
	box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
	padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
	font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
	border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
	border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
	border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
	border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {

	/* Support: IE8 only, Android < 4.4 only */
	width: 75%;
	width: calc( 100% - 2.4em );
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
	border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
	box-shadow: inset 1px 1px 1px #ccc;
	border-radius: .12em;
	border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
	width: 16px;
	height: 16px;
	border-radius: 1em;
	overflow: visible;
	border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
	background-image: none;
	width: 8px;
	height: 8px;
	border-width: 4px;
	border-style: solid;
}
.ui-checkboxradio-disabled {
	pointer-events: none;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-n {
	height: 2px;
	top: 0;
}
.ui-dialog .ui-resizable-e {
	width: 2px;
	right: 0;
}
.ui-dialog .ui-resizable-s {
	height: 2px;
	bottom: 0;
}
.ui-dialog .ui-resizable-w {
	width: 2px;
	left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
	width: 7px;
	height: 7px;
}
.ui-dialog .ui-resizable-se {
	right: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-sw {
	left: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-ne {
	right: 0;
	top: 0;
}
.ui-dialog .ui-resizable-nw {
	left: 0;
	top: 0;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
	height: 100%;
	-ms-filter: "alpha(opacity=25)"; /* support: IE8 */
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	overflow-x: hidden;
	padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-text {
	display: block;
	margin-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
	text-align: left;
	white-space: nowrap;
	width: 14em;
}
.ui-selectmenu-icon.ui-icon {
	float: right;
	margin-top: 0;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: pointer;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: .222em 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 2em;
}
.ui-spinner-button {
	width: 1.6em;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
}
body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
	font-size: 1.1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #cccccc;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	background: #eeeeee url("images/ui-bg_highlight-soft_100_eeeeee_1x100.png") 50% top repeat-x;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	border: 1px solid #e78f08;
	background: #f6a828 url("images/ui-bg_gloss-wave_35_f6a828_500x100.png") 50% 50% repeat-x;
	color: #ffffff;
	font-weight: bold;
}
.ui-widget-header a {
	color: #ffffff;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #cccccc;
	background: #f6f6f6 url("images/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x;
	font-weight: bold;
	color: #1c94c4;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #1c94c4;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #fbcb09;
	background: #fdf5ce url("images/ui-bg_glass_100_fdf5ce_1x400.png") 50% 50% repeat-x;
	font-weight: bold;
	color: #c77405;
}
.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,
a.ui-button:hover,
a.ui-button:focus {
	color: #c77405;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #fbd850;
	background: #ffffff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
	font-weight: bold;
	color: #eb8f00;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #fbd850;
	background-color: #eb8f00;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #eb8f00;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #fed22f;
	background: #ffe45c url("images/ui-bg_highlight-soft_75_ffe45c_1x100.png") 50% top repeat-x;
	color: #363636;
}
.ui-state-checked {
	border: 1px solid #fed22f;
	background: #ffe45c;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a;
	background: #b81900 url("images/ui-bg_diagonals-thick_18_b81900_40x40.png") 50% 50% repeat;
	color: #ffffff;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #ffffff;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #ffffff;
}
.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;
	-ms-filter: "alpha(opacity=70)"; /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	-ms-filter: "alpha(opacity=35)"; /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	-ms-filter: "alpha(opacity=35)"; /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("images/ui-icons_222222_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("images/ui-icons_ffffff_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url("images/ui-icons_ef8c08_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("images/ui-icons_ef8c08_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url("images/ui-icons_228ef1_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("images/ui-icons_ffd27a_256x240.png");
}
.ui-button .ui-icon {
	background-image: url("images/ui-icons_ef8c08_256x240.png");
}

/* positioning */
/* Three classes needed to override `.ui-button:hover .ui-icon` */
.ui-icon-blank.ui-icon-blank.ui-icon-blank {
	background-image: none;
}
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-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: -65px -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: -65px -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: 1px -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-position: -64px -96px; }
.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; }
.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: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 4px;
}

/* Overlays */
.ui-widget-overlay {
	background: #666666 url("images/ui-bg_diagonals-thick_20_666666_40x40.png") 50% 50% repeat;
	opacity: .5;
	-ms-filter: Alpha(Opacity=50); /* support: IE8 */
}
.ui-widget-shadow {
	-webkit-box-shadow: -5px -5px 5px #000000;
	box-shadow: -5px -5px 5px #000000;
}

/*
 * Container style
 */
.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto;
}

/*
 * Scrollbar rail styles
 */
.ps__rail-x {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  height: 15px;
  /* there must be 'bottom' or 'top' for ps__rail-x */
  bottom: 0px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-y {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  width: 15px;
  /* there must be 'right' or 'left' for ps__rail-y */
  right: 0;
  /* please don't change 'position' */
  position: absolute;
}

.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
  display: block;
  background-color: transparent;
}

.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
  opacity: 0.6;
}

.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
  background-color: #eee;
  opacity: 0.9;
}

/*
 * Scrollbar thumb styles
 */
.ps__thumb-x {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, height .2s ease-in-out;
  -webkit-transition: background-color .2s linear, height .2s ease-in-out;
  height: 6px;
  /* there must be 'bottom' for ps__thumb-x */
  bottom: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__thumb-y {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, width .2s ease-in-out;
  -webkit-transition: background-color .2s linear, width .2s ease-in-out;
  width: 6px;
  /* there must be 'right' for ps__thumb-y */
  right: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
  background-color: #999;
  height: 11px;
}

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
  background-color: #999;
  width: 11px;
}

/* MS supports */
@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important;
  }
}

@charset "UTF-8";
/**
 * ユーザー向けの画面のSCSS
 *
 * @since 2017/3/2
 * @author 三森さん
 */
.min_w60 {
  min-width: 60px !important;
}

.min_w180 {
  min-width: 180px !important;
}

.min_w240 {
  min-width: 240px !important;
}

.min_w260 {
  min-width: 260px !important;
}

.min_w280 {
  min-width: 280px !important;
}

.m_right8 {
  margin-right: 8px;
}

.m_bottom1em {
  margin-bottom: 1em;
}

.m_bottom20 {
  margin-bottom: 20px;
}

.m_left8 {
  margin-left: 8px;
}

.t_left {
  text-align: left;
}

.t_center {
  text-align: center;
}

.t_right {
  text-align: right;
}

.c_red {
  color: #f24407;
}

.f_w_bold {
  font-weight: bold;
}

.hide {
  display: none;
}

.d_block {
  display: block;
}

section, nav, article, aside, hgroup, header,
footer, figure, figcaption, details {
  display: block;
}

html, body, div, span, applet, object, iframe, strong, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd,
ol, ul, li, fieldset, form, legend, caption,
tbody, tfoot, thead, table, label, tr, th, td, figure {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
}

html {
  -webkit-text-size-adjust: 100%;
}

body {
  font-size: 100%;
  font-family: Arial, Helvetica, Meiryo, Osaka, "Hiragino Kaku Gothic Pro", "MS PGothic", sans-serif;
  color: #333333;
  line-height: 1.6;
  letter-spacing: 0.03em;
  background: #27221e;
}
body:before, body:after {
  content: "";
  display: block;
  width: 143px;
  height: 106px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  background: url(../../images/user/flag_s_l.png) no-repeat;
}
body:after {
  left: auto;
  right: 0;
  background: url(../../images/user/flag_s_r.png) no-repeat;
}
body.body_login {
  background: url(../../images/user/bg.gif) repeat;
}
body.body_login:before, body.body_login:after {
  content: "";
  display: block;
  width: 472px;
  height: 348px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: url(../../images/user/flag_l.png) no-repeat;
}
body.body_login:after {
  left: auto;
  right: 0;
  background: url(../../images/user/flag_r.png) no-repeat;
}
body.loading:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
}
body.loading .loading {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 110;
}

li {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

img {
  border: 0;
  vertical-align: bottom;
  max-width: 100%;
  height: auto;
}

hr {
  height: 1px;
  background-color: #cccccc;
  border: 0;
}

.clearfix {
  zoom: 1;
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.pc_only {
  display: block;
}

.pc_only_inline {
  display: inline;
}

.sp_only,
.sp_only_inline {
  display: none;
}

/*----- wrap -----*/
.wrap {
  max-width: 1000px;
  padding: 0 15px;
  margin: 0 auto;
}
.wrap:after {
  content: "";
  display: block;
  clear: both;
}

/*----- link -----*/
a {
  outline: none;
  text-decoration: none;
  color: #3f51b5;
}

/*----- balloon -----*/
.balloon {
  padding: 30px;
  border-radius: 10px;
  margin: 0 0 20px 0;
  position: relative;
}
.balloon:after, .balloon:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: 7px solid transparent;
  border-bottom: 12px solid #f6e30f;
  position: absolute;
  top: -18px;
  left: 50px;
}

/*----- btn -----*/
.btn {
  text-align: center;
  display: flex;
  justify-content: center;
}
.btn button::-moz-focus-inner {
  padding: 0;
}
.btn a,
.btn span,
.btn button,
.btn input[type=submit],
.btn input[type=button] {
  display: inline-block;
  padding: 15px 30px;
  margin: 0 10px;
  background: #2d1c0b;
  color: #ffffff;
  line-height: 1;
  font-family: Arial, Helvetica, Meiryo, Osaka, "Hiragino Kaku Gothic Pro", "MS PGothic", sans-serif;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
  transition: all 0.2s;
  position: relative;
  border: none;
  outline: none;
  cursor: pointer;
}
.btn a:hover,
.btn span:hover,
.btn button:hover,
.btn input[type=submit]:hover,
.btn input[type=button]:hover {
  opacity: 0.8;
}
.btn a.clear,
.btn span.clear,
.btn button.clear,
.btn input[type=submit].clear,
.btn input[type=button].clear {
  background: #eee;
  color: #999;
}
.btn a.clear:before,
.btn span.clear:before,
.btn button.clear:before,
.btn input[type=submit].clear:before,
.btn input[type=button].clear:before {
  content: url("../../images/user/icon_xmark.svg");
  margin: 0 10px 0 0;
}
.btn a.red,
.btn span.red,
.btn button.red,
.btn input[type=submit].red,
.btn input[type=button].red {
  background: #f24407;
}
.btn span div,
.btn button div {
  display: none;
}
.btn span.loading div,
.btn button.loading div {
  display: block;
}
.btn span.loading:before,
.btn button.loading:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 5px;
  cursor: default;
}
.btn span.loading:hover,
.btn button.loading:hover {
  opacity: 1;
}

/*----- btn-small -----*/
.btn-small button::-moz-focus-inner {
  padding: 0;
}
.btn-small a,
.btn-small span,
.btn-small button,
.btn-small input[type=submit],
.btn-small input[type=button] {
  padding: 4px;
  margin: 8px;
  background: #2d1c0b;
  color: #ffffff;
  line-height: 1;
  font-family: Arial, Helvetica, Meiryo, Osaka, "Hiragino Kaku Gothic Pro", "MS PGothic", sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
  transition: all 0.2s;
  position: relative;
  border: none;
  outline: none;
  cursor: pointer;
}
.btn-small a:hover,
.btn-small span:hover {
  opacity: 0.8;
}
.btn-small a.clear,
.btn-small span.clear {
  background: #eee;
  color: #999;
}
.btn-small a.red,
.btn-small span.red {
  background: #f24407;
}
.btn-small a.blue,
.btn-small span.blue {
  background: #3f51b5;
}
.btn-small span div,
.btn-small button div {
  display: none;
}
.btn-small span.loading div,
.btn-small button.loading div {
  display: block;
}
.btn-small span.loading:before,
.btn-small button.loading:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 5px;
  cursor: default;
}
.btn-small span.loading:hover,
.btn-small button.loading:hover {
  opacity: 1;
}

.comment_work,
.mark,
.fixed_cost,
.confirm,
.base {
  background: #f6e30f;
  padding: 20px;
  border-radius: 3px;
  margin-bottom: 20px;
  font-size: 14px;
}
.comment_work h3,
.mark h3,
.fixed_cost h3,
.confirm h3,
.base h3 {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.2;
  margin: 0 0 15px 0;
}

form input,
form textarea {
  border: none;
  border-radius: 2px;
}
form textarea {
  font-size: 14px;
}
form select,
form input,
form textarea,
form button {
  vertical-align: middle;
  border: 1px solid #cccccc;
  box-sizing: border-box;
  padding: 5px 10px;
}
form input {
  height: 22px;
  line-height: 22px;
}
form input:-moz-read-only {
  background-color: #f2f2f2;
  height: auto;
  line-height: normal;
}
form input:disabled, form input:read-only {
  background-color: #f2f2f2;
  height: auto;
  line-height: normal;
}
form select {
  -webkit-appearance: menulist-button;
  height: 32px;
  line-height: 32px;
}
form .help_text {
  display: block;
  margin-top: 5px;
  color: #6c757d;
  font-size: 12px;
}
form .required:before {
  font-family: "Font Awesome 5 Pro";
  content: url("../../images/user/icon_asterisk.svg");
  color: #f24407;
}

/*----- error -----*/
.error {
  line-height: 1;
  font-size: 14px;
  color: #f24407;
  margin: 5px 0 0 0;
}
.error:before {
  content: url("../../images/user/icon_triangle.svg");
  margin: 0 5px 0 0;
  animation: blink 0.3s infinite alternate;
}

@keyframes blink {
  0% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
/*----- icon_text -----*/
.icon_text {
  display: inline-block;
  font-weight: bold;
  line-height: 1;
  margin: 0 0 5px 0;
}
.icon_text.time:before {
  content: url("../../images/user/icon_clock.svg");
  margin: 0 5px 0 0;
  font-weight: normal;
}

.alert-success,
.alert-info,
.alert-warning,
.alert-danger {
  border-radius: 3px;
  padding: 15px;
  line-height: 1.4;
}

.alert-success {
  background: #bbf4a9;
  color: #2e6a1b;
}

.alert-info {
  background: #a9e2f4;
  color: #176279;
}

.alert-warning {
  background: #dfde90;
  color: #575612;
}

.alert-danger {
  background: #f4a9a9;
  color: #581717;
}

.col_wrap {
  display: flex;
}
.col_wrap .col2 {
  width: 48.8095238095%;
  margin: 0 2.380952381% 0 0;
}
.col_wrap .col2:last-child {
  margin-right: 0;
}
.col_wrap .col3 {
  width: 33.3333333333%;
  margin: 0 2.380952381% 0 0;
}
.col_wrap .col3:last-child {
  margin-right: 0;
}
.col_wrap .col4 {
  width: 22.619047619%;
  margin: 0 2.380952381% 0 0;
}
.col_wrap .col4:last-child {
  margin-right: 0;
}
.col_wrap .col5 {
  width: 17.619047619%;
  margin: 0 2.380952381% 0 0;
}
.col_wrap .col5:last-child {
  margin-right: 0;
}
.col_wrap .col6 {
  width: 14.2857142857%;
  margin: 0 2.380952381% 0 0;
}
.col_wrap .col6:last-child {
  margin-right: 0;
}

.tooltip {
  position: relative;
  cursor: pointer;
  display: inline-block;
}
.tooltip .tooltip > * {
  margin: 0;
  padding: 0;
}
.tooltip .d_bottom {
  display: none;
  position: absolute;
  padding: 10px;
  font-size: 12px;
  line-height: 1.6em;
  color: #fff;
  border-radius: 5px;
  background: #000;
  width: 100px;
}
.tooltip .d_bottom:before {
  content: "";
  position: absolute;
  top: -24px;
  right: 60%;
  border: 15px solid transparent;
  border-top: 15px solid #000;
  margin-left: -15px;
  transform: rotateZ(180deg);
}
.tooltip:hover .d_bottom {
  display: inline-block;
  top: 30px;
  left: 0px;
}

/*----- toast_area -----*/
.toast_area {
  position: fixed;
  display: inline-block;
  bottom: 40px;
  right: 27px;
  z-index: 1000;
}
.toast_area .toast {
  margin: 12px 0 0 0;
  color: #FFFFFF;
  border-radius: 15px;
  padding: 8px 15px;
  border: none;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
  font-size: 13px;
  background-color: #333333;
  opacity: 0.8;
}
.toast_area .toast:hover {
  cursor: pointer;
  opacity: 0.6;
}
.toast_area .toast.notice {
  color: #333333;
  background-color: #dfde90;
}
.toast_area .toast.error {
  line-height: initial;
  background-color: #f24407;
}
.toast_area .toast.error:before {
  content: none;
}
.toast_area .toast h1 {
  font-size: 16px;
}

/*----- pagination -----*/
.pagination {
  display: flex;
  justify-content: center;
  margin: 20px 0;
  line-height: 1;
  font-weight: bold;
}
.pagination a {
  margin: 0 5px;
  padding: 10px 15px;
  background-color: #fff;
  border: 1px solid #ccc;
  color: #27221e;
  text-decoration: none;
  border-radius: 2px;
  transition: all 0.2s;
}
.pagination a.prev,
.pagination a.next {
  padding-left: 20px;
  padding-right: 20px;
  background: #f04807;
  border-color: #f04807;
  color: #fff;
}
.pagination a.prev:before,
.pagination a.next:after {
  content: url("../../images/user/icon_chevron-left.svg");
  font-weight: normal;
  margin: 0 8px 0 0;
}
.pagination a.next:after {
  content: url("../../images/user/icon_chevron-right.svg");
  margin: 0 0 0 8px;
}
.pagination a.prev.most:before {
  content: url("../../images/user/icon_chevron-double-left.svg");
}
.pagination a.next.most:after {
  content: url("../../images/user/icon_chevron-double-right.svg");
}
.pagination a:hover,
.pagination a.current {
  background-color: #f6e30f;
  border: 1px solid #f6e30f;
}
.pagination a.current {
  background-color: #f6e30f;
  border: 1px solid #f6e30f;
  text-decoration: none;
}
.pagination a.current:hover {
  cursor: default;
}
.pagination a.prev:hover,
.pagination a.next:hover {
  background-color: #f04807;
  border-color: #f04807;
  opacity: 0.8;
}
.pagination a.disabled {
  display: none;
}

/*----- loading -----*/
@keyframes ball-spin-fade-loader {
  50% {
    opacity: 0.3;
    transform: scale(0.4);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.ball-spin-fade-loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: scale(0.5) translate(-10px, -10px);
}

.spn-big > .ball-spin-fade-loader {
  transform: scale(0.8) translate(0, 0);
}

.ball-spin-fade-loader > div:nth-child(1) {
  top: 25px;
  left: 0;
  animation: ball-spin-fade-loader 1s -0.96s infinite linear;
}

.ball-spin-fade-loader > div:nth-child(2) {
  top: 17.04545px;
  left: 17.04545px;
  animation: ball-spin-fade-loader 1s -0.84s infinite linear;
}

.ball-spin-fade-loader > div:nth-child(3) {
  top: 0;
  left: 25px;
  animation: ball-spin-fade-loader 1s -0.72s infinite linear;
}

.ball-spin-fade-loader > div:nth-child(4) {
  top: -17.04545px;
  left: 17.04545px;
  animation: ball-spin-fade-loader 1s -0.6s infinite linear;
}

.ball-spin-fade-loader > div:nth-child(5) {
  top: -25px;
  left: 0;
  animation: ball-spin-fade-loader 1s -0.48s infinite linear;
}

.ball-spin-fade-loader > div:nth-child(6) {
  top: -17.04545px;
  left: -17.04545px;
  animation: ball-spin-fade-loader 1s -0.36s infinite linear;
}

.ball-spin-fade-loader > div:nth-child(7) {
  top: 0;
  left: -25px;
  animation: ball-spin-fade-loader 1s -0.24s infinite linear;
}

.ball-spin-fade-loader > div:nth-child(8) {
  top: 17.04545px;
  left: -17.04545px;
  animation: ball-spin-fade-loader 1s -0.12s infinite linear;
}

.ball-spin-fade-loader > div {
  background-color: #f6e30f;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  animation-fill-mode: both;
  position: absolute;
}

.spn-bk > .ball-spin-fade-loader > div {
  background-color: #333333;
}

/*----- modal -----*/
.modal-content {
  display: none;
  min-width: 700px;
  max-height: 90%;
  width: 50%;
  margin: 0;
  padding: 20px;
  box-sizing: border-box;
  background: #f6e30f;
  border-radius: 5px;
  position: fixed;
  z-index: 101;
}

#modal-overlay {
  display: none;
  width: 100%;
  height: 120%;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
}

footer {
  min-width: 1180px;
  width: 100%;
  height: 39px;
  line-height: 39px;
  border-top: 1px solid #cccccc;
  background: #ffffff;
  color: #666;
  text-align: center;
  font-size: 11px;
}

.body_login footer {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 11;
}

/*----- side -----*/
.side {
  position: fixed;
  top: 160px;
  left: 0;
  width: 240px;
  height: 100%;
  padding: 0 0 40px 0;
  box-sizing: border-box;
}

.side:before {
  content: "";
  display: block;
  width: 100%;
  height: 160px;
  background: url(../../images/user/bg_head.jpg) no-repeat left top;
  background-size: cover;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -2;
}

.side h1 {
  width: 88px;
  height: 83px;
  background: url(../../images/user/logo_flag.png) no-repeat;
  background-size: 100% auto;
  text-indent: -9999px;
  position: absolute;
  top: -83px;
  left: 88px;
}

.side h1 a {
  display: block;
  width: 100%;
  height: 100%;
}

.side .tab_content {
  height: calc(100% - 160px);
  overflow-y: auto;
  position: relative;
}

.side #tab_navi {
  text-align: center;
  line-height: 1;
}

.side #tab_navi li {
  width: 50%;
  float: left;
}

.side #tab_navi li a {
  display: block;
  padding: 10px 0;
  background: #cccccc;
  color: #27221e;
  transition: all 0.2s;
}

.side #tab_navi li a:hover,
.side #tab_navi li a.active {
  background: #27221e;
  color: #ffffff;
  font-weight: bold;
}

.side #tab_navi:after {
  content: "";
  display: block;
  clear: both;
}

.side dl {
  line-height: 1.2;
  color: #ffffff;
}

.side dt {
  font-weight: bold;
  padding: 13px 35px 13px 30px;
  border-bottom: 1px solid #362e27;
  position: relative;
  cursor: default;
}

.side dt:before,
.side dt:after {
  content: "";
  display: block;
  width: 13px;
  height: 1px;
  background: #ffffff;
  position: absolute;
  top: 50%;
  right: 15px;
}

.side dd {
  display: none;
}

.side dt:not(.open):after {
  width: 1px;
  height: 13px;
  top: 50%;
  right: 21px;
  transform: translateY(-50%);
}

.side dt.open span:before {
  content: "";
  display: block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #f6e30f;
  position: absolute;
  top: 50%;
  left: 15px;
  margin-top: -3px;
}

.side dd li {
  border-bottom: 1px solid #bdae07;
}

.side dd li:last-child {
  border-bottom: none;
}

.side dd a {
  display: block;
  color: #27221e;
  padding: 13px 20px 13px 30px;
  background: #f6e30f;
  transition: all 0.2s;
  position: relative;
}

.side dd a:hover,
.side dd a.current {
  background: #e3d20f;
}

/*----- bar -----*/
.bar {
  min-width: 1180px;
  height: 50px;
  padding: 10px 15px;
  box-sizing: border-box;
  text-align: right;
  position: relative;
  z-index: 20;
  display: flex;
  justify-content: flex-end;
}

.bar ul {
  display: flex;
  vertical-align: top;
  line-height: 1;
}

.bar li {
  display: flex;
}

.bar .status {
  line-height: 30px;
  color: #ffffff;
}

.bar .status li {
  margin: 0 0 0 40px;
}

.bar .nav {
  margin: 0 0 0 10px;
}
.bar .nav li {
  margin: 0 0 0 10px;
}
.bar .nav a,
.bar .nav span {
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  background: rgba(255, 255, 255, 0.75);
  border-radius: 3px;
  text-align: center;
  color: #2d1c0b;
  transition: all 0.2s;
}
.bar .nav a:hover,
.bar .nav span:hover {
  opacity: 0.8;
}
.bar .nav .home a:before {
  content: url("../../images/user/icon_house.svg");
}
.bar .nav .conf span:before {
  content: url("../../images/user/icon_gear.svg");
}
.bar .nav .logout a:before {
  content: url("../../images/user/icon_box-arrow-right.svg");
}
.bar .nav .conf {
  position: relative;
}
.bar .nav .conf ul {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  padding: 35px 0 0 0;
  min-width: 140px;
}
.bar .nav .conf:hover > ul {
  display: block;
}
.bar .nav .conf li {
  display: block;
  margin: 0;
  border-bottom: 1px solid #233863;
}
.bar .nav .conf li:last-child {
  border: none;
}
.bar .nav .conf a {
  display: block;
  width: auto;
  height: auto;
  line-height: 1;
  background: #162441;
  border-radius: 0;
  text-align: left;
  color: #fff;
  font-size: 14px;
  padding: 12px 20px;
}
.bar .nav .conf li:first-child a {
  border-radius: 5px 5px 0 0;
}
.bar .nav .conf li:last-child a {
  border-radius: 0 0 5px 5px;
}
.bar .nav .conf li a.single {
  border-radius: 5px;
}
.bar .nav .conf a:hover {
  opacity: 0.9;
}
.bar .nav .conf a:before {
  content: url("../../images/user/icon_chevron-right.svg");
  margin: 0 5px 0 0;
}

/*----- main -----*/
.main {
  min-width: 840px;
  min-height: 100vh;
  background: #ffffff;
  margin: 0 15px 50px 240px;
  padding: 50px;
  border-radius: 30px 5px 5px 5px;
  position: relative;
  z-index: 10;
}
.main h1 {
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
  margin: 0 0 30px 0;
}

.main .nav_level_3 {
  line-height: 1;
  font-size: 14px;
  margin: 0 0 10px 0;
  display: flex;
  flex-wrap: wrap;
}

.main .nav_level_3 li {
  vertical-align: top;
  margin: 0 10px 10px 0;
}

.main .nav_level_3 a {
  display: block;
  background: #cccccc;
  color: #333333;
  padding: 5px 10px;
  border-radius: 2px;
  transition: all 0.2s;
}

.main .nav_level_3 a:hover,
.main .nav_level_3 a.current {
  background: #362e27;
  color: #ffffff;
}

.main .nav_level_3 a:before {
  content: url("../../images/user/icon_chevron-right.svg");
  margin: 0 8px 0 0;
}

.main > section {
  position: relative;
  margin: 0 0 50px 0;
}

.main > section:last-child {
  margin-bottom: 0;
}

.main > section:before {
  content: "";
  display: block;
  width: 100%;
  height: 5px;
  background: url(../../images/user/bg_stripe.gif) repeat;
}

.main > section h2 {
  font-size: 20px;
  font-weight: bold;
  color: #2d1c0b;
  line-height: 1;
  margin: 20px 0;
}

.main > section h2:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../../images/user/icon_star.gif) no-repeat;
  margin: 0 5px 0 0;
}

/*----- condition -----*/
.condition {
  font-size: 14px;
}
.condition .row:not(:first-child) {
  margin: 20px 0;
}
.condition input,
.condition select {
  font-size: 14px;
  padding: 3px 5px;
}
.condition input#date {
  height: 32px;
  line-height: 32px;
}
.condition .download, .condition .page_link {
  background: #2d1c0b;
  color: #ffffff;
  border: none;
  border-radius: 3px;
  font-family: Arial, Helvetica, Meiryo, Osaka, "Hiragino Kaku Gothic Pro", "MS PGothic", sans-serif;
  line-height: 1;
  padding: 6px 15px;
  margin: 0 0 0 10px;
  position: relative;
  top: -1px;
  transition: all 0.2s;
  cursor: pointer;
  height: auto;
}
.condition .download:hover, .condition .page_link:hover {
  opacity: 0.8;
}
.condition label {
  margin: 0 0 0 10px;
}
.condition .aggregation {
  background: #f6e30f;
  border-radius: 5px;
  padding: 20px;
  display: none;
}
.condition .aggregation:not(:first-child) {
  margin: 20px 0;
}
.condition .aggregation h3 {
  font-weight: bold;
  padding: 0 0 20px;
}
.condition .aggregation .keys {
  margin: 0 auto;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -o-box;
  display: -ms-box;
  box-pack: start;
  -moz-box-pack: start;
  -webkit-box-pack: start;
  -o-box-pack: start;
  -ms-box-pack: start;
}
.condition .aggregation .keys .key {
  width: 20%;
  display: block;
}
.condition .aggregation .aggregation_selector {
  margin: 10px 0;
}
.condition .aggregation .aggregation_selector ul {
  text-align: center;
}
.condition .aggregation .aggregation_selector ul li {
  display: inline;
  margin: 0 0 0 20px;
}
.condition .aggregation .aggregation_selector ul li:first-child {
  margin: 0;
}
.condition .aggregation .aggregation_selector ul li .btn {
  display: inline;
}
.condition .aggregation .aggregation_selector ul li .btn a {
  display: inline-block;
  padding: 6px 15px;
  background: #f24407;
  font-size: 14px;
  font-weight: normal;
  border-radius: 3px;
}
.condition .aggregation .aggregation_selector ul li .btn a:first-child {
  margin: 0;
}

/*　*****************************************************************************
 *　*****************************************************************************
 * ページ個別用のスタイル
 *　*****************************************************************************
 *　****************************************************************************/
/*----- login -----*/
.login {
  width: 500px;
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.login h1 {
  width: 129px;
  height: 121px;
  background: url(../../images/user/logo_flag.png) no-repeat;
  background-size: 100% auto;
  text-indent: -9999px;
  margin: 0 auto;
}
.login form {
  background: #ffffff;
  border-radius: 10px;
  padding: 10px;
  position: relative;
}
.login form .remember_me {
  text-align: center;
  font-size: 12px;
  margin-bottom: 12px;
}
.login form:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.29);
  border-radius: 10px;
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: -1;
}
.login form .inner {
  border: 1px solid #ccb844;
  border-radius: 8px;
  padding: 39px;
}
.login form dt,
.login form dd {
  margin: 0 0 20px 0;
  box-sizing: border-box;
}
.login form dt {
  width: 145px;
  height: 40px;
  line-height: 40px;
  float: left;
  padding: 0 20px;
  background: #f24407;
  color: #ffffff;
  font-weight: bold;
  border-radius: 5px 0 0 5px;
}
.login form dd {
  width: 255px;
  float: left;
}
.login form dd input {
  width: 100%;
  height: 40px;
  line-height: 40px;
  box-sizing: border-box;
  padding: 0 15px;
  border: none;
  background: #f6e30f;
  border-radius: 0 5px 5px 0;
  font-size: 16px;
  font-weight: bold;
  transition: all 0.4s;
}
.login form dd input:focus {
  background: #fffc25;
}
.login form dl:after {
  content: "";
  display: block;
  clear: both;
}
.login form .btn a,
.login form .btn button,
.login form .btn input[type=submit],
.login form .btn input[type=button] {
  font-size: 18px;
  font-weight: bold;
}
.login form .btn a:before,
.login form .btn button:before,
.login form .btn input[type=submit]:before,
.login form .btn input[type=button]:before {
  content: url("../../images/user/icon_box-arrow-in-right.svg");
  margin: 0 10px 0 0;
}

/*----- info -----*/
.info {
  font-size: 14px;
}

.info > div {
  background: #f6e30f;
  color: #2d1c0b;
}

/*----- update -----*/
.update {
  font-size: 14px;
}

.main .update h2 {
  margin-bottom: 0;
}

.update li {
  position: relative;
  padding: 20px 10px;
  border-bottom: 1px dotted #cccccc;
}

.update li:nth-child(even) {
  background: #f7f7f7;
}

.update li time {
  font-weight: bold;
  position: absolute;
  top: 20px;
  left: 10px;
}

.update li p {
  float: left;
  padding: 0 0 0 130px;
}

.update li:after {
  content: "";
  display: block;
  clear: both;
}

.enquete {
  display: flex;
  justify-content: center;
}
.enquete .enquete-title {
  text-align: center;
  font-size: 25px;
}

.form-rating {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
}
.form-rating input[type=radio] {
  display: none;
}
.form-rating input[type=radio]:checked ~ label {
  color: #f7f2e2;
}
.form-rating label {
  position: relative;
  padding: 10px 10px 0;
  color: gray;
  cursor: pointer;
  font-size: 40px;
}
.form-rating label .text {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  text-align: center;
  font-size: 13px;
  color: #333333;
}

/*----- report -----*/
.report .sub-report {
  padding-bottom: 10px;
}
.report .block-table {
  width: 100%;
  max-height: 92vh;
  overflow-x: auto;
}
.report .inline-table-wrapper {
  max-height: 92vh;
  overflow: auto;
}
.report .inline-table-wrapper .inline-table {
  display: table;
}
.report .inline-table-wrapper .inline-table .table-cell {
  padding-right: 50px;
  display: table-cell;
}
.report .inline-table-wrapper .inline-table .table-cell:last-child {
  padding-right: 0;
}
.report table {
  font-size: 14px;
  color: #2d1c0b;
  border-collapse: separate;
  border-top: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
}
.report table.fix_row thead {
  position: sticky;
  top: 0;
  z-index: 1;
}
.report table.fix_row thead .head_col {
  z-index: 2;
}
.report table.fix_col th:first-child {
  position: sticky;
  left: 0;
}
.report table tr th,
.report table tr td {
  padding: 10px;
  vertical-align: middle;
  box-sizing: border-box;
  background: #ffffff;
  min-width: 54px;
  white-space: nowrap;
  background-clip: padding-box;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
}
.report table tr th.note,
.report table tr td.note {
  min-width: 240px;
  white-space: pre;
}
.report table tr th.number,
.report table tr td.number {
  text-align: right;
}
.report table tr th.symbol,
.report table tr td.symbol {
  text-align: center;
}
.report table tr th {
  text-align: left;
  font-weight: bold;
}
.report table tr:nth-child(odd) th, .report table tr:nth-child(odd) td, .report table tr.gray th, .report table tr.gray td, .report table tr th.gray, .report table tr td.gray {
  background: #f7f7f7;
}
.report table tr.white th, .report table tr.white td, .report table tr th.white, .report table tr td.white {
  background: #ffffff;
}
.report table tr th.none, .report table tr td.none {
  background-color: #333333;
}
.report table tr th.caution, .report table tr td.caution {
  background-color: #ffa500;
}
.report table tr th.zIndex3 {
  z-index: 3;
}
.report table tr.heading {
  font-weight: bold;
}
.report table tr.heading span {
  display: block;
}
.report table tr.heading span.small {
  font-size: 12px;
  font-weight: normal;
}
.report table tr.heading th,
.report table tr.heading td {
  text-align: center;
  white-space: nowrap;
  background: #f6e30f !important;
}
.report table tr.highlight td {
  font-weight: bold;
}
.report .comment {
  background: #f6e30f;
  color: #2d1c0b;
  margin-top: 12px;
  padding: 30px;
}
.report .no-content {
  background: #f7f7f7;
  color: #2d1c0b;
  padding: 180px 0;
  text-align: center;
}
.report .fixed-btn {
  position: fixed;
  right: 24px;
  top: 56px;
  z-index: 1;
}
.report .fixed-btn i {
  color: #2d1c0b;
}
.report .footer {
  margin-top: 12px;
}
.report .footer * {
  font-size: 14px;
  font-weight: bold;
  color: #2d1c0b;
}

.report-all-shops-fl .scrolltable {
  max-height: 92vh;
  width: 100%;
  overflow-x: auto;
  overflow-y: auto;
}
.report-all-shops-fl .scrolltable table {
  font-size: 14px;
  color: #2d1c0b;
  border-collapse: separate;
  border-spacing: 0;
  empty-cells: show;
}
.report-all-shops-fl .scrolltable table th {
  text-align: left;
  font-weight: bold;
}
.report-all-shops-fl .scrolltable table th,
.report-all-shops-fl .scrolltable table td {
  padding: 10px;
  min-width: 54px;
  white-space: nowrap;
  vertical-align: middle;
}
.report-all-shops-fl .scrolltable table th,
.report-all-shops-fl .scrolltable table td {
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}
.report-all-shops-fl .scrolltable table th:first-of-type,
.report-all-shops-fl .scrolltable table td:first-of-type {
  border-left: 1px solid #cccccc;
}
.report-all-shops-fl .scrolltable table thead tr:first-of-type th {
  border-top: 1px solid #cccccc;
}
.report-all-shops-fl .scrolltable table thead tr:first-of-type th {
  text-align: center;
  white-space: nowrap;
  background: #f6e30f;
  position: sticky;
  top: 0;
}
.report-all-shops-fl .scrolltable table thead tr:first-of-type th:nth-child(1) {
  left: 0;
  z-index: 20;
  border-right: none;
  /* width: 335px; */
}
.report-all-shops-fl .scrolltable table thead tr:first-of-type th:nth-child(2) {
  z-index: 20;
  border-left: 1px solid #cccccc;
  /* left: 335px; */
}
.report-all-shops-fl .scrolltable table tbody {
  /*
   * number
   */
  /*
   * pink
   */
  /*
   * text, align-left, bold
   */
  /*
   * table cell border
   */
}
.report-all-shops-fl .scrolltable table tbody tr td.number {
  text-align: right;
}
.report-all-shops-fl .scrolltable table tbody tr td.pink {
  background-color: #ff99cc;
}
.report-all-shops-fl .scrolltable table tbody tr:nth-of-type(3n+3) td {
  background-color: #ffffcc;
}
.report-all-shops-fl .scrolltable table tbody tr:nth-of-type(3n+3) td.pink {
  background-color: #ff99cc;
}
.report-all-shops-fl .scrolltable table tbody tr:nth-of-type(3n+1) td:first-of-type,
.report-all-shops-fl .scrolltable table tbody tr:nth-of-type(3n+1) td:nth-of-type(2) {
  text-align: left;
  font-weight: bold;
}
.report-all-shops-fl .scrolltable table tbody tr:nth-of-type(3n+2) td:first-of-type,
.report-all-shops-fl .scrolltable table tbody tr:nth-of-type(3n+3) td:first-of-type {
  text-align: left;
  font-weight: bold;
}
.report-all-shops-fl .scrolltable table tbody tr:nth-of-type(3n+2) td:first-of-type,
.report-all-shops-fl .scrolltable table tbody tr:nth-of-type(3n+3) td:first-of-type {
  border-left: none;
}
.report-all-shops-fl .scrolltable table tbody tr:nth-of-type(3n+1) td:first-of-type {
  position: sticky;
  left: 0;
  background-color: #ffffff;
  border-right: none;
  /* width: 335px; */
}
.report-all-shops-fl .scrolltable table tbody tr:nth-of-type(3n+1) td:nth-of-type(2) {
  position: sticky;
  background-color: #ffffff;
  border-left: 1px solid #cccccc;
  /* left: 335px; */
}
.report-all-shops-fl .scrolltable table tbody tr:nth-of-type(3n+2) td:first-of-type,
.report-all-shops-fl .scrolltable table tbody tr:nth-of-type(3n+3) td:first-of-type {
  position: sticky;
  background-color: #ffffff;
  border-left: 1px solid #cccccc;
  /* left: 335px; */
}

/*----- batch_report_index -----*/
.batch_output_index .no_contents h3 {
  font-size: 20px;
  font-weight: bold;
  color: #2d1c0b;
  line-height: 1;
  margin: 20px 0;
}
.batch_output_index table {
  min-width: 100%;
}
.batch_output_index .guide {
  text-align: center;
}
.batch_output_index .btn_toggle {
  margin: 12px 0;
  text-align: center;
}
.batch_output_index .btn_guide {
  margin: 12px 0 24px 0;
  height: 24px;
  position: relative;
}
.batch_output_index .btn_guide .delete {
  position: absolute;
  left: 12px;
}
.batch_output_index .btn_guide .on, .batch_output_index .btn_guide .off {
  position: absolute;
  left: 238px;
}
.batch_output_index .btn_guide .reload {
  position: absolute;
  right: 24px;
}
.batch_output_index .btn_guide a {
  font-size: large;
}
.batch_output_index .btn_operation {
  margin: 12px 0 24px 0;
  text-align: center;
}
.batch_output_index .btn_operation:last-child {
  margin: 12px 0;
}
.batch_output_index .dl_able {
  animation: blink 0.3s infinite alternate;
}

/*----- batch_report_create -----*/
.batch_output_create input[type=text],
.batch_output_create input[type=email] {
  width: 240px;
}
.batch_output_create .error {
  display: block;
}
.batch_output_create textarea {
  width: 100%;
  height: 90px;
}

/*----- shift_copy -----*/
.shift_copy label {
  margin: 0 10px 0 0;
  font-size: 13px;
}
.shift_copy label input {
  position: relative;
  top: -2px;
}
.shift_copy .btn {
  text-align: left;
  display: inline;
}
.shift_copy .btn li {
  display: inline;
}
.shift_copy .btn a,
.shift_copy .btn span,
.shift_copy .btn button,
.shift_copy .btn input[type=submit],
.shift_copy .btn input[type=button] {
  display: inline-block;
  padding: 6px 15px;
  margin: 0 0 0 20px;
  background: #f24407;
  font-size: 14px;
  font-weight: normal;
  border-radius: 3px;
}

/*----- shift_env -----*/
.shift_env ul li {
  margin: 0 0 5px 0;
  display: inline;
}
.shift_env ul li label {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.2;
  font-size: 14px;
}
.shift_env ul li select, .shift_env ul li input {
  margin: 0 20px 0 10px;
  font-size: 14px;
  text-align: right;
}

/*----- shift_master_tbl -----*/
.shift_master_tbl {
  padding: 8px 10px;
  font-size: 13px;
}
.shift_master_tbl table {
  width: 100%;
}
.shift_master_tbl th {
  text-align: left;
  width: 11.961722488%;
}
.shift_master_tbl td {
  text-align: center;
  box-sizing: border-box;
  vertical-align: middle;
  padding: 2px;
}
.shift_master_tbl input {
  background: #fff;
  width: 100%;
  height: auto;
  line-height: 1;
  padding: 5px 2px;
  box-sizing: border-box;
  text-align: center;
}
.shift_master_tbl .red {
  background: #f24407;
  color: #fff;
}
.shift_master_tbl .time {
  font-size: 12px;
}
.shift_master_tbl .time td {
  padding: 0;
}
.shift_master_tbl .gray input {
  background: #f2f2f2;
}
.shift_master_tbl .shift_total {
  width: 9.5693779904%;
}
.shift_master_tbl .shift_total input {
  padding: 5px 10px;
  text-align: right;
}
.shift_master_tbl .blank {
  background: none;
  padding-left: 3px;
  padding-right: 3px;
}

/*----- shift_list -----*/
.shift_list {
  font-size: 12px;
  padding: 10px;
}
.shift_list input,
.shift_list select {
  width: 100%;
  height: 28px;
  line-height: 28px;
  padding-left: 5px;
  padding-right: 5px;
  border: none;
}
.shift_list input.error,
.shift_list select.error {
  margin: 0;
}
.shift_list .groupe {
  margin: 0 0 20px 0;
}
.shift_list .groupe:last-child {
  margin: 0;
}
.shift_list .set {
  display: flex;
  min-height: 28px;
  margin: 0 0 5px 0;
}
.shift_list > .set {
  height: auto;
  margin-bottom: 2px;
}
.shift_list > .set ul li {
  justify-content: center;
}
.shift_list .name {
  width: 11.5853658537%;
}
.shift_list .clear {
  width: 3.4146341463%;
  margin: 0 0.6097560976%;
  height: 28px;
}
.shift_list .clear button,
.shift_list .clear span {
  display: block;
  width: 100%;
  height: 100%;
  background: #28a5a9;
  line-height: 1;
  padding: 0;
  text-align: center;
  border-radius: 2px;
  transition: all 0.2s;
  position: relative;
  border: none;
  outline: none;
  cursor: pointer;
}
.shift_list .clear button:after,
.shift_list .clear span:after {
  content: url("../../images/user/icon_xmark.svg");
  color: #fff;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.shift_list .clear button:hover,
.shift_list .clear span:hover {
  opacity: 0.8;
}
.shift_list .time {
  width: 5.8536585366%;
  margin: 0 0.6097560976% 0 0;
  letter-spacing: -0.05em;
  text-align: center;
}
.shift_list .time input {
  text-align: right;
}
.shift_list .note {
  width: 8.5365853659%;
  text-align: center;
}
.shift_list .note input {
  font-size: 12px;
  padding-right: 0;
}
.shift_list ul {
  width: 68.7804878049%;
  display: flex;
  justify-content: space-between;
}
.shift_list ul li {
  width: 3.5460992908%;
  margin: 0 0.3546099291% 0 0;
  display: flex;
  justify-content: space-between;
  height: 28px;
}
.shift_list ul li:nth-child(4n) {
  margin-right: 1.4184397163%;
}
.shift_list ul li div {
  background: #fff;
  width: 45%;
  height: 100%;
}
.shift_list ul li:nth-child(even) div {
  background: #d4d4d4;
}
.shift_list ul li div:hover {
  opacity: 0.7;
}
.shift_list ul li div.on {
  background: #f24407;
}
.shift_list ul li div.selected, .shift_list ul li div.on.selected {
  background: #28a5a9;
}

/*----- shift_master -----*/
.shift_master .name {
  font-size: 13px;
}
.shift_master .set:last-child {
  margin: 5px 0 0 0;
}
.shift_master input {
  width: 100%;
  height: auto;
  line-height: 1;
  padding: 5px 2px;
  box-sizing: border-box;
  text-align: center;
}
.shift_master .red {
  background: #f24407;
  color: #fff;
}
.shift_master .time {
  width: 15%;
  margin: 0;
}
.shift_master .time input {
  padding: 5px 10px;
}

/*----- shift_materials -----*/
.shift_materials {
  margin: 0 0 20px 0;
  /*----- shift_counting -----*/
  /*----- shift_possible -----*/
}
.shift_materials .shift_counting {
  position: relative;
}
.shift_materials .shift_counting ul:not(:last-child) {
  margin: 0 0 20px 0;
}
.shift_materials .shift_counting ul li {
  margin: 0 0 5px 0;
}
.shift_materials .shift_counting ul li span {
  display: inline-block;
  vertical-align: middle;
  width: 175px;
  line-height: 1.2;
  font-size: 14px;
}
.shift_materials .shift_counting ul li input {
  margin: 0 1.3513513514% 0 0;
  font-size: 14px;
  width: 35.1351351351%;
  text-align: right;
}
.shift_materials .shift_counting ul li input.red {
  background: #f24407;
  color: #fff;
}
.shift_materials .shift_possible ul li {
  margin: 0 0 5px 0;
}
.shift_materials .shift_possible ul li div {
  display: table-cell;
  width: 5.4054054054%;
}
.shift_materials .shift_possible ul li div.to {
  padding: 0 0 0 5px;
  width: 2.7027027027%;
  text-align: center;
}
.shift_materials .shift_possible ul li div input {
  margin: 0 5px;
  height: 28px;
  line-height: 28px;
  width: 96%;
}
.shift_materials .shift_possible ul li div span {
  display: block;
  width: 100%;
}
.shift_materials .shift_possible ul li div:first-child {
  width: 40.5405405405%;
}
.shift_materials .shift_possible ul li div:first-child input {
  margin-left: 0;
}
.shift_materials .shift_possible .btn {
  text-align: left;
  display: block;
}
.shift_materials .shift_possible .btn a,
.shift_materials .shift_possible .btn span,
.shift_materials .shift_possible .btn button,
.shift_materials .shift_possible .btn input[type=submit],
.shift_materials .shift_possible .btn input[type=button] {
  display: inline-block;
  padding: 10px 20px;
  margin: 15px 0 0 0;
  background: #f24407;
  font-size: 14px;
  font-weight: normal;
  border-radius: 3px;
}

/*----- 本日の全店シフトイン可能者 -----*/
.shift_in_possible {
  font-size: 14px;
}
.shift_in_possible input {
  width: 4em;
  text-align: right;
}
.shift_in_possible select {
  height: auto;
  line-height: inherit;
  width: 37.8787878788%;
  margin: 0 3.0303030303% 0 0;
}
.shift_in_possible select optgroup {
  font-style: normal;
  margin: 0 0 10px 0;
}
.shift_in_possible h3,
.shift_in_possible h4 {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.2;
  margin: 0 0 15px 0;
}
.shift_in_possible h4 {
  font-size: 16px;
  padding: 0 0 0 5px;
}
.shift_in_possible .outer {
  display: flex;
  align-items: flex-start;
  margin: 0 0 20px 0;
}
.shift_in_possible .outer > div {
  width: 59.0909090909%;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  padding: 20px 0;
  max-height: 50vh;
  overflow-y: auto;
  box-sizing: border-box;
}
.shift_in_possible .outer li {
  padding: 5px 10px 5px 5px;
}
.shift_in_possible .outer li:nth-child(even) {
  background: #fff047;
}
.shift_in_possible .outer li p {
  width: 53.8461538462%;
  float: left;
}
.shift_in_possible .outer li div {
  width: 46.1538461538%;
  float: right;
  text-align: right;
}
.shift_in_possible .outer li:after {
  content: "";
  display: block;
  clear: both;
}

/*----- shift_note -----*/
.shift_note textarea {
  width: 100%;
  height: 90px;
}

/*----- shift_forecast_actual_analysis -----*/
.shift_forecast_actual_analysis {
  font-size: 12px;
  padding: 10px;
}
.shift_forecast_actual_analysis .groupe {
  margin: 0 0 20px 0;
}
.shift_forecast_actual_analysis .groupe:last-child {
  margin: 0;
}
.shift_forecast_actual_analysis .set {
  display: flex;
  min-height: 40px;
  margin: 0 0 5px 0;
}
.shift_forecast_actual_analysis > .set {
  height: auto;
  margin-bottom: 2px;
}
.shift_forecast_actual_analysis > .set ul li {
  justify-content: center;
}
.shift_forecast_actual_analysis .name {
  width: 10.9756097561%;
  margin-right: 0.7092198582%;
  padding-left: 2px;
}
.shift_forecast_actual_analysis .textformat {
  background-color: #FFF;
  border-radius: 3px;
  display: flex;
  align-items: center;
}
.shift_forecast_actual_analysis .header {
  text-align: center;
  display: flex;
  align-items: end;
}
.shift_forecast_actual_analysis .time {
  width: 4.8780487805%;
  margin: 0 0.6097560976% 0 0;
  letter-spacing: -0.05em;
  padding-left: 2px;
  display: block;
}
.shift_forecast_actual_analysis .note {
  width: 12.5609756098%;
  padding-left: 2px;
  display: block;
  white-space: nowrap;
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.shift_forecast_actual_analysis .note::-webkit-scrollbar {
  display: none;
}
.shift_forecast_actual_analysis .forecast_actual_analyis_value {
  width: 100%;
}
.shift_forecast_actual_analysis ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.shift_forecast_actual_analysis ul li {
  width: 3.5460992908%;
  margin: 0 0.3546099291% 0 0;
  display: flex;
  justify-content: space-between;
  height: 20px;
}
.shift_forecast_actual_analysis ul li:nth-child(4n) {
  margin-right: 0.7092198582%;
}
.shift_forecast_actual_analysis ul li div {
  background: #fff;
  width: 47.5%;
  height: 100%;
}
.shift_forecast_actual_analysis ul li div.quarter {
  width: 22.5%;
}
.shift_forecast_actual_analysis ul li div.shift_on {
  background: #a7a6a6;
}
.shift_forecast_actual_analysis ul li div.clockin_on {
  background: #f24407;
}

/*----- payroll_export_create -----*/
.payroll_export_create textarea {
  width: 100%;
  height: 90px;
  resize: vertical !important;
}
.payroll_export_create select.form-control,
.payroll_export_create input[type=text],
.payroll_export_create label[for^=json_job_types],
.payroll_export_create label[for^=json_branch_ids] {
  cursor: pointer;
}
.payroll_export_create input[type=checkbox] {
  cursor: pointer;
}
.payroll_export_create .js-emails_root input {
  width: 250px;
}

#payroll_export_setting .form-label {
  margin: 0 0 0 10px;
}
#payroll_export_setting select.form-control {
  cursor: pointer;
}
@-moz-document url-prefix() {
  #payroll_export_setting select {
    line-height: 1 !important;
    vertical-align: baseline !important;
  }
}

.modal-close-payroll {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 28px;
  height: 28px;
  background: #2d1c0b;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 10;
}

.modal-close-payroll::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url("../../images/user/icon_xmark.svg") no-repeat center center;
  background-size: contain;
  filter: brightness(0) invert(1);
}

.model_payroll_export {
  /* Autocomplete dropdown styling to match select options */
}
.model_payroll_export input {
  padding: 4px 5px;
}
.model_payroll_export select {
  height: auto;
  line-height: inherit;
  width: 37.8787878788%;
  margin: 0 1.5151515152% 0 0;
  cursor: pointer;
}
.model_payroll_export select optgroup {
  font-style: normal;
  margin: 0 0 10px 0;
}
.model_payroll_export input {
  width: 40%;
}
.model_payroll_export h3,
.model_payroll_export h4 {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.2;
  margin: 0 0 15px 0;
  color: #333333;
}
.model_payroll_export label {
  font-size: 14px;
  color: #333333;
}
.model_payroll_export .condition .row:not(:first-child) {
  margin: 5px 0;
}
.model_payroll_export .form-section {
  flex: 1;
}
.model_payroll_export .description {
  flex: 1;
  font-size: 14px;
  line-height: 1.5;
  color: #333;
  padding-top: 10px;
}
.model_payroll_export .outer.condition {
  display: flex;
  flex-direction: row;
  gap: 20px;
  margin-bottom: 20px;
}
.model_payroll_export .export-items-scroll {
  max-height: 450px;
  overflow-y: auto;
  border: 1px solid #eee;
  padding: 8px;
}
.model_payroll_export .export-items-scroll .row {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
}
.model_payroll_export .export-items-scroll label {
  min-width: 70px;
}
.model_payroll_export .export-items-scroll select,
.model_payroll_export .export-items-scroll input[type=text] {
  margin-left: 4px;
  margin-right: 4px;
}
.model_payroll_export .ui-autocomplete {
  z-index: 9999 !important;
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  padding: 0;
  margin: 0;
  list-style: none;
  font-family: Arial, Helvetica, Meiryo, Osaka, "Hiragino Kaku Gothic Pro", "MS PGothic", sans-serif;
  font-size: 14px;
}
.model_payroll_export .ui-menu-item {
  padding: 8px 12px;
  cursor: pointer;
  border-bottom: 1px solid #f0f0f0;
  color: #333;
  background-color: #fff;
  transition: background-color 0.2s ease;
}
.model_payroll_export .ui-menu-item:last-child {
  border-bottom: none;
}
.model_payroll_export .ui-menu-item:hover,
.model_payroll_export .ui-menu-item.ui-state-focus {
  background-color: #f5f5f5;
  color: #333;
}
.model_payroll_export .ui-menu-item.ui-state-active {
  background-color: #e6f3ff;
  color: #333;
}
.model_payroll_export .ui-menu-item .ui-menu-item-wrapper {
  padding: 0;
  margin: 0;
  display: block;
  width: 100%;
}

/*----- payroll_export_index -----*/
.payroll_export_index .no_contents h3 {
  font-size: 20px;
  font-weight: bold;
  color: #2d1c0b;
  line-height: 1;
  margin: 20px 0;
}
.payroll_export_index table {
  min-width: 100%;
}
.payroll_export_index .guide {
  text-align: center;
}
.payroll_export_index .btn_toggle {
  margin: 12px 0;
  text-align: center;
}
.payroll_export_index .btn_guide {
  margin: 12px 0 24px 0;
  height: 24px;
  position: relative;
}
.payroll_export_index .btn_guide .delete {
  position: absolute;
  left: 12px;
}
.payroll_export_index .btn_guide .on, .payroll_export_index .btn_guide .off {
  position: absolute;
  left: 238px;
}
.payroll_export_index .btn_guide .reload {
  position: absolute;
  right: 24px;
}
.payroll_export_index .btn_guide a {
  font-size: large;
}
.payroll_export_index .btn_operation {
  margin: 12px 0 24px 0;
  text-align: center;
}
.payroll_export_index .btn_operation:last-child {
  margin: 12px 0;
}
.payroll_export_index .dl_able {
  animation: blink 0.3s infinite alternate;
}