<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset 'UTF-8';
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
    line-height: 1.15;
    /* 1 */

    -webkit-text-size-adjust: 100%;
    /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
    margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
    font-size: 2em;
    margin: .67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
    /* 1 */
    overflow: visible;
    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
    background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
    /* 1 */
    text-decoration: underline;
    /* 2 */
    text-decoration: underline dotted;
    border-bottom: none;
    /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b, strong {
    font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code, kbd, samp {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -.25em;
}

sup {
    top: -.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
    border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button, input, optgroup, select, textarea {
    font-family: inherit;
    /* 1 */
    font-size: 100%;
    /* 1 */
    line-height: 1.3;
    /* 縺薙�縺ｾ縺ｾ縺�縺ｨ蜈ｨ隗偵�荳狗ｷ壹′蜃ｺ縺ｪ縺�◆繧� */
    margin: 0;
    /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button, input {
    /* 1 */
    overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button, select {
    /* 1 */
    text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button, [type='button'], [type='reset'], [type='submit'] {
    -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner, [type='button']::-moz-focus-inner, [type='reset']::-moz-focus-inner, [type='submit']::-moz-focus-inner {
    padding: 0;
    border-style: none;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring, [type='button']:-moz-focusring, [type='reset']:-moz-focusring, [type='submit']:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
    padding: .35em .75em .625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
    /* 2 */
    display: table;
    box-sizing: border-box;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    white-space: normal;
    /* 1 */
    color: inherit;
    /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
    vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
    overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type='checkbox'], [type='radio'] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type='number']::-webkit-inner-spin-button, [type='number']::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type='search'] {
    /* 1 */
    outline-offset: -2px;

    -webkit-appearance: textfield;
    /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type='search']::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
    /* 1 */
    font: inherit;

    -webkit-appearance: button;
    /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
    display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
    display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
    display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
    display: none;
}

@font-face {
    font-family: 'epark';
    font-weight: normal;
    font-style: normal;

    src: url('../fonts/epark.ttf?p5n6sm') format('truetype'), url('../fonts/epark.woff?p5n6sm') format('woff'), url('../fonts/epark.svg?p5n6sm#epark') format('svg');
}

[class^='icon-'], [class*=' icon-'] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'epark' !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;

    speak: none;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-bad:before {
    content: '釥｢';
}

.icon-down:before {
    content: '釥｣';
}

.icon-fair:before {
    content: '釥､';
}

.icon-good:before {
    content: '釥･';
}

.icon-up:before {
    content: '釥ｦ';
}

.icon-analysis:before {
    content: '釥｡';
}

.icon-account-add:before {
    content: '釥�';
}

.icon-coupon-add:before {
    content: '釥�';
}

.icon-doc-add:before {
    content: '釥�';
}

.icon-home:before {
    content: '釥�';
}

.icon-join:before {
    content: '釥�';
}

.icon-split:before {
    content: '釥�';
}

.icon-link:before {
    content: '釥�';
}

.icon-link-thin:before {
    content: '釥�';
}

.icon-account:before {
    content: '釥';
}

.icon-arrow-left:before {
    content: '釥�';
}

.icon-arrow-right:before {
    content: '釥�';
}

.icon-branch:before {
    content: '釥�';
}

.icon-coupon:before {
    content: '釥�';
}

.icon-delete:before {
    content: '釥�';
}

.icon-doc:before {
    content: '釥�';
}

.icon-doc-edit:before {
    content: '釥�';
}

.icon-doc-edit2:before {
    content: '釥�';
}

.icon-edit:before {
    content: '釥�';
}

.icon-image:before {
    content: '釥�';
}

.icon-key:before {
    content: '釥�';
}

.icon-list:before {
    content: '釥�';
}

.icon-lock:before {
    content: '釥�';
}

.icon-logout:before {
    content: '釥�';
}

.icon-move:before {
    content: '釥�';
}

.icon-office:before {
    content: '釥�';
}

.icon-option:before {
    content: '釥�';
}

.icon-plus:before {
    content: '釥�';
}

.icon-setting:before {
    content: '釥�';
}

.icon-type-text:before {
    content: '釥�';
}

.icon-type-matrix:before {
    content: '釥�';
}

.icon-type-multi:before {
    content: '釥�';
}

.icon-type-rank:before {
    content: '釥�';
}

.icon-type-single:before {
    content: '釥�';
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    outline: 0;
}

*::before, *::after {
    box-sizing: border-box;
}

:root {
    font: 62.5% / 1 sans-serif;
    overflow-y: scroll;
    box-sizing: border-box;

    text-rendering: optimizeLegibility;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

html {
    background-color: #fff;
}

body {
    font-family: 'Noto Sans JP', '繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3', 'Hiragino Kaku Gothic Pro', '繝｡繧､繝ｪ繧ｪ', 'Meiryo', Osaka, '�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け', 'MS PGothic', sans-serif;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.375;
    display: -ms-flexbox;
    display: flex;
    word-wrap: break-word;
    color: #333;

    -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
            text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
            font-smoothing: antialiased;
    text-rendering: auto;
}

a {
    text-decoration: none;
    color: #237ae6;
}

img, svg {
    max-width: 100%;
    height: auto;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    vertical-align: middle;
}

input, textarea, select {
    color: inherit;
    outline: none;
}

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

textarea {
    resize: vertical;
}

.clearfix::after {
    display: table;
    clear: both;
    content: '';
}

ul {
    list-style: none;
}

#global-wrapper {
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;
    width: 100%;
    min-width: 1024px;
    min-height: 100vh;

    -ms-flex-direction: column;
}

#contents {
    display: -ms-flexbox;
    display: flex;
        flex-direction: row-reverse;
    background-color: #f0f5fa;

    -ms-flex-direction: row-reverse;
    -ms-flex: 1 0 auto;
        flex: 1 0 auto;
}

.contents-main {
    width: 100%;
    max-width: 100%;
    margin-left: -295px;
    padding: 38px 38px 53px 333px;
    transition: all .3s ease;

    -ms-flex: 1 0 auto;
        flex: 1 0 auto;
}

.contents-main.side-close {
    margin-left: 0;
    padding: 38px 38px 53px 38px;

    -ms-flex: 1 0 100%;
        flex: 1 0 100%;
}

.contents-main:first-child:last-child {
    margin-left: 0;
    padding: 38px 38px 53px;
}

.contents-side {
    position: relative;
    width: 295px;
    min-width: 295px;
    padding: 17px 0;
    background-color: #fff;
    box-shadow: 3px 0 8px rgba(0, 0, 0, .03);
}

.contents-side .side-search-nav {
    transition: all .3s ease;
    opacity: 1;
}

.contents-main.side-close + .contents-side .side-search-nav {
    opacity: 0;
}

.page-wrapper {
    max-width: 940px;
    margin: 0 auto;
}

#header {
    position: relative;
    z-index: 1;
    padding: 14px 23px 14px;
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, .1);
}

.header-inner {
    display: -ms-flexbox;
    display: flex;

    -ms-flex-align: center;
    align-items: center;
}

.header-group {
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;

    -ms-flex-align: center;
    align-items: center;
}

.site-logo {
    width: 250px;
}

.account-info {
    display: -ms-flexbox;
    display: flex;
    margin-right: 24px;
}

.account-info li {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1;
    padding: 5px 25px 6px;
    color: rgba(51, 51, 51, .6);
    border-right: 2px solid #e5e5e5;
}

.account-info span {
    font-weight: 400;
    margin-left: 15px;
}

.side-switch {
    position: absolute;
    top: 10px;
    right: -22px;
    width: 22px;
    height: 35px;
    padding: 5px 3px;
    cursor: pointer;
    transition: all .2s ease;
    opacity: .4;
    border-radius: 0 8px 8px 0;
    background: #fff;
}

.side-switch:hover {
    opacity: 1;
}

.side-switch .icon {
    font-size: 1.3rem;
    display: inline-block;
    transform: scale(-1, 1);
}

.side-switch.side-close .icon {
    transform: none;
}

.brand-logo {
    position: relative;
    height: 211px;
    margin: 0 23px 23px;
    padding: 0 23px 3px;
}

.brand-logo::before {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 3px;
    content: '';
    background: linear-gradient(to right, #3b93ff, #3b93ff 50%, #237ae6 50%, #237ae6);
}

.brand-logo figure {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
}

.brand-logo img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-height: 100%;
    margin: auto;
}

.side-nav &gt; ul &gt; li {
    position: relative;
    margin-bottom: 5px;
}

.side-nav &gt; ul &gt; li ul {
    position: absolute;
    top: 0;
    right: -230px;
    display: none;
    width: 230px;
}

.side-nav &gt; ul &gt; li ul:hover {
    display: block;
}

.side-nav &gt; ul &gt; li ul a {
    font-weight: 400;
    padding-left: 48px;
}

.side-nav &gt; ul &gt; li ul .icon {
    left: 18px;
}

.side-nav &gt; ul &gt; li ul li {
    font-size: 1.6rem;
    line-height: 1.375;
}

.side-nav li {
    font-size: 2.0rem;
    line-height: 1.1;
}

.side-nav a {
    font-weight: 500;
    position: relative;
    display: block;
    padding: 14px 23px 16px 53px;
    transition: all .2s ease;
    color: inherit;
    color: rgba(51, 51, 51, .8);
    background-color: #fff;
}

.side-nav a.current {
    color: #237ae6;
}

.side-nav a:hover {
    color: #fff;
    background-color: #237ae6;
}

.side-nav a:hover + ul {
    display: block;
}

.side-nav a:hover::after {
    color: #fff;
}

.side-nav .has-child:hover &gt; a {
    color: #fff;
    background-color: #237ae6;
}

.side-nav .has-child:hover &gt; a::after {
    color: #fff;
}

.side-nav .icon {
    font-size: 2.0rem;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 23px;
    display: -ms-flexbox;
    display: flex;
    margin: auto;

    -ms-flex-align: center;
    align-items: center;
}

.side-nav .has-child &gt; a::after {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'epark' !important;
    font-size: 1.0rem;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    display: inline-block;
    margin-left: 14px;
    content: '釥�';
    transform: translateY(-2px);
    text-transform: none;
    color: #333;

    speak: none;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#footer {
    display: -ms-flexbox;
    display: flex;
    height: 47px;
    color: #fff;
    background-color: #333;

    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.copyright {
    font-size: 1.2rem;
    font-weight: 500;
    margin: 0;
}

/*!
 * jQuery UI CSS Framework 1.12.1
 * 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/?bgShadowXPos=&amp;bgOverlayXPos=&amp;bgErrorXPos=&amp;bgHighlightXPos=&amp;bgContentXPos=&amp;bgHeaderXPos=&amp;bgActiveXPos=&amp;bgHoverXPos=&amp;bgDefaultXPos=&amp;bgShadowYPos=&amp;bgOverlayYPos=&amp;bgErrorYPos=&amp;bgHighlightYPos=&amp;bgContentYPos=&amp;bgHeaderYPos=&amp;bgActiveYPos=&amp;bgHoverYPos=&amp;bgDefaultYPos=&amp;bgShadowRepeat=&amp;bgOverlayRepeat=&amp;bgErrorRepeat=&amp;bgHighlightRepeat=&amp;bgContentRepeat=&amp;bgHeaderRepeat=&amp;bgActiveRepeat=&amp;bgHoverRepeat=&amp;bgDefaultRepeat=&amp;iconsHover=url(%22images%2Fui-icons_555555_256x240.png%22)&amp;iconsHighlight=url(%22images%2Fui-icons_777620_256x240.png%22)&amp;iconsHeader=url(%22images%2Fui-icons_444444_256x240.png%22)&amp;iconsError=url(%22images%2Fui-icons_cc0000_256x240.png%22)&amp;iconsDefault=url(%22images%2Fui-icons_777777_256x240.png%22)&amp;iconsContent=url(%22images%2Fui-icons_444444_256x240.png%22)&amp;iconsActive=url(%22images%2Fui-icons_ffffff_256x240.png%22)&amp;bgImgUrlShadow=&amp;bgImgUrlOverlay=&amp;bgImgUrlHover=&amp;bgImgUrlHighlight=&amp;bgImgUrlHeader=&amp;bgImgUrlError=&amp;bgImgUrlDefault=&amp;bgImgUrlContent=&amp;bgImgUrlActive=&amp;opacityFilterShadow=Alpha(Opacity%3D30)&amp;opacityFilterOverlay=Alpha(Opacity%3D30)&amp;opacityShadowPerc=30&amp;opacityOverlayPerc=30&amp;iconColorHover=%23555555&amp;iconColorHighlight=%23777620&amp;iconColorHeader=%23444444&amp;iconColorError=%23cc0000&amp;iconColorDefault=%23777777&amp;iconColorContent=%23444444&amp;iconColorActive=%23ffffff&amp;bgImgOpacityShadow=0&amp;bgImgOpacityOverlay=0&amp;bgImgOpacityError=95&amp;bgImgOpacityHighlight=55&amp;bgImgOpacityContent=75&amp;bgImgOpacityHeader=75&amp;bgImgOpacityActive=65&amp;bgImgOpacityHover=75&amp;bgImgOpacityDefault=75&amp;bgTextureShadow=flat&amp;bgTextureOverlay=flat&amp;bgTextureError=flat&amp;bgTextureHighlight=flat&amp;bgTextureContent=flat&amp;bgTextureHeader=flat&amp;bgTextureActive=flat&amp;bgTextureHover=flat&amp;bgTextureDefault=flat&amp;cornerRadius=3px&amp;fwDefault=normal&amp;ffDefault=Arial%2CHelvetica%2Csans-serif&amp;fsDefault=1em&amp;cornerRadiusShadow=8px&amp;thicknessShadow=5px&amp;offsetLeftShadow=0px&amp;offsetTopShadow=0px&amp;opacityShadow=.3&amp;bgColorShadow=%23666666&amp;opacityOverlay=.3&amp;bgColorOverlay=%23aaaaaa&amp;fcError=%235f3f3f&amp;borderColorError=%23f1a899&amp;bgColorError=%23fddfdf&amp;fcHighlight=%23777620&amp;borderColorHighlight=%23dad55e&amp;bgColorHighlight=%23fffa90&amp;fcContent=%23333333&amp;borderColorContent=%23dddddd&amp;bgColorContent=%23ffffff&amp;fcHeader=%23333333&amp;borderColorHeader=%23dddddd&amp;bgColorHeader=%23e9e9e9&amp;fcActive=%23ffffff&amp;borderColorActive=%23003eff&amp;bgColorActive=%23007fff&amp;fcHover=%232b2b2b&amp;borderColorHover=%23cccccc&amp;bgColorHover=%23ededed&amp;fcDefault=%23454545&amp;borderColorDefault=%23c5c5c5&amp;bgColorDefault=%23f6f6f6
 */
/* Component containers
----------------------------------*/
.ui-widget {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
}

.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;
    font-size: 1em;
}

.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5;
}

.ui-widget-content {
    color: #333;
    border: 1px solid #ddd;
    background: #fff;
}

.ui-widget-content a {
    color: #333;
}

.ui-widget-header {
    font-weight: bold;
    color: #333;
    border: 1px solid #ddd;
    background: #e9e9e9;
}

.ui-widget-header a {
    color: #333;
}

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    font-weight: normal;
    color: #454545;
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
}

.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 {
    text-decoration: none;
    color: #454545;
}

.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 {
    font-weight: normal;
    color: #2b2b2b;
    border: 1px solid #ccc;
    background: #ededed;
}

.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 {
    text-decoration: none;
    color: #2b2b2b;
}

.ui-visual-focus {
    box-shadow: 0 0 3px 1px #5e9ed6;
}

.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 {
    font-weight: normal;
    color: #fff;
    border: 1px solid #003eff;
    background: #007fff;
}

.ui-icon-background, .ui-state-active .ui-icon-background {
    border: #003eff;
    background-color: #fff;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    text-decoration: none;
    color: #fff;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    color: #777620;
    border: 1px solid #dad55e;
    background: #fffa90;
}

.ui-state-checked {
    border: 1px solid #dad55e;
    background: #fffa90;
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
    color: #777620;
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
    color: #5f3f3f;
    border: 1px solid #f1a899;
    background: #fddfdf;
}

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
    color: #5f3f3f;
}

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
    color: #5f3f3f;
}

.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 {
    /* support: IE8 */
    font-weight: normal;
    opacity: .7;

    filter: Alpha(Opacity=70);
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .35;
    /* support: IE8 */
    background-image: none;

    filter: Alpha(Opacity=35);
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35);
    /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
    width: 16px;
    height: 16px;
}

.ui-icon, .ui-widget-content .ui-icon {
    background-image: url('images/ui-icons_444444_256x240.png');
}

.ui-widget-header .ui-icon {
    background-image: url('images/ui-icons_444444_256x240.png');
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon {
    background-image: url('images/ui-icons_555555_256x240.png');
}

.ui-state-active .ui-icon, .ui-button:active .ui-icon {
    background-image: url('images/ui-icons_ffffff_256x240.png');
}

.ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon {
    background-image: url('images/ui-icons_777620_256x240.png');
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
    background-image: url('images/ui-icons_cc0000_256x240.png');
}

.ui-button .ui-icon {
    background-image: url('images/ui-icons_777777_256x240.png');
}

/* positioning */
.ui-icon-blank {
    background-position: 16px 16px;
}

.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;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 3px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 3px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
    opacity: .003;
    background: #aaa;

    filter: Alpha(Opacity=.3);
    /* support: IE8 */
}

.ui-widget-shadow {
    box-shadow: 0 0 5px #666;
}

