/*!
 * jQuery UI CSS Framework 1.13.0
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/
 */

/*






 */



/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Arial,Helvetica,sans-serif/*{ffDefault}*/;
	font-size: 1em/*{fsDefault}*/;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif/*{ffDefault}*/;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5/*{borderColorDefault}*/;
}
.ui-widget-content {
	border: 1px solid #dddddd/*{borderColorContent}*/;
	background: #ffffff/*{bgColorContent}*/ /*{bgImgUrlContent}*/ /*{bgContentXPos}*/ /*{bgContentYPos}*/ /*{bgContentRepeat}*/;
	color: #333333/*{fcContent}*/;
}
.ui-widget-content a {
	color: #333333/*{fcContent}*/;
}
.ui-widget-header {
	border: 1px solid #dddddd/*{borderColorHeader}*/;
	background: #e9e9e9/*{bgColorHeader}*/ /*{bgImgUrlHeader}*/ /*{bgHeaderXPos}*/ /*{bgHeaderYPos}*/ /*{bgHeaderRepeat}*/;
	color: #333333/*{fcHeader}*/;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333/*{fcHeader}*/;
}

/* 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 #c5c5c5/*{borderColorDefault}*/;
	background: #f6f6f6/*{bgColorDefault}*/ /*{bgImgUrlDefault}*/ /*{bgDefaultXPos}*/ /*{bgDefaultYPos}*/ /*{bgDefaultRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #454545/*{fcDefault}*/;
}
.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: #454545/*{fcDefault}*/;
	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 #cccccc/*{borderColorHover}*/;
	background: #ededed/*{bgColorHover}*/ /*{bgImgUrlHover}*/ /*{bgHoverXPos}*/ /*{bgHoverYPos}*/ /*{bgHoverRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #2b2b2b/*{fcHover}*/;
}
.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: #2b2b2b/*{fcHover}*/;
	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 #003eff/*{borderColorActive}*/;
	background: #007fff/*{bgColorActive}*/ /*{bgImgUrlActive}*/ /*{bgActiveXPos}*/ /*{bgActiveYPos}*/ /*{bgActiveRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #ffffff/*{fcActive}*/;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff/*{borderColorActive}*/;
	background-color: #ffffff/*{fcActive}*/;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff/*{fcActive}*/;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e/*{borderColorHighlight}*/;
	background: #fffa90/*{bgColorHighlight}*/ /*{bgImgUrlHighlight}*/ /*{bgHighlightXPos}*/ /*{bgHighlightYPos}*/ /*{bgHighlightRepeat}*/;
	color: #777620/*{fcHighlight}*/;
}
.ui-state-checked {
	border: 1px solid #dad55e/*{borderColorHighlight}*/;
	background: #fffa90/*{bgColorHighlight}*/;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620/*{fcHighlight}*/;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899/*{borderColorError}*/;
	background: #fddfdf/*{bgColorError}*/ /*{bgImgUrlError}*/ /*{bgErrorXPos}*/ /*{bgErrorYPos}*/ /*{bgErrorRepeat}*/;
	color: #5f3f3f/*{fcError}*/;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f/*{fcError}*/;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f/*{fcError}*/;
}
.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(/assets/jquery-ui/ui-icons_444444_256x240-0ec02058e27f71c352637ad8cf116491b94527208affb95e29534bc6e1c239a4.png)/*{iconsContent}*/;
}
.ui-widget-header .ui-icon {
	background-image: url(/assets/jquery-ui/ui-icons_444444_256x240-0ec02058e27f71c352637ad8cf116491b94527208affb95e29534bc6e1c239a4.png)/*{iconsHeader}*/;
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url(/assets/jquery-ui/ui-icons_555555_256x240-2ae1a3121a9024293d3d98f529f49edd9609e4043974e86304e263f811e865b8.png)/*{iconsHover}*/;
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url(/assets/jquery-ui/ui-icons_ffffff_256x240-063ff6c0b18fa40b9a89952c7a14ba75909dc2a6012612d83c40b9ef77df08e9.png)/*{iconsActive}*/;
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url(/assets/jquery-ui/ui-icons_777620_256x240-db31659e24ef3c3402c3cce811aaa4f6e6c69d353f32ddf40ce43f80e98e1297.png)/*{iconsHighlight}*/;
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url(/assets/jquery-ui/ui-icons_cc0000_256x240-32d2aace8d299dd84d2e10ce1f1eb9cbb83550e147a4147b474eb22510dac5c3.png)/*{iconsError}*/;
}
.ui-button .ui-icon {
	background-image: url(/assets/jquery-ui/ui-icons_777777_256x240-03396f638d0837b69aa809188d82742d27a85eb85d105d4d553520df635176b7.png)/*{iconsDefault}*/;
}

/* 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: 3px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px/*{cornerRadius}*/;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa/*{bgColorOverlay}*/ /*{bgImgUrlOverlay}*/ /*{bgOverlayXPos}*/ /*{bgOverlayYPos}*/ /*{bgOverlayRepeat}*/;
	opacity: .3/*{opacityOverlay}*/;
	-ms-filter: "alpha(opacity=30)"/*{opacityFilterOverlay}*/; /* support: IE8 */
}
.ui-widget-shadow {
	-webkit-box-shadow: 0/*{offsetLeftShadow}*/ 0/*{offsetTopShadow}*/ 5px/*{thicknessShadow}*/ #666666/*{bgColorShadow}*/;
	box-shadow: 0/*{offsetLeftShadow}*/ 0/*{offsetTopShadow}*/ 5px/*{thicknessShadow}*/ #666666/*{bgColorShadow}*/;
}
/*!
 * jQuery UI Datepicker 1.13.0
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/datepicker/#theming
 */
/*

 */
.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;
}
/* alert */
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px; }

.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442; }

.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d; }

.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 20px;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
  filter: alpha(opacity=20); }

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear; }

.fade.in {
  opacity: 1; }

:focus-visible {
  outline: none; }

/* color */
.color_black {
  color: #000; }

/* column */
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12 {
  float: left; }

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }

.col-sm-6 {
  width: 50%; }

.col-sm-4 {
  width: 33.3333333333%; }

/* dl */
.dl-horizontal dd:before,
.dl-horizontal dd:after {
  content: " ";
  display: table; }

.dl-horizontal dd:after {
  clear: both; }

.dl-horizontal dt {
  float: left;
  width: 160px;
  clear: left;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

dt, dd {
  line-height: 1.428571429; }

/* dropdown-menu */
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box; }

/* float */
.float_reset {
  float: inherit;
  padding: 0; }

/* font */
.font_bold {
  font-weight: 700; }

.font_sans {
  font-family: sans-serif; }

/* headeline */
h4, .h4 {
  font-size: 18px; }

h4, .h4, h5, .h5, h6, .h6 {
  margin-top: 10px;
  margin-bottom: 10px; }

/* line-height */
.lh-1 {
  line-height: 1; }

/* modal */
.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0; }

.modal-body {
  position: relative;
  padding: 15px; }

.modal-dialog {
  margin: 0 auto;
  position: relative;
  width: 700px;
  border-radius: 10px;
  border: none;
  border-top: #f0f2f5 12px solid;
  background-color: #fff; }

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5; }

/*.modal-open {
  overflow: hidden;
}*/
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto; }

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000; }

.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50); }

/* nav */
.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none; }

.nav > li {
  position: relative;
  display: block; }

.nav-tabs > li {
  float: left;
  margin-bottom: -1px; }

.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.428571429;
  position: relative;
  display: block;
  padding: 10px 15px; }

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  cursor: default; }

/* table */
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px; }

th {
  text-align: left; }

.table > thead > tr > th,
.table > thead > tr > td,
.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th,
.table > tfoot > tr > td {
  border-top: 1px solid #ddd;
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: middle; }

table > caption + thead > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > th,
.table > thead:first-child > tr:first-child > td {
  border-top: 0; }

.table > thead > tr > th {
  border-bottom: 2px solid #ddd; }

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9; }

/* tab */
.tab-content > .tab-pane {
  display: none; }

.tab-content > .active {
  display: block; }

/* text-align */
.text-center {
  text-align: center; }

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

.text-left {
  text-align: left; }

/* text-decoration */
.text-deco_none {
  text-decoration: none; }

/* ul */
.ul-reset {
  margin: 0;
  list-style: none;
  padding: 0; }

/* vertical-align */
.vertical_top {
  vertical-align: top; }

/* width */
.width_full {
  margin: 0;
  width: 100%; }
@charset "UTF-8";
/* Header */
header {
  position: relative;
  z-index: 999;
  width: 100%;
  height: 100px;
  background: #fff;
  box-sizing: border-box; }

/* 上部ナビ */
.l-header_head_nav {
  border-bottom: 1px solid #ced1d3;
  box-sizing: border-box;
  width: 100%;
  height: 44px; }

.l-header_head_nav_inner {
  height: 44px; }

ul.head_nav_container, nav.p-global-nav ul {
  display: inline-block; }

ul.head_nav_container {
  height: 44px; }

ul.head_nav_container li {
  display: inline-block;
  padding: 0 5px;
  font-size: 12px;
  line-height: 44px; }

ul.head_nav_container li svg {
  margin-right: 3px;
  vertical-align: text-bottom; }

