@charset "UTF-8";
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url("../fonts/fontawesome-webfont.eot?v=4.7.0");
  src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal; }

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -15%; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-fw {
  width: 1.28571em;
  text-align: center; }

.fa-ul {
  padding-left: 0;
  margin-left: 2.14286em;
  list-style-type: none; }
  .fa-ul > li {
    position: relative; }

.fa-li {
  position: absolute;
  left: -2.14286em;
  width: 2.14286em;
  top: 0.14286em;
  text-align: center; }
  .fa-li.fa-lg {
    left: -1.85714em; }

.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eee;
  border-radius: .1em; }

.fa-pull-left {
  float: left; }

.fa-pull-right {
  float: right; }

.fa.fa-pull-left {
  margin-right: .3em; }

.fa.fa-pull-right {
  margin-left: .3em; }

/* Deprecated as of 4.4.0 */
.pull-right {
  float: right; }

.pull-left {
  float: left; }

.fa.pull-left {
  margin-right: .3em; }

.fa.pull-right {
  margin-left: .3em; }

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear; }

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8); }

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg); }

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1); }

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1); }

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none; }

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle; }

.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center; }

.fa-stack-1x {
  line-height: inherit; }

.fa-stack-2x {
  font-size: 2em; }

.fa-inverse {
  color: #fff; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: ""; }

.fa-music:before {
  content: ""; }

.fa-search:before {
  content: ""; }

.fa-envelope-o:before {
  content: ""; }

.fa-heart:before {
  content: ""; }

.fa-star:before {
  content: ""; }

.fa-star-o:before {
  content: ""; }

.fa-user:before {
  content: ""; }

.fa-film:before {
  content: ""; }

.fa-th-large:before {
  content: ""; }

.fa-th:before {
  content: ""; }

.fa-th-list:before {
  content: ""; }

.fa-check:before {
  content: ""; }

.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: ""; }

.fa-search-plus:before {
  content: ""; }

.fa-search-minus:before {
  content: ""; }

.fa-power-off:before {
  content: ""; }

.fa-signal:before {
  content: ""; }

.fa-gear:before,
.fa-cog:before {
  content: ""; }

.fa-trash-o:before {
  content: ""; }

.fa-home:before {
  content: ""; }

.fa-file-o:before {
  content: ""; }

.fa-clock-o:before {
  content: ""; }

.fa-road:before {
  content: ""; }

.fa-download:before {
  content: ""; }

.fa-arrow-circle-o-down:before {
  content: ""; }

.fa-arrow-circle-o-up:before {
  content: ""; }

.fa-inbox:before {
  content: ""; }

.fa-play-circle-o:before {
  content: ""; }

.fa-rotate-right:before,
.fa-repeat:before {
  content: ""; }

.fa-refresh:before {
  content: ""; }

.fa-list-alt:before {
  content: ""; }

.fa-lock:before {
  content: ""; }

.fa-flag:before {
  content: ""; }

.fa-headphones:before {
  content: ""; }

.fa-volume-off:before {
  content: ""; }

.fa-volume-down:before {
  content: ""; }

.fa-volume-up:before {
  content: ""; }

.fa-qrcode:before {
  content: ""; }

.fa-barcode:before {
  content: ""; }

.fa-tag:before {
  content: ""; }

.fa-tags:before {
  content: ""; }

.fa-book:before {
  content: ""; }

.fa-bookmark:before {
  content: ""; }

.fa-print:before {
  content: ""; }

.fa-camera:before {
  content: ""; }

.fa-font:before {
  content: ""; }

.fa-bold:before {
  content: ""; }

.fa-italic:before {
  content: ""; }

.fa-text-height:before {
  content: ""; }

.fa-text-width:before {
  content: ""; }

.fa-align-left:before {
  content: ""; }

.fa-align-center:before {
  content: ""; }

.fa-align-right:before {
  content: ""; }

.fa-align-justify:before {
  content: ""; }

.fa-list:before {
  content: ""; }

.fa-dedent:before,
.fa-outdent:before {
  content: ""; }

.fa-indent:before {
  content: ""; }

.fa-video-camera:before {
  content: ""; }

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: ""; }

.fa-pencil:before {
  content: ""; }

.fa-map-marker:before {
  content: ""; }

.fa-adjust:before {
  content: ""; }

.fa-tint:before {
  content: ""; }

.fa-edit:before,
.fa-pencil-square-o:before {
  content: ""; }

.fa-share-square-o:before {
  content: ""; }

.fa-check-square-o:before {
  content: ""; }

.fa-arrows:before {
  content: ""; }

.fa-step-backward:before {
  content: ""; }

.fa-fast-backward:before {
  content: ""; }

.fa-backward:before {
  content: ""; }

.fa-play:before {
  content: ""; }

.fa-pause:before {
  content: ""; }

.fa-stop:before {
  content: ""; }

.fa-forward:before {
  content: ""; }

.fa-fast-forward:before {
  content: ""; }

.fa-step-forward:before {
  content: ""; }

.fa-eject:before {
  content: ""; }

.fa-chevron-left:before {
  content: ""; }

.fa-chevron-right:before {
  content: ""; }

.fa-plus-circle:before {
  content: ""; }

.fa-minus-circle:before {
  content: ""; }

.fa-times-circle:before {
  content: ""; }

.fa-check-circle:before {
  content: ""; }

.fa-question-circle:before {
  content: ""; }

.fa-info-circle:before {
  content: ""; }

.fa-crosshairs:before {
  content: ""; }

.fa-times-circle-o:before {
  content: ""; }

.fa-check-circle-o:before {
  content: ""; }

.fa-ban:before {
  content: ""; }

.fa-arrow-left:before {
  content: ""; }

.fa-arrow-right:before {
  content: ""; }

.fa-arrow-up:before {
  content: ""; }

.fa-arrow-down:before {
  content: ""; }

.fa-mail-forward:before,
.fa-share:before {
  content: ""; }

.fa-expand:before {
  content: ""; }

.fa-compress:before {
  content: ""; }

.fa-plus:before {
  content: ""; }

.fa-minus:before {
  content: ""; }

.fa-asterisk:before {
  content: ""; }

.fa-exclamation-circle:before {
  content: ""; }

.fa-gift:before {
  content: ""; }

.fa-leaf:before {
  content: ""; }

.fa-fire:before {
  content: ""; }

.fa-eye:before {
  content: ""; }

.fa-eye-slash:before {
  content: ""; }

.fa-warning:before,
.fa-exclamation-triangle:before {
  content: ""; }

.fa-plane:before {
  content: ""; }

.fa-calendar:before {
  content: ""; }

.fa-random:before {
  content: ""; }

.fa-comment:before {
  content: ""; }

.fa-magnet:before {
  content: ""; }

.fa-chevron-up:before {
  content: ""; }

.fa-chevron-down:before {
  content: ""; }

.fa-retweet:before {
  content: ""; }

.fa-shopping-cart:before {
  content: ""; }

.fa-folder:before {
  content: ""; }

.fa-folder-open:before {
  content: ""; }

.fa-arrows-v:before {
  content: ""; }

.fa-arrows-h:before {
  content: ""; }

.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: ""; }

.fa-twitter-square:before {
  content: ""; }

.fa-facebook-square:before {
  content: ""; }

.fa-camera-retro:before {
  content: ""; }

.fa-key:before {
  content: ""; }

.fa-gears:before,
.fa-cogs:before {
  content: ""; }

.fa-comments:before {
  content: ""; }

.fa-thumbs-o-up:before {
  content: ""; }

.fa-thumbs-o-down:before {
  content: ""; }

.fa-star-half:before {
  content: ""; }

.fa-heart-o:before {
  content: ""; }

.fa-sign-out:before {
  content: ""; }

.fa-linkedin-square:before {
  content: ""; }

.fa-thumb-tack:before {
  content: ""; }

.fa-external-link:before {
  content: ""; }

.fa-sign-in:before {
  content: ""; }

.fa-trophy:before {
  content: ""; }

.fa-github-square:before {
  content: ""; }

.fa-upload:before {
  content: ""; }

.fa-lemon-o:before {
  content: ""; }

.fa-phone:before {
  content: ""; }

.fa-square-o:before {
  content: ""; }

.fa-bookmark-o:before {
  content: ""; }

.fa-phone-square:before {
  content: ""; }

.fa-twitter:before {
  content: ""; }

.fa-facebook-f:before,
.fa-facebook:before {
  content: ""; }

.fa-github:before {
  content: ""; }

.fa-unlock:before {
  content: ""; }

.fa-credit-card:before {
  content: ""; }

.fa-feed:before,
.fa-rss:before {
  content: ""; }

.fa-hdd-o:before {
  content: ""; }

.fa-bullhorn:before {
  content: ""; }

.fa-bell:before {
  content: ""; }

.fa-certificate:before {
  content: ""; }

.fa-hand-o-right:before {
  content: ""; }

.fa-hand-o-left:before {
  content: ""; }

.fa-hand-o-up:before {
  content: ""; }

.fa-hand-o-down:before {
  content: ""; }

.fa-arrow-circle-left:before {
  content: ""; }

.fa-arrow-circle-right:before {
  content: ""; }

.fa-arrow-circle-up:before {
  content: ""; }

.fa-arrow-circle-down:before {
  content: ""; }

.fa-globe:before {
  content: ""; }

.fa-wrench:before {
  content: ""; }

.fa-tasks:before {
  content: ""; }

.fa-filter:before {
  content: ""; }

.fa-briefcase:before {
  content: ""; }

.fa-arrows-alt:before {
  content: ""; }

.fa-group:before,
.fa-users:before {
  content: ""; }

.fa-chain:before,
.fa-link:before {
  content: ""; }

.fa-cloud:before {
  content: ""; }

.fa-flask:before {
  content: ""; }

.fa-cut:before,
.fa-scissors:before {
  content: ""; }

.fa-copy:before,
.fa-files-o:before {
  content: ""; }

.fa-paperclip:before {
  content: ""; }

.fa-save:before,
.fa-floppy-o:before {
  content: ""; }

.fa-square:before {
  content: ""; }

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: ""; }

.fa-list-ul:before {
  content: ""; }

.fa-list-ol:before {
  content: ""; }