/*!
 * jQuery UI CSS Framework 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

.ui-helper-reset {
    font-size: 100%;
    line-height: 1.3;
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
    border: 0;
    outline: 0;
}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
    display: table;
    border-collapse: collapse;
    content: '';
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-zfix {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;

    filter: Alpha(Opacity=0);
    /* support: IE8 */
}

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

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

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

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

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-accordion .ui-accordion-header {
    font-size: 100%;
    position: relative;
    display: block;
    margin: 2px 0 0 0;
    padding: .5em .5em .5em .7em;
    cursor: pointer;
}

.ui-accordion .ui-accordion-content {
    overflow: auto;
    padding: 1em 2.2em;
    border-top: 0;
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
}

.ui-menu {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
    outline: 0;
}

.ui-menu .ui-menu {
    position: absolute;
}

.ui-menu .ui-menu-item {
    margin: 0;
    /* support: IE10, see #8844 */
    list-style-image: url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7');
    cursor: pointer;
}

.ui-menu .ui-menu-item-wrapper {
    position: relative;
    padding: 3px 1em 3px .4em;
}

.ui-menu .ui-menu-divider {
    font-size: 0;
    line-height: 0;
    height: 0;
    margin: 5px 0;
    border-width: 1px 0 0 0;
}

.ui-menu .ui-state-focus, .ui-menu .ui-state-active {
    margin: -1px;
}

/* icon support */
.ui-menu-icons {
    position: relative;
}

.ui-menu-icons .ui-menu-item-wrapper {
    padding-left: 2em;
}

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

/* right-aligned */
.ui-menu .ui-menu-icon {
    right: 0;
    left: auto;
}

.ui-button {
    line-height: normal;
    position: relative;
    display: inline-block;
    /* Support: IE &lt;= 11 */
    overflow: visible;
    margin-right: .1em;
    padding: .4em 1em;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    text-align: center;
    vertical-align: middle;
}

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

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

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

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

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

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

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.ui-controlgroup {
    display: inline-block;
    vertical-align: middle;
}

.ui-controlgroup &gt; .ui-controlgroup-item {
    float: left;
    margin-right: 0;
    margin-left: 0;
}

.ui-controlgroup &gt; .ui-controlgroup-item:focus, .ui-controlgroup &gt; .ui-controlgroup-item.ui-visual-focus {
    z-index: 9999;
}

.ui-controlgroup-vertical &gt; .ui-controlgroup-item {
    display: block;
    float: none;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left;
}

.ui-controlgroup-vertical .ui-controlgroup-item {
    box-sizing: border-box;
}

.ui-controlgroup .ui-controlgroup-label {
    padding: .4em 1em;
}

.ui-controlgroup .ui-controlgroup-label span {
    font-size: 80%;
}

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
    border-left: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
    border-top: none;
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
    border-right: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
    border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {
    /* Support: IE8 only, Android &lt; 4.4 only */
    width: 75%;
    width: calc( 100% - 2.4em);
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
    border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
    border: none;
    border-radius: .12em;
    box-shadow: inset 1px 1px 1px #ccc;
}

.ui-checkboxradio-radio-label .ui-icon-background {
    overflow: visible;
    width: 16px;
    height: 16px;
    border: none;
    border-radius: 1em;
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
    width: 8px;
    height: 8px;
    border-width: 4px;
    border-style: solid;
    background-image: none;
}

.ui-checkboxradio-disabled {
    pointer-events: none;
}

.ui-datepicker {
    display: none;
    width: 17em;
    padding: .2em .2em 0;
}

.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 {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    margin-top: -8px;
    margin-left: -8px;
}

.ui-datepicker .ui-datepicker-title {
    line-height: 1.8em;
    margin: 0 2.3em;
    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 {
    font-size: .9em;
    width: 100%;
    margin: 0 0 .4em;
    border-collapse: collapse;
}

.ui-datepicker th {
    font-weight: bold;
    padding: .7em .3em;
    text-align: center;
    border: 0;
}

.ui-datepicker td {
    padding: 1px;
    border: 0;
}

.ui-datepicker td span, .ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
    background-image: none;
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    overflow: visible;
    width: auto;
    margin: .5em .2em .4em;
    padding: .2em .6em .3em .6em;
    cursor: pointer;
}

.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 {
    font-size: 0;
    clear: both;
    width: 100%;
}

/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
    right: auto;
    left: 2px;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    right: auto;
    left: 1px;
}

.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 {
    top: .3em;
    left: .5em;
    display: block;
    overflow: hidden;
    text-indent: -99999px;
    background-repeat: no-repeat;
}

.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0;
}

.ui-dialog .ui-dialog-titlebar {
    position: relative;
    padding: .4em 1em;
}

.ui-dialog .ui-dialog-title {
    float: left;
    overflow: hidden;
    width: 90%;
    margin: .1em 0;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    top: 50%;
    right: .3em;
    width: 20px;
    height: 20px;
    margin: -10px 0 0 0;
    padding: 1px;
}

.ui-dialog .ui-dialog-content {
    position: relative;
    overflow: auto;
    padding: .5em 1em;
    border: 0;
    background: none;
}

.ui-dialog .ui-dialog-buttonpane {
    margin-top: .5em;
    padding: .3em 1em .5em .4em;
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer;
}

.ui-dialog .ui-resizable-n {
    top: 0;
    height: 2px;
}

.ui-dialog .ui-resizable-e {
    right: 0;
    width: 2px;
}

.ui-dialog .ui-resizable-s {
    bottom: 0;
    height: 2px;
}

.ui-dialog .ui-resizable-w {
    left: 0;
    width: 2px;
}

.ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw, .ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw {
    width: 7px;
    height: 7px;
}

.ui-dialog .ui-resizable-se {
    right: 0;
    bottom: 0;
}

.ui-dialog .ui-resizable-sw {
    bottom: 0;
    left: 0;
}

.ui-dialog .ui-resizable-ne {
    top: 0;
    right: 0;
}

.ui-dialog .ui-resizable-nw {
    top: 0;
    left: 0;
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}

.ui-draggable-handle {
    -ms-touch-action: none;
        touch-action: none;
}

.ui-resizable {
    position: relative;
}

.ui-resizable-handle {
    font-size: .1px;
    position: absolute;
    display: block;

    -ms-touch-action: none;
        touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
    display: none;
}

.ui-resizable-n {
    top: -5px;
    left: 0;
    width: 100%;
    height: 7px;
    cursor: n-resize;
}

.ui-resizable-s {
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 7px;
    cursor: s-resize;
}

.ui-resizable-e {
    top: 0;
    right: -5px;
    width: 7px;
    height: 100%;
    cursor: e-resize;
}

.ui-resizable-w {
    top: 0;
    left: -5px;
    width: 7px;
    height: 100%;
    cursor: w-resize;
}

.ui-resizable-se {
    right: 1px;
    bottom: 1px;
    width: 12px;
    height: 12px;
    cursor: se-resize;
}

.ui-resizable-sw {
    bottom: -5px;
    left: -5px;
    width: 9px;
    height: 9px;
    cursor: sw-resize;
}

.ui-resizable-nw {
    top: -5px;
    left: -5px;
    width: 9px;
    height: 9px;
    cursor: nw-resize;
}

.ui-resizable-ne {
    top: -5px;
    right: -5px;
    width: 9px;
    height: 9px;
    cursor: ne-resize;
}

.ui-progressbar {
    overflow: hidden;
    height: 2em;
    text-align: left;
}

.ui-progressbar .ui-progressbar-value {
    height: 100%;
    margin: -1px;
}

.ui-progressbar .ui-progressbar-overlay {
    height: 100%;
    /* support: IE8 */
    opacity: .25;
    background: url('data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==');

    filter: alpha(opacity=25);
}

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none;
}

.ui-selectable {
    -ms-touch-action: none;
        touch-action: none;
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black;
}

.ui-selectmenu-menu {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    margin: 0;
    padding: 0;
}

.ui-selectmenu-menu .ui-menu {
    overflow: auto;
    overflow-x: hidden;
    padding-bottom: 1px;
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
    font-size: 1em;
    font-weight: bold;
    line-height: 1.5;
    height: auto;
    margin: .5em 0 0 0;
    padding: 2px .4em;
    border: 0;
}

.ui-selectmenu-open {
    display: block;
}

.ui-selectmenu-text {
    display: block;
    overflow: hidden;
    margin-right: 20px;
    text-overflow: ellipsis;
}

.ui-selectmenu-button.ui-button {
    width: 14em;
    text-align: left;
    white-space: nowrap;
}

.ui-selectmenu-icon.ui-icon {
    float: right;
    margin-top: 0;
}

.ui-slider {
    position: relative;
    text-align: left;
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;

    -ms-touch-action: none;
        touch-action: none;
}

.ui-slider .ui-slider-range {
    font-size: .7em;
    position: absolute;
    z-index: 1;
    display: block;
    border: 0;
    background-position: 0 0;
}

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

.ui-slider-horizontal {
    height: .8em;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em;
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0;
}

.ui-slider-vertical {
    width: .8em;
    height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-bottom: -.6em;
    margin-left: 0;
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0;
}

.ui-sortable-handle {
    -ms-touch-action: none;
        touch-action: none;
}

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle;
}

.ui-spinner-input {
    margin: .2em 0;
    margin-right: 2em;
    margin-left: .4em;
    padding: .222em 0;
    vertical-align: middle;
    color: inherit;
    border: none;
    background: none;
}

.ui-spinner-button {
    font-size: .5em;
    position: absolute;
    right: 0;
    display: block;
    overflow: hidden;
    width: 1.6em;
    height: 50%;
    margin: 0;
    padding: 0;
    cursor: default;
    text-align: center;
}

/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
}

.ui-spinner-up {
    top: 0;
}

.ui-spinner-down {
    bottom: 0;
}

.ui-tabs {
    position: relative;
    /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
    padding: .2em;
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0;
}

.ui-tabs .ui-tabs-nav li {
    position: relative;
    top: 0;
    float: left;
    margin: 1px .2em 0 0;
    padding: 0;
    list-style: none;
    white-space: nowrap;
    border-bottom-width: 0;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: .5em 1em;
    text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
    cursor: text;
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
    display: block;
    padding: 1em 1.4em;
    border-width: 0;
    background: none;
}

.ui-tooltip {
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    padding: 8px;
}

body .ui-tooltip {
    border-width: 2px;
}

.date-picker {
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 25px;
    position: relative;
    z-index: 2;
    width: 170px;
    height: 25px;
    padding: 0;
    padding-left: 10px;
    cursor: pointer;
    color: #303030;
    border: 0;
}

.date-picker-wrapper {
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 20px;
    position: absolute;
    z-index: 1;
    box-sizing: initial;
    padding: 5px 12px;
    color: #aaa;
    border: 1px solid #bfbfbf;
    background-color: #efefef;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, .5);
}

.dp-clearfix {
    font-size: 0;
    clear: both;
    height: 0;
}

.date-picker-wrapper.inline-wrapper {
    position: relative;
    display: inline-block;
    box-shadow: none;
}

.date-picker-wrapper.single-date {
    width: auto;
}

.date-picker-wrapper.no-shortcuts {
    padding-bottom: 12px;
}

.date-picker-wrapper.no-topbar {
    padding-top: 12px;
}

.date-picker-wrapper .footer {
    font-size: 11px;
    padding-top: 3px;
}

.date-picker-wrapper b {
    font-weight: 700;
    color: #666;
}

.date-picker-wrapper a {
    text-decoration: underline;
    color: #6bb4d6;
}

.date-picker-wrapper .month-name {
    text-transform: uppercase;
}

.date-picker-wrapper .select-wrapper {
    position: relative;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
}

.date-picker-wrapper .select-wrapper:hover {
    text-decoration: underline;
}

.date-picker-wrapper .month-element {
    display: inline-block;
    vertical-align: middle;
}

.date-picker-wrapper .select-wrapper select {
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
    position: absolute;
    top: -1px;
    left: 0;
    margin: 0;
    padding: 0;
    cursor: pointer;
    text-transform: inherit;
    opacity: .01;
    color: inherit;
    border: 0;
    outline: 0;
    background: transparent;

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=1)';
        filter: alpha(opacity=1);
}

.date-picker-wrapper .month-wrapper {
    position: relative;
    padding: 5px;
    cursor: default;
    border: 1px solid #bfbfbf;
    border-radius: 3px;
    background-color: #fff;

    _overflow: hidden;
}

.date-picker-wrapper .month-wrapper table {
    float: left;
    width: 190px;
}

.date-picker-wrapper .month-wrapper table.month2 {
    float: left;
    width: 190px;
}

.date-picker-wrapper .month-wrapper table th, .date-picker-wrapper .month-wrapper table td {
    line-height: 14px;
    margin: 0;
    padding: 0;
    text-align: center;
    vertical-align: middle;
}

.date-picker-wrapper .month-wrapper table .day {
    font-size: 12px;
    line-height: 1;
    margin-bottom: 1px;
    padding: 5px 0;
    cursor: default;
    color: #ccc;
}

.date-picker-wrapper .month-wrapper table div.day.lastMonth, .date-picker-wrapper .month-wrapper table div.day.nextMonth {
    cursor: default;
    color: #999;
}

.date-picker-wrapper .month-wrapper table .day.checked {
    background-color: #9cdbf7;
}

.date-picker-wrapper .month-wrapper table .week-name {
    font-weight: 100;
    line-height: 20px;
    height: 20px;
    text-transform: uppercase;
}

.date-picker-wrapper .month-wrapper table .day.has-tooltip {
    cursor: help !important;
}

.date-picker-wrapper .month-wrapper table .day.has-tooltip .tooltip {
    white-space: nowrap;
}

.date-picker-wrapper .time label {
    white-space: nowrap;
}

.date-picker-wrapper .month-wrapper table .day.toMonth.valid {
    cursor: pointer;
    color: #333;
}

.date-picker-wrapper .month-wrapper table .day.toMonth.hovering {
    background-color: #cdecfa;
}

.date-picker-wrapper .month-wrapper table .day.nextMonth, .date-picker-wrapper .month-wrapper table .day.lastMonth {
    display: none;
}

.date-picker-wrapper .month-wrapper table .day.real-today {
    background-color: #ffe684;
}

.date-picker-wrapper .month-wrapper table .day.real-today.checked, .date-picker-wrapper .month-wrapper table .day.real-today.hovering {
    background-color: #70ccd5;
}

.date-picker-wrapper table .caption {
    height: 40px;
}

.date-picker-wrapper table .caption &gt; th:first-of-type, .date-picker-wrapper table .caption &gt; th:last-of-type {
    width: 27px;
}

.date-picker-wrapper table .caption .next, .date-picker-wrapper table .caption .prev {
    padding: 0 5px;
    cursor: pointer;
}

.date-picker-wrapper table .caption .next:hover, .date-picker-wrapper table .caption .prev:hover {
    color: white;
    background-color: #ccc;
}

.date-picker-wrapper .gap {
    font-size: 0;
    line-height: 0;
    position: relative;
    z-index: 1;
    top: -5px;
    visibility: hidden;
    float: left;
    width: 15px;
    height: 100%;
    height: 0;
    margin: 0 10px -10px;
    background-color: red;
}

.date-picker-wrapper .gap .gap-lines {
    overflow: hidden;
    height: 100%;
}

.date-picker-wrapper .gap .gap-line {
    position: relative;
    width: 15px;
    height: 15px;
}

.date-picker-wrapper .gap .gap-line .gap-1 {
    z-index: 1;
    height: 0;
    border-top: 8px solid #eee;
    border-bottom: 8px solid #eee;
    border-left: 8px solid white;
}

.date-picker-wrapper .gap .gap-line .gap-2 {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    height: 0;
    border-top: 8px solid white;
    border-left: 8px solid transparent;
}

.date-picker-wrapper .gap .gap-line .gap-3 {
    position: absolute;
    z-index: 2;
    top: 8px;
    right: 0;
    height: 0;
    border-bottom: 8px solid white;
    border-left: 8px solid transparent;
}

.date-picker-wrapper .gap .gap-top-mask {
    position: absolute;
    z-index: 3;
    top: -1px;
    left: 1px;
    width: 6px;
    height: 1px;
    background-color: #eee;
}

.date-picker-wrapper .gap .gap-bottom-mask {
    position: absolute;
    z-index: 3;
    bottom: -1px;
    left: 7px;
    width: 6px;
    height: 1px;
    background-color: #eee;
}

.date-picker-wrapper .selected-days {
    display: none;
}

.date-picker-wrapper .drp_top-bar {
    line-height: 1.4;
    position: relative;
    padding: 10px 40px 10px 0;
}

.date-picker-wrapper .drp_top-bar .error-top, .date-picker-wrapper .drp_top-bar .normal-top {
    display: none;
}

.date-picker-wrapper .drp_top-bar .default-top {
    display: block;
}

.date-picker-wrapper .drp_top-bar.error .default-top {
    display: none;
}

.date-picker-wrapper .drp_top-bar.error .error-top {
    display: block;
    color: red;
}

.date-picker-wrapper .drp_top-bar.normal .default-top {
    display: none;
}

.date-picker-wrapper .drp_top-bar.normal .normal-top {
    display: block;
}

.date-picker-wrapper .drp_top-bar.normal .normal-top .selection-top {
    color: #333;
}