ul.head_nav_container li a, ul.head_nav_container li a:hover, nav.p-global-nav ul li a {
  color: #000; }

ul.head_nav_container li a {
  text-decoration: none; }

ul.head_nav_container li a:hover {
  text-decoration: underline; }

.admin_status {
  display: inline-block; }

.admin_status span {
  padding: 4px 8px;
  color: #fff;
  font-size: 12px;
  background: #f0891d;
  border-radius: 4px;
  box-sizing: border-box; }

.l-header_logo {
  display: table;
  float: right;
  padding: 0;
  width: 125px;
  height: 44px; }

.l-header_logo a {
  display: table-cell;
  vertical-align: middle; }

.l-header_logo a img {
  display: inline;
  width: 100%;
  height: auto; }

/* 下部ナビ */
.l-header_foot_nav {
  width: 100%;
  height: 56px;
  background: #fff;
  box-shadow: 0px 2px 2px rgba(206, 209, 211, 0.6); }

.p-global-nav,
.p-global-nav ul,
.p-global-nav ul li,
.edit_client_nav_dropdown {
  height: 56px; }

.p-global-nav ul li a {
  line-height: 56px; }

.p-global-nav ul li,
.edit_client_nav_dropdown {
  float: left;
  position: relative;
  width: 100px;
  box-sizing: border-box;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 2px; }

nav.p-global-nav ul li.back_home {
  width: 51px; }

nav.p-global-nav ul li.logout_nav_li {
  width: 138px;
  text-align: right; }

.bi-house-door,
.bi-mailbox,
.bi-person-circle,
.bi-credit-card,
.bi-door-closed-fill {
  position: absolute; }

.bi-house-door {
  top: 17px;
  left: 17px; }

.bi-mailbox,
.bi-credit-card {
  top: 9px;
  left: 27px; }

.bi-person-circle {
  top: 11px;
  left: 27px; }

.bi-door-closed-fill {
  top: 17px;
  left: 15px; }

.p-global-nav ul li a,
.edit_client_nav_dropdown a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-decoration: none; }

nav.p-global-nav ul a:hover, nav.p-global-nav ul li:hover {
  color: #5092ba;
  background: transparent;
  text-decoration: none; }

nav.p-global-nav ul li:hover {
  border-bottom: 7px solid #5092ba; }

nav.p-global-nav ul li.edit_client_nav_li:hover,
nav.p-global-nav ul li.edit_client_nav_li a:hover,
.edit_client_nav_dropdown:hover,
nav.p-global-nav ul .edit_client_nav_dropdown a:hover,
.edit_client_nav_dropdown a.dropdown-toggle:hover,
nav.p-global-nav ul li.logout_nav_li:hover,
nav.p-global-nav ul li.logout_nav_li a:hover {
  color: #7a7c7d;
  background: inherit;
  border: inherit; }

nav.p-global-nav ul li.edit_client_nav_li, div.edit_client_nav_dropdown {
  width: 80px; }

.navbar-nav li.edit_client_nav_li a,
div.edit_client_nav_dropdown a {
  padding: 36px 15px 0;
  font-size: 10px;
  letter-spacing: 1px;
  line-height: 1; }

.edit_client_nav_dropdown {
  display: inline-block; }

.edit_client_nav_dropdown a {
  color: #000; }

.edit_client_nav_dropdown a.dropdown-toggle[aria-expanded="true"] {
  color: inherit;
  background-color: transparent; }

.edit_client_nav_dropdown a.dropdown-toggle:-webkit-any-link {
  text-decoration: none; }

.edit_client_nav_dropdown .dropdown-menu {
  margin: 0;
  padding: 5px 9px;
  height: 58px; }

.edit_client_nav_dropdown .dropdown-menu a {
  position: relative;
  padding: 5px 0;
  height: 23px;
  font-size: 12px;
  font-weight: 500; }

.edit_client_nav_dropdown .dropdown-menu a:hover {
  color: #5092ba;
  border: none; }

.navbar-right {
  float: right; }

.navbar-right_mail .dropdown-menu {
  min-width: 74px;
  text-align: center; }

.header-nav-logout-link {
  padding: 0 15px; }

.navbar-right .dropdown-menu {
  right: 0;
  left: auto; }

.open > .dropdown-menu {
  display: block; }

.navbar-right_mail .dropdown-menu {
  min-width: 74px;
  text-align: center; }

.edit_client_nav_dropdown .dropdown-menu {
  margin: 0;
  padding: 5px 9px;
  height: 58px; }

.p-global-nav ul .edit_client_nav_dropdown .edit_client_nav_dropdown-item-link:hover {
  border: 0;
  color: #5092ba; }
body, #wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh; }

body {
  background-color: #f0f2f5;
  color: #000;
  font-family: "Helvetica Neue", "Arial", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  margin: 0; }

#wrapper {
  position: relative;
  padding-bottom: 112px;
  box-sizing: border-box; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

a {
  background-color: transparent;
  color: #337ab7;
  text-decoration: none; }

a:hover, a:focus {
  color: #23527c;
  text-decoration: underline; }

a:active, a:hover {
  outline: 0; }

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold; }

p, ol, ul, td {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

p {
  margin: 0 0 10px; }

table {
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0; }

.main {
  margin-bottom: 200px; }

.l-inner {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  max-width: 1230px; }

.row-padding {
  padding: 20px; }

.p-entry {
  background: #f0f2f5; }

.p-entry_body {
  padding: 30px 0;
  background-color: #f0f2f5; }

.l-page {
  height: 100%;
  padding: 50px 60px;
  background-color: #fff; }

.row {
  margin-left: -15px;
  margin-right: -15px; }

.row:before,
.row:after {
  content: " ";
  display: table; }

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

/* spinner */
#spinner_overlay {
  display: none; }

.spinner {
  width: 32px;
  height: 32px;
  margin: 10px auto;
  border: 4px #ddd solid;
  border-top: 4px #2e93e6 solid;
  border-radius: 50%;
  animation: sp-anime 1.0s infinite linear; }

@keyframes sp-anime {
  100% {
    transform: rotate(360deg); } }
/* Footer */
footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 112px; }

.l-footer_inner, .p-copyright {
  display: table;
  width: 100%;
  height: 56px;
  text-align: center; }

.l-footer_inner {
  background-color: #b7cccf; }

.p-copyright {
  background-color: #f0f2f5; }

.l-footer_inner p, .p-copyright p {
  display: table-cell;
  vertical-align: middle; }

.l-footer_inner p a {
  font-size: 12px;
  color: #546363;
  text-decoration: none;
  border-right: 1px solid #546363;
  margin-right: 7px;
  padding-right: 10px; }

.l-footer_inner p a:hover {
  text-decoration: underline; }

.l-footer_inner p a:last-child {
  border: none;
  margin: 0;
  padding: 0; }

.p-copyright p {
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 2px;
  color: #464646; }

span.p-pagetop {
  display: block;
  margin-top: -36px; }

span.p-pagetop a {
  color: #767676;
  font-size: 13px;
  font-weight: 400;
  float: right;
  letter-spacing: 1px;
  text-decoration: none; }

span.p-pagetop a:hover {
  text-decoration: underline; }

span.p-pagetop a svg {
  padding-right: 5px;
  vertical-align: middle; }

.q_is_sent_eq,
.q_is_received_eq {
  display: inline-block; }

.footer {
  background: #21313F;
  height: auto;
  padding-bottom: 10px;
  margin-top: 10px;
  position: relative;
  width: 100%;
  border-bottom: 1px solid #CCCCCC;
  border-top: 1px solid #DDDDDD; }

.footer h3 {
  border-bottom: 1px solid #BAC1C8;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  line-height: 27px;
  padding: 10px 0 10px;
  text-transform: uppercase; }

.footer ul {
  font-size: 13px;
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
  margin-top: 15px;
  color: #F5F5F5; }

.footer ul li a {
  padding: 0 0 5px 0;
  display: block; }

.footer a {
  color: #F5F5F5; }

.supportLi h4 {
  font-size: 20px;
  font-weight: lighter;
  line-height: normal;
  margin-bottom: 0 !important;
  padding-bottom: 0; }

.footer-bottom {
  background: #E3E3E3;
  border-top: 1px solid #DDDDDD;
  padding-top: 10px;
  padding-bottom: 10px; }
/* bootstrap form */
.form-inline .form-control {
  display: inline-block;
  width: auto;
  vertical-align: middle; }

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }

.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }

textarea.form-control {
  height: auto; }

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed; }

.form-group {
  margin-bottom: 15px; }

.form-inline .form-group,
.form-inline .mb-3 {
  display: inline-block;
  margin-bottom: 0; }

.form-date {
  margin-top: -15px; }

.mb-3 {
  margin-bottom: 15px; }

.p-search-box-form-inline .mb-3,
.mb-3.q_customer_id_eq,
.mb-3.q_is_sent_eq,
.mb-3.q_is_received_eq,
.mb-3.q_status_eq,
.total-cell-4items_underline .mb-3,
.total-cell-4items_underline_bold .mb-3,
.consumption-tax-table .mb-3,
.p-document-edit_remarks .mb-3,
.p-document-edit_bank_accounts .mb-3,
.mb-3.document_addressee_mail_to,
.mb-3.document_addressee_mail_cc {
  margin-bottom: 0; }

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.btn:hover,
.btn:focus,
.btn.focus {
  color: #333;
  text-decoration: none; }

.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4; }

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #286090;
  border-color: #204d74; }

.btn.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a; }

.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925; }

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc; }

.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad; }

/* Document Form */
.tab-content {
  margin: 0;
  padding: 24px 15px; }

.tab-content label {
  margin: 10px 0 3px; }

.tab-content input, .tab-content select, #content_taxsetting select.form-control, a.recipient_customer_edit_btn {
  padding: 0 10px;
  box-sizing: border-box;
  color: #000;
  font-size: 16px;
  height: 34px;
  line-height: 34px;
  vertical-align: middle;
  border: 1px solid #767676;
  border-radius: 2px;
  box-shadow: none; }

.tab-content label {
  margin-bottom: 4px; }

.tab-content label svg {
  overflow: visible; }

.c-form {
  display: block;
  margin-bottom: 12px;
  background-color: #fff;
  text-align: left;
  color: #000;
  font-size: 16px;
  line-height: normal;
  border: 1px solid #767676;
  border-radius: 2px;
  box-shadow: none; }

.c-form_input {
  padding: 0 12px;
  height: 35px;
  line-height: 34px; }

.c-form_select {
  -webkit-appearance: none;
  appearance: none;
  height: 36px;
  padding: 0 24px 0 12px;
  font-size: 14px;
  cursor: pointer;
  background-color: transparent;
  border: 1px solid #ced1d3;
  border-radius: 5px; }

div.p-items-table-unit_tax_setting_container {
  margin-top: -7px; }

div.p-items-table-unit_tax_setting_container::after {
  display: block;
  content: "";
  margin: -22px 0 0 65px;
  width: 1.5em;
  height: 1em;
  font-size: 1em;
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='currentColor' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z' clip-rule='evenodd'/></svg>");
  background-repeat: no-repeat;
  background-size: .7em .7em; }

.c-form_textarea {
  padding: 8px 12px; }

label.c-form_label {
  margin-bottom: 3px; }

span.c-form_label_span {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  font-weight: 700; }

.c-label_required {
  margin: 0 5px;
  padding: 2px 7px;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  vertical-align: baseline;
  white-space: nowrap;
  border-radius: 3px;
  background-color: #3362a8; }

span.c-form_hint, span.c-form_hint2 {
  display: block;
  margin: 3px 0;
  color: #858c90;
  font-size: 12px;
  font-weight: 400;
  line-height: 1; }

span.c-form_hint2 {
  line-height: 1.6; }

svg.icon-help {
  display: inline-block;
  margin-top: -7px;
  color: #404a72;
  speak: none;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  overflow: inherit; }

.c-form_date {
  position: relative; }

select {
  cursor: pointer; }

/* dropdown-menu */
.btn .caret {
  margin-left: 0; }

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent; }

.dropup,
.dropdown {
  position: relative; }

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box; }