.fa-strikethrough:before {
  content: ""; }

.fa-underline:before {
  content: ""; }

.fa-table:before {
  content: ""; }

.fa-magic:before {
  content: ""; }

.fa-truck:before {
  content: ""; }

.fa-pinterest:before {
  content: ""; }

.fa-pinterest-square:before {
  content: ""; }

.fa-google-plus-square:before {
  content: ""; }

.fa-google-plus:before {
  content: ""; }

.fa-money:before {
  content: ""; }

.fa-caret-down:before {
  content: ""; }

.fa-caret-up:before {
  content: ""; }

.fa-caret-left:before {
  content: ""; }

.fa-caret-right:before {
  content: ""; }

.fa-columns:before {
  content: ""; }

.fa-unsorted:before,
.fa-sort:before {
  content: ""; }

.fa-sort-down:before,
.fa-sort-desc:before {
  content: ""; }

.fa-sort-up:before,
.fa-sort-asc:before {
  content: ""; }

.fa-envelope:before {
  content: ""; }

.fa-linkedin:before {
  content: ""; }

.fa-rotate-left:before,
.fa-undo:before {
  content: ""; }

.fa-legal:before,
.fa-gavel:before {
  content: ""; }

.fa-dashboard:before,
.fa-tachometer:before {
  content: ""; }

.fa-comment-o:before {
  content: ""; }

.fa-comments-o:before {
  content: ""; }

.fa-flash:before,
.fa-bolt:before {
  content: ""; }

.fa-sitemap:before {
  content: ""; }

.fa-umbrella:before {
  content: ""; }

.fa-paste:before,
.fa-clipboard:before {
  content: ""; }

.fa-lightbulb-o:before {
  content: ""; }

.fa-exchange:before {
  content: ""; }

.fa-cloud-download:before {
  content: ""; }

.fa-cloud-upload:before {
  content: ""; }

.fa-user-md:before {
  content: ""; }

.fa-stethoscope:before {
  content: ""; }

.fa-suitcase:before {
  content: ""; }

.fa-bell-o:before {
  content: ""; }

.fa-coffee:before {
  content: ""; }

.fa-cutlery:before {
  content: ""; }

.fa-file-text-o:before {
  content: ""; }

.fa-building-o:before {
  content: ""; }

.fa-hospital-o:before {
  content: ""; }

.fa-ambulance:before {
  content: ""; }

.fa-medkit:before {
  content: ""; }

.fa-fighter-jet:before {
  content: ""; }

.fa-beer:before {
  content: ""; }

.fa-h-square:before {
  content: ""; }

.fa-plus-square:before {
  content: ""; }

.fa-angle-double-left:before {
  content: ""; }

.fa-angle-double-right:before {
  content: ""; }

.fa-angle-double-up:before {
  content: ""; }

.fa-angle-double-down:before {
  content: ""; }

.fa-angle-left:before {
  content: ""; }

.fa-angle-right:before {
  content: ""; }

.fa-angle-up:before {
  content: ""; }

.fa-angle-down:before {
  content: ""; }

.fa-desktop:before {
  content: ""; }

.fa-laptop:before {
  content: ""; }

.fa-tablet:before {
  content: ""; }

.fa-mobile-phone:before,
.fa-mobile:before {
  content: ""; }

.fa-circle-o:before {
  content: ""; }

.fa-quote-left:before {
  content: ""; }

.fa-quote-right:before {
  content: ""; }

.fa-spinner:before {
  content: ""; }

.fa-circle:before {
  content: ""; }

.fa-mail-reply:before,
.fa-reply:before {
  content: ""; }

.fa-github-alt:before {
  content: ""; }

.fa-folder-o:before {
  content: ""; }

.fa-folder-open-o:before {
  content: ""; }

.fa-smile-o:before {
  content: ""; }

.fa-frown-o:before {
  content: ""; }

.fa-meh-o:before {
  content: ""; }

.fa-gamepad:before {
  content: ""; }

.fa-keyboard-o:before {
  content: ""; }

.fa-flag-o:before {
  content: ""; }

.fa-flag-checkered:before {
  content: ""; }

.fa-terminal:before {
  content: ""; }

.fa-code:before {
  content: ""; }

.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: ""; }

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: ""; }

.fa-location-arrow:before {
  content: ""; }

.fa-crop:before {
  content: ""; }

.fa-code-fork:before {
  content: ""; }

.fa-unlink:before,
.fa-chain-broken:before {
  content: ""; }

.fa-question:before {
  content: ""; }

.fa-info:before {
  content: ""; }

.fa-exclamation:before {
  content: ""; }

.fa-superscript:before {
  content: ""; }

.fa-subscript:before {
  content: ""; }

.fa-eraser:before {
  content: ""; }

.fa-puzzle-piece:before {
  content: ""; }

.fa-microphone:before {
  content: ""; }

.fa-microphone-slash:before {
  content: ""; }

.fa-shield:before {
  content: ""; }

.fa-calendar-o:before {
  content: ""; }

.fa-fire-extinguisher:before {
  content: ""; }

.fa-rocket:before {
  content: ""; }

.fa-maxcdn:before {
  content: ""; }

.fa-chevron-circle-left:before {
  content: ""; }

.fa-chevron-circle-right:before {
  content: ""; }

.fa-chevron-circle-up:before {
  content: ""; }

.fa-chevron-circle-down:before {
  content: ""; }

.fa-html5:before {
  content: ""; }

.fa-css3:before {
  content: ""; }

.fa-anchor:before {
  content: ""; }

.fa-unlock-alt:before {
  content: ""; }

.fa-bullseye:before {
  content: ""; }

.fa-ellipsis-h:before {
  content: ""; }

.fa-ellipsis-v:before {
  content: ""; }

.fa-rss-square:before {
  content: ""; }

.fa-play-circle:before {
  content: ""; }

.fa-ticket:before {
  content: ""; }

.fa-minus-square:before {
  content: ""; }

.fa-minus-square-o:before {
  content: ""; }

.fa-level-up:before {
  content: ""; }

.fa-level-down:before {
  content: ""; }

.fa-check-square:before {
  content: ""; }

.fa-pencil-square:before {
  content: ""; }

.fa-external-link-square:before {
  content: ""; }

.fa-share-square:before {
  content: ""; }

.fa-compass:before {
  content: ""; }

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: ""; }

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: ""; }

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: ""; }

.fa-euro:before,
.fa-eur:before {
  content: ""; }

.fa-gbp:before {
  content: ""; }

.fa-dollar:before,
.fa-usd:before {
  content: ""; }

.fa-rupee:before,
.fa-inr:before {
  content: ""; }

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: ""; }

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: ""; }

.fa-won:before,
.fa-krw:before {
  content: ""; }

.fa-bitcoin:before,
.fa-btc:before {
  content: ""; }

.fa-file:before {
  content: ""; }

.fa-file-text:before {
  content: ""; }

.fa-sort-alpha-asc:before {
  content: ""; }

.fa-sort-alpha-desc:before {
  content: ""; }

.fa-sort-amount-asc:before {
  content: ""; }

.fa-sort-amount-desc:before {
  content: ""; }

.fa-sort-numeric-asc:before {
  content: ""; }

.fa-sort-numeric-desc:before {
  content: ""; }

.fa-thumbs-up:before {
  content: ""; }

.fa-thumbs-down:before {
  content: ""; }

.fa-youtube-square:before {
  content: ""; }

.fa-youtube:before {
  content: ""; }

.fa-xing:before {
  content: ""; }

.fa-xing-square:before {
  content: ""; }

.fa-youtube-play:before {
  content: ""; }

.fa-dropbox:before {
  content: ""; }

.fa-stack-overflow:before {
  content: ""; }

.fa-instagram:before {
  content: ""; }

.fa-flickr:before {
  content: ""; }

.fa-adn:before {
  content: ""; }

.fa-bitbucket:before {
  content: ""; }

.fa-bitbucket-square:before {
  content: ""; }

.fa-tumblr:before {
  content: ""; }

.fa-tumblr-square:before {
  content: ""; }

.fa-long-arrow-down:before {
  content: ""; }

.fa-long-arrow-up:before {
  content: ""; }

.fa-long-arrow-left:before {
  content: ""; }

.fa-long-arrow-right:before {
  content: ""; }

.fa-apple:before {
  content: ""; }

.fa-windows:before {
  content: ""; }

.fa-android:before {
  content: ""; }

.fa-linux:before {
  content: ""; }

.fa-dribbble:before {
  content: ""; }

.fa-skype:before {
  content: ""; }

.fa-foursquare:before {
  content: ""; }

.fa-trello:before {
  content: ""; }

.fa-female:before {
  content: ""; }

.fa-male:before {
  content: ""; }

.fa-gittip:before,
.fa-gratipay:before {
  content: ""; }

.fa-sun-o:before {
  content: ""; }

.fa-moon-o:before {
  content: ""; }

.fa-archive:before {
  content: ""; }

.fa-bug:before {
  content: ""; }

.fa-vk:before {
  content: ""; }

.fa-weibo:before {
  content: ""; }

.fa-renren:before {
  content: ""; }

.fa-pagelines:before {
  content: ""; }

.fa-stack-exchange:before {
  content: ""; }

.fa-arrow-circle-o-right:before {
  content: ""; }

.fa-arrow-circle-o-left:before {
  content: ""; }

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: ""; }

.fa-dot-circle-o:before {
  content: ""; }

.fa-wheelchair:before {
  content: ""; }

.fa-vimeo-square:before {
  content: ""; }

.fa-turkish-lira:before,
.fa-try:before {
  content: ""; }

.fa-plus-square-o:before {
  content: ""; }

.fa-space-shuttle:before {
  content: ""; }

.fa-slack:before {
  content: ""; }

.fa-envelope-square:before {
  content: ""; }

.fa-wordpress:before {
  content: ""; }

.fa-openid:before {
  content: ""; }

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: ""; }

.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: ""; }

.fa-yahoo:before {
  content: ""; }

.fa-google:before {
  content: ""; }

.fa-reddit:before {
  content: ""; }

.fa-reddit-square:before {
  content: ""; }

.fa-stumbleupon-circle:before {
  content: ""; }