.date-picker-wrapper .drp_top-bar .apply-btn {
    font-size: 12px;
    line-height: initial;
    position: absolute;
    top: 6px;
    right: 0;
    margin: 0;
    padding: 3px 5px;
    cursor: pointer;
    color: #d9eef7;
    color: white;
    border: solid 1px #0076a3;
    border-radius: 4px;
    background: #0095cd;
    background: -moz-linear-gradient(top, #00adee, #0078a5);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}

.date-picker-wrapper .drp_top-bar .apply-btn.disabled {
    cursor: pointer;
    color: #606060;
    border: solid 1px #b7b7b7;
    background: #fff;
    background: -moz-linear-gradient(top, #fff, #ededed);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}

.date-picker-wrapper .time {
    position: relative;
}

.date-picker-wrapper.single-month .time {
    display: block;
}

.date-picker-wrapper .time input[type=range] {
    width: 129px;
    height: 20px;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}

.date-picker-wrapper .time1 {
    width: 180px;
    padding: 0 5px;
    text-align: center;
}

/*time styling*/
.time2 {
    width: 180px;
    padding: 0 5px;
    text-align: center;
}

.date-picker-wrapper .time1 {
    float: left;
}

.date-picker-wrapper .time2 {
    float: right;
}

.date-picker-wrapper .hour {
    text-align: right;
}

.minute {
    text-align: right;
}

.date-picker-wrapper .hide {
    display: none;
}

.date-picker-wrapper .first-date-selected, .date-picker-wrapper .last-date-selected {
    color: white !important;
    background-color: #49e !important;
}

.date-picker-wrapper .date-range-length-tip {
    font-size: 12px;
    line-height: 16px;
    position: absolute;
    display: none;
    margin-top: -4px;
    margin-left: -8px;
    padding: 0 6px;
    border-radius: 2px;
    background-color: yellow;
    box-shadow: 0 0 3px rgba(0, 0, 0, .3);

    -moz-filter: drop-shadow(0 0 3px rgba(0, 0, 0, .3));
     -ms-filter: drop-shadow(0 0 3px rgba(0, 0, 0, .3));
      -o-filter: drop-shadow(0 0 3px rgba(0, 0, 0, .3));
         filter: drop-shadow(0 0 3px rgba(0, 0, 0, .3));
}

.date-picker-wrapper .date-range-length-tip:after {
    position: absolute;
    bottom: -4px;
    left: 50%;
    margin-left: -4px;
    content: '';
    border-top: 4px solid yellow;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.date-picker-wrapper.two-months.no-gap .month1 .next, .date-picker-wrapper.two-months.no-gap .month2 .prev {
    display: none;
}

.date-picker-wrapper .week-number {
    font-size: 12px;
    line-height: 1;
    margin-bottom: 1px;
    padding: 5px 0;
    cursor: pointer;
    color: #999;
}

.date-picker-wrapper .week-number.week-number-selected {
    font-weight: bold;
    color: #49e;
}

/*
 * This combined file was created by the DataTables downloader builder:
 *   https://datatables.net/download
 *
 * To rebuild or modify this file with the latest versions of the included
 * software please visit:
 *   https://datatables.net/download/#dt/dt-1.10.18
 *
 * Included libraries:
 *   DataTables 1.10.18
 */
/*
 * Table styles
 */
table.dataTable {
    clear: both;
    width: 100%;
    margin: 0 auto;
    border-spacing: 0;
    border-collapse: separate;
    /*
   * Header and footer styles
   */
    /*
   * Body styles
   */
}

table.dataTable thead th, table.dataTable tfoot th {
    font-weight: bold;
}

table.dataTable thead th, table.dataTable thead td {
    padding: 10px 18px;
    border-bottom: 1px solid #111;
}

table.dataTable thead th:active, table.dataTable thead td:active {
    outline: none;
}

table.dataTable tfoot th, table.dataTable tfoot td {
    padding: 10px 18px 6px 18px;
    border-top: 1px solid #111;
}

table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center right;

    *cursor: hand;
}

table.dataTable tbody tr {
    background-color: #fff;
}

table.dataTable tbody tr.selected {
    background-color: #b0bed9;
}

table.dataTable tbody th, table.dataTable tbody td {
    padding: 8px 10px;
}

table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
    border-top: 1px solid #ddd;
}

table.dataTable.row-border tbody tr:first-child th, table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th, table.dataTable.display tbody tr:first-child td {
    border-top: none;
}

table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td {
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

table.dataTable.cell-border tbody tr th:first-child, table.dataTable.cell-border tbody tr td:first-child {
    border-left: 1px solid #ddd;
}

table.dataTable.cell-border tbody tr:first-child th, table.dataTable.cell-border tbody tr:first-child td {
    border-top: none;
}

table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
    background-color: #f9f9f9;
}

table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected {
    background-color: #acbad4;
}

table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
    background-color: #f6f6f6;
}

table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected {
    background-color: #aab7d1;
}

table.dataTable.order-column tbody tr &gt; .sorting_1, table.dataTable.order-column tbody tr &gt; .sorting_2, table.dataTable.order-column tbody tr &gt; .sorting_3, table.dataTable.display tbody tr &gt; .sorting_1, table.dataTable.display tbody tr &gt; .sorting_2, table.dataTable.display tbody tr &gt; .sorting_3 {
    background-color: #fafafa;
}

table.dataTable.order-column tbody tr.selected &gt; .sorting_1, table.dataTable.order-column tbody tr.selected &gt; .sorting_2, table.dataTable.order-column tbody tr.selected &gt; .sorting_3, table.dataTable.display tbody tr.selected &gt; .sorting_1, table.dataTable.display tbody tr.selected &gt; .sorting_2, table.dataTable.display tbody tr.selected &gt; .sorting_3 {
    background-color: #acbad5;
}

table.dataTable.display tbody tr.odd &gt; .sorting_1, table.dataTable.order-column.stripe tbody tr.odd &gt; .sorting_1 {
    background-color: #f1f1f1;
}

table.dataTable.display tbody tr.odd &gt; .sorting_2, table.dataTable.order-column.stripe tbody tr.odd &gt; .sorting_2 {
    background-color: #f3f3f3;
}

table.dataTable.display tbody tr.odd &gt; .sorting_3, table.dataTable.order-column.stripe tbody tr.odd &gt; .sorting_3 {
    background-color: whitesmoke;
}

table.dataTable.display tbody tr.odd.selected &gt; .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected &gt; .sorting_1 {
    background-color: #a6b4cd;
}

table.dataTable.display tbody tr.odd.selected &gt; .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected &gt; .sorting_2 {
    background-color: #a8b5cf;
}

table.dataTable.display tbody tr.odd.selected &gt; .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected &gt; .sorting_3 {
    background-color: #a9b7d1;
}

table.dataTable.display tbody tr.even &gt; .sorting_1, table.dataTable.order-column.stripe tbody tr.even &gt; .sorting_1 {
    background-color: #fafafa;
}

table.dataTable.display tbody tr.even &gt; .sorting_2, table.dataTable.order-column.stripe tbody tr.even &gt; .sorting_2 {
    background-color: #fcfcfc;
}

table.dataTable.display tbody tr.even &gt; .sorting_3, table.dataTable.order-column.stripe tbody tr.even &gt; .sorting_3 {
    background-color: #fefefe;
}

table.dataTable.display tbody tr.even.selected &gt; .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected &gt; .sorting_1 {
    background-color: #acbad5;
}

table.dataTable.display tbody tr.even.selected &gt; .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected &gt; .sorting_2 {
    background-color: #aebcd6;
}

table.dataTable.display tbody tr.even.selected &gt; .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected &gt; .sorting_3 {
    background-color: #afbdd8;
}

table.dataTable.display tbody tr:hover &gt; .sorting_1, table.dataTable.order-column.hover tbody tr:hover &gt; .sorting_1 {
    background-color: #eaeaea;
}

table.dataTable.display tbody tr:hover &gt; .sorting_2, table.dataTable.order-column.hover tbody tr:hover &gt; .sorting_2 {
    background-color: #ececec;
}

table.dataTable.display tbody tr:hover &gt; .sorting_3, table.dataTable.order-column.hover tbody tr:hover &gt; .sorting_3 {
    background-color: #efefef;
}

table.dataTable.display tbody tr:hover.selected &gt; .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected &gt; .sorting_1 {
    background-color: #a2aec7;
}

table.dataTable.display tbody tr:hover.selected &gt; .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected &gt; .sorting_2 {
    background-color: #a3b0c9;
}

table.dataTable.display tbody tr:hover.selected &gt; .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected &gt; .sorting_3 {
    background-color: #a5b2cb;
}

table.dataTable.no-footer {
    border-bottom: 1px solid #111;
}

table.dataTable.nowrap th, table.dataTable.nowrap td {
    white-space: nowrap;
}

table.dataTable.compact thead th, table.dataTable.compact thead td {
    padding: 4px 17px 4px 4px;
}

table.dataTable.compact tfoot th, table.dataTable.compact tfoot td {
    padding: 4px;
}

table.dataTable.compact tbody th, table.dataTable.compact tbody td {
    padding: 4px;
}

table.dataTable th.dt-left, table.dataTable td.dt-left {
    text-align: left;
}

table.dataTable th.dt-center, table.dataTable td.dt-center, table.dataTable td.dataTables_empty {
    text-align: center;
}

table.dataTable th.dt-right, table.dataTable td.dt-right {
    text-align: right;
}

table.dataTable th.dt-justify, table.dataTable td.dt-justify {
    text-align: justify;
}

table.dataTable th.dt-nowrap, table.dataTable td.dt-nowrap {
    white-space: nowrap;
}

table.dataTable thead th.dt-head-left, table.dataTable thead td.dt-head-left, table.dataTable tfoot th.dt-head-left, table.dataTable tfoot td.dt-head-left {
    text-align: left;
}

table.dataTable thead th.dt-head-center, table.dataTable thead td.dt-head-center, table.dataTable tfoot th.dt-head-center, table.dataTable tfoot td.dt-head-center {
    text-align: center;
}

table.dataTable thead th.dt-head-right, table.dataTable thead td.dt-head-right, table.dataTable tfoot th.dt-head-right, table.dataTable tfoot td.dt-head-right {
    text-align: right;
}

table.dataTable thead th.dt-head-justify, table.dataTable thead td.dt-head-justify, table.dataTable tfoot th.dt-head-justify, table.dataTable tfoot td.dt-head-justify {
    text-align: justify;
}

table.dataTable thead th.dt-head-nowrap, table.dataTable thead td.dt-head-nowrap, table.dataTable tfoot th.dt-head-nowrap, table.dataTable tfoot td.dt-head-nowrap {
    white-space: nowrap;
}

table.dataTable tbody th.dt-body-left, table.dataTable tbody td.dt-body-left {
    text-align: left;
}

table.dataTable tbody th.dt-body-center, table.dataTable tbody td.dt-body-center {
    text-align: center;
}

table.dataTable tbody th.dt-body-right, table.dataTable tbody td.dt-body-right {
    text-align: right;
}

table.dataTable tbody th.dt-body-justify, table.dataTable tbody td.dt-body-justify {
    text-align: justify;
}

table.dataTable tbody th.dt-body-nowrap, table.dataTable tbody td.dt-body-nowrap {
    white-space: nowrap;
}

table.dataTable, table.dataTable th, table.dataTable td {
    box-sizing: content-box;
}

/*
 * Control feature layout
 */
.dataTables_wrapper {
    position: relative;
    clear: both;
    zoom: 1;

    *zoom: 1;
}

.dataTables_wrapper .dataTables_length {
    float: left;
}

.dataTables_wrapper .dataTables_filter {
    float: right;
    text-align: right;
}

.dataTables_wrapper .dataTables_filter input {
    margin-left: .5em;
}

.dataTables_wrapper .dataTables_info {
    float: left;
    clear: both;
    padding-top: .755em;
}

.dataTables_wrapper .dataTables_paginate {
    float: right;
    padding-top: .25em;
    text-align: right;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    display: inline-block;
    box-sizing: border-box;
    min-width: 1.5em;
    margin-left: 2px;
    padding: .5em 1em;
    cursor: pointer;
    text-align: center;
    text-decoration: none !important;
    color: #333 !important;
    border: 1px solid transparent;
    border-radius: 2px;

    *cursor: hand;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #333 !important;
    border: 1px solid #979797;
    /* Chrome,Safari4+ */
    /* Chrome10+,Safari5.1+ */
    /* FF3.6+ */
    /* IE10+ */
    /* Opera 11.10+ */
    background: linear-gradient(to bottom, white 0%, #dcdcdc 100%);
    background-color: white;
    /* W3C */
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    cursor: default;
    color: #666 !important;
    border: 1px solid transparent;
    background: transparent;
    box-shadow: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: white !important;
    border: 1px solid #111;
    /* Chrome,Safari4+ */
    /* Chrome10+,Safari5.1+ */
    /* FF3.6+ */
    /* IE10+ */
    /* Opera 11.10+ */
    background: linear-gradient(to bottom, #585858 0%, #111 100%);
    background-color: #585858;
    /* W3C */
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
    outline: none;
    /* Chrome,Safari4+ */
    /* Chrome10+,Safari5.1+ */
    /* FF3.6+ */
    /* IE10+ */
    /* Opera 11.10+ */
    background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
    background-color: #2b2b2b;
    /* W3C */
    box-shadow: inset 0 0 3px #111;
}

.dataTables_wrapper .dataTables_paginate .ellipsis {
    padding: 0 1em;
}

.dataTables_wrapper .dataTables_processing {
    font-size: 1.2em;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 40px;
    margin-top: -25px;
    margin-left: -50%;
    padding-top: 20px;
    text-align: center;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .9) 25%, rgba(255, 255, 255, .9) 75%, rgba(255, 255, 255, 0) 100%);
    background-color: white;
}

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
    color: #333;
}

.dataTables_wrapper .dataTables_scroll {
    clear: both;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
    *margin-top: -1px;
    -webkit-overflow-scrolling: touch;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody &gt; table &gt; thead &gt; tr &gt; th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody &gt; table &gt; thead &gt; tr &gt; td, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody &gt; table &gt; tbody &gt; tr &gt; th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody &gt; table &gt; tbody &gt; tr &gt; td {
    vertical-align: middle;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody &gt; table &gt; thead &gt; tr &gt; th &gt; div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody &gt; table &gt; thead &gt; tr &gt; td &gt; div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody &gt; table &gt; tbody &gt; tr &gt; th &gt; div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody &gt; table &gt; tbody &gt; tr &gt; td &gt; div.dataTables_sizing {
    overflow: hidden;
    height: 0;
    margin: 0 !important;
    padding: 0 !important;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 1px solid #111;
}

.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable, .dataTables_wrapper.no-footer div.dataTables_scrollBody &gt; table {
    border-bottom: none;
}

.dataTables_wrapper:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: '';
}

@media screen and (max-width: 767px) {
    .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate {
        float: none;
        text-align: center;
    }
    .dataTables_wrapper .dataTables_paginate {
        margin-top: .5em;
    }
}

@media screen and (max-width: 640px) {
    .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {
        float: none;
        text-align: center;
    }
    .dataTables_wrapper .dataTables_filter {
        margin-top: .5em;
    }
}

table.dataTable.dtr-inline.collapsed &gt; tbody &gt; tr &gt; td.child, table.dataTable.dtr-inline.collapsed &gt; tbody &gt; tr &gt; th.child, table.dataTable.dtr-inline.collapsed &gt; tbody &gt; tr &gt; td.dataTables_empty {
    cursor: default !important;
}

table.dataTable.dtr-inline.collapsed &gt; tbody &gt; tr &gt; td.child:before, table.dataTable.dtr-inline.collapsed &gt; tbody &gt; tr &gt; th.child:before, table.dataTable.dtr-inline.collapsed &gt; tbody &gt; tr &gt; td.dataTables_empty:before {
    display: none !important;
}

table.dataTable.dtr-inline.collapsed &gt; tbody &gt; tr[role='row'] &gt; td:first-child, table.dataTable.dtr-inline.collapsed &gt; tbody &gt; tr[role='row'] &gt; th:first-child {
    position: relative;
    padding-left: 30px;
    cursor: pointer;
}

table.dataTable.dtr-inline.collapsed &gt; tbody &gt; tr[role='row'] &gt; td:first-child:before, table.dataTable.dtr-inline.collapsed &gt; tbody &gt; tr[role='row'] &gt; th:first-child:before {
    font-family: 'Courier New', Courier, monospace;
    line-height: 14px;
    position: absolute;
    top: 9px;
    left: 4px;
    display: block;
    box-sizing: content-box;
    width: 14px;
    height: 14px;
    content: '+';
    text-align: center;
    text-indent: 0 !important;
    color: white;
    border: 2px solid white;
    border-radius: 14px;
    background-color: #31b131;
    box-shadow: 0 0 3px #444;
}

table.dataTable.dtr-inline.collapsed &gt; tbody &gt; tr.parent &gt; td:first-child:before, table.dataTable.dtr-inline.collapsed &gt; tbody &gt; tr.parent &gt; th:first-child:before {
    content: '-';
    background-color: #d33333;
}

table.dataTable.dtr-inline.collapsed.compact &gt; tbody &gt; tr &gt; td:first-child, table.dataTable.dtr-inline.collapsed.compact &gt; tbody &gt; tr &gt; th:first-child {
    padding-left: 27px;
}

table.dataTable.dtr-inline.collapsed.compact &gt; tbody &gt; tr &gt; td:first-child:before, table.dataTable.dtr-inline.collapsed.compact &gt; tbody &gt; tr &gt; th:first-child:before {
    line-height: 14px;
    top: 5px;
    left: 4px;
    width: 14px;
    height: 14px;
    text-indent: 3px;
    border-radius: 14px;
}

table.dataTable.dtr-column &gt; tbody &gt; tr &gt; td.control, table.dataTable.dtr-column &gt; tbody &gt; tr &gt; th.control {
    position: relative;
    cursor: pointer;
}

table.dataTable.dtr-column &gt; tbody &gt; tr &gt; td.control:before, table.dataTable.dtr-column &gt; tbody &gt; tr &gt; th.control:before {
    font-family: 'Courier New', Courier, monospace;
    line-height: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    box-sizing: content-box;
    width: 16px;
    height: 16px;
    margin-top: -10px;
    margin-left: -10px;
    content: '+';
    text-align: center;
    text-indent: 0 !important;
    color: white;
    border: 2px solid white;
    border-radius: 14px;
    background-color: #31b131;
    box-shadow: 0 0 3px #444;
}

table.dataTable.dtr-column &gt; tbody &gt; tr.parent td.control:before, table.dataTable.dtr-column &gt; tbody &gt; tr.parent th.control:before {
    content: '-';
    background-color: #d33333;
}

table.dataTable &gt; tbody &gt; tr.child {
    padding: .5em 1em;
}

table.dataTable &gt; tbody &gt; tr.child:hover {
    background: transparent !important;
}

table.dataTable &gt; tbody &gt; tr.child ul.dtr-details {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

table.dataTable &gt; tbody &gt; tr.child ul.dtr-details &gt; li {
    padding: .5em 0;
    border-bottom: 1px solid #efefef;
}

table.dataTable &gt; tbody &gt; tr.child ul.dtr-details &gt; li:first-child {
    padding-top: 0;
}

table.dataTable &gt; tbody &gt; tr.child ul.dtr-details &gt; li:last-child {
    border-bottom: none;
}

table.dataTable &gt; tbody &gt; tr.child span.dtr-title {
    font-weight: bold;
    display: inline-block;
    min-width: 75px;
}

div.dtr-modal {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 10em 1em;
}

div.dtr-modal div.dtr-modal-display {
    position: absolute;
    z-index: 102;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    overflow: auto;
    width: 50%;
    height: 50%;
    margin: auto;
    border: 1px solid black;
    border-radius: .5em;
    background-color: #f5f5f7;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .6);
}

div.dtr-modal div.dtr-modal-content {
    position: relative;
    padding: 1em;
}

div.dtr-modal div.dtr-modal-close {
    position: absolute;
    z-index: 12;
    top: 6px;
    right: 6px;
    width: 22px;
    height: 22px;
    cursor: pointer;
    text-align: center;
    border: 1px solid #eaeaea;
    border-radius: 3px;
    background-color: #f9f9f9;
}

div.dtr-modal div.dtr-modal-close:hover {
    background-color: #eaeaea;
}

div.dtr-modal div.dtr-modal-background {
    position: fixed;
    z-index: 101;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .6);
}

@media screen and (max-width: 767px) {
    div.dtr-modal div.dtr-modal-display {
        width: 95%;
    }
}

/*-- Chart --*/
.c3 svg {
    font: 10px sans-serif;

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.c3 path, .c3 line {
    fill: none;
    stroke: #000;
}

.c3 text {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.c3-legend-item-tile, .c3-xgrid-focus, .c3-ygrid, .c3-event-rect, .c3-bars path {
    shape-rendering: crispEdges;
}

.c3-chart-arc path {
    stroke: #fff;
}

.c3-chart-arc rect {
    stroke: white;
    stroke-width: 1;
}

.c3-chart-arc text {
    font-size: 13px;

    fill: #fff;
}

/*-- Axis --*/
/*-- Grid --*/
.c3-grid line {
    stroke: #aaa;
}

.c3-grid text {
    fill: #aaa;
}

.c3-xgrid, .c3-ygrid {
    stroke-dasharray: 3 3;
}

/*-- Text on Chart --*/
.c3-text.c3-empty {
    font-size: 2em;

    fill: #808080;
}

/*-- Line --*/
.c3-line {
    stroke-width: 1px;
}

/*-- Point --*/
.c3-circle {
    fill: currentColor;
}

.c3-circle._expanded_ {
    stroke-width: 1px;
    stroke: white;
}

.c3-selected-circle {
    fill: white;
    stroke-width: 2px;
}

/*-- Bar --*/
.c3-bar {
    stroke-width: 0;
}

.c3-bar._expanded_ {
    fill-opacity: 1;
    fill-opacity: .75;
}

/*-- Focus --*/
.c3-target.c3-focused {
    opacity: 1;
}

.c3-target.c3-focused path.c3-line, .c3-target.c3-focused path.c3-step {
    stroke-width: 2px;
}

.c3-target.c3-defocused {
    opacity: .3 !important;
}

/*-- Region --*/
.c3-region {
    fill: steelblue;
    fill-opacity: .1;
}

/*-- Brush --*/
.c3-brush .extent {
    fill-opacity: .1;
}

/*-- Select - Drag --*/
/*-- Legend --*/
.c3-legend-item {
    font-size: 12px;
}

.c3-legend-item-hidden {
    opacity: .15;
}

.c3-legend-background {
    opacity: .75;

    fill: white;
    stroke: lightgray;
    stroke-width: 1;
}

/*-- Title --*/
.c3-title {
    font: 14px sans-serif;
}

/*-- Tooltip --*/
.c3-tooltip-container {
    z-index: 10;
}

.c3-tooltip {
    empty-cells: show;
    border-spacing: 0;
    border-collapse: collapse;
    opacity: .9;
    background-color: #fff;
    box-shadow: 7px 7px 12px -9px #777;
}

.c3-tooltip tr {
    border: 1px solid #ccc;
}

.c3-tooltip th {
    font-size: 14px;
    padding: 2px 5px;
    text-align: left;
    color: #fff;
    background-color: #aaa;
}

.c3-tooltip td {
    font-size: 13px;
    padding: 3px 6px;
    border-left: 1px dotted #999;
    background-color: #fff;
}

.c3-tooltip td &gt; span {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 6px;
}

.c3-tooltip .value {
    text-align: right;
}

/*-- Area --*/
.c3-area {
    opacity: .2;

    stroke-width: 0;
}

/*-- Arc --*/
.c3-chart-arcs-title {
    font-size: 1.3em;

    dominant-baseline: middle;
}

.c3-chart-arcs .c3-chart-arcs-background {
    fill: #e0e0e0;
    stroke: #fff;
}

.c3-chart-arcs .c3-chart-arcs-gauge-unit {
    font-size: 16px;

    fill: #000;
}

.c3-chart-arcs .c3-chart-arcs-gauge-max {
    fill: #777;
}

.c3-chart-arcs .c3-chart-arcs-gauge-min {
    fill: #777;
}

.c3-chart-arc .c3-gauge-value {
    fill: #000;
    /*  font-size: 28px !important;*/
}

.c3-chart-arc.c3-target g path {
    opacity: 1;
}

.c3-chart-arc.c3-target.c3-focused g path {
    opacity: 1;
}

/*-- Zoom --*/
.c3-drag-zoom.enabled {
    visibility: visible;
    pointer-events: all !important;
}

.c3-drag-zoom.disabled {
    visibility: hidden;
    pointer-events: none !important;
}

.c3-drag-zoom .extent {
    fill-opacity: .1;
}

h2 {
    font-size: 2.0rem;
    font-weight: 500;
    line-height: 1.5;
    position: relative;
    margin-bottom: 20px;
    padding-left: 26px;
}

h2::before {
    position: absolute;
    top: 9px;
    left: 0;
    display: block;
    width: 13px;
    height: 13px;
    content: '';
    border-radius: 100%;
    background: linear-gradient(to bottom, #3b93ff, #3b93ff 50%, #237ae6 50%, #237ae6);
}

p {
    margin-bottom: 27px;
}

.funcboxes {
    display: -ms-flexbox;
    display: flex;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.funcboxes.col2 .funcbox {
    width: calc((100% - (25px * (2 - 1))) / 2 - .1px);
}

.funcboxes.col2 .funcbox:nth-child(2n) {
    margin-left: 25px;
}

.funcboxes.col2 .funcbox[data-print-idx] {
    margin-top: 24px;
}

.funcboxes + .funcbox[data-print-idx] {
    margin-top: 24px;
}

.funcbox {
    margin-bottom: 26px;
    padding: 21px 21px 23px;
    background-color: #fff;
    box-shadow: 0 3px 3px rgba(0, 0, 0, .06);
}

.funcbox .grouping {
    display: -ms-flexbox;
    display: flex;
    margin: -5px -18px;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.funcbox .grouping .func {
    padding: 5px 18px;
}

.funcbox .funcbox-title {
    font-size: 2rem;
    line-height: 1.1;
    margin-top: -3px;
    margin-bottom: 19px;
}

.funcbox .funcbox-subtitle {
    font-size: 1.7rem;
    line-height: 1.1;
    margin-bottom: 14px;
}

.funcbox[data-print-idx] {
    position: relative;
    margin-top: 41px;
}

.funcbox[data-print-idx] + [data-print-idx] {
    margin-top: 50px;
}

.funcbox .funcbox-print {
    font-size: 1.3rem;
    position: absolute;
    top: -24px;
    right: 0;
    padding: 6px 8px;
    border-radius: 5px 5px 0 0;
    background: #fff;
}

.funcbox .funcbox-print .checkbox-item input + label {
    margin-right: 0;
}

.funcbox .funcbox-print .checkbox-item input + label::before {
    top: 1px;
}

.funcbox .funcbox-print .checkbox-item input:checked + label::after {
    top: 5px;
}

.page-wrapper &gt; .funcbox:last-child {
    margin-bottom: 0;
}

.func {
    display: -ms-flexbox;
    display: flex;

    -ms-flex-align: center;
    align-items: center;
}

.func p {
    margin: 0;
}

.func .input {
    max-width: 665px;
    margin: 0;
    padding: 19px 27px;
}

.func .btn {
    margin-left: 15px;
    white-space: nowrap;
}

#copy-target {
    padding-left: 26px;
}

#copy-message {
    padding: 15px 0 0 26px;
}

.spacing {
    padding: 35px 120px 0;
}

.add-contents {
    display: -ms-flexbox;
    display: flex;

    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.add-contents a {
    color: inherit;
}

.question-box {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    border-radius: 3px;
    background-color: #fff;
    box-shadow: 0 3px 3px rgba(0, 0, 0, .06);
}

.question-box + .question-box {
    margin-top: 30px;
}

.question-box .inner {
    position: relative;
    min-height: 78px;
    padding: 40px 30px 22px;

    -ms-flex: 1;
        flex: 1;
}

.question-box .labels {
    position: absolute;
    top: -8px;
    left: 22px;
    display: -ms-flexbox;
    display: flex;
}

.question-box .label {
    font-size: 1.3rem;
    margin-right: 18px;
    padding: 6px 15px 5px;
    text-align: center;
    color: #fff;
    border-radius: 0 0 5px 5px;
    background-color: #595858;
    box-shadow: 0 3px 3px rgba(0, 0, 0, .06);
}

.question-box .label .icon {
    font-size: 1.9rem;
}

.question-box .num-label {
    min-width: 70px;
    padding: 6px 15px 8px;
    background-color: #237ae6;
}

.question-box .answer {
    margin-bottom: 9px;
    color: rgba(244, 110, 37, .7);
}

.question-box .text {
    color: rgba(51, 51, 51, .7);
}

.question-box .text + .type-btns {
    margin-top: 20px;
}

.question-create-list {
    margin-bottom: 50px;
    padding-top: 9px;
}

.question-create-list .add-contents {
    padding: 43px 0 40px;
}

.question-create-list .list-item {
    margin-top: 30px;
}

.thumbnail {
    width: 250px;
    height: 200px;
    margin-top: 18px;
    background: url(../images/thumbnail.png) center center no-repeat;
    background-color: #f4f5f7;
    background-size: 49px auto;
}

.thumbnail .upload-img {
    width: 100%;
    height: 100%;
    padding: 10px;
    border: 1px solid #e5e5e5;
    background-color: #fff;
}

.thumbnail .upload-img span {
    position: relative;
    display: block;
    height: 100%;
}

.thumbnail .upload-img img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-height: 100%;
    margin: auto;
}

.thumbnail-btn {
    position: relative;
    display: block;
    width: 252px;
    height: 202px;
    margin-bottom: 35px;
    padding: 10px;
    cursor: pointer;
    border: 1px solid #c0c0c0;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 3px 3px rgba(0, 0, 0, .06);
}

.thumbnail-btn .text {
    font-size: 1.4rem;
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    display: block;
    margin: auto;
    transform: translateY(-50%);
    text-align: center;
    color: rgba(51, 51, 51, .4);
}

.thumbnail-btn .text img {
    display: block;
    width: 49px;
    margin: 0 auto 15px;
}

.thumbnail-btn input {
    display: none;
}

.thumbnail-btn .upload-img {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #fff;
}

.thumbnail-btn .upload-img img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-height: 100%;
    margin: auto;
}

.fixed-label {
    font-size: 1.4rem;
    line-height: 1;
    display: inline-block;
    min-width: 118px;
    padding: 7px 5px 8px;
    text-align: center;
    color: #fff;
    border-radius: 3px;
    background: #888;
    background: #237ae6;
}

.fixed-label.orange {
    background: #f46e25;
}

.qnum-label {
    font-size: 1.4rem;
    line-height: 1;
    display: inline-block;
    margin-right: 19px;
    padding: 5px 14px 8px;
    text-align: center;
    color: #fff;
    background: #237ae6;
}

.side-search-nav {
    margin: 0 23px;
}

.side-search-nav &gt; p {
    margin-top: 36px;
    margin-left: 2px;
}

.side-search-nav &gt; p .icon {
    margin-right: 11px;
}

.side-search-nav a {
    transition: all .2s ease;
    color: #333;
}

.side-search-nav a:hover {
    color: #237ae6;
}

.side-search-nav .title a {
    position: relative;
    display: block;
    padding: 22px 0 11px;
    border-bottom: 1px solid #d6d6d6;
}

.side-search-nav .title a::after {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'epark' !important;
    font-size: .9rem;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    position: absolute;
    top: 33px;
    right: 8px;
    content: '釥�';
    transform: translateY(-50%) rotate(90deg);
    text-transform: none;

    speak: none;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.side-search-nav .title.active a {
    color: #237ae6;
    border-color: transparent;
}

.side-search-nav .title.active a::after {
    transform: translateY(-50%) rotate(90deg) scale(-1, 1);
}

.side-search-nav .content {
    font-size: 1.4rem;
    line-height: 1.42857;
    position: relative;
    z-index: 1;
    display: none;
    padding: 33px 30px 35px;
    border: 1px solid #d6d6d6;
    border-radius: 5px;
    background: #fff;
}

.side-search-nav .content .title {
    margin-bottom: 20px;
    color: #237ae6;
}

.side-search-nav .content p {
    margin-bottom: 16px;
}

.side-search-nav .content .btns {
    text-align: center;
}

.side-search-nav .content .list li + li {
    margin-top: 10px;
}

.side-search-nav .content .radio, .side-search-nav .content .checkbox {
    display: block;
    margin: 0;
    margin-bottom: 23px;
    padding: 0;
}

.side-search-nav .content .radio-item input + label::before {
    top: 2px;
}

.side-search-nav .content .radio-item input:checked + label::after {
    top: 8px;
}

.side-search-nav .content .checkbox-item input + label::before {
    top: 2px;
}

.side-search-nav .content .checkbox-item input:checked + label::after {
    top: 6px;
}

.side-search-nav .content .radio-item input + label, .side-search-nav .content .checkbox-item input + label {
    margin: 0;
    padding-left: 25px;
}

.side-search-nav .content .radio-item:not(:first-child), .side-search-nav .content .checkbox-item:not(:first-child) {
    margin-top: 10px;
}

.side-search-nav .content .input {
    margin-bottom: 28px;
    padding: 30px 15px;
    text-align: center;
}

.side-search-nav .item-term .content {
    width: 632px;
}

.side-search-nav .item-question .content-qlist {
    width: 600px;
}

.side-search-nav .item-question .content-qlist .list a {
    display: table;
}

.side-search-nav .item-question .content-qlist .list span {
    display: table-cell;
}

.side-search-nav .item-question .content-q {
    width: 400px;
}

.side-search-nav .item-word .content {
    width: 310px;
}

.graph-box {
    margin-bottom: 25px;
    padding: 29px 40px 29px 30px;
    background-color: #fff;
    box-shadow: 0 3px 3px rgba(0, 0, 0, .06);
}

.graph-box .title {
    margin-bottom: 20px;
}

.result-graph {
    display: table;
}

.result-graph .row {
    display: table-row;
}

.result-graph .col {
    line-height: 25px;
    display: table-cell;
    vertical-align: middle;
}

.result-graph .col-title {
    padding-right: 30px;
    white-space: nowrap;
}

.result-graph .col-num {
    padding-right: 15px;
    text-align: center;
    white-space: nowrap;
    border-right: 2px solid #dedede;
}

.result-graph .col-graph {
    width: 100%;
}

.result-graph .graph {
    width: 0;
    height: 10px;
    transition: all .7s linear;
    background: #237ae6;
}

.result-graph .row + .row .col {
    padding-top: 8px;
}

.table-result .inner {
    position: relative;
    overflow: auto;
    width: 100%;
}

.table-result .table th, .table-result .table td {
    min-width: 150px;
}

.table-result .table thead th {
    font-size: 1.2rem;
    line-height: 1.33333;
    text-align: left;
}

.table-result .table thead th:first-child {
    padding: 10px 10px 10px 18px;
}

.table-result .table thead th:not(:first-child) {
    padding: 10px;
}

.table-result .table thead th:first-child:last-child {
    padding-left: 18px;
    border-right: 2px solid #797879;
}

.table-result .table tbody td:not(:first-child) {
    padding: 15px 10px;
}

.table-result .table tbody td:not(:last-child) {
    border-right: 2px solid rgba(121, 120, 121, .05);
}

.table-result .table tbody td:first-child:last-child {
    padding-left: 25px;
    border-right: 2px solid rgba(121, 120, 121, .05);
}

.table-result .table thead th:not(:first-child):last-child, .table-result .table tbody td:not(:first-child):last-child {
    min-width: 400px;
}

html:not(.ie) .table-result .inner {
    height: 92vh;
}

html:not(.ie) .table-result .table {
    position: relative;
    border-collapse: separate;
}

html:not(.ie) .table-result .table thead th {
    position: -webkit-sticky;
    position:         sticky;
    z-index: 1;
    top: 0;
}

html:not(.ie) .table-result .table thead th:first-child {
    z-index: 2;
    left: 0;
}

html:not(.ie) .table-result .table tbody td:first-child {
    position: -webkit-sticky;
    position:         sticky;
    z-index: 1;
    left: 0;
}

.term-datepicker-container, .report-datepicker-container {
    margin-bottom: 26px;
}

.term-datepicker-container .date-picker-wrapper, .report-datepicker-container .date-picker-wrapper {
    font-family: 'Noto Sans JP', '繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3', 'Hiragino Kaku Gothic Pro', '繝｡繧､繝ｪ繧ｪ', 'Meiryo', Osaka, '�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け', 'MS PGothic', sans-serif;
    padding: 0;
    border: 0;
    background: transparent;
}

.term-datepicker-container .date-picker-wrapper.inline-wrapper, .report-datepicker-container .date-picker-wrapper.inline-wrapper {
    display: block;
}

.term-datepicker-container .date-picker-wrapper .month-column1, .report-datepicker-container .date-picker-wrapper .month-column1 {
    margin-right: 30px;
}

.term-datepicker-container .date-picker-wrapper .month-column1::before, .report-datepicker-container .date-picker-wrapper .month-column1::before {
    font-size: 1.4rem;
    display: inline-block;
    margin-bottom: 10px;
    content: '髢句ｧ区律';
    color: #333;
}

.term-datepicker-container .date-picker-wrapper .month-column2::before, .report-datepicker-container .date-picker-wrapper .month-column2::before {
    font-size: 1.4rem;
    display: inline-block;
    margin-bottom: 10px;
    content: '邨ゆｺ�律';
    color: #333;
}

.term-datepicker-container .date-picker-wrapper .month-wrapper, .report-datepicker-container .date-picker-wrapper .month-wrapper {
    display: -ms-flexbox;
    display: flex;
    width: auto !important;
    padding: 0;
    border: 0;
    background: transparent;

    -ms-flex-pack: center;
    justify-content: center;
}

.term-datepicker-container .date-picker-wrapper .month-wrapper table, .report-datepicker-container .date-picker-wrapper .month-wrapper table {
    border-collapse: separate;
    border: 2px solid #f4f5f7;
    border-top: 0;
    border-radius: 4px 4px 0 0;
    background: #fff;
}

.term-datepicker-container .date-picker-wrapper .month-wrapper table tbody tr td:first-child, .report-datepicker-container .date-picker-wrapper .month-wrapper table tbody tr td:first-child {
    padding-left: 15px;
}

.term-datepicker-container .date-picker-wrapper .month-wrapper table tbody tr td:last-child, .report-datepicker-container .date-picker-wrapper .month-wrapper table tbody tr td:last-child {
    padding-right: 16px;
}

.term-datepicker-container .date-picker-wrapper .month-wrapper table tbody tr:last-child td, .report-datepicker-container .date-picker-wrapper .month-wrapper table tbody tr:last-child td {
    padding-bottom: 13px;
}

.term-datepicker-container .date-picker-wrapper .month-wrapper table .day, .report-datepicker-container .date-picker-wrapper .month-wrapper table .day {
    font-size: 1.4rem;
    position: relative;
    z-index: 0;
    padding: 7px 8px 8px 9px;
    text-align: right;
}

.term-datepicker-container .date-picker-wrapper .month-wrapper table .day.toMonth.valid, .report-datepicker-container .date-picker-wrapper .month-wrapper table .day.toMonth.valid {
    color: #333;
}

.term-datepicker-container .date-picker-wrapper .month-wrapper table .day.real-today, .report-datepicker-container .date-picker-wrapper .month-wrapper table .day.real-today, .term-datepicker-container .date-picker-wrapper .month-wrapper table .day.toMonth.hovering, .report-datepicker-container .date-picker-wrapper .month-wrapper table .day.toMonth.hovering, .term-datepicker-container .date-picker-wrapper .month-wrapper table .day.checked, .report-datepicker-container .date-picker-wrapper .month-wrapper table .day.checked {
    position: relative;
    background: transparent;
}

.term-datepicker-container .date-picker-wrapper .month-wrapper table .day.real-today::before, .report-datepicker-container .date-picker-wrapper .month-wrapper table .day.real-today::before, .term-datepicker-container .date-picker-wrapper .month-wrapper table .day.toMonth.hovering::before, .report-datepicker-container .date-picker-wrapper .month-wrapper table .day.toMonth.hovering::before, .term-datepicker-container .date-picker-wrapper .month-wrapper table .day.checked::before, .report-datepicker-container .date-picker-wrapper .month-wrapper table .day.checked::before {
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    display: block;
    width: 27px;
    height: 27px;
    content: '';
    transform: translateX(-50%) translateY(-50%);
    border-radius: 100%;
}

.term-datepicker-container .date-picker-wrapper .month-wrapper table .day.real-today::before, .report-datepicker-container .date-picker-wrapper .month-wrapper table .day.real-today::before {
    background: rgba(35, 122, 230, .5);
}


.term-datepicker-container .date-picker-wrapper .month-wrapper table .day.toMonth.hovering::before, .report-datepicker-container .date-picker-wrapper .month-wrapper table .day.toMonth.hovering::before, .term-datepicker-container .date-picker-wrapper .month-wrapper table .day.checked::before, .report-datepicker-container .date-picker-wrapper .month-wrapper table .day.checked::before {
    background: rgba(244, 110, 37, .3);
}

.term-datepicker-container .date-picker-wrapper .month-wrapper table .week-name, .report-datepicker-container .date-picker-wrapper .month-wrapper table .week-name {
    height: auto;
}

.term-datepicker-container .date-picker-wrapper .month-wrapper table .week-name th, .report-datepicker-container .date-picker-wrapper .month-wrapper table .week-name th {
    font-size: 1.2rem;
    font-weight: 400;
    padding: 12px 8px 8px 9px;
    text-align: right;
    color: #f46e25;
}

.term-datepicker-container .date-picker-wrapper .month-wrapper table .week-name th:first-child, .report-datepicker-container .date-picker-wrapper .month-wrapper table .week-name th:first-child {
    padding-left: 24px;
}

.term-datepicker-container .date-picker-wrapper .month-wrapper table .week-name th:last-child, .report-datepicker-container .date-picker-wrapper .month-wrapper table .week-name th:last-child {
    padding-right: 24px;
}

.term-datepicker-container .date-picker-wrapper .month-wrapper table.month1, .report-datepicker-container .date-picker-wrapper .month-wrapper table.month1, .term-datepicker-container .date-picker-wrapper .month-wrapper table.month2, .report-datepicker-container .date-picker-wrapper .month-wrapper table.month2 {
    float: none;
}

.term-datepicker-container .date-picker-wrapper .month-wrapper .caption, .report-datepicker-container .date-picker-wrapper .month-wrapper .caption {
    height: 46px;
    background: #f4f5f7;
}

.term-datepicker-container .date-picker-wrapper .month-wrapper .caption .prev, .report-datepicker-container .date-picker-wrapper .month-wrapper .caption .prev {
    font-size: 1.5rem;
    display: block;
    padding: 0 0 0 5px;
    transition: all .2s ease;
    text-align: left;
    color: #a7a7a9;
}

.term-datepicker-container .date-picker-wrapper .month-wrapper .caption .prev:hover, .report-datepicker-container .date-picker-wrapper .month-wrapper .caption .prev:hover {
    color: #333;
    background: transparent;
}

.term-datepicker-container .date-picker-wrapper .month-wrapper .caption .prev .icon, .report-datepicker-container .date-picker-wrapper .month-wrapper .caption .prev .icon {
    display: inline-block;
    transform: scale(-1, 1);
}

.term-datepicker-container .date-picker-wrapper .month-wrapper .caption .next, .report-datepicker-container .date-picker-wrapper .month-wrapper .caption .next {
    font-size: 1.5rem;
    display: block;
    padding: 0 5px 0 0;
    transition: all .2s ease;
    text-align: right;
    color: #a7a7a9;
}

.term-datepicker-container .date-picker-wrapper .month-wrapper .caption .next:hover, .report-datepicker-container .date-picker-wrapper .month-wrapper .caption .next:hover {
    color: #333;
    background: transparent;
}

.term-datepicker-container .date-picker-wrapper .gap, .report-datepicker-container .date-picker-wrapper .gap {
    display: none;
}

.term-datepicker-container .date-picker-wrapper .footer, .report-datepicker-container .date-picker-wrapper .footer {
    display: none;
}

.term-datepicker-container .date-picker-wrapper .time, .report-datepicker-container .date-picker-wrapper .time {
    display: none;
}

.term-datepicker-container .date-picker-wrapper .first-date-selected, .report-datepicker-container .date-picker-wrapper .first-date-selected, .term-datepicker-container .date-picker-wrapper .last-date-selected, .report-datepicker-container .date-picker-wrapper .last-date-selected {
    position: relative;
    background: transparent !important;
}

.term-datepicker-container .date-picker-wrapper .first-date-selected::before, .report-datepicker-container .date-picker-wrapper .first-date-selected::before, .term-datepicker-container .date-picker-wrapper .last-date-selected::before, .report-datepicker-container .date-picker-wrapper .last-date-selected::before {
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    display: block;
    width: 27px;
    height: 27px;
    content: '';
    transform: translateX(-50%) translateY(-50%);
    border-radius: 100%;
    background: #f46e25 !important;
}

.term-datepicker-container .date-picker-wrapper .select-wrapper, .report-datepicker-container .date-picker-wrapper .select-wrapper {
    font-size: 1.4rem;
    font-weight: 400;
    padding: 9px 27px 9px 19px;
    color: #333;
    border-radius: 4px;
    background: #fff url(../images/select_icon.png) top 14px right 5px no-repeat;
    background-size: 7px auto;
}

.term-datepicker-container .date-picker-wrapper .select-wrapper:hover, .report-datepicker-container .date-picker-wrapper .select-wrapper:hover {
    text-decoration: none;
}

.term-datepicker-container .date-picker-wrapper .select-wrapper select, .report-datepicker-container .date-picker-wrapper .select-wrapper select {
    padding: 9px 27px 9px 19px;
}

.term-datepicker-container .date-picker-wrapper .select-wrapper + .select-wrapper, .report-datepicker-container .date-picker-wrapper .select-wrapper + .select-wrapper {
    margin-left: 5px;
}

.dl-texts {
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 10px -20px;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
}

.dl-texts + .dl-texts {
    margin-top: -10px;
}

.dl-text {
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 10px 20px;

    -ms-flex-align: center;
    align-items: center;
}

.dl-text dt {
    padding-right: 14px;
}

.dl-text dd {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
}

.alert-box {
    margin-bottom: 34px;
    padding: 22px 20px;
    color: #f00;
    background: #f2d9dc;
}

.alert-box ul {
    margin-bottom: 8px;
}

.alert-box ul:last-child {
    margin-bottom: 0;
}

.alert-box li {
    padding-left: 1em;
    text-indent: -1em;
}

.alert-box li::before {
    content: '繝ｻ';
}

.alert-box li + li {
    margin-top: 8px;
}

.alert-box p {
    margin-bottom: 8px;
}

.alert-box p:last-child {
    margin-bottom: 0;
}

.ui-tooltip {
    font-family: inherit;
    font-size: 1.3rem;
    padding: 9px 13px 11px;
    border: 2px solid #e5e5e5;
    border-radius: 4px;
    background: #fff;
    box-shadow: none;
}

.ui-tooltip .arrow:after {
    border: 1px solid #ccc;
    background: #fff;
}

.ui-tooltip .arrow {
    position: absolute;
    bottom: -16px;
    left: 50%;
    overflow: hidden;
    width: 70px;
    height: 16px;
    margin-left: -35px;
}

.ui-tooltip .arrow.top {
    top: -16px;
    bottom: auto;
}

.ui-tooltip .arrow.left {
    left: 20%;
}

.ui-tooltip .arrow:after {
    position: absolute;
    top: -20px;
    left: 20px;
    width: 25px;
    height: 25px;
    content: '';
    transform: rotate(45deg);
}

.ui-tooltip .arrow.top:after {
    top: auto;
    bottom: -20px;
}

.panels {
    overflow: hidden;
    margin-bottom: 13px;
}

.panels-inner {
    display: -ms-flexbox;
    display: flex;
    margin-left: -20px;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.panel {
    width: 212px;
    margin: 0 0 20px 20px;
    text-align: center;
    color: #fff;
}

.panel a {
    display: block;
    height: 100%;
    padding: 28px 20px 30px;
    transition: all .2s ease;
    color: inherit;
    border-radius: 6px;
    background-color: #237ae6;
}

.panel a:hover {
    background-color: rgba(35, 122, 230, .75);
}

.panel .icon {
    font-size: 3.7rem;
    display: block;
    margin-bottom: 2rem;
}

.panel .icon-doc {
    font-size: 3.5rem;
    margin-top: 2px;
}

.panel .icon-account {
    font-size: 4.6rem;
    margin-top: -6px;
}

.panel .icon-list {
    transform: translateY(5px);
}

.panel .icon-option {
    transform: translateY(3px);
}

.panel .panel-title {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1.44444;
    margin-bottom: 6px;
}

.panel .panel-text {
    font-size: 1.6rem;
    line-height: 1.4375;
    margin-bottom: 0;
}

.news-list-item {
    display: -ms-flexbox;
    display: flex;

    -ms-flex-align: start;
    align-items: flex-start;
}

.news-list-item + .news-list-item {
    margin-top: 8px;
}

.news-list-item .news-list-time {
    font-size: 1.4rem;
    line-height: 1;
    padding: 6px 9px 8px 9px;
    border: 1px solid #f1f2f5;
    border-radius: 2px;
    background-color: #f8f8fa;
}

.news-list-item .news-list-text {
    font-size: 1.6rem;
    line-height: 1.4375;
    padding-top: 2px;
    padding-left: 20px;
}

.result-info {
    display: -ms-flexbox;
    display: flex;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.result-info .result-info-chart {
    display: -ms-flexbox;
    display: flex;
    border-top: 1px solid #09793d;
    border-right: 1px solid #09793d;
    border-left: 1px solid #09793d;

    -ms-flex-pack: center;
    justify-content: center;
}

.result-info .result-info-title {
    font-size: 3.4rem;
    font-weight: 500;
    text-align: center;
}

.result-info .result-info-sm-num {
    font-size: 2rem;
}

.result-info-left {
    width: calc(1109 / 1456 * 100%);
    padding-right: 15px;

    -ms-flex: 1 1 calc(1109 / 1456 * 100%);
        flex: 1 1 calc(1109 / 1456 * 100%);
}

.result-info-left .result-info-chart {
    display: -ms-flexbox;
    display: flex;
    padding: 19px 0 7px 4px;
}

.result-info-left .result-info-title {
    margin-bottom: 16px;
}

.result-info-left table th {
    font-size: 1.2rem;
    padding: 5px 0 6px;
}

.result-info-left table td {
    font-size: 2rem;
    padding: .4rem 0;
}

.result-info-left .rating-chart {
    margin-left: 35px;
}

.result-info-right {
    width: calc(347 / 1456 * 100%);

    -ms-flex: 1 1 calc(347 / 1456 * 100%);
        flex: 1 1 calc(347 / 1456 * 100%);
}

.result-info-right ul li {
    margin: 6px;
}

.result-info-right table {
    height: 100%;
}

.result-info-right table thead th {
    font-size: 2rem;
    line-height: 1.3;
    height: 91px;
}

.result-info-right table tr:last-child td {
    height: 100%;
}

.result-info-right table th {
    font-size: 1.6rem;
    height: 45px;
    padding-bottom: 1px;
}

.result-info-right table td {
    font-size: 3rem;
    font-weight: 500;
    height: 110px;
}

.result-info-right table td .icon {
    font-size: 2.5rem;
    margin-left: 4px;
}

.result-info-right table td b {
    font-size: 3.8rem;
    font-weight: 500;
    display: block;
}

.result-info-right table td dl {
    font-weight: 500;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 7px;
    color: #09793d;

    -ms-flex-align: baseline;
    align-items: baseline;
    -ms-flex-pack: center;
    justify-content: center;
}

.result-info-right table td dl dt {
    font-size: 2.4rem;
}

.result-info-right table td dl dt b {
    display: inline;
}

.result-info-right table td dl dd {
    font-size: 1.4rem;
}

.result-info-right table td dl dd::before {
    display: inline-block;
    width: 2px;
    height: 20px;
    margin: 0 7px 0 12px;
    content: '';
    transform: rotate(30deg) translateY(4px);
    background-color: #09793d;
}

.result-info-bottom {
    margin-bottom: -7px;
    padding-top: 12px;
}

.result-info-bottom ul {
    display: -ms-flexbox;
    display: flex;
}

.result-info-bottom li:not(:last-child) {
    margin-right: 30px;
}

.result-info table {
    width: 100%;
    table-layout: fixed;
    border-top: 1px solid #09793d;
    border-left: 1px solid #09793d;
}

.result-info table th, .result-info table td {
    text-align: center;
    border-right: 1px solid #09793d;
    border-bottom: 1px solid #09793d;
}

.result-info table tbody th {
    border-bottom: 1px solid #09793d;
}

.result-info table th {
    font-weight: 500;
}

.result-info table td {
    font-weight: 500;
}

.result-info .ul-wrap {
    display: -ms-flexbox;
    display: flex;
    height: 100%;

    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}

.result-info ul {
    font-size: 1.4rem;
}

.result-info ul .icon {
    font-size: 2rem;
    position: relative;
    top: 3px;
    margin-right: 6px;
}

.result-info ul .icon + span {
    font-weight: 500;
}

.result-info ul .icon-good {
    color: #2298c6;
}

.result-info ul .icon-good + span {
    color: #2298c6;
}

.result-info ul .icon-fair {
    color: #acacac;
}

.result-info ul .icon-fair + span {
    color: #acacac;
}

.result-info ul .icon-bad {
    color: #d21949;
}

.result-info ul .icon-bad + span {
    color: #d21949;
}

.result-info #recommend-chart.gauge-chart {
    padding: 14px 21px 11px 19px;
}

.result-info #recommend-chart .gauge-chart-count {
    font-size: 6rem;
}

.result-info #recommend-chart .gauge-chart-count::after {
    font-size: 3.5rem;
}

.result-info #recommend-chart .gauge-chart-scale-m100 {
    font-size: 1.7rem;
    left: calc(50% + 3px);
}

.result-info #recommend-chart .gauge-chart-scale-m50 {
    font-size: 1.7rem;
}

.result-info #recommend-chart .gauge-chart-scale-0 {
    font-size: 1.7rem;
    transform: translateX(-50%);
}

.result-info #recommend-chart .gauge-chart-scale-50 {
    font-size: 1.7rem;
}