.open > .dropdown-menu {
  display: block; }

.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990; }

.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #333333;
  white-space: nowrap; }

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5; }
.pagination_section {
  font-size: 15px; }

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 55px 0 0 0;
  border-radius: 4px; }

.pagination > li {
  display: inline; }

.pagination > li > a, .pagination > li > span {
  margin: 0 5px;
  padding: 1px 6px;
  border: 0;
  color: #000; }

.pagination > li > a:hover {
  color: #000;
  text-decoration: underline;
  background-color: inherit; }

.pagination > .active > a,
.pagination > .active > a:hover {
  color: #fff;
  text-decoration: inherit;
  background-color: #afafb0;
  border: 2px solid #afafb0;
  border-radius: 50%; }

li.paginate_prev a::after, li.paginate_next a::before {
  display: inline-block;
  content: "|";
  color: #000;
  font-weight: 400; }

li.paginate_prev a::after {
  margin-right: -10px;
  padding-left: 13px; }

li.paginate_next a::before {
  margin-left: -10px;
  padding-right: 13px; }
@charset "UTF-8";
/* ログイン設定(clients_logins/edit) */
h4.login_setting_page_title {
  padding-bottom: 25px;
  font-weight: 700;
  text-align: center;
  border-bottom: 1px solid #edeaec; }

.edit_client_login-outer {
  margin: auto;
  width: 50%; }

form.edit_client_login span.c-form_hint {
  margin-top: -2px; }

/* ログイン画面(clients_logins/sign_in) */
.pre_service_description {
  margin: 35px 0;
  text-align: center; }

p.pre_service_description_link span {
  padding: 0 7px; }

p.pre_service_description_link span svg {
  color: #337ab7; }

.shared_link {
  margin: 25px 0 0; }

.shared_link svg {
  overflow: inherit;
  margin-bottom: -2px; }
@charset "UTF-8";
/* 運営会社 */
.about_us h4 {
  color: #443e3d;
  margin-bottom: 35px; }

.about_us_table td {
  padding: 15px 0;
  height: 55px;
  line-height: 1.8; }

.about_us_table td.table_left {
  width: 10%; }

.about_us_table td.table_center {
  width: 5%; }

.about_us_table td.table_right {
  width: 85%;
  border-bottom: 1px solid #ced1d3; }

/* 問い合わせ */
.inquiries_index_box {
  margin-top: 35px;
  width: 100%; }

.inquiries_index_box .form-horizontal .form-group {
  margin-left: 0;
  margin-right: 0; }

.inquiries_index_box .inquiry_company_name,
.inquiries_index_box .inquiry_name,
.inquiries_index_box .inquiry_email {
  width: 50%; }

.inquiries_index_box .inquiry_phone_no {
  width: 30%; }

.inquiries_index_box .mb-3 label.required::after {
  content: "必須";
  margin: 0 5px;
  padding: 2px 7px;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  vertical-align: baseline;
  white-space: nowrap;
  border-radius: 3px;
  background-color: #3362a8; }

.inquiries_index_box abbr[title], .inquiries_index_box abbr[data-original-title] {
  display: none; }

p.help_description {
  margin: 25px 0; }
@charset "UTF-8";
/* 新規作成ボタンと検索セクション */
.collapse {
  display: none; }

.collapse.in {
  display: block; }

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  -o-transition: height .35s ease;
  transition: height .35s ease; }

.p-new-creat-box, .p-search-box {
  display: inline-block; }

.p-new-creat-box {
  margin-right: 35px; }

.p-search-box {
  float: right;
  width: 700px;
  height: auto;
  text-align: right;
  vertical-align: top; }

.btn_new_document {
  width: 247px;
  height: 55px; }

.btn_new_document_periodic_invoice {
  width: 270px; }

.doc-new-btn {
  background: #AFD147;
  border: none;
  border-radius: 3px;
  box-shadow: 0 3px #f5f5f5;
  box-sizing: border-box;
  display: block;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  line-height: 31px;
  padding: 12px 0 12px 25px;
  text-align: center;
  text-decoration: none;
  transition: .3s;
  width: 100%;
  height: 100%;
  position: relative; }

.doc-new-btn:hover {
  background: #88bc37;
  box-sizing: border-box;
  color: #fff;
  text-decoration: none; }

.doc-new-btn img {
  position: absolute;
  left: 30px;
  top: 14px;
  height: 25px;
  width: auto; }

.btn_new_document_periodic_invoice img {
  left: 20px; }

.panel {
  margin-bottom: 0;
  border: none;
  box-shadow: inherit; }

.p-search-box .panel-default {
  border: 0;
  box-shadow: none; }

.panel-default > .panel-heading {
  background-color: inherit;
  border-color: inherit;
  color: #333333; }

.panel-heading {
  padding: 0;
  border-bottom: inherit;
  border-top-right-radius: inherit;
  border-top-left-radius: inherit; }

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit; }

.p-search-box-form-inline {
  width: 430px;
  font-size: 0; }

#documentsAccordion .panel-default .panel-heading {
  display: inline-block; }

form.p-search-box-form-inline input.form-control {
  width: 286px;
  color: #000;
  border: none;
  box-shadow: inherit;
  background: #f5f5f5; }

.q_title_cont,
a.p-search-box-input_toggle {
  display: inline-block; }

a.p-search-box-input_toggle {
  position: relative;
  top: 3px;
  left: -2px;
  height: 34px;
  padding: 0 6px 0 12px;
  line-height: 32px;
  color: #555d65;
  font-size: 11px;
  font-weight: normal;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border: none;
  border-left-width: 0;
  box-sizing: border-box;
  text-decoration: none;
  background: #f5f5f5; }

a.p-search-box-input_toggle::after {
  display: inline-block;
  content: "";
  margin: 1px 0 0 5px;
  width: 15px;
  height: 17px;
  color: #555d65;
  vertical-align: text-top;
  background-image: url("data:image/svg+xml,<svg width='16' height='16' viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M7.247 11.14L2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z' clip-rule='evenodd'/></svg>");
  background-repeat: no-repeat;
  background-size: 12px; }

a.p-search-box-input_toggle[aria-expanded="true"]::after {
  background-image: url("data:image/svg+xml,<svg width='16' height='16' viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z' clip-rule='evenodd'/></svg>"); }

label.search_form_submit_btn {
  margin: 0;
  padding: 8px 5px 5px;
  height: 34px;
  width: 34px;
  border: none;
  box-sizing: border-box;
  text-align: center;
  vertical-align: middle;
  cursor: pointer; }

label.search_form_submit_btn:hover {
  opacity: .5; }

input.search_form_submit_btn_input {
  display: none; }

.p-search-box .collapsing[aria-expanded="false"],
.sender_box .collapsing[aria-expanded="false"] {
  display: none;
  transition-property: none; }

.p-search-box .show[aria-expanded="true"] {
  display: none; }

.p-search-box .panel-collapse[aria-expanded="true"],
.p-search-box .show {
  float: right;
  margin: 20px 0 -10px 0;
  padding: 0;
  width: 645px;
  height: auto;
  text-align: center;
  background-color: #fff;
  overflow: visible; }

.p-search-box .panel-collapse > .panel-body {
  text-align: left; }

.p-search-box #documentsAccordionCollapse input.date-picker {
  padding-left: 30px;
  width: 140px; }

.p-search-box .row {
  display: table;
  padding: 5px 0; }

.p-search-box_label {
  display: table-cell;
  padding: 0 10px; }

.p-search-box_label label {
  margin: 7px 0 5px 0;
  color: #555d65;
  font-size: 12px;
  line-height: 1; }

.p-search-box_label .form-group {
  margin-bottom: 0; }

.p-search-box_date-picker {
  position: relative;
  display: inline-block;
  width: 140px; }

.p-search-box_date-picker::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 9px;
  left: 11px;
  width: 15px;
  height: 15px;
  color: #cccccc;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  text-indent: 0px;
  -webkit-font-smoothing: antialiased;
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z' clip-rule='evenodd'/></svg>");
  background-repeat: no-repeat;
  background-size: 15px 15px;
  pointer-events: none; }

.q_customer_id_eq {
  width: 302px; }

.q_is_sent_eq {
  margin-right: 23px; }

/* Document一覧 */
body .page-header {
  padding-bottom: 0;
  margin: 0;
  border-bottom: none; }

.page-header.l-page_title {
  clear: both;
  margin-bottom: 30px;
  padding-top: 35px; }

.l-page h1 {
  margin: 0;
  padding-top: 30px;
  font-size: 24px;
  line-height: 1;
  border-top: 1px solid #edeaec; }

span.after_search_total_amo {
  color: #aea5a0;
  font-size: 16px;
  font-weight: 400; }

/* 一覧table */
.index-nav-tabs {
  border-bottom: 1px solid #767676;
  height: 42px;
  margin: 0; }

.index-nav-tabs > li > a {
  color: #1d5393; }

.index-nav-tabs > li > a:hover {
  font-weight: 700;
  background: inherit;
  border-color: transparent;
  text-decoration: none; }

.index-nav-tabs > li.active > a {
  color: #555d65;
  border: 1px solid #767676;
  border-bottom-color: #fff;
  border-radius: 0; }

.index-nav-tabs > li.active > a:hover {
  font-weight: inherit;
  border-color: #767676;
  border-bottom-color: #fff; }

.trash_description {
  padding: 10px 15px; }

/* _list.html */
.if_document_nil_text {
  margin: 70px 0 30px;
  color: #aea5a0;
  font-size: 18px; }

table.document_table > thead > tr > th {
  padding: 23px 12px 8px;
  line-height: 1;
  border-top: 0;
  border-bottom: 2px solid #767676; }

table.document_table th {
  color: #767676;
  font-size: 12px;
  font-weight: 400; }

table.document_table > tbody > tr > td {
  padding: 10px 8px; }

.table_th_payment_day, .table_td_payment_day {
  font-size: 11px; }

.table_th_payment_day {
  padding-top: 3px; }

.table_td_payment_day, .table_td_payment_day a {
  color: #58574c; }

.table_td_payment_day a {
  text-decoration: underline; }

.table_td_payment_day a:hover {
  text-decoration: none; }

.each_document_items:hover {
  background: #f0f2f5; }

.document_table_td_toggle_button {
  width: 6%; }

td.document_table_td_toggle_button a, td.document_table_td_toggle_button button {
  margin: 2px 0; }

td.document_table_td_toggle_button a.btn-default, dd.document_status_btn a.btn-default {
  color: #464646;
  border-color: #464646; }

td.document_table_td_toggle_button a.btn-danger, td.document_table_td_toggle_button a.btn-danger:active {
  background-color: #253893;
  border-color: #253893; }

input.btn-green, button.btn-green, button.btn-green:active, button.btn-green:hover, a.btn-green, a.btn-green:active, a.btn-green:hover {
  color: #fff;
  background-color: #095b2e;
  border-color: #095b2e;
  opacity: 1;
  cursor: default;
  pointer-events: visible; }

input.btn-green[disabled], button.btn-green[disabled] {
  opacity: 1; }

a.btn-requesting_mail, a.btn-requesting_mai:hover {
  color: #fff;
  background-color: #b8261b;
  border-color: #93261b; }

a.btn-requesting_mail:hover {
  color: #fff !important; }

.document_table_td_document_title {
  font-family: "Hiragino Kaku Gothic Pro", "Hiragino Sans", "Meiryo", "メイリオ", sans-serif;
  padding: 0;
  width: 55%;
  height: 0; }

.document_table_td_document_title a {
  display: flex;
  padding: 8px;
  width: 100%;
  height: 100%;
  font-size: 15px;
  color: #000;
  font-weight: 700;
  text-decoration: none;
  align-items: center; }

.document_table_td_document_title a:hover {
  text-decoration: underline; }

.table_td_date_1,
.table_td_date_2,
.periodic_invoices-tbl-td-start-date,
.periodic_invoices-tbl-td-cycle,
.periodic_invoices-tbl-td-next-issue {
  font-size: 12px; }

.table_td_date_1 {
  width: 8%; }

.table_td_date_2 {
  width: 10%; }

.document_table_td_amount {
  color: #3e5e66; }

a.btn_edit, a.btn_delete, a.btn_copy, a.btn_undo {
  position: relative;
  display: inline-block;
  width: 27px;
  height: 27px;
  color: #afafb0;
  font-size: 14px;
  line-height: 14px;
  text-decoration: none;
  box-sizing: border-box;
  border-radius: 50%;
  text-align: center;
  vertical-align: middle; }

a.btn_edit, a.btn_copy, a.btn_undo {
  padding: 6px; }

a.btn_delete {
  padding: 5.7px; }

a.btn_undo {
  padding: 4px 6px; }

a.btn_edit:hover, a.btn_delete:hover, a.btn_copy:hover, a.btn_undo:hover {
  color: #000;
  background: #afafb0;
  border-color: #afafb0; }

a.btn_edit:active, a.btn_delete:active, a.btn_copy:active, a.btn_undo:active, a.btn_edit:focus, a.btn_delete:focus, a.btn_copy:focus, a.btn_undo:focus {
  outline: none;
  border: 0;
  border-color: #afafb0;
  box-shadow: none; }

table#statements_table tr td .hover_button {
  display: none; }

table#statements_table tr:hover td .hover_button {
  display: inline-block; }

table#statements_table tr:hover td .hover_button .glyphicon {
  cursor: pointer; }

table#statements_table tr {
  cursor: move; }

table#document_table tr#tax_10 {
  display: none; }

table#document_table tr#tax_8 {
  display: none; }

table#document_table tr#tax_none {
  display: none; }

#bottom-menu {
  display: none; }

td.hover_button_td {
  vertical-align: top !important; }

.hover_button {
  position: absolute;
  left: 20px;
  width: 28px;
  height: 52px; }

.hide {
  display: none; }

/* Modal - 入金日の登録 received_at_modal */
#received_at_modal .modal-dialog {
  top: calc( (100% - 259.5px)/2); }

.modal-close-button,
.modal-close-button:hover {
  color: #b82850; }

.modal-close-button {
  position: absolute;
  cursor: pointer;
  background: #fff;
  background-image: none;
  border-radius: 50%;
  height: 24px;
  width: 24px;
  z-index: 2;
  right: 17px;
  top: 4px; }

.modal-title {
  margin: -12px 0 0 0;
  padding: 14px 40px;
  position: relative;
  font-size: 20px;
  color: #000;
  font-weight: 600;
  text-align: center;
  background: #f0f2f5;
  border-radius: 10px 10px 0 0;
  border: none; }

.modal-content {
  border: 0;
  border-radius: 0 0 10px 10px;
  box-shadow: none; }

.modal-content .row {
  margin: 0;
  padding: 30px;
  vertical-align: baseline; }

.received-at-modal-content {
  margin: -19px auto 0;
  width: 500px; }

.modal-table {
  display: table;
  width: 100%;
  border-collapse: collapse; }

.modal-table .tr {
  display: table-row;
  height: 55px;
  border-bottom: 1px #ddd solid; }

.modal-table label.th {
  display: table-cell;
  padding: 17px 0;
  font-weight: 700;
  width: 28%; }

.modal-table .td {
  display: inline-block;
  padding: 10px 0;
  width: 72%; }

input#document_received_at {
  width: 70%; }

.modal_save_btn {
  background: #efefef;
  font-weight: 700;
  margin-top: 14px;
  transition: .3s; }

.modal_save_btn:hover {
  background: #c9c9c4;
  color: inherit; }

.modal-content-outline {
  background-color: #fff;
  border: 2px #c1c4cd solid;
  margin: 50px 65px;
  border-radius: 5px;
  padding: 15px 20px; }

/* 郵便番号検索ボタン */
.sender_box .form-group,
.sender-form-group,
.document_biller_address_1,
.document_biller_address_2,
.document_biller_phone_no,
.document_biller_fax_no,
.document_biller_email,
.document_registration_number,
.document_logo_image,
.document_imprint_image,
.document_addressee_address_1,
.document_addressee_address_2,
.document_addressee_company_name,
.document_addressee_depart,
.document_addressee_section,
.float_reset .customer_post_code,
.float_reset .client_post_code,
.customer_addressee_company_name,
.customer_addressee_depart,
.customer_addressee_section,
.document_biller_company_name,
.document_biller_depart,
.document_biller_name {
  margin-bottom: 7px; }

.post_code_form .form-group input.form-control {
  width: 160px; }

a.search_by_zipcode {
  display: inline-block;
  width: 114px;
  font-size: 11px;
  font-weight: 700;
  margin-bottom: 2px; }

.form-inline a.search_by_zipcode {
  margin-top: 4px; }

.float_reset a.search_by_zipcode {
  margin-top: -66px;
  margin-left: 163px; }

.document_logo_image .form-control,
.document_imprint_image .form-control {
  padding: 0; }

/* バリデーション */
.field_with_errors {
  padding: inherit;
  background-color: inherit;
  display: block; }

.invalid-feedback, p.form_validation_p {
  margin: 6px 0 6px;
  padding: 3px;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  background: linear-gradient(transparent 0%, #d20046 0%); }

.customer_honorific_company_name .invalid-feedback {
  width: 150px; }

/*
.document_title .invalid-feedback, form.edit_client .invalid-feedback {
  display: none;
}
.field_with_errors {
  padding: inherit;
  background-color: inherit;
  display: inherit;
}
*/
/* 新規作成（new） */
.new_page-header h1 {
  margin: 0 0 30px;
  padding: 0;
  border: 0; }

ul.c-tab_ul {
  display: flex;
  height: 37px;
  background-color: #2b3340; }

ul.c-tab_ul li {
  padding: 9.6px 8px;
  font-size: 12px; }

ul.c-tab_ul li.active a {
  border: solid 1px #fff;
  pointer-events: none; }

ul.c-tab_ul li a {
  padding: 5px 10px;
  color: #fff;
  text-decoration: none; }

ul.c-tab_ul li a:hover {
  color: #2b3340;
  background-color: #e5eaeb;
  border-color: #e5eaeb;
  border-radius: 3px; }

/* Tab表示部分 */
/* 新規作成 */
.recipient_box {
  padding-right: 25px; }

.sender_box {
  padding-left: 25px;
  min-height: 330px;
  border-left: 1px solid #ced1d3; }

.recipient_box h2, .sender_box h2, .taxsetting-page-header p {
  padding: 5px 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  border-bottom: 1px solid #ced1d3; }

.recipient_box h2, .sender_box h2 {
  margin: 0 0 16px;
  color: #5092ba; }

/* Recipient Part */
#document_customer_name, .mb-3.document_addressee_name, .form-inline .customer_company_name, .form-inline .customer_addressee_name {
  width: 80%; }

#document_honorific_customer_name, .mb-3.document_addressee_honorific_name, .form-inline .customer_honorific_company_name, .form-inline .customer_honorific_addressee_name {
  width: 19%;
  vertical-align: top; }

#document_issue_at,
#document_periodic_start_at {
  margin-right: 23px; }

#document_periodic_period_month {
  margin-right: 4px; }

.document_num_link {
  margin-left: 7px;
  color: #e09819;
  font-size: 13px;
  font-weight: 500; }

.recipient_box .form-group {
  vertical-align: top; }

/* Sender Part */
a.c-accordion_toggle {
  display: block;
  padding: 15px 0 5px;
  color: #e09819;
  font-size: 14px;
  text-decoration: none; }

a.c-accordion_toggle:hover {
  text-decoration: underline; }

a.c-accordion_toggle::before {
  display: inline-block;
  content: "";
  margin-top: -2px;
  width: 17px;
  height: 17px;
  vertical-align: middle;
  background-image: url("data:image/svg+xml,<svg width='16' height='16' viewBox='0 0 16 16' fill='%23e09819' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M12.14 8.753l-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z' clip-rule='evenodd'/></svg>");
  background-repeat: no-repeat;
  background-size: 15px; }

a.c-accordion_toggle[aria-expanded="true"]::before {
  background-image: url("data:image/svg+xml,<svg width='16' height='16' viewBox='0 0 16 16' fill='%23e09819' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M7.247 11.14L2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z' clip-rule='evenodd'/></svg>"); }

.sender_box .panel-group {
  margin: 0; }

.sender_box .panel-default > .panel-heading + .panel-collapse > .panel-body {
  padding: 5px 0 0;
  border: 0; }

.sender_box .panel-body label, .sender-form-group label {
  display: block;
  margin: 3px 0; }

.document_biller_post_code {
  display: inline-block;
  margin-bottom: 4px;
  width: 110px; }

.document_biller_phone_no, .document_biller_fax_no {
  width: 220px; }

.document_logo_image input, .document_imprint_image input {
  font-size: 13px;
  border: 0; }

.accordion_delete_link {
  font-size: 13px; }

.documents-logo-img,
.clients-logo-img,
.documents-imprint-img,
.clients-imprint-img {
  max-width: 330px;
  max-height: 80px; }

/* 自動作成予約 */
.recipient_box .periodic_invoices-form-group {
  vertical-align: bottom; }

.periodic_invoices-form-inline-issue,
.periodic_invoices-form-inline-deadline {
  display: inline-block; }

#document_periodic_issue_day,
#document_periodic_deadline_day {
  margin-right: 4px; }

.label_blank {
  height: 16px; }

span.periodic_invoices_form_modifi {
  display: inline-block;
  padding: 8px 3px 0; }

.periodic_invoices-form-inline-deadline {
  margin-left: 16px; }

.document_periodic_deadline_day {
  margin-left: 4px; }

.periodic_invoices-form-group-creation-date {
  margin-bottom: 0; }

/* 送付先 */
.page-header.sender-setting-page-header,
.page-header.taxsetting-page-header {
  margin: 0 0 26px;
  color: #006f5f; }

.sender-setting-page-header p {
  padding: 5px 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  border-bottom: 1px solid #ced1d3; }

.document_addressee_post_code input.form-control {
  width: 110px; }

input#document_addressee_name, input#document_addressee_honorific_name {
  width: 100%; }

.mb-3.document_addressee_honorific_name {
  margin-left: 5px; }

#print_image, #email_image {
  margin: 5px 0 15px;
  padding: 10px 15px;
  min-height: 80px;
  border: 2px dashed #e8d6ae; }

.to_edit_client_info {
  margin-left: 0;
  padding: 6px 12px;
  color: #333;
  cursor: pointer;
  font-size: 11px;
  font-weight: 700;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 3px; }

#document_email_message {
  height: 370px; }

#email_template_modal .modal-dialog {
  top: calc( (100% - 594px)/2); }

#email_template_modal .modal-footer {
  padding: 0;
  border-top: none; }

#email_template_modal input.form-control {
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08) inset;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08) inset; }

#email_template_modal label {
  margin-top: 0; }

#email_template_modal textarea {
  color: #000;
  font-size: 16px;
  line-height: 1.8; }

/* 課税設定 */
.taxsetting-page-header p {
  border: 0; }

a.to_edit_client_info {
  margin-left: 15px;
  padding: 6px 12px;
  color: #333;
  font-size: 11px;
  font-weight: 700;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 3px; }

a.to_edit_client_info:hover, button.to_edit_client_info:hover {
  background: #e6e6e6;
  text-decoration: none; }

#content_taxsetting label {
  margin-top: 0; }