.fa-stumbleupon:before {
  content: ""; }

.fa-delicious:before {
  content: ""; }

.fa-digg:before {
  content: ""; }

.fa-pied-piper-pp:before {
  content: ""; }

.fa-pied-piper-alt:before {
  content: ""; }

.fa-drupal:before {
  content: ""; }

.fa-joomla:before {
  content: ""; }

.fa-language:before {
  content: ""; }

.fa-fax:before {
  content: ""; }

.fa-building:before {
  content: ""; }

.fa-child:before {
  content: ""; }

.fa-paw:before {
  content: ""; }

.fa-spoon:before {
  content: ""; }

.fa-cube:before {
  content: ""; }

.fa-cubes:before {
  content: ""; }

.fa-behance:before {
  content: ""; }

.fa-behance-square:before {
  content: ""; }

.fa-steam:before {
  content: ""; }

.fa-steam-square:before {
  content: ""; }

.fa-recycle:before {
  content: ""; }

.fa-automobile:before,
.fa-car:before {
  content: ""; }

.fa-cab:before,
.fa-taxi:before {
  content: ""; }

.fa-tree:before {
  content: ""; }

.fa-spotify:before {
  content: ""; }

.fa-deviantart:before {
  content: ""; }

.fa-soundcloud:before {
  content: ""; }

.fa-database:before {
  content: ""; }

.fa-file-pdf-o:before {
  content: ""; }

.fa-file-word-o:before {
  content: ""; }

.fa-file-excel-o:before {
  content: ""; }

.fa-file-powerpoint-o:before {
  content: ""; }

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: ""; }

.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: ""; }

.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: ""; }

.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: ""; }

.fa-file-code-o:before {
  content: ""; }

.fa-vine:before {
  content: ""; }

.fa-codepen:before {
  content: ""; }

.fa-jsfiddle:before {
  content: ""; }

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: ""; }

.fa-circle-o-notch:before {
  content: ""; }

.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: ""; }

.fa-ge:before,
.fa-empire:before {
  content: ""; }

.fa-git-square:before {
  content: ""; }

.fa-git:before {
  content: ""; }

.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: ""; }

.fa-tencent-weibo:before {
  content: ""; }

.fa-qq:before {
  content: ""; }

.fa-wechat:before,
.fa-weixin:before {
  content: ""; }

.fa-send:before,
.fa-paper-plane:before {
  content: ""; }

.fa-send-o:before,
.fa-paper-plane-o:before {
  content: ""; }

.fa-history:before {
  content: ""; }

.fa-circle-thin:before {
  content: ""; }

.fa-header:before {
  content: ""; }

.fa-paragraph:before {
  content: ""; }

.fa-sliders:before {
  content: ""; }

.fa-share-alt:before {
  content: ""; }

.fa-share-alt-square:before {
  content: ""; }

.fa-bomb:before {
  content: ""; }

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: ""; }

.fa-tty:before {
  content: ""; }

.fa-binoculars:before {
  content: ""; }

.fa-plug:before {
  content: ""; }

.fa-slideshare:before {
  content: ""; }

.fa-twitch:before {
  content: ""; }

.fa-yelp:before {
  content: ""; }

.fa-newspaper-o:before {
  content: ""; }

.fa-wifi:before {
  content: ""; }

.fa-calculator:before {
  content: ""; }

.fa-paypal:before {
  content: ""; }

.fa-google-wallet:before {
  content: ""; }

.fa-cc-visa:before {
  content: ""; }

.fa-cc-mastercard:before {
  content: ""; }

.fa-cc-discover:before {
  content: ""; }

.fa-cc-amex:before {
  content: ""; }

.fa-cc-paypal:before {
  content: ""; }

.fa-cc-stripe:before {
  content: ""; }

.fa-bell-slash:before {
  content: ""; }

.fa-bell-slash-o:before {
  content: ""; }

.fa-trash:before {
  content: ""; }

.fa-copyright:before {
  content: ""; }

.fa-at:before {
  content: ""; }

.fa-eyedropper:before {
  content: ""; }

.fa-paint-brush:before {
  content: ""; }

.fa-birthday-cake:before {
  content: ""; }

.fa-area-chart:before {
  content: ""; }

.fa-pie-chart:before {
  content: ""; }

.fa-line-chart:before {
  content: ""; }

.fa-lastfm:before {
  content: ""; }

.fa-lastfm-square:before {
  content: ""; }

.fa-toggle-off:before {
  content: ""; }

.fa-toggle-on:before {
  content: ""; }

.fa-bicycle:before {
  content: ""; }

.fa-bus:before {
  content: ""; }

.fa-ioxhost:before {
  content: ""; }

.fa-angellist:before {
  content: ""; }

.fa-cc:before {
  content: ""; }

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: ""; }

.fa-meanpath:before {
  content: ""; }

.fa-buysellads:before {
  content: ""; }

.fa-connectdevelop:before {
  content: ""; }

.fa-dashcube:before {
  content: ""; }

.fa-forumbee:before {
  content: ""; }

.fa-leanpub:before {
  content: ""; }

.fa-sellsy:before {
  content: ""; }

.fa-shirtsinbulk:before {
  content: ""; }

.fa-simplybuilt:before {
  content: ""; }

.fa-skyatlas:before {
  content: ""; }

.fa-cart-plus:before {
  content: ""; }

.fa-cart-arrow-down:before {
  content: ""; }

.fa-diamond:before {
  content: ""; }

.fa-ship:before {
  content: ""; }

.fa-user-secret:before {
  content: ""; }

.fa-motorcycle:before {
  content: ""; }

.fa-street-view:before {
  content: ""; }

.fa-heartbeat:before {
  content: ""; }

.fa-venus:before {
  content: ""; }

.fa-mars:before {
  content: ""; }

.fa-mercury:before {
  content: ""; }

.fa-intersex:before,
.fa-transgender:before {
  content: ""; }

.fa-transgender-alt:before {
  content: ""; }

.fa-venus-double:before {
  content: ""; }

.fa-mars-double:before {
  content: ""; }

.fa-venus-mars:before {
  content: ""; }

.fa-mars-stroke:before {
  content: ""; }

.fa-mars-stroke-v:before {
  content: ""; }

.fa-mars-stroke-h:before {
  content: ""; }

.fa-neuter:before {
  content: ""; }

.fa-genderless:before {
  content: ""; }

.fa-facebook-official:before {
  content: ""; }

.fa-pinterest-p:before {
  content: ""; }

.fa-whatsapp:before {
  content: ""; }

.fa-server:before {
  content: ""; }

.fa-user-plus:before {
  content: ""; }

.fa-user-times:before {
  content: ""; }

.fa-hotel:before,
.fa-bed:before {
  content: ""; }

.fa-viacoin:before {
  content: ""; }

.fa-train:before {
  content: ""; }

.fa-subway:before {
  content: ""; }

.fa-medium:before {
  content: ""; }

.fa-yc:before,
.fa-y-combinator:before {
  content: ""; }

.fa-optin-monster:before {
  content: ""; }

.fa-opencart:before {
  content: ""; }

.fa-expeditedssl:before {
  content: ""; }

.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: ""; }

.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: ""; }

.fa-battery-2:before,
.fa-battery-half:before {
  content: ""; }

.fa-battery-1:before,
.fa-battery-quarter:before {
  content: ""; }

.fa-battery-0:before,
.fa-battery-empty:before {
  content: ""; }

.fa-mouse-pointer:before {
  content: ""; }

.fa-i-cursor:before {
  content: ""; }

.fa-object-group:before {
  content: ""; }

.fa-object-ungroup:before {
  content: ""; }

.fa-sticky-note:before {
  content: ""; }

.fa-sticky-note-o:before {
  content: ""; }

.fa-cc-jcb:before {
  content: ""; }

.fa-cc-diners-club:before {
  content: ""; }

.fa-clone:before {
  content: ""; }

.fa-balance-scale:before {
  content: ""; }

.fa-hourglass-o:before {
  content: ""; }

.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: ""; }

.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: ""; }

.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: ""; }

.fa-hourglass:before {
  content: ""; }

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: ""; }

.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: ""; }

.fa-hand-scissors-o:before {
  content: ""; }

.fa-hand-lizard-o:before {
  content: ""; }

.fa-hand-spock-o:before {
  content: ""; }

.fa-hand-pointer-o:before {
  content: ""; }

.fa-hand-peace-o:before {
  content: ""; }

.fa-trademark:before {
  content: ""; }

.fa-registered:before {
  content: ""; }

.fa-creative-commons:before {
  content: ""; }

.fa-gg:before {
  content: ""; }

.fa-gg-circle:before {
  content: ""; }

.fa-tripadvisor:before {
  content: ""; }

.fa-odnoklassniki:before {
  content: ""; }

.fa-odnoklassniki-square:before {
  content: ""; }

.fa-get-pocket:before {
  content: ""; }

.fa-wikipedia-w:before {
  content: ""; }

.fa-safari:before {
  content: ""; }

.fa-chrome:before {
  content: ""; }

.fa-firefox:before {
  content: ""; }

.fa-opera:before {
  content: ""; }

.fa-internet-explorer:before {
  content: ""; }

.fa-tv:before,
.fa-television:before {
  content: ""; }

.fa-contao:before {
  content: ""; }

.fa-500px:before {
  content: ""; }

.fa-amazon:before {
  content: ""; }

.fa-calendar-plus-o:before {
  content: ""; }

.fa-calendar-minus-o:before {
  content: ""; }

.fa-calendar-times-o:before {
  content: ""; }

.fa-calendar-check-o:before {
  content: ""; }

.fa-industry:before {
  content: ""; }

.fa-map-pin:before {
  content: ""; }

.fa-map-signs:before {
  content: ""; }

.fa-map-o:before {
  content: ""; }

.fa-map:before {
  content: ""; }

.fa-commenting:before {
  content: ""; }

.fa-commenting-o:before {
  content: ""; }

.fa-houzz:before {
  content: ""; }

.fa-vimeo:before {
  content: ""; }

.fa-black-tie:before {
  content: ""; }

.fa-fonticons:before {
  content: ""; }

.fa-reddit-alien:before {
  content: ""; }

.fa-edge:before {
  content: ""; }