.result-info #recommend-chart .gauge-chart-scale-100 {
    font-size: 1.7rem;
    right: calc(50% + 5px);
}

.result-info2 {
    display: -ms-flexbox;
    display: flex;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.result-info2-left {
    width: calc(1109 / 1456 * 100%);
    padding-right: 15px;

    -ms-flex: 1 1 calc(1109 / 1456 * 100%);
        flex: 1 1 calc(1109 / 1456 * 100%);
}

.result-info2-right {
    width: calc(347 / 1456 * 100%);

    -ms-flex: 1 1 calc(347 / 1456 * 100%);
        flex: 1 1 calc(347 / 1456 * 100%);
}

.result-info2-right dl {
    text-align: center;
    border: 1px solid #09793d;
}

.result-info2-right dt {
    font-weight: 500;
    padding: 6px;
    color: #09793d;
    border-bottom: 1px solid #09793d;
    background-color: rgba(9, 121, 61, .1);
}

.result-info2-right dd {
    font-weight: 500;
}

.result-info2-right .result-info2-dl1 {
    margin-bottom: 15px;
}

.result-info2-right .result-info2-dl1 dd {
    font-size: 4.2rem;
    line-height: 124px;
    height: 124px;
}

.result-info2-right .result-info2-dl1 dd span {
    font-size: 3rem;
}

.result-info2-right .result-info2-dl1 dd .text-gray {
    color: rgba(51, 51, 51, .5);
}

.result-info2-right .result-info2-dl2 dd {
    font-size: 2rem;
    padding: 12px;
}

.result-info2-right .result-info2-dl2 dd span {
    font-size: 1.4rem;
}

.result-info2-right .result-info2-dl2 dd .text-gray {
    font-size: 2rem;
    color: rgba(51, 51, 51, .5);
}

.result-info2-right .result-info2-dl2 + .result-info2-dl2 {
    border-top: 0;
}

.result-info2-bottom {
    margin-bottom: -7px;
    padding-top: 12px;
}

.result-info2-bottom ul {
    display: -ms-flexbox;
    display: flex;
}

.result-info2-bottom li:not(:last-child) {
    margin-right: 30px;
}

.result-info2 .result-info2-chart {
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    padding-left: 4px;
    text-align: center;
    border: 1px solid #09793d;

    -ms-flex-pack: center;
    justify-content: center;
}

.result-info2 .gauge-chart-wrapper {
    margin-top: 15px;
}

.result-info2 .result-info2-title {
    font-size: 3.4rem;
    font-weight: 500;
    margin-bottom: 15px;
    color: #09793d;
}

.result-info2 ul {
    font-size: 1.4rem;
}

.result-info2 ul .icon {
    font-size: 2rem;
    position: relative;
    top: 3px;
    margin-right: 6px;
}

.result-info2 ul .icon + span {
    font-weight: 500;
}

.result-info2 ul .icon-good {
    color: #2298c6;
}

.result-info2 ul .icon-good + span {
    color: #2298c6;
}

.result-info2 ul .icon-fair {
    color: #acacac;
}

.result-info2 ul .icon-fair + span {
    color: #acacac;
}

.result-info2 ul .icon-bad {
    color: #d21949;
}

.result-info2 ul .icon-bad + span {
    color: #d21949;
}

.result-info2 #recommend-chart.gauge-chart {
    padding: 14px 21px 11px 19px;
}