#content_taxsetting .row .col-sm-6 a {
  font-size: 12px;
  padding-left: 5px;
  display: inline-block;
  vertical-align: bottom;
  padding-bottom: 4px; }

#content_taxsetting select, select#client_tax_display_type, select#client_sales_tax, select#client_withholding_tax_type {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.document_tax_display_type::after, .document_withholding_tax_type::after, .client_tax_display_type::after, .client_sales_tax::after, .client_withholding_tax_type::after {
  content: "";
  display: block;
  width: 7px;
  height: 7px;
  position: absolute;
  right: 6%;
  top: 25%;
  border-bottom: #767676 2px solid;
  border-right: #767676 2px solid;
  transform: rotate(45deg) translateY(-30%);
  pointer-events: none; }

.document_withholding_tax_type::after {
  top: 75%; }

.client_tax_display_type::after,
.client_sales_tax::after,
.client_withholding_tax_type::after {
  right: 19px;
  top: 12px; }

/* 明細テーブル */
.tips_for_writing {
  position: relative;
  display: inline-block;
  margin: 0 0 25px;
  padding: 7px 12px 0;
  min-width: 120px;
  max-width: 100%;
  font-size: 16px;
  background: #FFF;
  border: solid 1px #ced1d3;
  border-radius: 3px;
  box-sizing: border-box; }