.fa-credit-card-alt:before {
  content: ""; }

.fa-codiepie:before {
  content: ""; }

.fa-modx:before {
  content: ""; }

.fa-fort-awesome:before {
  content: ""; }

.fa-usb:before {
  content: ""; }

.fa-product-hunt:before {
  content: ""; }

.fa-mixcloud:before {
  content: ""; }

.fa-scribd:before {
  content: ""; }

.fa-pause-circle:before {
  content: ""; }

.fa-pause-circle-o:before {
  content: ""; }

.fa-stop-circle:before {
  content: ""; }

.fa-stop-circle-o:before {
  content: ""; }

.fa-shopping-bag:before {
  content: ""; }

.fa-shopping-basket:before {
  content: ""; }

.fa-hashtag:before {
  content: ""; }

.fa-bluetooth:before {
  content: ""; }

.fa-bluetooth-b:before {
  content: ""; }

.fa-percent:before {
  content: ""; }

.fa-gitlab:before {
  content: ""; }

.fa-wpbeginner:before {
  content: ""; }

.fa-wpforms:before {
  content: ""; }

.fa-envira:before {
  content: ""; }

.fa-universal-access:before {
  content: ""; }

.fa-wheelchair-alt:before {
  content: ""; }

.fa-question-circle-o:before {
  content: ""; }

.fa-blind:before {
  content: ""; }

.fa-audio-description:before {
  content: ""; }

.fa-volume-control-phone:before {
  content: ""; }

.fa-braille:before {
  content: ""; }

.fa-assistive-listening-systems:before {
  content: ""; }

.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: ""; }

.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: ""; }

.fa-glide:before {
  content: ""; }

.fa-glide-g:before {
  content: ""; }

.fa-signing:before,
.fa-sign-language:before {
  content: ""; }

.fa-low-vision:before {
  content: ""; }

.fa-viadeo:before {
  content: ""; }

.fa-viadeo-square:before {
  content: ""; }

.fa-snapchat:before {
  content: ""; }

.fa-snapchat-ghost:before {
  content: ""; }

.fa-snapchat-square:before {
  content: ""; }

.fa-pied-piper:before {
  content: ""; }

.fa-first-order:before {
  content: ""; }

.fa-yoast:before {
  content: ""; }

.fa-themeisle:before {
  content: ""; }

.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: ""; }

.fa-fa:before,
.fa-font-awesome:before {
  content: ""; }

.fa-handshake-o:before {
  content: ""; }

.fa-envelope-open:before {
  content: ""; }

.fa-envelope-open-o:before {
  content: ""; }

.fa-linode:before {
  content: ""; }

.fa-address-book:before {
  content: ""; }

.fa-address-book-o:before {
  content: ""; }

.fa-vcard:before,
.fa-address-card:before {
  content: ""; }

.fa-vcard-o:before,
.fa-address-card-o:before {
  content: ""; }

.fa-user-circle:before {
  content: ""; }

.fa-user-circle-o:before {
  content: ""; }

.fa-user-o:before {
  content: ""; }

.fa-id-badge:before {
  content: ""; }

.fa-drivers-license:before,
.fa-id-card:before {
  content: ""; }

.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: ""; }

.fa-quora:before {
  content: ""; }

.fa-free-code-camp:before {
  content: ""; }

.fa-telegram:before {
  content: ""; }

.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: ""; }

.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: ""; }

.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: ""; }

.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: ""; }

.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: ""; }

.fa-shower:before {
  content: ""; }

.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: ""; }

.fa-podcast:before {
  content: ""; }

.fa-window-maximize:before {
  content: ""; }

.fa-window-minimize:before {
  content: ""; }

.fa-window-restore:before {
  content: ""; }

.fa-times-rectangle:before,
.fa-window-close:before {
  content: ""; }

.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: ""; }

.fa-bandcamp:before {
  content: ""; }

.fa-grav:before {
  content: ""; }

.fa-etsy:before {
  content: ""; }

.fa-imdb:before {
  content: ""; }

.fa-ravelry:before {
  content: ""; }

.fa-eercast:before {
  content: ""; }

.fa-microchip:before {
  content: ""; }

.fa-snowflake-o:before {
  content: ""; }

.fa-superpowers:before {
  content: ""; }

.fa-wpexplorer:before {
  content: ""; }

.fa-meetup:before {
  content: ""; }