.result-info2 #recommend-chart .gauge-chart-count {
    font-size: 6rem;
}

.result-info2 #recommend-chart .gauge-chart-count::after {
    font-size: 3.5rem;
}

.result-info2 #recommend-chart .gauge-chart-scale-m100 {
    font-size: 1.7rem;
    left: calc(50% + 3px);
}

.result-info2 #recommend-chart .gauge-chart-scale-m50 {
    font-size: 1.7rem;
}

.result-info2 #recommend-chart .gauge-chart-scale-0 {
    font-size: 1.7rem;
    transform: translateX(-50%);
}

.result-info2 #recommend-chart .gauge-chart-scale-50 {
    font-size: 1.7rem;
}

.result-info2 #recommend-chart .gauge-chart-scale-100 {
    font-size: 1.7rem;
    right: calc(50% + 5px);
}

.result-info2 .rating-chart {
    margin-top: 14px;
    margin-left: 34px;
}

.rank-list .rank-list-title {
    font-size: 1.6rem;
    font-weight: 500;
    margin: -16px -21px 18px;
    padding: 0 21px 7px;
    border-bottom: 3px solid #aaa;
}

.rank-list .rank-list-title .icon {
    font-size: 2rem;
    position: relative;
    top: 3px;
    margin-right: 6px;
}