.tips_for_writing::before {
  content: "";
  position: absolute;
  bottom: -24px;
  left: 7%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-top: 12px solid #FFF;
  z-index: 2; }

.tips_for_writing::after {
  content: "";
  position: absolute;
  bottom: -26px;
  left: 7%;
  margin-left: -16px;
  border: 13px solid transparent;
  border-top: 13px solid #ced1d3;
  z-index: 1; }

.tips_for_writing_light_icon {
  width: 23px;
  height: 23px;
  vertical-align: middle; }

.tips_for_writing_title {
  padding-left: 3px;
  color: #858c90;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  vertical-align: sub; }

.tips_for_writing p {
  margin-top: 5px;
  font-size: 12.5px;
  line-height: 1.68; }

.tips_for_writing_ex {
  color: gray; }

.p-items-table table.table > tbody > tr > td, .p-items-table table.table > tfoot > tr > th, .p-items-table table.table > tfoot > tr > td {
  border: none; }

table.c-table > thead > tr > th {
  border-bottom: 0; }

.p-items-table {
  margin-left: -16px; }

table.c-table {
  width: 100%;
  line-height: 2em;
  border-collapse: collapse; }

table.c-table th.p-unit-name, table.c-table th.p-unit-num, table.c-table th.p-unit-unit, table.c-table th.p-unit-unit-price, table.c-table th.p-unit-tax-setting, table.c-table th.p-unit-price {
  padding: 8px;
  height: 43px;
  font-size: 15px;
  font-weight: 600;
  border-top: 2px solid #2b3340 !important;
  border-bottom: 2px solid #2b3340 !important; }

.table .p-unit-trigger {
  border: 0; }

th.p-unit-name {
  /* 品番・品名 */
  width: 41.1%; }

th.p-unit-num, td.p-items-table-unit_num {
  /* 数量 */
  width: 10%; }

th.p-unit-unit, td.p-items-table-unit_unit {
  /* 単位 */
  width: 7.2%; }

th.p-unit-unit-price {
  /* 単価 */
  width: 10%; }

th.p-unit-tax-setting {
  /* 税区分 */
  width: 12.7%; }

.p-items-table-unit_tax_setting .form-control {
  height: 41px; }

.p-items-table-unit_tax_setting-select-wrap {
  position: relative; }

.p-items-table-unit_tax_setting-select-wrap select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none; }

.p-items-table-unit_tax_setting-select-chevron-down {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  color: #555; }

th.p-unit-price {
  /* 金額 */
  width: 18%; }

tr.item-line {
  height: 68px; }

td.p-items-table-unit_name, td.p-items-table-unit_num, td.p-items-table-unit_unit, td.p-items-table-unit_unit_price, td.p-items-table-unit_tax_setting, td.p-items-table-unit_price {
  height: 68px;
  border-top: 1px solid #2b3340 !important;
  border-bottom: 1px solid #2b3340 !important; }

tr.item-line td input {
  padding: 6px;
  height: 40px;
  font-family: "Arial", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
  font-size: 15px;
  font-weight: 500;
  color: #000;
  border: 1px solid #ced1d3;
  border-radius: 0;
  box-shadow: none; }

td.p-items-table-unit_price input {
  background-color: #e5eaeb !important;
  border: 1px solid #e5eaeb !important; }

td.item-trigger {
  position: absolute;
  margin-left: -4px;
  padding: 0 !important;
  width: 20px;
  height: 68px; }

td div.hover_button {
  cursor: pointer;
  padding-top: 10px;
  width: 20px;
  height: 68px;
  left: inherit; }

a.p-items-table_delete_trigger, span.p-items-table_remove_trigger {
  width: 20px;
  height: 20px;
  color: #949495; }

span.p-items-table_remove_trigger {
  text-align: center; }

span.p-items-table_remove_trigger svg {
  margin-bottom: 3px; }

span.p-items-table_remove_trigger svg path {
  stroke: #949495;
  stroke-width: .15px; }

tr.sortable-chosen td, tr.sortable-ghost td {
  background-color: #f2f2f2; }

tr.sortable-chosen td.item-trigger {
  background-color: transparent;
  /* クリックした瞬間 */ }

tr.sortable-ghost td.item-trigger {
  visibility: hidden;
  /* クリックしたまま移動した時の背面tr */ }

tr.sortable-fallback, tr.sortable-drag {
  display: flow-root;
  /* 透過部分 */
  padding-left: 16px; }

tr.sortable-fallback td, tr.sortable-drag td {
  background-color: transparent; }

/* 行を追加 */
p.p-btn-add_line {
  margin: 0; }

a.btn-add-line {
  padding: 9px 13px;
  text-decoration: none;
  color: #927930;
  font-size: 13.5px;
  background: #f2e5d6;
  border-radius: 2px;
  border: solid 1px #927934; }

a.btn-add-line:hover {
  background: #ddcaba; }

/* 明細テーブル合計部分 */
table.p-total-items-table {
  float: right;
  margin-top: -25px;
  width: 35%; }

.total-cell-left {
  width: 40%; }

.total-cell-right {
  width: 60%; }

.total-cell-4items {
  font-size: 17px; }

.total-cell-4items_underline {
  border-bottom: 1px solid #000; }

.total-cell-4items_underline_bold {
  border-bottom: 3px solid #000; }

.total-cell-4items_underline .form-group,
.total-cell-4items_underline_bold .form-group {
  margin: 0; }

.total-cell-4items_underline input.form-control,
.total-cell-4items_underline_bold input.form-control {
  height: 48px;
  color: #000;
  font-family: "Arial", sans-serif;
  font-size: 25px;
  background-color: transparent;
  border: 0;
  box-shadow: none; }

#sales_tax svg#help_change_tax_setting {
  margin-top: -3px; }

/* 消費税区分 */
.consumption-tax {
  clear: both;
  padding-top: 25px;
  width: 100%;
  text-align: right; }

table.consumption-tax-table {
  float: right;
  width: 600px;
  font-size: 13px; }

table.consumption-tax-table th, table.consumption-tax-table td {
  border: 1px solid #8ebbb1; }

table.consumption-tax-table th {
  padding: 3px 0;
  height: 27px;
  color: #4c7c71;
  font-size: 12px;
  text-align: center;
  background: #d6e7e3; }

.consumption-tax-table-left,
.consumption-tax-table-right,
.consumption-tax-table-right .form-control {
  font-size: 13px; }

table.consumption-tax-table td {
  padding: 0 4px; }

td.consumption-tax-table-left {
  width: 120px; }

td.consumption-tax-table-left2 {
  width: 75px; }

td.consumption-tax-table-right {
  width: 160px; }

td.consumption-tax-table-right input.form-control {
  font-family: inherit;
  padding: 0;
  height: 26px;
  color: #000;
  background-color: transparent;
  border: 0;
  box-shadow: none; }

/* 備考 */
.p-document-edit_remarks {
  clear: both;
  padding: 25px 0 15px; }

textarea.remarks_textarea {
  box-sizing: border-box;
  color: #000;
  font-size: 16px;
  line-height: 1.6;
  vertical-align: middle;
  border: 1px solid #767676;
  border-radius: 2px;
  box-shadow: none; }

/* お振込先 */
.document_bank_accounts_number {
  width: 100%; }

input.p-bank_accounts_list_input {
  width: 100% !important; }

a.p-bank_account_delete {
  display: inline-block;
  height: 34px;
  position: absolute;
  right: 30px; }

a.p-bank_account_delete svg {
  padding: 5px;
  height: 34px;
  color: #a20031;
  font-size: 26px; }

input.p-bank_accounts_list_input::placeholder {
  color: #afafb0;
  font-weight: 400; }

input.p-bank_accounts_list_input:-ms-input-placeholder {
  color: #afafb0;
  font-weight: 400; }

input.p-bank_accounts_list_input::-ms-input-placeholder {
  color: #afafb0;
  font-weight: 400; }

p#add_bank_account_button {
  margin-top: 8px; }

.p-document-edit_bank_accounts .form-inline {
  position: relative; }

.p-document-edit_bank_accounts .form-inline input {
  position: relative;
  padding-right: 30px; }

.p-document-edit_bank_accounts .form-inline a.p-bank_account_delete {
  top: 17px;
  right: 4px;
  transform: translateY(-50%);
  z-index: 1; }

/* 合計金額表示と保存ボタン */
.total_amount_and_save_btn {
  display: table;
  margin-top: 50px;
  margin-right: -60px;
  height: 100px;
  float: right; }

table.total_amount_and_save_btn_table {
  display: table-cell;
  vertical-align: middle; }

span.bottom_table_s_element, span.char_total, span.char_yen {
  font-size: 14px; }

span#bottom_sub_total, span#bottom_sales_tax, span#bottom_withholding_tax_amount, span.char_amount {
  font-family: "Arial", sans-serif;
  font-weight: 600; }

span#bottom_sub_total, span#bottom_sales_tax, span#bottom_withholding_tax_amount {
  margin: 0 3px 0 10px;
  font-size: 23px; }

td.bottom_table_td_sub_total, td.bottom_table_td_sales_tax, td.bottom_table_td_withholding_tax {
  padding: 0 10px; }

td.bottom_table_td_withholding_tax {
  border-right: 1px solid #949495; }

td.bottom_table_td_sales_tax a {
  text-decoration: none; }

td.bottom_table_td_sales_tax a svg {
  margin-top: -5px; }

a.anchor {
  display: block;
  padding-top: 70px;
  margin-top: -70px; }

td.bottom_table_td_margin {
  width: 10px; }

td.sum_total {
  margin-right: 24px;
  padding: 0 20px;
  width: 280px;
  height: 50px;
  border-bottom: 2px solid #000; }

span.char_amount {
  display: inline-block;
  margin-top: -7px;
  padding-right: 3px;
  width: 188px;
  font-size: 32px;
  text-align: right; }

td.bottom_table_td_save_btn input.save_btn {
  display: inline-block;
  padding: 13px 50px;
  text-decoration: none;
  font-size: 15px;
  color: #FFF;
  background-image: linear-gradient(#5092ba 0%, #1973b0 100%);
  border: solid 1px #0f5779;
  border-radius: 5px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); }

td.bottom_table_td_save_btn input.save_btn:hover {
  color: #fff;
  text-decoration: none;
  background-image: linear-gradient(#1973b0 0%, #5092ba 100%); }

/* 編集（edit） */
a.recipient_customer_edit_btn {
  height: 34px;
  text-align: left; }

a.recipient_customer_edit_btn:hover, a.recipient_customer_edit_btn:active:focus {
  background-color: #f2f2f2;
  border-color: #767676; }

/* 編集（edit）取引先の表示Modal */
.customer-modal-dialog h2.clients_info_edit_subtitle_h2.first {
  margin-top: 0; }

.customer-modal-dialog form .col-sm-6 {
  width: 100%; }

/* 詳細（show） */
.show_page_header_btn_area {
  margin-top: -54px; }

.show_page_header_btn,
.show_page_header_dropdown_btn {
  display: inline-block; }

.show_page_header_edit_btn {
  background-color: #3362a8;
  border-color: #3362a8; }

.show_page_header_edit_btn svg {
  margin: 1px 6px 0 0;
  vertical-align: text-top; }

.show_page_header_edit_btn:hover {
  background-color: #00426d;
  border-color: #00426d;
  transition: .3s; }

.show_page_header_confirm_mail_btn {
  background-color: #f0a050;
  border-color: #f0a050; }

.show_page_header_confirm_mail_btn svg {
  margin: 0px 7px 2px 0;
  vertical-align: inherit; }

.show_page_header_confirm_mail_btn:hover {
  background-color: #e88b2e;
  border-color: #f0a050;
  transition: .3s; }

.show_page_header_dropdown_btn_issue_ul {
  right: 0;
  margin-left: -177px; }

.show_page_header_dropdown_btn_other_ul {
  right: 0;
  margin-left: -143px; }

.show_dropdown_quotation_delivery {
  margin-left: -93px; }

.detailed_info_dl {
  display: inline-block;
  margin: 55px 25px 55px 0;
  width: 54%;
  font-size: 13px; }

dl.detailed_info_dl dt {
  width: 150px;
  font-weight: inherit;
  line-height: 1.6;
  text-align: left; }

dl.detailed_info_dl dd {
  margin-left: 150px; }

dl.detailed_info_dl dd.document_status_btn form.button_to {
  display: inline-block; }

.private_notes {
  float: right;
  display: block;
  padding: 45px 0 0;
  width: 37%; }

.private_notes form label {
  margin-bottom: 2px;
  color: #858c90;
  font-size: 13px;
  font-weight: 500; }

label#private_notes_save_message {
  position: relative;
  top: -4px;
  margin: 0;
  color: #db077f; }

input.private_notes_save_btn {
  float: right;
  padding: 0;
  color: #337ab7;
  font-size: 13px;
  line-height: 1;
  background: transparent;
  border: none; }

input.private_notes_save_btn:hover {
  color: #23527c;
  text-decoration: underline; }

.tips_for_print {
  clear: both;
  margin: -25px 0 40px;
  text-align: right; }

.tips_for_print p {
  color: #858c90;
  font-size: 12px; }

.text-center.pdf_bg {
  height: 1185px;
  background: #f0f2f5; }

#spinner {
  padding-top: 55px; }

/* 郵送手続き */
.postal_charge {
  position: relative;
  width: 100%;
  height: 80px;
  background: #f7f7f7;
  text-align: center; }

.postal_charge p {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 400px;
  height: 50px;
  color: #c82136;
  line-height: 50px;
  background: #fff;
  vertical-align: middle; }

span.postal_charge_price {
  padding: 0 2px 0 10px;
  font-size: 2.7rem;
  font-weight: 700; }

span.postal_charge_price_yen {
  font-size: 2rem;
  font-weight: 700; }

p.document_show_title {
  padding-bottom: 5px;
  color: #5092ba;
  font-size: 1.4rem;
  border-bottom: 1px solid #ced1d3; }

a.btn_to_mail {
  margin-bottom: 35px;
  padding: 13px 60px;
  font-size: 18px;
  line-height: 24px;
  border-radius: 0; }

a.btn_to_mail svg {
  margin: -1px 10px 0 0;
  vertical-align: bottom; }

.confirm_mail_flow ul {
  margin: 0 0 13px;
  padding-left: 20px; }

.doc_sample_img_box {
  float: inherit;
  display: inline-block;
  width: 33%;
  box-sizing: border-box;
  vertical-align: top; }

.doc_sample_img_box img {
  border: 6px solid #e6eef6;
  box-sizing: border-box; }

/* Eメール送信modal */
#email_modal .customer-modal-dialog .modal-content {
  max-height: calc( 100vh - 190px);
  overflow-y: auto;
  padding: 30px; }
@charset "UTF-8";
/* 初回ログインお客様情報登録 */
form.new_client .invalid-feedback,
form.edit_client .invalid-feedback,
.document_registration_number .invalid-feedback {
  display: none; }

/* 自社情報編集 */
h2.clients_info_edit_subtitle_h2 {
  padding: 1em 0.7em;
  margin: 35px 0 13px;
  font-size: 16px;
  font-weight: 700;
  background: #edeaec;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom: solid 4px #aea5a0; }

p.clients_info_edit_description {
  margin-bottom: 25px; }

.float_reset .client_address_1, .float_reset .customer_address_1 {
  margin-bottom: 8px; }

label.client_address_label, label.customer_address_label {
  display: block;
  margin-top: -14px; }

#bank_accounts .client_bank_accounts_number, #bank_accounts input {
  width: 100%; }

#bank_accounts .form-inline {
  margin-bottom: 8px; }

.p-document-edit_bank_accounts #bank_accounts .form-inline {
  margin-bottom: 0; }

p#add_bank_account_button {
  margin-top: 15px; }

.save_self_com_info {
  margin-top: 35px; }

.document_num_rule_default {
  padding: 3px 5px;
  color: #239a90;
  font-family: 'Menlo', 'Monaco', monospace;
  border: 1px solid #E5E5E5;
  background: #f2f2f2; }

.client_logo_image .form-control,
.client_imprint_image .form-control {
  border: 0;
  box-shadow: none;
  padding: 0; }

.client_preview_number .form-control[readonly] {
  background-color: #eeeeee;
  opacity: 1; }

#client_tax_display_type,
#client_sales_tax,
#client_withholding_tax_type {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }

.p-bank_account_delete.clients-form-bank_account_delete,
.clients-form-bank_account .p-bank_account_delete {
  margin-left: -33px;
  right: unset; }
@charset "UTF-8";
/* 取引先 */
a.new_client_registration_btn {
  float: right;
  display: inline-block;
  margin-top: -104px;
  padding: 15px 35px;
  color: #FFF;
  font-size: 18px;
  font-weight: 700;
  background: #004970;
  border-radius: 3px;
  box-shadow: 0 3px #f5f5f5;
  transition: .3s; }

a.new_client_registration_btn:hover {
  text-decoration: none;
  background: #5f7c9e; }

.customers_paginate_top ul.pagination {
  margin: 25px 0 10px; }

.customers_paginate_bottom ul.pagination {
  margin: 10px 0 0; }

.table-striped.customers_list_table > tbody > tr:nth-child(odd) > td,
.table-striped.customers_list_table > tbody > tr:nth-child(odd) > th {
  background-color: #e9ecf5; }

table.customers_list_table {
  border-collapse: separate; }

table.customers_list_table > thead:first-child > tr:first-child > th, table.customers_list_table > tbody > tr > td {
  border-top: inherit; }

table.customers_list_table > thead > tr > th {
  padding: 10px 15px;
  border-bottom: inherit; }

table.customers_list_table tr.headline {
  color: #fff;
  background-color: #2b3340; }

tr.headline th {
  font-weight: 500;
  background-color: #2b3340;
  border-left: 1px #d3d3d3 solid; }

th.first-head {
  border-left: inherit !important; }

tr.headline th:first-child {
  border-radius: 6px 0 0 0;
  box-shadow: none; }

tr.headline th:last-child {
  border-radius: 0 6px 0 0;
  box-shadow: none; }

table.customers_list_table tr:last-child td:first-child {
  border-radius: 0 0 0 6px; }

table.customers_list_table tr:last-child td:last-child {
  border-radius: 0 0 6px 0; }

table.customers_list_table tr td:first-child {
  border-left: 1px solid #d3d3d3; }

table.customers_list_table tr td:last-child {
  border-right: 1px solid #d3d3d3; }

tbody#customer_list td {
  position: relative;
  padding: 12px;
  line-height: 1.7;
  border-top: 1px #d3d3d3 solid; }

table.customers_list_table tr:last-child td {
  border-bottom: 1px solid #d3d3d3; }

table.customers_list_table tr.headline + tr td {
  border-top: none; }

tbody#customer_list a, tbody#customer_list a:hover {
  color: #1d5393;
  font-weight: 700; }

/* 取引先の検索 */
.seaech_for_biz_partners form.p-search-box-form-inline {
  margin-bottom: 25px;
  width: 700px; }

.seaech_for_biz_partners .q_company_name_cont {
  width: 90%; }

.seaech_for_biz_partners form.p-search-box-form-inline input.form-control {
  width: 99%;
  border-radius: 4px; }

form#customer_search input.search_form_submit_btn {
  background: #f5f5f5; }

form#customer_search input.search_form_submit_btn:hover {
  color: #000;
  background: #d8d8d8; }

/* 取引先の表示Modal */
.modal-dialog.customer-modal-dialog {
  top: 5%; }

.customer_edit_btn {
  float: right; }

.customer-modal-dialog .modal-content-outline {
  margin: 0; }

.customer-modal-dialog .modal-content {
  padding: 50px 65px 51px; }

.customer-modal_table {
  display: table;
  border-collapse: collapse;
  width: 100%;
  font-size: 14px; }

.customer-modal_table .tr {
  display: table-row;
  border-bottom: 1px solid #ced1d3; }

.customer-modal_table p.th, .customer-modal_table p.td {
  display: table-cell;
  padding: 10px 0; }

.customer-modal_table p.th {
  font-weight: bold;
  width: 30%; }

.customer-modal_table p.td {
  width: 70%; }

.customer-modal_table .th.header {
  padding: 35px 0 5px;
  color: #b69b63; }

.tr span.c-form_hint {
  margin: 3px 0 0 -139px;
  padding-bottom: 10px; }

.customer-modal-dialog .validates {
  margin-top: 20px;
  padding: 15px;
  color: #a94442;
  background-color: #f2dede;
  border: 1px solid #ebccd1;
  border-radius: 4px; }

.customer-modal-dialog .validates ul {
  margin-bottom: 0; }

.tr .c-form_hint.customer-modal-memo-hint {
  display: block;
  margin-top: 5px; }

/* 取引先の編集 */
#customer_company_name,
#customer_honorific_company_name,
#customer_addressee_name,
#customer_honorific_addressee_name {
  width: 100%; }

#customer_honorific_company_name,
#customer_honorific_addressee_name {
  margin-left: 3px; }

.float_reset .search_by_zipcode.customers-search_by_zipcode,
.float_reset .search_by_zipcode.clients-search_by_zipcode {
  margin-left: 175px; }
@charset "UTF-8";
/* クレジットカード登録 */
#payjp_checkout_box input[type=button] {
  font-size: 14px !important;
  line-height: 1.428571429;
  background-color: #5cb85c !important;
  border-color: #4cae4c !important;
  border-radius: 4px !important;
  background-image: none !important; }

#payjp_checkout_box input[type=button]:hover {
  background-color: #449d44 !important;
  border-color: #398439 !important; }

#payjp_checkout_box {
  margin: 44px 0; }

.payment-note-wrap {
  border-top: 1px solid #e6e6e6;
  margin-top: 95px;
  padding-top: 4px; }

.payment-note-h2 {
  border-left: 4px solid #afcace;
  font-size: 13px;
  margin: 0;
  padding-left: 6px; }

.payment-note-item {
  margin-top: 18px; }

.payment-note-item-p {
  font-size: 12px;
  margin-top: 7px; }

.payment-note-3d-secure-strong {
  color: #d86f81; }

.payment-3d-secure-flex {
  display: flex;
  flex-wrap: wrap;
  padding: 0; }

.payment-3d-secure-flex-item {
  box-sizing: border-box;
  padding-right: 30px;
  width: 310px; }

.payment-3d-secure-flex-item-h {
  color: #336699;
  display: block;
  font-size: 12px;
  margin-bottom: 4px; }

.payment-note-item p.payment-3d-secure-flex-item-p {
  font-size: 11px;
  margin: 0 0 2px; }

.payment-3d-secure-flex-img {
  border: 2px solid #e6e6e6;
  border-radius: 5px;
  width: 100%; }

.after-verify {
  margin: 60px 0 0; }

.after-verify-p1 {
  color: #bfc2c4;
  font-weight: 600;
  line-height: 1;
  margin: 0; }

.after-verify-p2 {
  color: #c42a2a;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  margin: 11px 0 7px; }

.after-verify-p3 {
  color: #666;
  font-size: 14px;
  margin: 0; }

input.after-verify-btn[type="submit"] {
  margin: 14px 0 44px;
  -webkit-appearance: none;
  display: inline-block;
  padding: 7px 14px;
  font-size: 14px;
  line-height: 1.428571429;
  background: #5cb85c;
  border: 1px solid #4cae4c;
  border-radius: 4px;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  color: #fff; }

input.after-verify-btn[type="submit"]:hover {
  background-color: #449d44;
  border-color: #398439; }
@charset "UTF-8";
/* 郵送履歴 */
.confirm_mail_flow {
  padding-bottom: 30px; }

.mailing_history_tbl_num {
  width: 145px; }

.mailing_history_tbl_date {
  width: 140px; }

.mailing_history_tbl_amount {
  width: 70px; }

.table .mailing_history_tbl_amount,
.table .mailing_history_tbl_amount-td {
  padding-left: 17px; }

/* 郵送料金 */
.total-mailing-requests {
  border: 4px solid #eaeeef;
  border-radius: 13px;
  font-weight: 700;
  margin: 0 auto 31px;
  padding: 15px 25px;
  text-align: center;
  width: 350px; }

.total-mailing-requests-month {
  color: #72728e;
  display: block;
  font-size: 20px; }

.total-mailing-requests-amount {
  margin: 6px 0 0 -5px;
  text-align: center; }

.total-mailing-requests-amount-span {
  font-size: 34px;
  padding: 0 5px 0 7px; }

.monthly-invoices-tbl-th-month {
  width: 100px; }

.table .monthly-invoices-tbl-th-amount,
.table .monthly-invoices-tbl-td-amount {
  padding-right: 27px; }
.kiroha-migration-notice {
  padding: 12px 20px;
  color: #17324d;
  background: #eef8f5;
  border-bottom: 1px solid #9bc8bc;
  text-align: center; }

.kiroha-migration-notice strong {
  margin-right: 8px; }

.kiroha-migration-notice a {
  margin-left: 8px;
  font-weight: bold; }

.kiroha-migration-page {
  max-width: 820px;
  margin: 0 auto; }

.kiroha-migration-page h2 {
  margin-top: 32px; }

.kiroha-migration-lead {
  font-size: 1.1em; }
@charset "UTF-8";
@media screen and (max-width: 1600px) {
  /* customers modal */
  .modal-dialog.customer-modal-dialog {
    top: 55px;
    margin-bottom: 110px; } }

@media screen and (max-width: 1366px) {
  .l-inner {
    width: 95%;
    min-width: 975px; }
  .p-entry_body {
    padding: 25px 0; }
  .l-page {
    padding: 45px; }
  /* nav */
  .p-global-nav ul li {
    width: 90px; }
  /* document */
  /* list header */
  .btn_new_document {
    width: 218px; }
  .doc-new-btn {
    font-size: 16px; }
  .doc-new-btn img {
    left: 26px;
    top: 15px; }
  .btn_new_document_periodic_invoice {
    width: 240px; }
  .btn_new_document_periodic_invoice img {
    left: 16px; }
  .p-search-box {
    width: 630px; }
  .p-search-box .panel-collapse[aria-expanded="true"], .p-search-box .show {
    width: 617px; }
  /* list table */
  .document_table_td_toggle_button {
    width: 70px; }
  .document_table_td_edit_btn {
    width: 110px; }
  .document_table_td_document_title {
    width: unset; }
  .table_td_date_1, .table_td_date_2 {
    width: 102px; }
  .document_table_td_amount {
    width: 110px; }
  .periodic_invoices-tbl-td-cycle {
    width: 70px; }
  /* new */
  .total_amount_and_save_btn {
    margin-right: -45px; }
  .mb-3.document_addressee_name {
    width: calc(100% - 83px); }
  .mb-3.string.document_addressee_honorific_name {
    width: 78px; }
  /* Eメールテンプレート編集modal */
  #document_email_message {
    height: 300px; }
  #email_template_modal .modal-dialog {
    top: calc( (100% - 524px)/2); }
  /* 自動作成予約 */
  #document_periodic_start_at, #document_periodic_end_at {
    width: 187px; }
  #document_periodic_start_at {
    margin-right: 24px; }
  #document_periodic_period_month, #document_periodic_deadline_month_since {
    width: 103px; }
  .periodic_invoices-form-inline-deadline {
    margin-left: 20px; }
  #document_periodic_deadline_day {
    margin-right: 0; }
  /* payments */
  .payment-note-wrap {
    margin-top: 50px; } }

@media screen and (max-width: 1024px) {
  .l-inner {
    min-width: 950px; }
  /* nav */
  .p-global-nav ul li {
    width: 85px; }
  /* document */
  .p-new-creat-box {
    margin-right: 20px; }
  .p-search-box {
    width: 620px; }
  .tab-content {
    padding: 24px 0; }
  /* payments */
  .payment-note-item p.payment-3d-secure-flex-item-p {
    font-size: 10px; }
  .payment-3d-secure-flex-item {
    width: 282px; } }
/*

















 */