i.fa-check-circle-o {
  color: #449d44 !important; }

i.fa-clock-o {
  color: #337ab7 !important; }

i.fa-exclamation-triangle {
  color: #f0ad4e !important; }

i.fa-times-circle-o {
  color: #d9534f !important; }

.bootstrap.input-group.date:before, .contracts form fieldset .input:before, .content table th.table-row-check-menu .input-group:before, .content table td.table-row-check-menu .input-group:before, .search form .search-footer:before, .bootstrap.input-group.date:after, .contracts form fieldset .input:after, .content table th.table-row-check-menu .input-group:after, .content table td.table-row-check-menu .input-group:after, .search form .search-footer:after {
  display: table;
  content: " "; }

.bootstrap.input-group.date:after, .contracts form fieldset .input:after, .content table th.table-row-check-menu .input-group:after, .content table td.table-row-check-menu .input-group:after, .search form .search-footer:after {
  clear: both; }

html {
  height: 100%;
  overflow: hidden; }

body {
  position: absolute;
  /* またはfixed */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

#logo {
  background: url(../images/nackcloud_logo.png) 0 0 no-repeat;
  background-size: contain; }
  #logo a {
    text-indent: -9999px; }

nav.top-bar {
  height: 50px; }
  nav.top-bar.expanded {
    height: 50px; }
  nav.top-bar.main .title-area {
    background: #fff; }
    nav.top-bar.main .title-area h1 {
      color: #333; }
      nav.top-bar.main .title-area h1 a {
        color: #333;
        font-weight: bold; }
  nav.top-bar.main .top-bar-section ul > li {
    margin: 0 5px; }
    nav.top-bar.main .top-bar-section ul > li a.button, nav.top-bar.main .top-bar-section ul > li .content table tbody tr td.actions a, .content table tbody tr td.actions nav.top-bar.main .top-bar-section ul > li a {
      color: #333;
      height: 2rem;
      border: 1px solid #9fa0a0; }
      nav.top-bar.main .top-bar-section ul > li a.button:hover, nav.top-bar.main .top-bar-section ul > li .content table tbody tr td.actions a:hover, .content table tbody tr td.actions nav.top-bar.main .top-bar-section ul > li a:hover {
        background: inherit; }
    nav.top-bar.main .top-bar-section ul > li.loginuser {
      height: 2rem;
      margin-top: 12px; }
      nav.top-bar.main .top-bar-section ul > li.loginuser i {
        margin-right: 0.25em; }
  nav.top-bar.sub {
    border-top: 1px solid #74d1fa;
    padding-top: 1px;
    background: linear-gradient(0deg, rgba(22, 139, 211, 0.97) 0%, rgba(49, 165, 211, 0.97) 61.14%, rgba(61, 176, 211, 0.97) 100%); }
    nav.top-bar.sub .top-bar-section ul {
      background: inherit; }
      nav.top-bar.sub .top-bar-section ul.title-area {
        background: inherit; }
      nav.top-bar.sub .top-bar-section ul li {
        background: inherit; }
        nav.top-bar.sub .top-bar-section ul li a {
          background: inherit;
          color: #fff;
          border-right: 1px solid #136D9B;
          border-left: 1px solid rgba(255, 255, 255, 0.3);
          padding-left: 1.5em;
          padding-right: 1.5em;
          font-size: 17px; }
          nav.top-bar.sub .top-bar-section ul li a:hover {
            background: inherit; }
        nav.top-bar.sub .top-bar-section ul li button {
          margin: 0 0.5rem; }

fieldset legend {
  color: #333;
  border-color: #333; }

.bg {
  background: linear-gradient(180deg, rgba(61, 176, 211, 0.97) 0%, rgba(115, 198, 234, 0.97) 100%); }
  .bg .container {
    background: inherit; }

.container {
  background: menu;
  overflow-y: scroll;
  height: calc(100% - 100px);
  min-height: calc(100% - 100px); }
  .container .content {
    background: menu;
    padding: 1rem; }
    .container .content h3,
    .container .content .head {
      background: linear-gradient(0deg, #464646 0%, #838383 100%);
      border: 2px solid #ddd;
      color: #fff;
      font-size: 16px;
      padding: 0.25em 1.5em;
      position: relative; }
      .container .content h3:before,
      .container .content .head:before {
        content: " ";
        background: #fff;
        height: 1em;
        width: 5px;
        position: absolute;
        left: 10px;
        top: calc(50% - 0.5em); }
    .container .content h4 {
      color: #333;
      padding-bottom: 0.5rem;
      margin-bottom: 10px;
      border-bottom: 2px solid #333;
      font-size: 14px;
      font-weight: bold; }

#actions-sidebar {
  padding: 0;
  height: 100%;
  background: inherit;
  border-right: 1px solid #ccc; }
  #actions-sidebar ul {
    padding: 0; }
    #actions-sidebar ul li {
      color: #333;
      border-bottom: 1px solid #CACACA; }
      #actions-sidebar ul li a {
        color: #333; }
      #actions-sidebar ul li.heading {
        background: linear-gradient(0deg, #d4d4d4 0%, white 77.59%);
        border-bottom: 1px solid #0791CE; }
  #actions-sidebar i {
    margin-right: 3px; }

.topmenu .content .tile ul > li {
  padding: 15px;
  max-width: 300px;
  margin: 0 auto; }

.topmenu .content .tile ul > li .button, .topmenu .content .tile nav.top-bar.sub .top-bar-section ul > li li button, nav.top-bar.sub .top-bar-section .topmenu .content .tile ul > li li button, .topmenu .content .tile ul > li table tbody tr td.actions a, .topmenu .content table tbody tr td.actions .tile ul > li a {
  padding: 1.5em; }

@media screen and (max-width: 1000px) {
  .topmenu .content .tile ul > li {
    width: 50% !important;
    max-width: 100%; } }

body.js-color-change-gray {
  background: #eaeaea; }
  body.js-color-change-gray input[type=text],
  body.js-color-change-gray .select2-selection {
    background: #f8f8f8; }
  body.js-color-change-gray nav.top-bar.main .title-area,
  body.js-color-change-gray > .container,
  body.js-color-change-gray .register.content,
  body.js-color-change-gray .footer table,
  body.js-color-change-gray td.table-row-check-menu {
    background: #eaeaea; }

.bootstrap.input-group.date {
  width: 100%; }
  .bootstrap.input-group.date input {
    width: calc(100% - 40px);
    float: left; }
    .bootstrap.input-group.date input.inline {
      width: auto; }
  .bootstrap.input-group.date .input-group-addon {
    width: 37px;
    border-radius: 0;
    height: 37px; }
  .bootstrap.input-group.date.inline {
    padding-top: 10px; }
    .bootstrap.input-group.date.inline input {
      width: calc(40% - 40px);
      margin-right: 0;
      margin-top: 0; }
    .bootstrap.input-group.date.inline .input-group-addon {
      width: 40px;
      height: 40px; }

.table-row .bootstrap .dropdown-menu {
  left: auto;
  right: 0; }
  .table-row .bootstrap .dropdown-menu .input.checkbox {
    margin: 0px;
    padding: 10px; }
    .table-row .bootstrap .dropdown-menu .input.checkbox:hover {
      background: #eee; }
  .table-row .bootstrap .dropdown-menu .clickable {
    display: block;
    padding: 10px;
    color: #3DB0D3;
    font-weight: bold; }
    .table-row .bootstrap .dropdown-menu .clickable:hover {
      background: #eee; }

.table-row button {
  background: transparent;
  border: none;
  width: auto;
  border: none;
  padding: 5px; }
  .table-row button:hover, .table-row button:focus {
    background: none;
    border: none; }
    .table-row button:hover i, .table-row button:focus i {
      color: #000; }
  .table-row button i {
    color: #000; }
    .table-row button i:hover {
      color: #ccc; }

.row-wrapper {
  border: 1px solid #0791CE; }

.contracts form .error-message {
  margin: 0;
  font-style: normal;
  background: #ff9999;
  font-weight: bold; }

.contracts form fieldset .input {
  border-bottom: 1px solid #ccc; }
  .contracts form fieldset .input.number input {
    text-align: left; }
  .contracts form fieldset .input:first-child {
    border-top: 1px solid #ccc; }
  .contracts form fieldset .input label {
    min-width: 200px;
    background: #e3f4f9;
    height: 60px;
    float: left;
    display: block;
    line-height: 60px;
    padding: 0 1em; }
  .contracts form fieldset .input input, .contracts form fieldset .input select {
    display: inline-block;
    max-width: calc(100% - 220px);
    width: 40%;
    height: 40px;
    margin: 10px; }
  .contracts form fieldset .input .select2-container {
    margin: 10px; }
    .contracts form fieldset .input .select2-container .select2-dropdown--below {
      top: -40px; }
    .contracts form fieldset .input .select2-container .select2-selection--single {
      height: 40px; }
      .contracts form fieldset .input .select2-container .select2-selection--single .select2-selection__arrow {
        top: 7px; }

.contracts form button[type="submit"] {
  float: none; }

.table-body-scroll {
  overflow-y: scroll;
  overflow-x: hidden;
  border-bottom: 2px solid #3DB0D3; }
  .table-body-scroll::-webkit-scrollbar {
    display: none; }

.content table th p, .content table td p {
  margin: 0;
  font-size: 100%; }

.content table th.table-row-menu, .content table td.table-row-menu {
  width: 1% !important;
  max-width: 1% !important;
  padding: 0 !important; }

.content table th.table-row-shipment-status, .content table td.table-row-shipment-status {
  width: 1% !important;
  max-width: 1% !important;
  padding: 0 !important; }

.content table th.table-row-check-menu, .content table td.table-row-check-menu {
  width: 4% !important;
  max-width: 4% !important;
  padding: 0 !important; }
  .content table th.table-row-check-menu .input-group, .content table td.table-row-check-menu .input-group {
    padding: 5px; }
    .content table th.table-row-check-menu .input-group button, .content table td.table-row-check-menu .input-group button {
      border-radius: 0 5px 5px 0;
      width: 8em; }
    .content table th.table-row-check-menu .input-group .input.checkbox, .content table td.table-row-check-menu .input-group .input.checkbox {
      width: 40px;
      float: left; }
      .content table th.table-row-check-menu .input-group .input.checkbox label, .content table td.table-row-check-menu .input-group .input.checkbox label {
        width: 25px;
        height: 34px;
        border: 1px solid #CCCCCC;
        border-radius: 5px; }
      .content table th.table-row-check-menu .input-group .input.checkbox input[type=checkbox], .content table td.table-row-check-menu .input-group .input.checkbox input[type=checkbox] {
        display: none; }
      .content table th.table-row-check-menu .input-group .input.checkbox label, .content table td.table-row-check-menu .input-group .input.checkbox label {
        box-sizing: border-box;
        -webkit-transition: background-color 0.2s linear;
        transition: background-color 0.2s linear;
        position: relative;
        display: inline-block;
        margin: 0 20px 8px 0;
        padding: 12px 12px 12px 42px;
        background-color: #f6f7f8;
        vertical-align: middle;
        cursor: pointer; }
        .content table th.table-row-check-menu .input-group .input.checkbox label:hover:after, .content table td.table-row-check-menu .input-group .input.checkbox label:hover:after {
          border-color: #0690C0; }
        .content table th.table-row-check-menu .input-group .input.checkbox label:after, .content table td.table-row-check-menu .input-group .input.checkbox label:after {
          -webkit-transition: border-color 0.2s linear;
          transition: border-color 0.2s linear;
          position: absolute;
          top: 50%;
          left: 15px;
          display: block;
          margin-top: -10px;
          width: 16px;
          height: 16px;
          border: 2px solid #bbb;
          content: ''; }
      .content table th.table-row-check-menu .input-group .input.checkbox label:before, .content table td.table-row-check-menu .input-group .input.checkbox label:before {
        -webkit-transition: opacity 0.2s linear;
        transition: opacity 0.2s linear;
        position: absolute;
        top: 50%;
        left: 21px;
        display: block;
        margin-top: -7px;
        width: 5px;
        height: 9px;
        border-right: 3px solid #0690C0;
        border-bottom: 3px solid #0690C0;
        content: '';
        opacity: 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg); }
      .content table th.table-row-check-menu .input-group .input.checkbox input[type=checkbox]:checked + label:before, .content table td.table-row-check-menu .input-group .input.checkbox input[type=checkbox]:checked + label:before {
        opacity: 1; }
      .content table th.table-row-check-menu .input-group .input.checkbox label, .content table td.table-row-check-menu .input-group .input.checkbox label {
        width: 1em; }

.content table thead {
  background: #3DB0D3; }
  .content table thead tr {
    border-bottom: 1px solid #0690C0; }
    .content table thead tr th {
      color: #fff;
      padding: 0.25em;
      text-align: center;
      border: 1px solid #3DB0D3; }
      .content table thead tr th a {
        color: #fff; }
    .content table thead tr td {
      color: #fff;
      text-align: center; }

.content table tbody tr {
  border-bottom: 1px solid #3DB0D3; }
  .content table tbody tr td {
    border-left: 1px solid #3DB0D3;
    padding: 0.25em; }
    .content table tbody tr td.table-row-menu {
      background: #E1ECF1 !important;
      text-align: center;
      font-weight: bold;
      color: #3DB0D3; }
    .content table tbody tr td:last-child {
      border-right: 1px solid #3DB0D3; }
    .content table tbody tr td input:focus {
      outline: inherit; }
    .content table tbody tr td input[type=text][name*=price], .content table tbody tr td input[type=text][name*=num], .content table tbody tr td input[type=text][name*=tanka] {
      text-align: right; }
    .content table tbody tr td input[type=text][readonly] {
      background: #fff; }
    .content table tbody tr td.actions a {
      width: 100%;
      display: block;
      padding: 0.25em 0 !important;
      text-align: center; }

.content table.table-striped th, .content table.table-striped td {
  padding: 0.5em; }
  .content table.table-striped th:last-child, .content table.table-striped td:last-child {
    border-right: 1px solid #3DB0D3; }

.content table.table-striped thead tr th, .content table.table-striped thead tr td {
  text-align: left;
  border-right: 1px solid #E1ECF1; }

.content table.table-striped tbody {
  border-bottom: 1px solid #3DB0D3; }
  .content table.table-striped tbody tr {
    border-left: 1px solid #3DB0D3;
    border-right: 1px solid #3DB0D3;
    border-bottom: none; }
    .content table.table-striped tbody tr:nth-child(even) {
      background: #e8f0f4; }
    .content table.table-striped tbody tr th, .content table.table-striped tbody tr td {
      border-left: none;
      border-right: 1px solid #f8f8f8; }

.search form .search-body {
  display: flex;
  flex-wrap: wrap; }
  .search form .search-body .input {
    width: 25%;
    padding: 0 5px; }
    .search form .search-body .input.right {
      margin-left: auto; }

.search form .search-footer {
  margin-top: 20px; }
  .search form .search-footer .button, .search form .search-footer nav.top-bar.sub .top-bar-section ul li button, nav.top-bar.sub .top-bar-section ul li .search form .search-footer button, .search form .search-footer .content table tbody tr td.actions a, .content table tbody tr td.actions .search form .search-footer a, .search form .search-footer button {
    float: right; }
  .search form .search-footer button.reset {
    background: linear-gradient(0deg, #e0e0e0 0%, white 100%);
    border-style: Solid;
    border-color: #9FA0A0;
    border-color: #9fa0a0;
    border-width: 1px;
    border-radius: 4px;
    color: #000;
    padding: 0.5em 2em;
    margin-right: 1em; }

.form-block .form-body {
  display: flex;
  flex-wrap: wrap; }
  .form-block .form-body .input {
    width: 25%;
    padding: 0 5px; }

.select2-container--default:focus {
  outline: none; }

.select2-container--default .select2-results > .select2-results__options {
  max-height: 160px; }

.select2-container--focus {
  outline: 1px solid #F39800; }
  .select2-container--focus:focus {
    outline: none; }
  .select2-container--focus .selection:focus {
    outline: none; }
  .select2-container--focus .selection .select2-selection:focus {
    outline: none; }
  .select2-container--focus .selection .select2-selection__rendered {
    background: #ffebca; }
    .select2-container--focus .selection .select2-selection__rendered:focus {
      outline: none; }

.input.text input:focus, .input.number input:focus {
  outline: 1px solid #F39800;
  background: #ffebca; }

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

.composition-group {
  display: flex; }
  .composition-group .input.text {
    width: 33%; }

.shipment-status-group {
  text-align: center; }
  .shipment-status-group i.fa {
    font-size: 30px;
    padding: 5px; }

.cell-info-block {
  padding: 15px; }

#loading {
  width: 100%;
  text-align: center;
  padding-top: 10%; }

#loader-bg {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #FFF;
  z-index: 1000; }

button,
.button,
nav.top-bar.sub .top-bar-section ul li button,
.content table tbody tr td.actions a,
.btn {
  background: linear-gradient(0deg, #e0e0e0 0%, white 100%);
  border-style: Solid;
  border-color: #9FA0A0;
  border-color: #9fa0a0;
  border-width: 1px;
  border-radius: 4px;
  color: #000;
  padding: 0.5em 2em; }
  button i,
  .button i,
  nav.top-bar.sub .top-bar-section ul li button i,
  .content table tbody tr td.actions a i,
  .btn i {
    color: #F39800;
    margin-right: 0.25rem;
    vertical-align: text-top; }
  button.hover, button:hover,
  .button.hover,
  nav.top-bar.sub .top-bar-section ul li button.hover,
  .content table tbody tr td.actions a.hover,
  .button:hover,
  nav.top-bar.sub .top-bar-section ul li button:hover,
  .content table tbody tr td.actions a:hover,
  .btn.hover,
  .btn:hover {
    background: linear-gradient(0deg, #ea9800 0%, #fccd00 100%);
    border-style: Solid;
    border-color: #9FA0A0;
    border-color: #9fa0a0;
    border-width: 1px;
    border-radius: 4px;
    color: #fff; }
    button.hover i, button:hover i,
    .button.hover i,
    nav.top-bar.sub .top-bar-section ul li button.hover i,
    .content table tbody tr td.actions a.hover i,
    .button:hover i,
    nav.top-bar.sub .top-bar-section ul li button:hover i,
    .content table tbody tr td.actions a:hover i,
    .btn.hover i,
    .btn:hover i {
      color: #fff; }
  button.primary,
  .button.primary,
  nav.top-bar.sub .top-bar-section ul li button.primary,
  .content table tbody tr td.actions a.primary,
  .btn.primary {
    background: linear-gradient(0deg, #ff8f00 0%, #ff9610 10.74%, #ffa22c 32.89%, #ffab40 55.2%, #ffb04c 77.54%, #ffb250 100%);
    border-style: Solid;
    border-color: #FFFFFF;
    border-color: white;
    border-width: 1px;
    border-radius: 4px;
    color: #fff;
    font-weight: bold;
    text-shadow: 1px; }
  button.update, .search form .search-footer .button, .search form .search-footer nav.top-bar.sub .top-bar-section ul li button, nav.top-bar.sub .top-bar-section ul li .search form .search-footer button, .search form .search-footer .content table tbody tr td.actions a, .content table tbody tr td.actions .search form .search-footer a, .search form .search-footer button,
  .button.update,
  nav.top-bar.sub .top-bar-section ul li button.update,
  nav.top-bar.sub .top-bar-section ul li .search form .search-footer .button,
  .search form .search-footer nav.top-bar.sub .top-bar-section ul li .button,
  nav.top-bar.sub .top-bar-section ul li .search form .search-footer .content table tbody tr td.actions a,
  .search form .search-footer .content table tbody tr td.actions nav.top-bar.sub .top-bar-section ul li a,
  nav.top-bar.sub .top-bar-section ul li .content table tbody tr td.actions .search form .search-footer a,
  .content table tbody tr td.actions .search form .search-footer nav.top-bar.sub .top-bar-section ul li a,
  nav.top-bar.sub .top-bar-section ul li .search form .search-footer button,
  .search form .search-footer nav.top-bar.sub .top-bar-section ul li button,
  .content table tbody tr td.actions a.update,
  .btn.update {
    background: linear-gradient(0deg, rgba(0, 88, 168, 0.97) 0%, rgba(30, 123, 194, 0.97) 37.34%, rgba(58, 154, 218, 0.97) 77.59%, rgba(68, 166, 227, 0.97) 100%);
    border-style: Solid;
    border-color: #0058A8;
    border-color: #0058a8;
    border-width: 1px;
    border-radius: 4px;
    color: #fff;
    padding: 0.5em 4em; }
  button.register,
  .button.register,
  nav.top-bar.sub .top-bar-section ul li button.register,
  .content table tbody tr td.actions a.register,
  .btn.register {
    background: linear-gradient(0deg, #82c31e 0%, #c7f32f 100%);
    border-style: Solid;
    border-color: #8FC31F;
    border-color: #8fc31f;
    border-width: 1px;
    border-radius: 4px; }
  button.big,
  .button.big,
  nav.top-bar.sub .top-bar-section ul li button.big,
  .content table tbody tr td.actions a.big,
  .btn.big {
    text-align: center; }
    button.big i,
    .button.big i,
    nav.top-bar.sub .top-bar-section ul li button.big i,
    .content table tbody tr td.actions a.big i,
    .btn.big i {
      color: #3DB0D3;
      display: block;
      font-size: 50px;
      margin-bottom: 0.125em;
      vertical-align: text-bottom;
      line-height: 50px;
      height: 50px; }
    button.big:hover,
    .button.big:hover,
    nav.top-bar.sub .top-bar-section ul li button.big:hover,
    .content table tbody tr td.actions a.big:hover,
    .btn.big:hover {
      background: #3DB0D3; }
      button.big:hover i,
      .button.big:hover i,
      nav.top-bar.sub .top-bar-section ul li button.big:hover i,
      .content table tbody tr td.actions a.big:hover i,
      .btn.big:hover i {
        color: #fff; }
  button.sub i,
  .button.sub i,
  nav.top-bar.sub .top-bar-section ul li button.sub i,
  .content table tbody tr td.actions a.sub i,
  .btn.sub i {
    color: #333;
    vertical-align: text-bottom; }

.clickable {
  cursor: pointer; }

.controller-actions {
  display: flex;
  flex-wrap: wrap; }
  .controller-actions .controller-action {
    width: 100px; }

.users.form:not(.content) {
  background: #fff;
  width: 40%;
  min-width: 600px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 10%;
  border: 2px solid #ccc;
  padding: 20px; }
  .users.form:not(.content) fieldset {
    margin-bottom: 0; }
    .users.form:not(.content) fieldset legend {
      text-align: center;
      font-size: 18px; }
  .users.form:not(.content) button {
    width: 80%;
    max-width: 500px;
    text-align: center;
    padding: 10px;
    margin: 0 auto;
    float: none;
    display: block; }

.content .tile ul {
  list-style: none;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0; }
  .content .tile ul > li {
    width: 25%;
    padding: 10px; }
    .content .tile ul > li .button, .content .tile nav.top-bar.sub .top-bar-section ul > li li button, nav.top-bar.sub .top-bar-section .content .tile ul > li li button, .content .tile ul > li table tbody tr td.actions a, .content table tbody tr td.actions .tile ul > li a {
      width: 100%;
      margin: 0;
      padding: 0.5em; }

.topmenu header {
  background: #bae3ef;
  border-bottom: 2px solid #ddd;
  padding: 20px;
  height: auto; }
  .topmenu header h2 {
    margin: 0;
    font-size: 24px; }
    .topmenu header h2 i {
      color: #3DB0D3;
      margin-right: 0.25em; }

.topmenu .content {
  padding-top: 50px; }

.builders fieldset div:nth-of-type(1) {
  max-width: 10.0em;
  margin-right: 20px;
  float: left; }

.builders input#code {
  max-width: 5.0em; }

.builders input#subcode {
  max-width: 2.5em; }

.builders input#name {
  max-width: 70em; }

.builders input#kana {
  max-width: 10em; }

.builders input#zipcode {
  max-width: 8em; }

.builders input#address1 {
  max-width: 40em; }

.builders input#address2 {
  max-width: 40em; }

.builders input#tel {
  max-width: 10em; }

.builders input#fax {
  max-width: 10em; }

input.form-size-half {
  width: 50%; }

input.form-size-m {
  width: 50%; }

input.form-size-s {
  width: 25%; }

.switch-button {
  width: 160px;
  display: inline-block; }
  .switch-button input {
    display: block;
    height: 5px;
    opacity: 0;
    margin: 0; }
  .switch-button label {
    width: 60px;
    height: 30px;
    cursor: pointer;
    display: inline-block;
    position: relative;
    background: #bdbdbd;
    border-radius: 30px;
    transition: background-color 0.4s;
    -moz-transition: background-color 0.4s;
    -webkit-transition: background-color 0.4s; }
  .switch-button label:after {
    left: 0;
    width: 20px;
    height: 20px;
    margin: 5px;
    content: '';
    position: absolute;
    background: #FFF;
    border-radius: 10px; }
  .switch-button input:checked + label {
    background: #3DB0D3; }
  .switch-button input:checked + label:after {
    left: auto;
    right: 0; }
  .switch-button p {
    font: normal 8px/40px Arial;
    color: #bdbdbd;
    display: none;
    text-transform: uppercase;
    letter-spacing: 1px; }
  .switch-button input:checked ~ p:nth-of-type(1) {
    color: #27ad5f;
    display: block; }
  .switch-button input:not(:checked) ~ p:nth-of-type(2) {
    display: block; }

a {
  color: #333; }

input[type="number"]::-webkit-outer-spin-button, input[type="number"] ::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

input[type="number"]:hover::-webkit-outer-spin-button, input[type="number"]:hover ::-webkit-inner-spin-button, input[type="number"] :focus::-webkit-outer-spin-button, input[type="number"] :focus ::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important; }

.inline-block > div {
  width: 20%;
  float: left; }

.register table {
  table-layout: auto;
  margin: 0; }

table tbody tr td input[type=text] {
  margin: 0;
  box-shadow: none;
  display: inline; }

table tbody tr td select {
  margin: 0; }

table tr td label {
  display: none; }

table tr td .input.checkbox label {
  display: block; }

table.bordered {
  border: 1px solid #ccc; }
  table.bordered td, table.bordered th {
    border: 1px solid #ccc; }

table th span.twoline-5w {
  display: block;
  margin: 0 auto;
  width: 5em; }

table th span.twoline-2w {
  display: block;
  margin: 0 auto;
  width: 2em; }

table *.borderbottom-none {
  border-bottom: 0 !important; }

table *.borderbottom-solid {
  border-bottom: 1px solid #3DB0D3; }

table tbody tr.contract-complete {
  background: #ccc; }

.register button.register, .register button.update, .register .search form .search-footer .button, .search form .search-footer .register .button, .register .search form .search-footer nav.top-bar.sub .top-bar-section ul li button, .search form .search-footer nav.top-bar.sub .top-bar-section ul li .register button, .register nav.top-bar.sub .top-bar-section ul li .search form .search-footer button, nav.top-bar.sub .top-bar-section ul li .search form .search-footer .register button, .register .search form .search-footer .content table tbody tr td.actions a, .search form .search-footer .content table tbody tr td.actions .register a, .register .content table tbody tr td.actions .search form .search-footer a, .content table tbody tr td.actions .search form .search-footer .register a, .register .search form .search-footer button, .search form .search-footer .register button {
  margin-top: -40px;
  padding: 5px 50px;
  height: 40px; }

.register fieldset {
  margin: 0;
  padding: 0; }

.register table tbody tr td, .register table thead tr td {
  padding: 0; }
  .register table tbody tr td:nth-of-type(1), .register table thead tr td:nth-of-type(1) {
    width: 7em;
    max-width: 7em; }
  .register table tbody tr td:nth-of-type(2), .register table thead tr td:nth-of-type(2) {
    width: 8em;
    max-width: 8em; }
  .register table tbody tr td:nth-of-type(3), .register table thead tr td:nth-of-type(3) {
    width: 10em;
    max-width: 10em; }
  .register table tbody tr td:nth-of-type(4), .register table thead tr td:nth-of-type(4) {
    width: 4em;
    max-width: 4em; }
  .register table tbody tr td:nth-of-type(5), .register table thead tr td:nth-of-type(5) {
    width: 6em;
    max-width: 6em; }
  .register table tbody tr td:nth-of-type(6), .register table thead tr td:nth-of-type(6) {
    width: 10em;
    max-width: 10em; }
  .register table tbody tr td:nth-of-type(7), .register table thead tr td:nth-of-type(7) {
    width: 4em;
    max-width: 4em; }
  .register table tbody tr td:nth-of-type(8), .register table thead tr td:nth-of-type(8) {
    width: 6em;
    max-width: 6em; }
  .register table tbody tr td:nth-of-type(9), .register table thead tr td:nth-of-type(9) {
    width: 6em;
    max-width: 6em; }
  .register table tbody tr td:nth-of-type(10), .register table thead tr td:nth-of-type(10) {
    width: 6em;
    max-width: 6em; }

.register table tbody tr.row2 td:nth-of-type(1), .register table thead tr.row2 td:nth-of-type(1) {
  width: auto; }

.register table tbody tr.row2 td:nth-of-type(2), .register table thead tr.row2 td:nth-of-type(2) {
  width: 4em;
  max-width: 4em; }

.register table tbody tr.row2 td:nth-of-type(3), .register table thead tr.row2 td:nth-of-type(3) {
  width: 6em;
  max-width: 6em; }

.register table tbody tr.row2 td:nth-of-type(4), .register table thead tr.row2 td:nth-of-type(4) {
  width: 6em;
  max-width: 6em; }

.register table tbody tr.row2 td:nth-of-type(5), .register table thead tr.row2 td:nth-of-type(5) {
  width: 6em;
  max-width: 6em; }

.register table thead tr td {
  padding: 10px 0px;
  vertical-align: middle;
  border: none; }

.register .footer table {
  width: 28em;
  float: right;
  margin-right: 1rem; }
  .register .footer table tr td {
    font-size: 14px;
    font-weight: bold;
    text-align: right;
    vertical-align: middle;
    padding: 10px; }
    .register .footer table tr td:nth-of-type(2) {
      width: 6em; }
    .register .footer table tr td:nth-of-type(3) {
      width: 6em; }
    .register .footer table tr td:nth-of-type(4) {
      width: 6em; }

.fixed.bottom {
  bottom: 0;
  top: auto; }

table.shipments-daily tbody tr:nth-child(2n) {
  border-bottom-style: dotted; }

table.shipments-daily tbody tr:nth-child(2n+1) {
  border-width: 2px; }

table.shipments-daily tbody tr td {
  border-right: 0;
  border-left: 0; }
  table.shipments-daily tbody tr td:nth-child(odd) {
    background: #fff; }
  table.shipments-daily tbody tr td:nth-child(even) {
    background: #fff; }
  table.shipments-daily tbody tr td:last-child {
    border-right: none; }

.deposits .form-block, .payments .form-block {
  margin-bottom: 20px; }

.deposits .billings table tbody tr td, .payments .billings table tbody tr td {
  font-size: 16px;
  text-align: center; }

.deposits table.deposit-input tbody tr td:nth-of-type(1), .deposits table.deposit-input tbody tr tr:nth-of-type(1), .deposits table.deposit-input thead tr td:nth-of-type(1), .deposits table.deposit-input thead tr tr:nth-of-type(1), .deposits table.payments-input tbody tr td:nth-of-type(1), .deposits table.payments-input tbody tr tr:nth-of-type(1), .deposits table.payments-input thead tr td:nth-of-type(1), .deposits table.payments-input thead tr tr:nth-of-type(1), .payments table.deposit-input tbody tr td:nth-of-type(1), .payments table.deposit-input tbody tr tr:nth-of-type(1), .payments table.deposit-input thead tr td:nth-of-type(1), .payments table.deposit-input thead tr tr:nth-of-type(1), .payments table.payments-input tbody tr td:nth-of-type(1), .payments table.payments-input tbody tr tr:nth-of-type(1), .payments table.payments-input thead tr td:nth-of-type(1), .payments table.payments-input thead tr tr:nth-of-type(1) {
  width: 200px; }

.deposits table.deposit-input .sum input, .deposits table.payments-input .sum input, .payments table.deposit-input .sum input, .payments table.payments-input .sum input {
  text-align: right; }

.print-visible-block {
  display: none; }

.print-visible-inline {
  visibility: hidden; }

.print-hidden {
  display: block; }

.print-visible {
  display: none; }

.print-visible-row {
  display: none; }

hr.page-break {
  display: none;
  padding: 0;
  margin: 0;
  border: 0; }

@media print {
  html {
    overflow: inherit; }
  body {
    font-size: 10px !important; }
  .container .content {
    padding: 0 1rem 1rem; }
  .print-visible-block {
    display: block; }
  .print-visible-inline {
    visibility: visible; }
  .print-hidden, .print-hidden-row {
    display: none !important; }
  .print-visible {
    display: table-cell !important; }
  .print-visible-row {
    display: table-row; }
  .search {
    display: none; }
  .print-date {
    display: block !important;
    text-align: right;
    padding: 0 1rem 0 0;
    margin: 5mm 2mm 0;
    font-size: 12px; }
  nav {
    display: none !important; }
  .container {
    overflow: visible; }
    .container .content {
      width: 100%;
      float: none;
      border: none; }
    .container .columns + .columns:last-child {
      float: none; }
  a[href]:after {
    content: ""; }
  .paginator {
    display: none; }
  table {
    margin-bottom: 0; }
    table th, table td {
      border: 1px solid #000 !important;
      border-color: #000 !important;
      font-size: 10px !important; }
      table th.actions, table td.actions {
        color: white !important;
        width: 0; }
        table th.actions a, table td.actions a {
          display: none !important; }
      table th a, table th a:visited, table td a, table td a:visited {
        text-decoration: none; }
    table th a {
      text-decoration: none; }
  .search-footer {
    display: none; }
  hr.page-break {
    display: block;
    page-break-after: always; }
  iframe {
    display: none !important; }
  .search-body {
    display: none !important; }
  table tr {
    border-color: #000; }
  .form button[type="submit"] {
    display: none; }
  .container .vShiharaiList table thead tr td, .container .vShiharaiList table thead tr th, .container .vShiharaiList table tfoot tr td, .container .vShiharaiList table tfoot tr th, .container .vNyukinlist table thead tr td, .container .vNyukinlist table thead tr th, .container .vNyukinlist table tfoot tr td, .container .vNyukinlist table tfoot tr th {
    border-left: none !important;
    border-right: none !important;
    font-size: 12px !important; }
  .container .vShiharaiList table tbody tr, .container .vNyukinlist table tbody tr {
    border-bottom: none; }
    .container .vShiharaiList table tbody tr.first-row, .container .vNyukinlist table tbody tr.first-row {
      border-top: 1px solid #ccc; }
    .container .vShiharaiList table tbody tr td, .container .vNyukinlist table tbody tr td {
      font-size: 12px !important;
      border: none !important; }
  .container .vFactoryShireList {
    margin-top: 40px;
    padding-left: 25px;
    padding-right: 25px; }
    .container .vFactoryShireList table tr th, .container .vFactoryShireList table tr td {
      font-size: 12px !important; }
      .container .vFactoryShireList table tr th:nth-child(1), .container .vFactoryShireList table tr td:nth-child(1) {
        width: 200px; }
      .container .vFactoryShireList table tr th:nth-child(8), .container .vFactoryShireList table tr td:nth-child(8) {
        border-right: 3px double #000 !important; }
    .container .vFactoryShireList table tbody tr td, .container .vFactoryShireList table tfoot tr td {
      line-height: 2em;
      font-family: "ＭＳ 明朝","MS Mincho","ＭＳ ゴシック","MS Gothic",serif; }
      .container .vFactoryShireList table tbody tr td.text-right, .container .vFactoryShireList table tfoot tr td.text-right {
        font-size: 13px !important; }
    .container .vFactoryShireList table tfoot tr td {
      padding-left: 0.25em;
      padding-right: 0.25em; }
  #shipments-daily-report-by-dealer {
    padding-left: 25px;
    padding-right: 25px;
    page-break-inside: auto; }
    #shipments-daily-report-by-dealer h3 {
      padding-left: 1em;
      margin-bottom: 5px; }
    #shipments-daily-report-by-dealer table colgroup col:nth-child(1) {
      width: 15mm; }
    #shipments-daily-report-by-dealer table colgroup col:nth-child(2) {
      width: 30mm; }
    #shipments-daily-report-by-dealer table colgroup col:nth-child(3) {
      width: 15mm; }
    #shipments-daily-report-by-dealer table colgroup col:nth-child(5) {
      width: 20mm; }
    #shipments-daily-report-by-dealer table colgroup col:nth-child(6), #shipments-daily-report-by-dealer table colgroup col:nth-child(7) {
      width: 20mm; }
    #shipments-daily-report-by-dealer table colgroup col:nth-child(8) {
      width: 30mm; }
    #shipments-daily-report-by-dealer table colgroup col:nth-child(9) {
      width: 16mm; }
    #shipments-daily-report-by-dealer table colgroup col:nth-child(10) {
      width: 5em; }
    #shipments-daily-report-by-dealer table tbody tr {
      border: 0; }
      #shipments-daily-report-by-dealer table tbody tr td.border-bottom-none {
        border-bottom-color: transparent !important; }
      #shipments-daily-report-by-dealer table tbody tr td.border-right-none {
        border-right-color: transparent !important; }
      #shipments-daily-report-by-dealer table tbody tr td.border-left-none {
        border-left-color: transparent !important; }
  .container .content.vFactoryDai {
    padding: 6mm; }
  .vFactoryDai table thead tr th:nth-child(2), .vFactoryDai table thead tr td:nth-child(2) {
    width: 50mm; }
  .vFactoryDai table tbody td:nth-child(3), .vFactoryDai table tbody td:nth-child(4), .vFactoryDai table tbody td:nth-child(5), .vFactoryDai table tbody td:nth-child(6), .vFactoryDai table tfoot td:nth-child(3), .vFactoryDai table tfoot td:nth-child(4), .vFactoryDai table tfoot td:nth-child(5), .vFactoryDai table tfoot td:nth-child(6) {
    font-size: 14px !important;
    font-weight: normal; }
  .vFactoryDai table tfoot tr td {
    padding: 5px; }
  .vFactoryDealerPrices.content {
    padding-left: 6mm;
    padding-right: 6mm; }
  .vFactoryDealerPrices table tbody td:nth-child(3), .vFactoryDealerPrices table tbody td:nth-child(4), .vFactoryDealerPrices table tbody td:nth-child(5), .vFactoryDealerPrices table tbody td:nth-child(6), .vFactoryDealerPrices table tfoot td:nth-child(3), .vFactoryDealerPrices table tfoot td:nth-child(4), .vFactoryDealerPrices table tfoot td:nth-child(5), .vFactoryDealerPrices table tfoot td:nth-child(6) {
    font-size: 14px !important;
    font-weight: normal; }
  .vFactoryDealerPrices table tfoot td {
    padding: 5px; }
    .vFactoryDealerPrices table tfoot td:nth-child(2) {
      font-size: 14px !important;
      font-weight: normal; } }

.page-break {
  page-break-after: always; }

.page-break-avoid {
  page-break-inside: avoid; }

#shipments-daily-report-by-dealer .page-break:nth-of-type(n + 1) {
  margin-top: 5mm; }

#shipments-daily-report-by-dealer h4 {
  border: none;
  padding: 0;
  margin: 0;
  font-weight: normal;
  font-size: 16px;
  color: #fff; }

#shipments-daily-report-by-dealer h5 {
  font-size: 14px;
  margin: 0; }

#shipments-daily-report-by-dealer table {
  border: none;
  table-layout: fixed;
  margin-top: 10px; }
  #shipments-daily-report-by-dealer table colgroup col:nth-child(1) {
    width: 5em; }
  #shipments-daily-report-by-dealer table colgroup col:nth-child(3) {
    width: 3em; }
  #shipments-daily-report-by-dealer table colgroup col:nth-child(4) {
    width: 15em; }
  #shipments-daily-report-by-dealer table colgroup col:nth-child(6), #shipments-daily-report-by-dealer table colgroup col:nth-child(7) {
    width: 4em; }
  #shipments-daily-report-by-dealer table colgroup col:nth-child(8) {
    width: 5em; }
  #shipments-daily-report-by-dealer table colgroup col:nth-child(9) {
    width: 5em; }
  #shipments-daily-report-by-dealer table colgroup col:nth-child(10) {
    width: 4em; }
  #shipments-daily-report-by-dealer table tbody tr.dealer {
    border-left: 0; }
  #shipments-daily-report-by-dealer table tbody tr td {
    padding: 0.1em 0.2em;
    line-height: 1em;
    font-size: 12px;
    vertical-align: middle; }

.register.master table {
  table-layout: fixed; }
  .register.master table thead.multi tr th {
    border: 1px solid #0791CE;
    font-size: 14px;
    padding: 0.2em;
    width: 5%; }
  .register.master table tbody tr td:nth-of-type(n), .register.master table thead tr td:nth-of-type(n) {
    width: 5%;
    max-width: 5%; }
  .register.master table tbody tr td.row2:nth-of-type(n), .register.master table thead tr td.row2:nth-of-type(n) {
    width: 5%;
    max-width: 5%; }

.js-validation-error {
  background: #F39800 !important; }
  .js-validation-error.select2-selection--single .select2-selection__placeholder {
    color: #fff; }

.input-edit-effect {
  color: #c7254e !important;
  background-color: #f9f2f4 !important;
  border: 2px solid #c7254e !important; }

#js-notification-badge.bootstrap .badge {
  background-color: #F39800;
  vertical-align: text-top;
  margin-top: 2px; }

.information table tr.js-unread {
  font-weight: bold; }

.information .info-panel .panel-body {
  font-weight: normal; }

.load-rotation {
  -webkit-animation: spin 1.5s linear infinite;
  -moz-animation: spin 1.5s linear infinite;
  -ms-animation: spin 1.5s linear infinite;
  -o-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite; }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(360deg); } }

@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg); }
  100% {
    -ms-transform: rotate(360deg); } }

@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg); }
  100% {
    -o-transform: rotate(360deg); } }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.sysinfo {
  border: 1px solid #F39800;
  background: #fff1da;
  padding: 20px;
  margin: 0 0 20px; }
  .sysinfo .sysinfo-title {
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    cursor: pointer; }
    .sysinfo .sysinfo-title:hover {
      text-decoration: underline;
      color: #F39800; }
  .sysinfo .sysinfo-body {
    margin-top: 10px; }
  .sysinfo .sysinfo-footer span {
    cursor: pointer;
    font-size: 12px; }
    .sysinfo .sysinfo-footer span:hover {
      text-decoration: underline; }
  .sysinfo p {
    font-size: 14px; }

.content .period {
  font-size: 14px; }
  .content .period .period-space {
    width: 1em;
    display: inline-block; }
    .content .period .period-space:after {
      content: "~";
      width: 1em; }

.vwFactoryDailiesShukka table tbody tr td {
  padding: 0.5em; }

.vwFactoryDailiesShukka table tbody tr.row-subtotal td {
  font-weight: bold;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  background: #ecf7fb; }

.cancelReports.index table {
  table-layout: fixed; }
  .cancelReports.index table colgroup col:nth-child(1) {
    width: 50px;
    min-width: 50px; }
  .cancelReports.index table colgroup col:nth-child(2) {
    width: 130px;
    min-width: 130px; }
  .cancelReports.index table colgroup col:nth-child(3) {
    width: 80px;
    min-width: 80px; }
  .cancelReports.index table colgroup col:nth-child(4) {
    width: 50px;
    min-width: 50px; }
  .cancelReports.index table colgroup col:nth-child(5) {
    width: 80px;
    min-width: 80px; }
  .cancelReports.index table colgroup col:nth-child(6) {
    width: 50px;
    min-width: 50px; }
  .cancelReports.index table colgroup col:nth-child(7) {
    width: 90px;
    min-width: 90px; }
  .cancelReports.index table colgroup col:nth-child(8) {
    width: 60px;
    min-width: 60px; }
  .cancelReports.index table colgroup col:nth-child(9) {
    width: 2em;
    min-width: 2em; }
  .cancelReports.index table colgroup col:nth-child(10) {
    width: 3em;
    min-width: 3em; }
  .cancelReports.index table thead tr th {
    padding: 5px;
    border: 1px solid #ccc;
    font-weight: normal; }
  .cancelReports.index table tbody td {
    vertical-align: middle; }
    .cancelReports.index table tbody td i {
      font-size: 30px; }

#cancel-reports-create form button {
  float: left;
  margin-left: 20px; }

#cancel-reports-create form .bootstrap.input-group.date.inline input[type=text] {
  height: 41px; }

#cancel-reports-create form .input.checkbox input[type=checkbox] {
  display: inline-block; }

#cancel-reports-create form .input.checkbox label {
  display: inline-block; }

#cancel-reports-create form .input.text input[type=text] {
  width: 100px; }

#cancel-reports-create form table {
  table-layout: fixed;
  max-width: 600px;
  width: 600%; }
  #cancel-reports-create form table tr th {
    max-width: 200px;
    width: 200px;
    text-align: right;
    border: 1px solid #3DB0D3;
    color: #000; }
  #cancel-reports-create form table tr td {
    border: 1px solid #3DB0D3;
    vertical-align: middle; }
  #cancel-reports-create form table tfoot tr td {
    text-align: right; }

.input .input_small {
  width: 150px; }

.input .input_middle {
  width: 250px; }

.input.select select.input_middle {
  width: 250px; }

.factoryRatioManagements button[type=submit] {
  float: left; }

.compositions .row {
  display: flex; }

.compositions .row .col {
  margin-right: 5px;
  width: 100px; }

.compositions form input {
  max-width: 310px; }

.compositions form button[type="submit"] {
  float: none; }