.rank-list .rank-list-title .icon-good {
    color: #2298c6;
}

.rank-list .rank-list-title .icon-bad {
    color: #d21949;
}

.rank-list li {
    font-size: 1.4rem;
    position: relative;
    padding-left: 43px;
}

.rank-list li i {
    font-size: 1.4rem;
    font-weight: 500;
    font-style: normal;
    line-height: 23px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 23px;
    height: 23px;
    margin: auto;
    text-align: center;
    color: #fff;
    border-radius: 100%;
}

.rank-list li i::before {
    position: absolute;
    top: 0;
    right: -6px;
    bottom: 0;
    display: block;
    width: 0;
    height: 0;
    margin: auto;
    content: '';
    border-width: 4px 0 4px 7px;
    border-style: solid;
}

.rank-list li + li {
    margin-top: 13px;
}

.rank-list.rank-list-good .rank-list-title {
    border-color: #2298c6;
}

.rank-list.rank-list-good ul li i {
    background-color: #2298c6;
}

.rank-list.rank-list-good ul li i::before {
    border-color: transparent transparent transparent #2298c6;
}

.rank-list.rank-list-bad .rank-list-title {
    border-color: #d21949;
}

.rank-list.rank-list-bad ul li i {
    background-color: #d21949;
}

.rank-list.rank-list-bad ul li i::before {
    border-color: transparent transparent transparent #d21949;
}

.report-status {
    font-size: 1.2rem;
    margin-bottom: 33px;
    padding-top: 3px;
}

.report-status ul {
    display: -ms-flexbox;
    display: flex;
}

.report-status ul + ul {
    margin-top: 4px;
}

.report-status li + li::before {
    display: inline-block;
    width: 1px;
    height: 15px;
    margin: 0 10px;
    content: '';
    vertical-align: bottom;
    background: #333;
}

.report-status li span {
    margin-left: 13px;
}

.term-input {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 17px;

    -ms-flex-align: center;
    align-items: center;
}

.term-input dt {
    padding-right: 15px;
}

.term-input .report-datepicker {
    line-height: 45px;
    min-width: 320px;
    height: 45px;
    padding: 0 15px;
    border: 1px solid #d6d6d6;
    border-radius: 5px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, .06);
}

.report-datepicker-container {
    position: relative;
    margin-bottom: 0;
}

.report-datepicker-container .date-picker-wrapper {
    z-index: 99;
    top: 0 !important;
    left: 0 !important;
    padding: 31px 37px 35px;
    border: 1px solid #d6d6d6;
    border-radius: 6px;
    background-color: #fff;
    box-shadow: none;
}

.report-datepicker-container .date-picker-wrapper .btns {
    margin-top: 26px;
    text-align: center;
}

.btn {
    display: inline-block;
    padding: 5px 2em;
    cursor: pointer;
    transition: all .2s ease;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    color: #fff;
    border: 0;
    background-color: #777;
}

.btn[data-disabled], .btn.disabled, .btn:disabled {
    pointer-events: none;
    opacity: .4;
}

.login-btn {
    width: 100%;
    padding: 15px 0 16px;
    border-radius: 5px;
    background-color: #f46e25;
    box-shadow: 0 3px 3px rgba(0, 0, 0, .06);
}

.func-btn {
    font-size: 1.4rem;
    padding: 4px 16px 6px;
    color: rgba(244, 110, 37, .8);
    border: 1px solid #f46e25;
    border-radius: 100px;
    background-color: #fff;
}

.func-btn:hover, .func-btn.active {
    color: #fff;
    background-color: #f46e25;
}

.func-btn input[type='file'] {
    display: none;
}

.conv-btn {
    font-weight: 500;
    min-width: 237px;
    padding: 14px 20px;
    color: #fff;
    border-radius: 100px;
    background-color: #f46e25;
    box-shadow: 0 3px 3px rgba(0, 0, 0, .06);
}

.trans-btn {
    font-weight: 500;
    min-width: 178px;
    padding: 15px 20px;
    color: #fff;
    border-radius: 5px;
    background-color: #f46e25;
    box-shadow: 0 3px 3px rgba(0, 0, 0, .06);
}

.trans-btn.prev::before {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'epark' !important;
    font-size: 1.8rem;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    display: inline-block;
    margin-right: 11px;
    content: '釥�';
    transform: translateY(2px);
    text-transform: none;

    speak: none;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.trans-btn.next::after {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'epark' !important;
    font-size: 1.8rem;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    display: inline-block;
    margin-left: 11px;
    content: '釥�';
    transform: translateY(2px);
    text-transform: none;

    speak: none;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.logout-btn {
    font-size: 1.4rem;
    font-weight: 500;
    padding: 6px 10px 7px;
    color: rgba(35, 122, 230, .7);
    border: 1px solid #237ae6;
    border-radius: 5px;
    background-color: #fff;
}

.logout-btn:hover {
    color: #fff;
    background-color: #237ae6;
}

.logout-btn .icon {
    font-size: 1.3rem;
    margin-right: 6px;
    vertical-align: middle;
}

.btn-area {
    text-align: center;
}

.btn-area .grouping {
    display: -ms-flexbox;
    display: flex;

    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.btn-area .grouping .trans-btn.next {
    margin-left: auto;
}

.btn-area p .btn {
    margin: 7px;
}

.plus-btn {
    font-size: 1.5rem;
    line-height: 34px;
    display: inline-block;
    width: 34px;
    height: 34px;
    text-align: center;
    color: #fff;
    border-radius: 100%;
    background-color: #f46e25;
    box-shadow: 0 3px 3px rgba(0, 0, 0, .06);
}

.circle-btn {
    font-size: 2.0rem;
    line-height: 50px;
    display: block;
    width: 50px;
    height: 50px;
    cursor: pointer;
    transition: all .2s ease;
    text-align: center;
    color: #595858;
    color: inherit;
    border: 1px solid #595858;
    border-radius: 100%;
}

.circle-btn:hover {
    color: #f46e25;
    border: 1px solid #f46e25;
}

.move-btn {
    font-size: 2.0rem;
    display: block;
    display: -ms-flexbox;
    display: flex;
    width: 42px;
    height: 100%;
    cursor: move;
    border-left: 2px solid #f2f1f1;

    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.control-btns {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    padding-right: 42px;

    -ms-flex-align: center;
    align-items: center;
}

.control-btns .circle-btn {
    margin-right: 15px;
}

.control-btns .move-btn {
    position: absolute;
    top: 0;
    right: 0;
}

.type-btns {
    display: -ms-flexbox;
    display: flex;
}

.type-btns li + li {
    margin-left: 28px;
}

.type-btn {
    font-size: 1.3rem;
    display: block;
    width: 124px;
    padding: 20px;
    transition: all .2s ease;
    text-align: center;
    color: rgba(51, 51, 51, .7);
    border: 1px solid #595858;
    border-radius: 5px;
}

.type-btn .icon {
    font-size: 3.0rem;
    display: block;
    transition: inherit;
    color: #595858;
}

.type-btn:hover {
    color: #f46e25;
    border-color: #f46e25;
}

.type-btn:hover .icon {
    color: #f46e25;
}

.change-btn {
    font-size: 1.4rem;
    padding: 4px 16px 6px;
    color: rgba(51, 51, 51, .8);
    border: 1px solid #333;
    border-radius: 100px;
    background-color: #fff;
}

.change-btn i {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 10px;
}

.change-btn i::before, .change-btn i::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 10px;
    height: 2px;
    margin: auto;
    content: '';
    background-color: rgba(51, 51, 51, .8);
}

.change-btn i::after {
    transform: rotate(90deg);
}

.change-btn .close-text {
    display: none;
}

.change-btn .close-text i::after {
    display: none;
}

.change-btn.active .open-text {
    display: none;
}

.change-btn.active .close-text {
    display: block;
}

.table {
    width: 100%;
    background-color: #fff;
}

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

.table thead th, .table thead td {
    font-size: 1.4rem;
    line-height: 1.28571;
    padding: 21px 17px 22px;
    text-align: center;
    color: #fff;
    background-color: #595858;
}

.table thead th:not(:last-child), .table thead td:not(:last-child) {
    border-right: 2px solid #7a7979;
}

.table thead th:first-child, .table thead td:first-child {
    padding-left: 25px;
}

.table thead th:last-child, .table thead td:last-child {
    padding-right: 25px;
}

.table tbody .center {
    text-align: center;
}

.table tbody .orange {
    color: #f46e25;
}

.table tbody th, .table tbody td {
    padding: 15px 17px;
    transition: all .1s ease;
    text-align: left;
    word-break: break-all;
    color: rgba(51, 51, 51, .7);
    background-color: #fff;
}

.table tbody th:first-child, .table tbody td:first-child {
    padding-left: 25px;
}

.table tbody th:last-child, .table tbody td:last-child {
    padding-right: 25px;
}

.table tbody tr.even th, .table tbody tr.even td {
    background-color: #e2efff;
}

.table tbody tr:hover th, .table tbody tr:hover td, .table tbody tr.hover th, .table tbody tr.hover td {
    background-color: #c1ddff;
}

.table tbody .icon-doc {
    margin-right: 8px;
}

.table tbody .btn {
    margin-top: 3px;
    margin-bottom: 3px;
}

.table tbody .btn:not(:last-child) {
    margin-right: 10px;
}

.table a:not(.btn) {
    font-size: 1.8rem;
    font-weight: 500;
}

.table .btn {
    font-weight: 400;
}

.rank-table-wrap:not(:last-child) {
    margin-bottom: 24px;
}

.rank-table-wrap .btn-area {
    margin-top: 14px;
}

.rank-table {
    width: 100%;
    border-top: 1px solid #d6d6d6;
    border-left: 1px solid #d6d6d6;
}

.rank-table th, .rank-table td {
    font-size: 1.4rem;
    padding: 8px;
    border-right: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
}

.rank-table thead th {
    font-weight: 400;
    padding: 10px 7px;
    color: #fff;
}

.rank-table tbody td, .rank-table tfoot td {
    text-align: center;
}

.rank-table tbody td:nth-child(1), .rank-table tfoot td:nth-child(1) {
    width: 8.24176%;
}

.rank-table tbody td:nth-child(2), .rank-table tfoot td:nth-child(2) {
    width: 12.01923%;
}

.rank-table tbody td:nth-child(3), .rank-table tfoot td:nth-child(3) {
    width: 11.67582%;
}

.rank-table tbody td:nth-child(4), .rank-table tfoot td:nth-child(4) {
    overflow: hidden;
    width: 19.71154%;
    max-width: 0;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.rank-table tbody td:nth-child(5), .rank-table tfoot td:nth-child(5) {
    overflow: hidden;
    width: 19.71154%;
    max-width: 0;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.rank-table tbody td:nth-child(6), .rank-table tfoot td:nth-child(6) {
    overflow: hidden;
    width: 19.71154%;
    max-width: 0;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.rank-table tbody td:nth-child(7), .rank-table tfoot td:nth-child(7) {
    width: 8.92857%;
    white-space: nowrap;
}

.rank-table tbody td .btn, .rank-table tfoot td .btn {
    font-size: 1.2rem;
    padding: 2px 10px;
}

.rank-table tfoot {
    display: none;
}

.rank-table tfoot.open {
    display: table-footer-group;
    animation: tableOpen .6s ease 0s forwards;
    opacity: 0;
}

.rank-table-good thead th {
    background-color: #2298c6;
}

.rank-table-good tbody tr:nth-child(1) td:first-child {
    background-color: rgba(34, 152, 198, .5);
}

.rank-table-good tbody tr:nth-child(2) td:first-child {
    background-color: rgba(34, 152, 198, .3);
}

.rank-table-good tbody tr:nth-child(3) td:first-child {
    background-color: rgba(34, 152, 198, .1);
}

.rank-table-bad thead th {
    background-color: #d21949;
}

.rank-table-bad tbody tr:nth-child(1) td:first-child {
    background-color: rgba(210, 25, 73, .5);
}

.rank-table-bad tbody tr:nth-child(2) td:first-child {
    background-color: rgba(210, 25, 73, .3);
}

.rank-table-bad tbody tr:nth-child(3) td:first-child {
    background-color: rgba(210, 25, 73, .1);
}

.voice-table-wrap:not(:last-child) {
    margin-bottom: 21px;
}

.voice-table-wrap .voice-table-title {
    font-size: 1.4rem;
    margin-bottom: 5px;
}

.voice-table-wrap .voice-table-title .icon {
    font-size: 2rem;
    position: relative;
    top: 3px;
    margin-right: 6px;
}

.voice-table-wrap .voice-table-title .icon + span {
    font-weight: 500;
}

.voice-table-wrap .voice-table-title .icon-good {
    color: #2298c6;
}

.voice-table-wrap .voice-table-title .icon-good + span {
    color: #2298c6;
}

.voice-table-wrap .voice-table-title .icon-bad {
    color: #d21949;
}

.voice-table-wrap .voice-table-title .icon-bad + span {
    color: #d21949;
}

.voice-table-wrap .voice-table {
    width: 100%;
    border-top: 1px solid #d6d6d6;
    border-left: 1px solid #d6d6d6;
}

.voice-table-wrap .voice-table.no-footer {
    border-bottom: 0;
}

.voice-table-wrap .voice-table th, .voice-table-wrap .voice-table td {
    font-size: 1.4rem;
    border-right: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
}

.voice-table-wrap .voice-table thead th {
    font-weight: 400;
    padding: 10px 7px 9px;
    text-align: center;
    color: #fff;
}

.voice-table-wrap .voice-table tbody td {
    padding: 8px 7px;
    text-align: center;
}

.voice-table-wrap .voice-table tbody td:nth-child(1) {
    width: 18.54396%;
}

.voice-table-wrap .voice-table tbody td:nth-child(2) {
    overflow: hidden;
    width: 28.15934%;
    max-width: 0;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.voice-table-wrap .voice-table tbody td:nth-child(3) {
    width: 10.02747%;
    border-right: 1px dashed #d6d6d6;
}

.voice-table-wrap .voice-table tbody td:nth-child(4) {
    width: 14.76648%;
}

.voice-table-wrap .voice-table tbody td:nth-child(5) {
    width: 6.86813%;
}

.voice-table-wrap .voice-table tbody td:nth-child(6) {
    width: 11.33242%;
}

.voice-table-wrap .voice-table tbody td:nth-child(7) {
    width: 10.6456%;
    white-space: nowrap;
}

.voice-table-wrap .voice-table tbody td:not(.voice-table-answer) .btn {
    font-size: 1.2rem;
    padding: 2px 10px;
}

.voice-table-wrap .voice-table tbody .voice-table-answer {
    display: none;
    padding: 13px 20px 18px;
    text-align: left;
}

.voice-table-wrap .voice-table tbody .voice-table-answer.open {
    display: table-cell;
    animation: tableOpen .6s ease 0s forwards;
    opacity: 0;
}

.voice-table-wrap .voice-table tbody .voice-table-answer p {
    font-size: 1.4rem;
    line-height: 1.57143;
    margin-bottom: 20px;
}

.voice-table-wrap .voice-table tbody .voice-table-answer .voice-table-answer-title {
    font-weight: 500;
    margin-bottom: 4px;
}

.voice-table-wrap .voice-table tbody .voice-table-answer .btn {
    float: right;
    padding: 4px 10px 5px;
}

.voice-table-wrap .voice-table-good thead th {
    background-color: #2298c6;
}

.voice-table-wrap .voice-table-good .voice-table-answer-title {
    color: #2298c6;
}

.voice-table-wrap .voice-table-bad thead th {
    background-color: #d21949;
}

.voice-table-wrap .voice-table-bad .voice-table-answer-title {
    color: #d21949;
}

.voice-table-wrap .dataTables_paginate {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-top: 14px;

    -ms-flex-pack: center;
    justify-content: center;
}

.voice-table-wrap .dataTables_paginate .paginate_button {
    font-size: 1.2rem;
    line-height: 28px;
    width: 30px;
    height: 30px;
    margin: 0 5px 0 6px;
    padding: 0;
    border: 1px solid #d6d6d6;
    border-radius: 6px;
}

.voice-table-wrap .dataTables_paginate .paginate_button:hover, .voice-table-wrap .dataTables_paginate .paginate_button:active {
    color: inherit !important;
    border: 1px solid #d6d6d6;
    background: #e6e6e6;
    box-shadow: none;
}

.voice-table-wrap .dataTables_paginate .paginate_button.previous::before, .voice-table-wrap .dataTables_paginate .paginate_button.next::before {
    font-family: 'epark' !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    display: inline-block;
    content: '釥�';
    text-transform: none;

    speak: none;
}

.voice-table-wrap .dataTables_paginate .paginate_button.previous.disabled, .voice-table-wrap .dataTables_paginate .paginate_button.next.disabled {
    opacity: 0;
}

.voice-table-wrap .dataTables_paginate .paginate_button.previous::before {
    transform: scale(-1, 1);
}

.voice-table-wrap .dataTables_paginate .paginate_button.current {
    pointer-events: none;
    border: 1px solid #d6d6d6;
    background: #e6e6e6;
}

.voice-table-wrap .dataTables_paginate .ellipsis {
    font-size: 1.2rem;
    line-height: 1;
    padding: 0 6px 0 7px;
    vertical-align: text-bottom;
}

@keyframes tableOpen {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.login-box {
    width: 570px;
    margin: 80px auto 0;
    padding: 60px 110px 53px;
    text-align: center;
    background-color: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, .1);
}

.login-box img {
    display: block;
    width: 330px;
    margin: 0 auto 15px;
}

.login-box .annotate {
    font-size: 1.5rem;
    line-height: 1;
    margin-bottom: 47px;
    text-align: center;
}

.login-box input {
    display: block;
    width: 100%;
    height: 45px;
    margin: 0 auto 20px;
    padding: 10px 20px 12px;
    border: 1px solid #c0c0c0;
    border-radius: 100px;
}

.login-box input.is-error {
    border: 1px solid #f00;
}

.login-box input[type='password'] {
    margin-bottom: 50px;
}

.login-box button {
    display: block;
    margin: 0 auto 18px;
}

.login-box p {
    font-size: 1.4rem;
    line-height: 1.57143;
    margin-bottom: 0;
}

.login-box p a {
    text-decoration: underline;
    color: rgba(51, 51, 51, .5);
}

.login-notice {
    font-size: 1.4rem;
    width: 570px;
    margin: 22px auto 0;
    padding: 0 20px;
}

.breadcrumb {
    font-size: 2.5rem;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 37px;
    list-style: none;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.breadcrumb .icon-home {
    font-size: 2.5rem;
    display: inline-block;
    transform: translateY(1px);
}

.breadcrumb li:not(:last-child) {
    padding-right: 8px;
}

.breadcrumb li:not(:last-child)::after {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'epark' !important;
    font-size: .9rem;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    margin-left: 8px;
    content: '釥�';
    vertical-align: middle;
    text-transform: none;

    speak: none;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.breadcrumb a {
    color: #237ae6;
}

.page-title {
    font-size: 3.0rem;
    font-weight: 500;
    line-height: 1.5;
    position: relative;
    margin: 0;
    margin-bottom: 17px;
    padding-left: 23px;
}

.page-title::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 10px;
    height: calc(100% + (((1 - (90 / 60)) * .5em)) * 2);
    margin: auto;
    content: '';
    transform: translateY(2px);
    border-radius: 100px;
    background: linear-gradient(to bottom, #3b93ff, #3b93ff 50%, #237ae6 50%, #237ae6);
}

.page-title .btn {
    float: right;
    margin: 8px 0 0 16px;
    padding-bottom: 4px;
}

.page-title-home {
    font-size: 3.0rem;
    font-weight: 500;
    line-height: 1.5;
    margin: 0;
    margin-bottom: 40px;
}

.page-title-home .icon-home {
    font-size: 2.7rem;
    margin-right: 14px;
    color: #237ae6;
}

.flow {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 40px;
    list-style: none;
    text-align: center;
    color: rgba(51, 51, 51, .4);
    border: 1px solid #237ae6;
    border-radius: 4px;
    background-color: #fff;
}

.flow li {
    padding: 10px 10px 11px;

    -ms-flex: 1;
        flex: 1;
}

.flow li + li {
    border-left: 1px solid #237ae6;
}

.flow .current {
    color: #fff;
    background-color: #237ae6;
}

.radio, .checkbox {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    padding: 9px 0;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.radio-item input {
    display: none;
}

.radio-item input + label {
    position: relative;
    margin-right: 30px;
    padding-left: 23px;
}

.radio-item input + label::before {
    position: absolute;
    top: 4px;
    left: 0;
    display: block;
    width: 17px;
    height: 17px;
    content: '';
    border: 1px solid transparent;
    border-radius: 100%;
    background-color: #fff;
}

.radio-item input:checked + label::before {
    border: 0;
    background-color: #f46e25;
}

.radio-item input:checked + label::after {
    position: absolute;
    top: 10px;
    left: 6px;
    display: block;
    width: 5px;
    height: 5px;
    content: '';
    border-radius: 100%;
    background-color: #fff;
}

.checkbox-item input {
    display: none;
}

.checkbox-item input + label {
    position: relative;
    margin-right: 30px;
    padding-left: 23px;
}

.checkbox-item input + label::before {
    position: absolute;
    top: 4px;
    left: 0;
    display: block;
    width: 17px;
    height: 17px;
    content: '';
    border: 1px solid rgba(51, 51, 51, .2);
    border-radius: 2px;
    background-color: #fff;
}

.checkbox-item input:checked + label::before {
    border: 0;
    background-color: #f46e25;
}

.checkbox-item input:checked + label::after {
    position: absolute;
    top: 8px;
    left: 4px;
    display: block;
    width: 10px;
    height: 6px;
    content: '';
    transform: rotate(-45deg);
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
}

.radio.is-error, .checkbox.is-error {
    border: 0;
}

.radio.is-error .radio-item input + label::before, .radio.is-error .checkbox-item input + label::before, .checkbox.is-error .radio-item input + label::before, .checkbox.is-error .checkbox-item input + label::before {
    border: 1px solid #f00;
}

.textarea {
    width: 100%;
    min-height: 155px;
    margin-bottom: 65px;
    padding: 26px 24px;
    border: 1px solid #c0c0c0;
    border-radius: 5px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, .06);
}

.textarea:-ms-input-placeholder {
    opacity: 1;
    color: rgba(51, 51, 51, .4);
}

.textarea::placeholder {
    opacity: 1;
    color: rgba(51, 51, 51, .4);
}

.textarea:-ms-input-placeholder {
    opacity: 1;
    color: rgba(51, 51, 51, .4);
}

.textarea::-ms-input-placeholder {
    opacity: 1;
    color: rgba(51, 51, 51, .4);
}

.input {
    width: 100%;
    margin-bottom: 50px;
    padding: 26px 24px;
    border: 1px solid #c0c0c0;
    border-radius: 5px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, .06);
}

.input:-ms-input-placeholder {
    opacity: 1;
    color: rgba(51, 51, 51, .4);
}

.input::placeholder {
    opacity: 1;
    color: rgba(51, 51, 51, .4);
}

.input:-ms-input-placeholder {
    opacity: 1;
    color: rgba(51, 51, 51, .4);
}

.input::-ms-input-placeholder {
    opacity: 1;
    color: rgba(51, 51, 51, .4);
}

.question-input {
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    margin-bottom: 50px;
    border: 1px solid #c0c0c0;
    border-radius: 5px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, .06);
}

.question-input .icon {
    position: relative;
    width: 46px;
    background-color: #595858;
}

.question-input .icon::before {
    font-size: 1.7rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    color: #fff;
}

.question-input input {
    width: 100%;
    padding: 26px 25px;
    border: 0;
}

.question-input input:-ms-input-placeholder {
    opacity: 1;
    color: rgba(51, 51, 51, .4);
}

.question-input input::placeholder {
    opacity: 1;
    color: rgba(51, 51, 51, .4);
}

.question-input input:-ms-input-placeholder {
    opacity: 1;
    color: rgba(51, 51, 51, .4);
}

.question-input input::-ms-input-placeholder {
    opacity: 1;
    color: rgba(51, 51, 51, .4);
}

.select {
    min-width: 342px;
    margin-bottom: 50px;
    padding: 26px 50px 26px 24px;
    border: 1px solid #c0c0c0;
    border-radius: 5px;
    background: #fff url(../images/select_icon.png) center right 20px no-repeat;
    background-size: 14px auto;
    box-shadow: 0 3px 3px rgba(0, 0, 0, .06);
}

.select.placeholder {
    color: rgba(51, 51, 51, .4);
}

.select option {
    color: #333;
}

.select:not([multiple])::-ms-expand {
    display: none;
}

.select:not([multiple]) {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

.select option[value='0'] {
    display: none;
}

.selects {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 11px;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.selects .select {
    font-size: 1.4rem;
    min-width: 152px;
    margin-bottom: 15px;
    padding: 12px 40px 12px 14px;
    background: #fff url(../images/select_icon.png) center right 15px no-repeat;
    background-size: 10px auto;
}

.selects .select:not(:last-child) {
    margin-right: 15px;
}

.question-conf-list {
    margin-bottom: 50px;
    padding-top: 9px;
}

.question-conf-list .list-item {
    position: relative;
    margin-top: 30px;
}

.question-conf-list .list ul {
    padding-left: 50px;
}

.question-conf-list .list &gt; li:first-child .list-item {
    margin-top: 0;
}

.question-conf-list .list ul li:not(:last-child) {
    position: relative;
}

.question-conf-list .list ul li:not(:last-child)::before {
    position: absolute;
    top: 0;
    left: -25px;
    width: 25px;
    height: 100%;
    content: '';
    border-left: 3px solid #76a3da;
}

.question-conf-list .list ul li .list-item {
    position: relative;
    margin-top: 30px;
}

.question-conf-list .list ul li .list-item::after {
    position: absolute;
    top: -30px;
    left: -25px;
    width: 25px;
    height: calc(50% + 30px);
    content: '';
    border-bottom: 3px solid #76a3da;
    border-left: 3px solid #76a3da;
}

.page-setting-list {
    margin-bottom: 50px;
    padding-top: 9px;
}

.page-setting-list .removable {
    padding: 15px;
    pointer-events: none;
}

.page-setting-list .removable .circle-btn {
    margin: auto;
    pointer-events: auto;
}

.page-setting-list .question-box {
    transition: all .4s ease;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.page-setting-list .inner {
    padding-right: 72px;
}

.page-setting-list .control-btns {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.page-setting-list li {
    position: relative;
    padding-bottom: 80px;
    transition: padding .4s ease;
}

.page-setting-list li .removable {
    position: absolute;
    z-index: 10;
    right: 0;
    bottom: 0;
    left: 0;
    transition: all .4s ease;
}

.page-setting-list li.active {
    padding-bottom: 0;
}

.page-setting-list li.active .removable {
    bottom: -40px;
}

.page-setting-list li.active .circle-btn {
    color: #fff;
    border: 0;
    background-color: #f46e25;
}

.page-setting-list li.active .question-box {
    padding: 38px 0 22px;
    border-bottom: 1px solid #f1f2f5;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.page-setting-list li.active + li .question-box {
    padding: 38px 0 22px;
    border-top: 1px solid #f1f2f5;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.page-setting-list li:last-child {
    padding-bottom: 0;
}

.page-setting-list li:last-child .removable {
    display: none;
}

.answer-input-list {
    margin-bottom: 14px;
}

.answer-input-list::after {
    display: table;
    clear: both;
    content: '';
}

.answer-input-list .list {
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;
    height: 100%;

    -ms-flex-direction: column;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.answer-input-list .list-item {
    width: calc((100% - (25px * (2 - 1))) / 2 - .1px);
    height: 74px;
    margin-right: 25px;
    margin-bottom: 25px;
}

.answer-input-list .list-item:nth-child(2n) {
    margin-right: 0;
}

.answer-input-list .add-contents {
    width: calc((100% - (25px * (2 - 1))) / 2 - .1px);
    margin-bottom: 25px;
    padding: 20px;
}

.answer-input {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    border: 1px solid #c0c0c0;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 3px 3px rgba(0, 0, 0, .06);
}

.answer-input input {
    padding: 25px 24px 25px 24px;
    border: 0;

    -ms-flex: 1;
        flex: 1;
}

.answer-input input:-ms-input-placeholder {
    opacity: 1;
    color: rgba(51, 51, 51, .4);
}

.answer-input input::placeholder {
    opacity: 1;
    color: rgba(51, 51, 51, .4);
}

.answer-input input:-ms-input-placeholder {
    opacity: 1;
    color: rgba(51, 51, 51, .4);
}

.answer-input input::-ms-input-placeholder {
    opacity: 1;
    color: rgba(51, 51, 51, .4);
}

.answer-input .control-btns {
    /*position: absolute;
		top: 1px;
		bottom: 1px;
		right: 0;
		margin: auto;*/
}

.ui-dialog {
    font-family: inherit;
    overflow: hidden;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 5px !important;
}

.ui-dialog .ui-dialog-titlebar {
    display: none;
}

.ui-dialog .modal {
    padding: 37px 40px 40px;
    background-color: #f1f2f5;
}

.ui-dialog .modal p {
    margin-bottom: 22px;
}

.ui-dialog .modal .content {
    margin-bottom: 50px;
    padding: 28px 25px 32px;
    border-radius: 3px;
    background-color: #fff;
    box-shadow: 0 3px 3px rgba(0, 0, 0, .06);
}

.ui-dialog .modal .btn-area .btn {
    margin: 0 27px;
    color: #fff;
}

.ui-widget-overlay {
    opacity: 1;
    background-color: rgba(42, 49, 53, .5);
}

.radio-btns, .checkbox-btns {
    margin-bottom: 30px;
}

.radio-btns:last-child, .checkbox-btns:last-child {
    margin-bottom: 0;
}

.radio-btns li + li, .checkbox-btns li + li {
    margin-top: 9px;
}

.radio-btn, .checkbox-btn {
    display: none;
}

.radio-btn + label, .checkbox-btn + label {
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0;
    cursor: pointer;
    transition: all .2s ease;
    color: rgba(51, 51, 51, .7);

    -ms-flex-align: center;
    align-items: center;
}

.radio-btn + label .btn, .checkbox-btn + label .btn {
    font-size: 1.3rem;
    display: -ms-flexbox;
    display: flex;
    min-width: 73px;
    margin-right: 13px;
    padding: 7px 0 6px;
    color: #333;
    border: 1px solid #595858;
    border-radius: 5px;
    background-color: #fff;

    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.radio-btn:checked + label, .checkbox-btn:checked + label {
    color: #f46e25;
}

.radio-btn:checked + label .btn, .checkbox-btn:checked + label .btn {
    font-weight: 500;
    color: #fff;
    border-color: #f46e25;
    background-color: #f46e25;
}

.theme-green .radio-btn:checked + label, .theme-green
.checkbox-btn:checked + label {
    color: #237ae6;
}

.theme-green .radio-btn:checked + label .btn, .theme-green
.checkbox-btn:checked + label .btn {
    border-color: #237ae6;
    background-color: #237ae6;
}

.pager {
    margin: 2em 0;
}

.pager ul li {
    display: inline-block;
    padding: 0;
    text-indent: 0;
}

.pager ul li:before {
    content: none;
}

.pager ul li a, .pager ul li span {
    line-height: 26px;
    display: inline-block;
    min-width: 30px;
    margin: 0 4px;
    padding: 0 4px;
    text-align: center;
    border: 2px solid #ccc;
    border-radius: 5px;
}

.pager ul li.pager-last:before {
    line-height: 26px;
    display: inline-block;
    width: 26px;
    margin-right: 4px;
    content: '窶ｦ';
    text-align: center;
}

.iphone {
    position: relative;
    width: 400px;
    margin: 0 auto 20px;
    padding: 70px 10px 80px 30px;
    transform: scale(.8);
    border-radius: 20px;
    background-color: #333;
    box-shadow: inset 20px -10px 0 rgba(0, 0, 0, .5), -20px 50px 90px rgba(0, 0, 0, .5);
}

.iphone:before, .iphone:after {
    position: absolute;
    display: block;
    content: '';
}

.iphone:before {
    top: 35px;
    left: 50%;
    width: 60px;
    height: 10px;
    margin-left: -30px;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, .2);
}

.iphone:after {
    bottom: 20px;
    left: 50%;
    width: 50px;
    height: 50px;
    margin-left: -25px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, .2);
}

iframe {
    width: 100%;
    height: 568px;
    margin: 0;
    border: none;
}

iframe::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background: #ccc;
}

iframe::-webkit-scrollbar-piece {
    background: #666;
}

iframe::-webkit-scrollbar-thumb {
    background: #666;
}

.ie #shop-rank-chart svg {
    height: 100vh;
}

#shop-rank-chart .c3-axis-y .tick text {
    font-family: 'Noto Sans JP', '繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3', 'Hiragino Kaku Gothic Pro', '繝｡繧､繝ｪ繧ｪ', 'Meiryo', Osaka, '�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け', 'MS PGothic', sans-serif;
    font-size: 1.4rem;

    fill: #333;
}

#shop-rank-chart .c3-axis-y .tick line {
    opacity: 0;
}

#shop-rank-chart .y-label {
    font-family: 'Noto Sans JP', '繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3', 'Hiragino Kaku Gothic Pro', '繝｡繧､繝ｪ繧ｪ', 'Meiryo', Osaka, '�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け', 'MS PGothic', sans-serif;
    font-size: 1.4rem;
    position: absolute;
    top: 50%;
    left: -2px;
    transform: translateY(-50%);
    -ms-writing-mode: tb-rl;

        writing-mode: vertical-rl;
}

#shop-rank-chart .c3-axis-x .tick text {
    font-family: 'Noto Sans JP', '繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3', 'Hiragino Kaku Gothic Pro', '繝｡繧､繝ｪ繧ｪ', 'Meiryo', Osaka, '�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け', 'MS PGothic', sans-serif;
    font-size: 1.4rem;

    fill: #333;
}

#shop-rank-chart .c3-axis-x .tick line {
    transform: scale(1, 5);

    stroke: #f4f4f4;
    stroke-width: 2px;
}

#shop-rank-chart .c3-xgrid:nth-last-child(1), #shop-rank-chart .c3-xgrid:nth-last-child(2) {
    opacity: 0 !important;
}

#shop-rank-chart .c3-line {
    stroke-width: 2px;
}

#shop-rank-chart .c3-focused .c3-line {
    stroke-width: 5px;
}

#shop-rank-chart .c3-target.c3-defocused {
    opacity: .15 !important;
}

#shop-rank-chart .c3-grid line {
    stroke: #f4f4f4;
    stroke-dasharray: 0;
    stroke-width: 2px;
}

#shop-rank-chart .domain {
    opacity: 0;
}

#shop-rank-chart .legend:hover {
    color: rgba(51, 51, 51, .15);
}

#shop-rank-chart .legend span {
    font-family: 'Noto Sans JP', '繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3', 'Hiragino Kaku Gothic Pro', '繝｡繧､繝ｪ繧ｪ', 'Meiryo', Osaka, '�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け', 'MS PGothic', sans-serif;
    font-size: 1.4rem;
    cursor: pointer;
}

#shop-rank-chart .legend span:hover {
    color: #333;
}

.ie #industry-score-chart svg {
    height: 100vh;
}

#industry-score-chart .c3-axis-y .tick text {
    font-family: 'Noto Sans JP', '繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3', 'Hiragino Kaku Gothic Pro', '繝｡繧､繝ｪ繧ｪ', 'Meiryo', Osaka, '�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け', 'MS PGothic', sans-serif;
    font-size: 1.4rem;

    fill: #333;
}

#industry-score-chart .c3-axis-y .tick line {
    opacity: 0;
}

#industry-score-chart .c3-axis-x .tick text {
    font-family: 'Noto Sans JP', '繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3', 'Hiragino Kaku Gothic Pro', '繝｡繧､繝ｪ繧ｪ', 'Meiryo', Osaka, '�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け', 'MS PGothic', sans-serif;
    font-size: 1.4rem;
    transform: translateY(4px);

    fill: #333;
}

#industry-score-chart .c3-axis-x .tick line {
    transform: scale(1, 5);

    stroke: #f4f4f4;
    stroke-width: 2px;
}

#industry-score-chart .c3-line {
    stroke-width: 2px;
}

#industry-score-chart .c3-grid line {
    stroke: #f4f4f4;
    stroke-dasharray: 0;
    stroke-width: 2px;
}

#industry-score-chart .domain {
    opacity: 0;
}

#industry-score-chart .c3-legend-item {
    transform: translateY(10px);
}

#industry-score-chart .c3-legend-item text {
    font-family: 'Noto Sans JP', '繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3', 'Hiragino Kaku Gothic Pro', '繝｡繧､繝ｪ繧ｪ', 'Meiryo', Osaka, '�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け', 'MS PGothic', sans-serif;
    font-size: 1.2rem;
}

#industry-score-chart .c3-legend-item-tile {
    stroke-width: 4px;
}

#recommend-score-chart .c3-axis-y .tick text {
    font-family: 'Noto Sans JP', '繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3', 'Hiragino Kaku Gothic Pro', '繝｡繧､繝ｪ繧ｪ', 'Meiryo', Osaka, '�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け', 'MS PGothic', sans-serif;
    font-size: 1.6rem;
    transform: translateX(-6px);

    fill: #333;
}

#recommend-score-chart .c3-axis-x .tick text {
    font-family: 'Noto Sans JP', '繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3', 'Hiragino Kaku Gothic Pro', '繝｡繧､繝ｪ繧ｪ', 'Meiryo', Osaka, '�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け', 'MS PGothic', sans-serif;
    font-size: 1.4rem;
    transform: translateY(-15px);
    letter-spacing: .05em;
    -ms-writing-mode: tb-rl;

        writing-mode: vertical-rl;
    text-anchor: start !important;
    fill: #333;
}

.safari #recommend-score-chart .c3-axis-x .tick text {
    letter-spacing: -.4em;
}

.ie #recommend-score-chart .c3-axis-x .tick text {
    letter-spacing: 0;
}

.ipad #recommend-score-chart .c3-axis-x .tick text {
    letter-spacing: .1em;
}

#recommend-score-chart .c3-ygrid-line.label-0 {
    stroke-width: 2px;
}

#recommend-score-chart .c3-ygrid-line.label-0 line {
    stroke: #080404;
    stroke-linecap: round;
    stroke-dasharray: 6 8;
}

#recommend-score-chart .c3-grid line {
    stroke: #d6d6d6;
    stroke-dasharray: 0;
}

#recommend-score-chart .c3-line {
    stroke-width: 2px;
}

#recommend-score-chart .c3-region.regionX {
    fill: #f5f5f4;
    fill-opacity: 1 !important;
}

#recommend-score-chart .large1-text, #recommend-score-chart .large2-text, #recommend-score-chart .large3-text, #recommend-score-chart .small1-text, #recommend-score-chart .small2-text, #recommend-score-chart .small3-text {
    font-size: 1.2rem;
    pointer-events: none;

    fill: #fff;
}

#recommend-score-chart .domain {
    opacity: 0;
}

#recommend-score-chart .tick line {
    opacity: 0;
}

#recommend-chart.gauge-chart {
    font-weight: 500;
    position: relative;
    display: inline-block;
    padding: 10px 14px 8px 13px;
    text-align: center;
}

#recommend-chart .gauge-chart-count {
    font-size: 4.3rem;
    font-weight: 500;
    position: absolute;
    top: 76px;
    right: 0;
    left: 0;
    margin: auto;
}

#recommend-chart .gauge-chart-count::before {
    content: attr(data-count1);
}

#recommend-chart .gauge-chart-count::after {
    font-size: 2.6rem;
    content: attr(data-count2);
}

#recommend-chart .gauge-chart-rate {
    font-size: 2.6rem;
    font-weight: 700;
    line-height: 1;
    position: absolute;
    top: 157px;
    right: 0;
    left: 0;
    margin: auto;
    transition: opacity 1s ease;
    letter-spacing: .1em;
    opacity: 0;
}

#recommend-chart .gauge-chart-rate.is-active {
    opacity: 1;
}

#recommend-chart .gauge-chart-rate.is-blue {
    color: #2298c6;
}

#recommend-chart .gauge-chart-rate.is-gray {
    color: #acacac;
}

#recommend-chart .gauge-chart-rate.is-red {
    color: #d11a4a;
}

#recommend-chart .gauge-chart-scale-m100 {
    font-size: 1.2rem;
    line-height: 1;
    position: absolute;
    top: 0;
    left: calc(50% + 3px);
}

#recommend-chart .gauge-chart-scale-m50 {
    font-size: 1.2rem;
    line-height: 1;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

#recommend-chart .gauge-chart-scale-0 {
    font-size: 1.2rem;
    line-height: 1;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

#recommend-chart .gauge-chart-scale-50 {
    font-size: 1.2rem;
    line-height: 1;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

#recommend-chart .gauge-chart-scale-100 {
    font-size: 1.2rem;
    line-height: 1;
    position: absolute;
    top: 0;
    right: calc(50% + 5px);
}

.rating-chart {
    text-align: center;
}

.rating-chart .rating-chart-title {
    margin-bottom: 2px;
}

.rating-chart .rating-chart-title span {
    font-size: 1.7rem;
    font-weight: 500;
    line-height: 1;
    display: inline-block;
    width: 72px;
    text-align: center;
    letter-spacing: .03em;
}

.rating-chart .rating-chart-title span + span {
    margin-left: 16px;
}

.rating-chart .rating-chart-inner {
    display: -ms-flexbox;
    display: flex;
}

.rating-chart .rating-chart-meter-wrapper {
    position: relative;
    width: 16px;
    padding: 17px 0;
}

.rating-chart .rating-chart-meter-wrapper .rating-chart-meter {
    font-size: 1rem;
    position: absolute;
    top: 13px;
    bottom: 13px;
    left: 0;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;
    width: 100%;
    color: #fff;
    background: linear-gradient(to bottom, #259ac6 0%, white 50%, #d31c4c 100%);

    -ms-flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.rating-chart .rating-chart-meter-wrapper .rating-chart-meter:before, .rating-chart .rating-chart-meter-wrapper .rating-chart-meter:after {
    position: absolute;
    left: 0;
    display: block;
    width: 0;
    height: 0;
    content: '';
    transform: translateY(-50%);
    border-style: solid;
}

.rating-chart .rating-chart-meter-wrapper .rating-chart-meter:before {
    top: -3px;
    border-width: 0 8px 6px 8px;
    border-color: transparent transparent #2498c7 transparent;
}

.rating-chart .rating-chart-meter-wrapper .rating-chart-meter:after {
    bottom: -9px;
    border-width: 6px 8px 0 8px;
    border-color: #d31b4d transparent transparent transparent;
}

.rating-chart .rating-chart-meter-wrapper .rating-chart-meter span {
    margin: 4px 0;
}

.rating-chart .rating-chart-meter-wrapper .rating-chart-marker-wrapper {
    position: relative;
    height: 100%;
}

.rating-chart .rating-chart-meter-wrapper .rating-chart-marker-wrapper .rating-chart-marker {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 35px;
    transition: all 1.5s ease;
    transform: translateY(-50%);
}

.rating-chart .rating-chart-meter-wrapper .rating-chart-marker-wrapper .rating-chart-marker:before, .rating-chart .rating-chart-meter-wrapper .rating-chart-marker-wrapper .rating-chart-marker:after {
    position: absolute;
    top: 50%;
    display: block;
    width: 0;
    height: 0;
    content: '';
    transform: translateY(-50%);
    border-style: solid;
}

.rating-chart .rating-chart-meter-wrapper .rating-chart-marker-wrapper .rating-chart-marker:before {
    left: -10px;
    border-width: 4px 10px 4px 0;
    border-color: transparent #3b93fd transparent transparent;
}

.rating-chart .rating-chart-meter-wrapper .rating-chart-marker-wrapper .rating-chart-marker:after {
    right: -10px;
    border-width: 4px 0 4px 10px;
    border-color: transparent transparent transparent #3b93fd;
}

.rating-chart .rating-chart-scales .rating-chart-scale {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1;
    display: -ms-flexbox;
    display: flex;
    width: 52px;
    height: 19px;
    margin: 8px 10px 8px;
    padding-bottom: 1px;
    transition: all .2s ease;
    background: transparent;

    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.rating-chart .rating-chart-scales .rating-chart-scale[data-scale] {
    color: #2298c6;
}

.rating-chart .rating-chart-scales .rating-chart-scale[data-scale='0'] {
    color: #acacac;
}

.rating-chart .rating-chart-scales .rating-chart-scale[data-scale^='-'] {
    color: #d11a4a;
}

.rating-chart .rating-chart-scales .rating-chart-scale.is-active {
    font-size: 1.65rem;
    font-weight: 500;
}

.rating-chart .rating-chart-scales .rating-chart-scale.is-active[data-scale] {
    color: #fff;
    background: #2298c6;
}

.rating-chart .rating-chart-scales .rating-chart-scale.is-active[data-scale='0'] {
    color: #fff;
    background: #acacac;
}

.rating-chart .rating-chart-scales .rating-chart-scale.is-active[data-scale^='-'] {
    color: #fff;
    background: #d11a4a;
}

.rating-chart .rating-chart-scales .rating-chart-scale span {
    font-size: 1.2rem;
    margin: 0 1px;
}

.rating-chart .rating-chart-scales:last-child .rating-chart-scale {
    letter-spacing: .1em;
}

.hidden {
    display: none;
}

.is-error {
    border: 1px solid #f00;
}

@media print {
    .header-group, .contents-side {
        display: none !important;
    }
    .contents-main {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .funcbox-print {
        display: none !important;
    }
    .funcbox[data-print] {
        margin-top: 0 !important;
    }
}</pre></body></html>