@CHARSET "utf-8";
/**
 * このファイルは自動生成されたものです。これを直接編集せずに build/src/css/style/*.css を編集してください。
 */

/*!
 * bootstrap-select v1.5.4
 * http://silviomoreto.github.io/bootstrap-select/
 *
 * Copyright 2013 bootstrap-select
 * Licensed under the MIT license
 */

.bootstrap-select.btn-group:not(.input-group-btn),
.bootstrap-select.btn-group[class*="span"] {
    float: none;
    display: inline-block;
    /* margin-bottom: 10px; 20140526 nakai*/
    margin-left: 0;
}
.form-search .bootstrap-select.btn-group,
.form-inline .bootstrap-select.btn-group,
.form-horizontal .bootstrap-select.btn-group {
    margin-bottom: 0;
}

.bootstrap-select.form-control {
    margin-bottom: 0;
    padding: 0;
    border: none;
}

.bootstrap-select.btn-group.pull-right,
.bootstrap-select.btn-group[class*="span"].pull-right,
.row-fluid .bootstrap-select.btn-group[class*="span"].pull-right {
    float: right;
}

.input-append .bootstrap-select.btn-group {
    margin-left: -1px;
}

.input-prepend .bootstrap-select.btn-group {
    margin-right: -1px;
}

.bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
/* 20140526 nakai */
    /* width: 220px; */ 
}

.bootstrap-select {
    /*width: 220px\9; IE8 and below*/
    width: 220px\0; /*IE9 and below*/
}

.bootstrap-select.form-control:not([class*="span"]) {
    width: 100%;
}

.bootstrap-select > .btn {
    width: 100%;
    padding-right: 25px;
}

.error .bootstrap-select .btn {
    border: 1px solid #b94a48;
}

.bootstrap-select.show-menu-arrow.open > .btn {
    z-index: 2051;
}

.bootstrap-select .btn:focus {
    outline: thin dotted #333333 !important;
    outline: 5px auto -webkit-focus-ring-color !important;
    outline-offset: -2px;
}

.bootstrap-select.btn-group .btn .caret {
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -2px;
    vertical-align: middle;
}

.bootstrap-select.btn-group > .disabled,
.bootstrap-select.btn-group .dropdown-menu li.disabled > a {
    cursor: not-allowed;
}

.bootstrap-select.btn-group > .disabled:focus {
    outline: none !important;
}

.bootstrap-select.btn-group[class*="span"] .btn {
    width: 100%;
}

.bootstrap-select.btn-group .dropdown-menu {
    min-width: 100%;
    z-index: 2000;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

.bootstrap-select.btn-group .dropdown-menu.inner {
    position: static;
    border: 0;
    padding: 0;
    margin: 0;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
}

.bootstrap-select.btn-group .dropdown-menu dt {
    display: block;
    padding: 3px 20px;
    cursor: default;
}

.bootstrap-select.btn-group .div-contain {
    overflow: hidden;
}

.bootstrap-select.btn-group .dropdown-menu li {
    position: relative;
}

.bootstrap-select.btn-group .dropdown-menu li > a.opt {
    position: relative;
    padding-left: 35px;
}

.bootstrap-select.btn-group .dropdown-menu li > a {
    cursor: pointer;
}

.bootstrap-select.btn-group .dropdown-menu li > dt small {
    font-weight: normal;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a i.check-mark {
    position: absolute;
    display: inline-block;
    right: 15px;
    margin-top: 2.5px;
}

.bootstrap-select.btn-group .dropdown-menu li a i.check-mark {
    display: none;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
    margin-right: 34px;
}

.bootstrap-select.btn-group .dropdown-menu li small {
    padding-left: 0.5em;
}

.bootstrap-select.btn-group .dropdown-menu li:not(.disabled) > a:hover small,
.bootstrap-select.btn-group .dropdown-menu li:not(.disabled) > a:focus small,
.bootstrap-select.btn-group .dropdown-menu li.active:not(.disabled) > a small {
    color: #64b1d8;
    color: rgba(255,255,255,0.4);
}

.bootstrap-select.btn-group .dropdown-menu li > dt small {
    font-weight: normal;
}

.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #CCC;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    bottom: -4px;
    left: 9px;
    display: none;
}

.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid white;
    position: absolute;
    bottom: -4px;
    left: 10px;
    display: none;
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
    bottom: auto;
    top: -3px;
    border-top: 7px solid #ccc;
    border-bottom: 0;
    border-top-color: rgba(0, 0, 0, 0.2);
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
    bottom: auto;
    top: -3px;
    border-top: 6px solid #ffffff;
    border-bottom: 0;
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
    right: 12px;
    left: auto;
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
    right: 13px;
    left: auto;
}

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before,
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after {
    display: block;
}

.bootstrap-select.btn-group .no-results {
    padding: 3px;
    background: #f5f5f5;
    margin: 0 5px;
}

.bootstrap-select.btn-group .dropdown-menu .notify {
    position: absolute;
    bottom: 5px;
    width: 96%;
    margin: 0 2%;
    min-height: 26px;
    padding: 3px 5px;
    background: #f5f5f5;
    border: 1px solid #e3e3e3;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
    pointer-events: none;
    opacity: 0.9;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

.mobile-device {
    position: absolute;
    top: 0;
    left: 0;
    display: block !important;
    width: 100%;
    height: 100% !important;
    opacity: 0;
}

.bootstrap-select.fit-width {
    width: auto !important;
}

bootstrap-select.btn-group.fit-width .btn .caret {
    position: static;
    top: auto;
    margin-top: -1px;
}

.control-group.error .bootstrap-select .dropdown-toggle{
    border-color: #b94a48;
}

.bootstrap-select-searchbox,
.bootstrap-select .bs-actionsbox {
    padding: 4px 8px;
}

.bootstrap-select .bs-actionsbox {
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

.bootstrap-select-searchbox + .bs-actionsbox {
    padding: 0 8px 4px;
}

.bootstrap-select-searchbox input {
    margin-bottom: 0;
}

.bootstrap-select .bs-actionsbox .btn-group button {
    width: 50%;
}

.bootstrap-select .btn-group > .btn:first-of-type,
.bootstrap-select .btn-group > .btn:first-of-type:not(:first-child):not(:last-child):not(.dropdown-toggle) {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	height:40px;
}
.bootstrap-select .btn-group > .btn:last-of-type,
.bootstrap-select .btn-group > .btn:last-of-type:not(:first-child):not(:last-child):not(.dropdown-toggle) {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	height:40px;
}

.bootstrap-select .actions-btn {
	background-color: #a2a9b3 !important;
}
.bootstrap-select .actions-btn:hover{
	background-color: #cbd0d6 !important;
}

@font-face {
  font-family: 'Lato';
  src: url('../fonts/lato/lato-black-webfont.eot');
  src: url('../fonts/lato/lato-black-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/lato/lato-black-webfont.woff') format('woff'), url('../fonts/lato/lato-black-webfont.ttf') format('truetype'), url('../fonts/lato/lato-black-webfont.svg#latoblack') format('svg');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'Lato';
  src: url('../fonts/lato/lato-bold-webfont.eot');
  src: url('../fonts/lato/lato-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/lato/lato-bold-webfont.woff') format('woff'), url('../fonts/lato/lato-bold-webfont.ttf') format('truetype'), url('../fonts/lato/lato-bold-webfont.svg#latobold') format('svg');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Lato';
  src: url('../fonts/lato/lato-bolditalic-webfont.eot');
  src: url('../fonts/lato/lato-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/lato/lato-bolditalic-webfont.woff') format('woff'), url('../fonts/lato/lato-bolditalic-webfont.ttf') format('truetype'), url('../fonts/lato/lato-bolditalic-webfont.svg#latobold_italic') format('svg');
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: 'Lato';
  src: url('../fonts/lato/lato-italic-webfont.eot');
  src: url('../fonts/lato/lato-italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/lato/lato-italic-webfont.woff') format('woff'), url('../fonts/lato/lato-italic-webfont.ttf') format('truetype'), url('../fonts/lato/lato-italic-webfont.svg#latoitalic') format('svg');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Lato';
  src: url('../fonts/lato/lato-light-webfont.eot');
  src: url('../fonts/lato/lato-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/lato/lato-light-webfont.woff') format('woff'), url('../fonts/lato/lato-light-webfont.ttf') format('truetype'), url('../fonts/lato/lato-light-webfont.svg#latolight') format('svg');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Lato';
  src: url('../fonts/lato/lato-regular-webfont.eot');
  src: url('../fonts/lato/lato-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/lato/lato-regular-webfont.woff') format('woff'), url('../fonts/lato/lato-regular-webfont.ttf') format('truetype'), url('../fonts/lato/lato-regular-webfont.svg#latoregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Flat-UI-Icons';
  src: url('../fonts/Flat-UI-Icons.eot');
  src: url('../fonts/Flat-UI-Icons.eot?#iefix') format('embedded-opentype'), url('../fonts/Flat-UI-Icons.woff') format('woff'), url('../fonts/Flat-UI-Icons.ttf') format('truetype'), url('../fonts/Flat-UI-Icons.svg#Flat-UI-Icons') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
  font-family: 'Flat-UI-Icons';
  content: attr(data-icon);
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
}
/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="fui-"] {
*/
.fui-arrow-right,
.fui-arrow-left,
.fui-cmd,
.fui-check-inverted,
.fui-heart,
.fui-location,
.fui-plus,
.fui-check,
.fui-cross,
.fui-list,
.fui-new,
.fui-video,
.fui-photo,
.fui-volume,
.fui-time,
.fui-eye,
.fui-chat,
.fui-search,
.fui-user,
.fui-mail,
.fui-lock,
.fui-gear,
.fui-radio-unchecked,
.fui-radio-checked,
.fui-checkbox-unchecked,
.fui-checkbox-checked,
.fui-calendar-solid,
.fui-pause,
.fui-play,
.fui-check-inverted-2 {
  display: inline-block;
  font-family: 'Flat-UI-Icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
}
.fui-arrow-right:before {
  content: "\e02c";
}
.fui-arrow-left:before {
  content: "\e02d";
}
.fui-cmd:before {
  content: "\e02f";
}
.fui-check-inverted:before {
  content: "\e006";
}
.fui-heart:before {
  content: "\e007";
}
.fui-location:before {
  content: "\e008";
}
.fui-plus:before {
  content: "\e009";
}
.fui-check:before {
  content: "\e00a";
}
.fui-cross:before {
  content: "\e00b";
}
.fui-list:before {
  content: "\e00c";
}
.fui-new:before {
  content: "\e00d";
}
.fui-video:before {
  content: "\e00e";
}
.fui-photo:before {
  content: "\e00f";
}
.fui-volume:before {
  content: "\e010";
}
.fui-time:before {
  content: "\e011";
}
.fui-eye:before {
  content: "\e012";
}
.fui-chat:before {
  content: "\e013";
}
.fui-search:before {
  content: "\e01c";
}
.fui-user:before {
  content: "\e01d";
}
.fui-mail:before {
  content: "\e01e";
}
.fui-lock:before {
  content: "\e01f";
}
.fui-gear:before {
  content: "\e024";
}
.fui-radio-unchecked:before {
  content: "\e02b";
}
.fui-radio-checked:before {
  content: "\e032";
}
.fui-checkbox-unchecked:before {
  content: "\e033";
}
.fui-checkbox-checked:before {
  content: "\e034";
}
.fui-calendar-solid:before {
  content: "\e022";
}
.fui-pause:before {
  content: "\e03b";
}
.fui-play:before {
  content: "\e03c";
}
.fui-check-inverted-2:before {
  content: "\e000";
}
.inline-block {
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}
.drop-ie-gradient {
  filter: unquote("progid:DXImageTransform.Microsoft.gradient(enabled = false)");
}
.dropdown-arrow-inverse {
  border-bottom-color: #667180 !important;
  border-top-color: #667180 !important;
}
body {
  font-family: 'Lato', Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.231;
  color: #323a45;
  background-color: #ffffff;
}
a {
  color: #1e9ce6;
  text-decoration: none;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
  -webkit-backface-visibility: hidden;
}
a:hover,
a:focus {
  color: #1e9ce6;
  text-decoration: none;
}
.img-rounded {
  border-radius: 6px;
}
.img-comment {
  font-size: 15px;
  line-height: 1.231;
  font-style: italic;
  margin: 24px 0;
}
p {
  font-size: 18px;
  line-height: 1.71109;
}
.lead {
  font-size: 28px;
  line-height: 1.4642745000000001;
  font-weight: 300;
}
@media (min-width: 768px) {
  .lead {
    font-size: 21px;
  }
}
small {
  font-size: 83%;
  line-height: 2.050846;
}
.text-primary {
  color: #1e9ce6;
}
a.text-primary:hover,
a.text-primary:focus {
  color: #15967d;
}
.text-success {
  color: #2ecc71;
}
a.text-success:hover,
a.text-success:focus {
  color: #25a35a;
}
.text-danger {
  color: #f2555f;
}
a.text-danger:hover,
a.text-danger:focus {
  color: #b93d30;
}
.text-warning {
  color: #fcae3f;
}
a.text-warning:hover,
a.text-warning:focus {
  color: #c19d0c;
}
.text-info {
  color: #0fb8aa;
}
a.text-info:hover,
a.text-info:focus {
  color: #2a7aaf;
}
.text-inverse {
  color: #ffffff;
}
a.text-inverse:hover,
a.text-inverse:focus {
  color: #cccccc;
}
.text-muted {
  color: #a2a9b3;
}
a.text-muted:hover,
a.text-muted:focus {
  color: #979c9f;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: 'Lato', Helvetica, Arial, sans-serif;
  font-weight: 700;
  line-height: 1.2;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small {
  color: #7f8c9a;
}
h1,
h2,
h3 {
  margin-top: 2px;
  margin-bottom: 4px;
}
h4,
h5,
h6 {
  margin-top: 4px;
  margin-bottom: 6px;
}
h6 {
  font-weight: normal;
}
h1,
.h1 {
  font-size: 61px;
}
h2,
.h2 {
  font-size: 52px;
}
h3,
.h3 {
  font-size: 40px;
}
h4,
.h4 {
  font-size: 29px;
}
h5,
.h5 {
  font-size: 28px;
}
h6,
.h6 {
  font-size: 24px;
}
h1 small,
.h1 small {
  font-size: 24px;
}
h2 small,
.h2 small {
  font-size: 18px;
}
h3 small,
.h3 small,
h4 small,
.h4 small {
  font-size: 14px;
}
blockquote {
  position: relative;
  border-left: none;
  padding: 0 0 0 19px;
}
blockquote:before {
  position: absolute;
  left: 0;
  width: 3px;
  height: 100%;
  top: 0;
  bottom: 0;
  background-color: #ebedee;
  content: "";
  border-radius: 2px;
}
blockquote p {
  font-size: 21px;
  line-height: 2;
  font-weight: normal;
  margin-bottom: .4em;
}
blockquote small {
  font-size: 19px;
  line-height: 2;
  font-style: italic;
  color: #323a45;
}
blockquote small:before {
  content: "";
}
address {
  margin-bottom: 1.231;
  line-height: 1.231;
}
.btn,
.btn-group > .btn,
.btn-group > .dropdown-menu,
.btn-group > .popover {
  font-weight: 400;
}
.btn-block {
  white-space: normal;
}
.btn {
  border: none;
  background: #a2a9b3;
  color: #ffffff;
  padding: 9px 12px 10px;
  line-height: 22px;
  text-decoration: none;
  -webkit-transition: 0.25s linear;
  -moz-transition: 0.25s linear;
  -o-transition: 0.25s linear;
  transition: 0.25s linear;
  -webkit-backface-visibility: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.btn:hover,
.btn:focus,
.btn-group:focus .btn.dropdown-toggle {
  background-color: #cacfd2;
  color: #ffffff;
  outline: none;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
  -webkit-backface-visibility: hidden;
}
.btn:active,
.btn-group.open .btn.dropdown-toggle,
.btn.active {
  background-color: #a1a6a9;
  color: rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn.disabled,
.btn[disabled] {
  background-color: #a2a9b3;
  color: rgba(255, 255, 255, 0.75);
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.btn.btn-hg,
.input-group-hg .btn {
  font-size: 14px;
  line-height: 14px;
  padding: 13px 20px 13px;
}
.btn.btn-hg > [class^="fui-"],
.input-group-hg .btn > [class^="fui-"] {
  top: 1px;
}
.btn.btn-hg > [class^="fui-"].pull-right,
.input-group-hg .btn > [class^="fui-"].pull-right {
  margin-right: -2px;
}
.btn.btn-lg,
.input-group-lg .btn {
  font-size: 17px;
  line-height: 20px;
  padding: 12px 18px 13px;
}
.btn.btn-lg > [class^="fui-"],
.input-group-lg .btn > [class^="fui-"] {
  top: 0;
}
.btn.btn-lg > [class^="fui-"].pull-right,
.input-group-lg .btn > [class^="fui-"].pull-right {
  margin-right: -2px;
}
.btn.btn-sm,
.input-group-sm .btn {
  font-size: 13px;
  line-height: 20px;
  padding: 6px 13px 8px;
}
.btn.btn-sm > [class^="fui-"],
.input-group-sm .btn > [class^="fui-"] {
  top: 0;
}
.btn.btn-xs,
.input-group-xs .btn {
  font-size: 12px;
  padding: 8px 13px 9px;
  line-height: 1.2;
}
.btn.btn-xs > [class^="fui-"],
.input-group-xs .btn > [class^="fui-"] {
  top: 0;
}
.btn.btn-primary {
  background-color: #1e9ce6;
}
.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn-group:focus .btn.btn-primary.dropdown-toggle {
  background-color: #54c7f2;
}
.btn.btn-primary:active,
.btn-group.open .btn.btn-primary.dropdown-toggle,
.btn.btn-primary.active {
  background-color: #1e9ce6;
}
.btn.btn-info {
  background-color: #0fb8aa;
}
.btn.btn-info:hover,
.btn.btn-info:focus,
.btn-group:focus .btn.btn-info.dropdown-toggle {
  background-color: #32d9d0;
}
.btn.btn-info:active,
.btn-group.open .btn.btn-info.dropdown-toggle,
.btn.btn-info.active {
  background-color: #0fb8aa;
}
.btn.btn-danger {
  background-color: #f2555f;
}
.btn.btn-danger:hover,
.btn.btn-danger:focus,
.btn-group:focus .btn.btn-danger.dropdown-toggle {
  background-color: #f8939c;
}
.btn.btn-danger:active,
.btn-group.open .btn.btn-danger.dropdown-toggle,
.btn.btn-danger.active {
  background-color: #f2555f;
}
.btn.btn-success {
  background-color: #2ecc71;
}
.btn.btn-success:hover,
.btn.btn-success:focus,
.btn-group:focus .btn.btn-success.dropdown-toggle {
  background-color: #58d68d;
}
.btn.btn-success:active,
.btn-group.open .btn.btn-success.dropdown-toggle,
.btn.btn-success.active {
  background-color: #27ad60;
}
.btn.btn-warning {
  background-color: #fcae3f;
}
.btn.btn-warning:hover,
.btn.btn-warning:focus,
.btn-group:focus .btn.btn-warning.dropdown-toggle {
  background-color: #fdd37f;
}
.btn.btn-warning:active,
.btn-group.open .btn.btn-warning.dropdown-toggle,
.btn.btn-warning.active {
  background-color: #fcae3f;
}
.btn.btn-inverse {
  background-color: #323a45;
}
.btn.btn-inverse:hover,
.btn.btn-inverse:focus,
.btn-group:focus .btn.btn-inverse.dropdown-toggle {
  background-color: #717a85;
}
.btn.btn-inverse:active,
.btn-group.open .btn.btn-inverse.dropdown-toggle,
.btn.btn-inverse.active {
  background-color: #323a45;
}
.btn.btn-input {
  background-color: #fff;
  border: 2px solid #d0d5d9;
  color: #323a45;
}
.btn.btn-input:hover,
.btn.btn-input:focus,
.btn-group:focus .btn.btn-input.dropdown-toggle {
  background-color: #fff;
  border: 2px solid #d0d5d9;
}
.btn.btn-input:active,
.btn-group.open .btn.btn-input.dropdown-toggle,
.btn.btn-input.active {
  background-color: #fff;
  border: 2px solid #d0d5d9;
}
.btn.btn-default {
  background-color: #a2a9b3;
}
.btn.btn-default:hover,
.btn.btn-default:focus,
.btn-group:focus .btn.btn-default.dropdown-toggle {
  background-color: #cbd0d6;
}
.btn.btn-default:active,
.btn-group.open .btn.btn-default.dropdown-toggle,
.btn.btn-default.active {
  background-color: #a2a9b3;
}
.btn > [class^="fui-"] {
  margin: 0 1px;
  position: relative;
  top: 1px;
  vertical-align: top;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.btn > [class^="fui-"].pull-right {
  margin-right: 0;
}
.btn-toolbar .btn.active {
  color: #ffffff;
}
.btn-toolbar .btn:first-child {
  border-radius: 6px 0 0 6px;
}
.btn-toolbar .btn:last-child {
  border-radius: 0 6px 6px 0;
}
.btn-toolbar .btn > [class^="fui-"] {
  font-size: 16px;
  top: 0;
  margin: 0 4px;
}
.btn-tip {
  font-weight: 300;
  padding-left: 10px;
}
.btn-group > .btn {
  border-radius: 0;
  text-align: center;
}
.btn-group > .btn:active + .btn,
.btn-group > .btn.active + .btn {
  border-left-color: transparent;
}
.btn-group > .btn:first-of-type,
.btn-group > .btn:first-of-type:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.btn-group > .btn:last-of-type,
.btn-group > .btn:last-of-type:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height:40px;
}
.btn-group > .btn + .btn {
  margin-left: 0;
}
.btn-group > .btn + .dropdown-toggle {
  border-left: 2px solid rgba(52, 73, 94, 0.15);
  padding-left: 13px;
  padding-right: 13px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn-group > .btn + .dropdown-toggle .caret {
  margin-left: 3px;
  margin-right: 3px;
}
.btn-group > .btn.btn-gh + .dropdown-toggle .caret {
  margin-left: 7px;
  margin-right: 7px;
}
.btn-group > .btn.btn-sm + .dropdown-toggle .caret {
  margin-left: 0;
  margin-right: 0;
}
.caret {
  border-width: 8px 5px;
  border-bottom-color: #323a45;
  border-top-color: #323a45;
  border-style: solid;
  border-bottom-style: none;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
  -webkit-backface-visibility: hidden;
  -webkit-transform: scale(1.001);
  -moz-transform: scale(1.001);
  -ms-transform: scale(1.001);
  -o-transform: scale(1.001);
  transform: scale(1.001);
}
.dropup .caret,
.dropup .btn-lg .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-bottom-width: 8px;
}
.btn-lg .caret {
  border-top-width: 8px;
  border-right-width: 6px;
  border-left-width: 6px;
}
.navbar {
  font-size: 16px;
  border-radius: 6px;
  background: #eceef0;
  border: none;
}
.navbar .navbar-collapse {
  padding-left: 0;
  padding-right: 0;
}
.navbar .navbar-brand {
  border-radius: 6px 0 0 6px;
  color: #526476;
  font-size: 24px;
  line-height: 29.55px;
  font-weight: 700;
  margin-left: -15px;
  padding: 23px 28px 24px 17px;
  text-shadow: none;
  display: inline-block;
}
.navbar .navbar-brand:hover,
.navbar .navbar-brand:focus {
  color: #1e9ce6;
}
.navbar .navbar-brand[class*="fui-"] {
  font-weight: normal;
}
.navbar .navbar-brand small {
  line-height: 1;
}
.navbar .nav {
  margin-right: 0;
  display: inline-block;
  float: left;
}
.navbar .nav > li {
  position: relative;
  display: inline-block;
}
.navbar .nav > li:hover > ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
  z-index: 100;
  -webkit-transform: scale(1, 1);
  display: block\9;
}
.navbar .nav > li.active > a,
.navbar .nav > li.active > a:hover,
.navbar .nav > li.active > a:focus {
  background: none;
  color: #1e9ce6;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.navbar .nav > li:first-child {
  border-radius: 6px 6px 0 0;
}
.navbar .nav > li:last-child {
  border-radius: 0 0 6px 6px;
}
.navbar .nav > li > ul {
  padding-top: 13px;
  top: 80%;
  padding-left: 0;
}
.navbar .nav > li > ul:before {
  content: "";
  border-style: solid;
  border-width: 0 9px 9px 9px;
  border-color: transparent transparent #323a45 transparent;
  height: 0;
  position: absolute;
  left: 15px;
  top: 5px;
  width: 0;
  -webkit-transform: rotate(360deg);
}
.navbar .nav > li > ul li:hover ul {
  opacity: 1;
  -webkit-transform: scale(1, 1);
  visibility: visible;
  display: block\9;
}
.navbar .nav > li > ul li ul {
  left: 100%;
}
.navbar .nav > li > a {
  color: #526476;
  display: inline-block;
  font-weight: 700;
  font-size: 15px;
  line-height: 28px;
  padding: 22px 20px;
  text-shadow: none;
  -webkit-transition: background-color .25s, color .25s, border-bottom-color .25s;
  -moz-transition: background-color .25s, color .25s, border-bottom-color .25s;
  -o-transition: background-color .25s, color .25s, border-bottom-color .25s;
  transition: background-color .25s, color .25s, border-bottom-color .25s;
  -webkit-backface-visibility: hidden;
}
.navbar .nav > li > a:hover,
.navbar .nav > li > a:focus {
  color: #1e9ce6;
  background-color: transparent;
}
.navbar .nav > li > a[class*="fui-"] {
  font-size: 24px;
  font-weight: normal;
}
.navbar .nav > li > a > [class*="fui-"] {
  font-size: 24px;
  margin: -4px 0 0;
  position: relative;
  top: 4px;
}
.navbar .nav > li > a > [class*="fui-"] + * {
  margin-left: 12px;
}
.navbar .nav > li:first-child > a {
  border-radius: 0 0 0 6px;
}
.navbar .nav ul {
  border-radius: 4px;
  left: 0;
  list-style-type: none;
  margin-left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 234px;
  -webkit-transform: scale(1, 0.99);
  -webkit-transform-origin: 0 0;
  visibility: hidden;
  -webkit-transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  -webkit-backface-visibility: hidden;
}
.navbar .nav ul ul {
  left: 95%;
  padding-left: 5px;
}
.navbar .nav ul li {
  background-color: #323a45;
  padding: 0 3px 3px;
  position: relative;
}
.navbar .nav ul li:first-child {
  border-radius: 6px 6px 0 0;
  padding-top: 3px;
}
.navbar .nav ul li:last-child {
  border-radius: 0 0 6px 6px;
}
.navbar .nav ul li.active > a,
.navbar .nav ul li.active > a:hover,
.navbar .nav ul li.active > a:focus {
  background-color: #1e9ce6;
  color: #ffffff;
  padding-left: 9px;
  padding-right: 9px;
}
.navbar .nav ul li.active + li > a {
  padding-left: 9px;
  padding-right: 9px;
}
.navbar .nav ul a {
  border-radius: 2px;
  color: #ffffff;
  display: block;
  font-size: 14px;
  padding: 6px 9px;
  text-decoration: none;
}
.navbar .nav ul a:hover {
  background-color: #1e9ce6;
}
.navbar .btn-navbar {
  background: none;
  border: none;
  color: #323a45;
  margin: 18px 15px 14px;
  text-shadow: none;
  display: none;
}
.navbar .btn-navbar:hover,
.navbar .btn-navbar:focus {
  background: none;
  color: #1e9ce6;
}
.navbar .btn-navbar:before {
  content: "\e00c";
  font-family: "Flat-UI-Icons";
  font-size: 22px;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
}
.navbar .btn-navbar .icon-bar {
  display: none;
}
.navbar-inner {
  background: #eceef0;
  border: none;
  padding-left: 0;
  padding-right: 0;
  border-radius: 6px;
}
.navbar-inverse {
  font-size: 17px;
  background-color: #323a45;
}
.navbar-inverse .navbar-brand {
  border-bottom: 2px solid #2c3e50;
  border-right: 2px solid #2c3e50;
  color: #ffffff;
  padding: 10px 28px 11px 32px;
}
.navbar-inverse .btn-navbar {
  color: #ffffff;
  margin: 7px 10px;
}
.navbar-inverse .btn-icon {
  margin: 8px 5px 8px 15px;
}
.navbar-inverse .nav > li:first-child.active > a {
  padding-left: 20px;
}
.navbar-inverse .nav > li:first-child > a {
  border-left: none;
}
.navbar-inverse .nav > li.active > a,
.navbar-inverse .nav > li.active > a:hover,
.navbar-inverse .nav > li.active > a:focus {
  background-color: #1e9ce6;
  border-bottom-color: #1e9ce6;
  border-left: none;
  color: #ffffff;
  padding-left: 20px;
}
.navbar-inverse .nav > li.active + li > a {
  border-left: none;
  padding-left: 20px;
}
.navbar-inverse .nav > li > a {
  font-size: 16px;
  border-bottom: 2px solid #2c3e50;
  border-left: 2px solid #2c3e50;
  color: #ffffff;
  padding: 16px 20px 15px;
  line-height: 20px;
}
.navbar-inverse .nav.pull-right {
  margin-right: -15px;
}
.navbar-inverse .nav.pull-right > li > a {
  border-radius: 0 6px 6px 0;
}
.navbar-unread,
.navbar-new {
  font-family: 'Lato', Helvetica, Arial, sans-serif;
  background-color: #1e9ce6;
  border-radius: 50%;
  color: #ffffff;
  font-size: 0;
  font-weight: 700;
  height: 6px;
  line-height: 14px;
  position: absolute;
  right: 12px;
  text-align: center;
  top: 28px;
  width: 6px;
  z-index: 10;
}
.active .navbar-unread,
.active .navbar-new {
  background-color: #ffffff;
  display: none;
}
.navbar-inverse .navbar-unread,
.navbar-inverse .navbar-new {
  top: 15px;
}
.navbar-new {
  background-color: #f2555f;
  font-size: 12px;
  line-height: 17px;
  height: 18px;
  margin: -9px -1px;
  min-width: 18px;
  padding: 0 1px;
  width: auto;
  -webkit-font-smoothing: subpixel-antialiased;
}
.navbar.navbar-inverse .nav li.dropdown.open > .dropdown-toggle {
  background-color: #1e9ce6;
  border-bottom-color: #1e9ce6;
  color: #ffffff;
}
.navbar.navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret {
  border-bottom-color: #ffffff !important;
  border-top-color: #ffffff !important;
}
.navbar .nav li.dropdown.open > .dropdown-toggle {
  background: none;
  color: #1e9ce6;
}
.navbar .nav li.dropdown.open > .dropdown-toggle .caret {
  border-bottom-color: #1e9ce6 !important;
  border-top-color: #1e9ce6 !important;
}
.navbar .nav li.dropdown.open .dropdown-menu {
  opacity: 1;
  top: 100%;
  visibility: visible;
  z-index: 1000;
  -webkit-transform: none;
}
.navbar .nav li.dropdown > .dropdown-toggle {
  outline: none;
}
.navbar .nav li.dropdown > .dropdown-toggle:hover .caret,
.navbar .nav li.dropdown > .dropdown-toggle:focus .caret {
  border-bottom-color: #1e9ce6;
  border-top-color: #1e9ce6;
}
.navbar .nav li.dropdown > .dropdown-toggle .caret {
  border-left-width: 6px;
  border-right-width: 6px;
  border-top-width: 8px;
  border-bottom-color: #4c6a89;
  border-top-color: #4c6a89;
  margin-left: 10px;
}
.navbar .nav li.dropdown .dropdown-menu {
  background-color: #323a45;
  opacity: 0;
  padding: 0;
  visibility: hidden;
}
.navbar .nav li.dropdown .dropdown-menu:before {
  display: none;
}
.navbar .nav li.dropdown .dropdown-menu:after {
  border-bottom-color: #323a45;
}
.navbar .nav li.dropdown .dropdown-menu > li > a {
  border-radius: 3px;
  color: #ffffff;
  padding: 6px 8px 8px;
}
.navbar .nav li.dropdown .dropdown-menu .divider {
  background-color: #2c3e50;
  border-bottom: none;
  margin: 2px 0 5px;
  padding: 0;
  height: 2px;
}
.navbar.navbar-fixed-bottom .navbar-inner .navbar-search .form-control,
.navbar.navbar-fixed-top .navbar-inner .navbar-search .form-control {
  border-radius: 50px 0 0 50px !important;
}
.navbar.navbar-fixed-bottom .navbar-inner .navbar-search .btn,
.navbar.navbar-fixed-top .navbar-inner .navbar-search .btn {
  border-radius: 0 50px 50px 0;
}
.navbar.navbar-fixed-bottom .nav > li:hover > ul {
  bottom: 100%;
  padding-bottom: 13px;
  top: auto;
}
.navbar.navbar-fixed-bottom .nav > li:hover > ul li:hover ul {
  bottom: 0;
}
.navbar.navbar-fixed-bottom .nav ul {
  bottom: 80%;
  top: auto;
}
.select {
  display: inline-block;
  margin-bottom: 10px;
}
[class*="span"] > .select[class*="span"] {
  margin-left: 0;
}
.select[class*="span"] .btn {
  width: 100%;
}
.select.select-block {
  display: block;
  float: none;
  margin-left: 0;
  width: auto;
  *zoom: 1;
}
.select.select-block:before,
.select.select-block:after {
  display: table;
  content: "";
}
.select.select-block:after {
  clear: both;
}
.select.select-block .btn {
  width: 100%;
}
.select .btn {
  width: 160px;
}
.select.wt140 .btn {
  width: 140px;
}
.select.wt280 .btn {
  width: 280px;
}
.select .btn.btn-hg .filter-option {
  left: 20px;
  right: 40px;
  top: 16px;
}
.select .btn.btn-hg .caret {
  right: 20px;
}
.select .btn.btn-lg .filter-option {
  left: 18px;
  right: 38px;
  top: 12px;
}
.select .btn.btn-sm .filter-option {
  left: 13px;
  right: 33px;
  top: 7px;
}
.select .btn.btn-sm .caret {
  right: 13px;
}
.select .btn.btn-xs .filter-option {
  left: 13px;
  right: 33px;
  top: 5px;
}
.select .btn.btn-xs .caret {
  right: 13px;
}
.select .btn .filter-option {
  height: 26px;
  left: 13px;
  overflow: hidden;
  position: absolute;
  right: 33px;
  text-align: left;
  top: 7px;
}
.select .btn .caret {
  position: absolute;
  right: 16px;
  margin-top: 5px;
}
.select .btn .dropdown-toggle {
  border-radius: 6px;
}
.select .btn .dropdown-menu {
  min-width: 100%;
}
.select .btn .dropdown-menu dt {
  cursor: default;
  display: block;
  padding: 3px 20px;
}
.select .btn .dropdown-menu li:not(.disabled) > a:hover small {
  color: rgba(255, 255, 255, 0.004);
}
.select .btn .dropdown-menu li > a {
  min-height: 20px;
}
.select .btn .dropdown-menu li > a.opt {
  padding-left: 35px;
}
.select .btn .dropdown-menu li small {
  padding-left: .5em;
}
.select .btn .dropdown-menu li > dt small {
  font-weight: normal;
}
.select .btn > .disabled,
.select .btn .dropdown-menu li.disabled > a {
  cursor: default;
}
.select .caret {
  border-bottom-color: #1e9ce6;
  border-top-color: #1e9ce6;
}
.select .caret-inverse {
  border-bottom-color: #ffffff;
  border-top-color: #ffffff;
}
textarea {
  font-size: 15px;
  line-height: 24px;
  padding: 5px 11px;
}
label {
  font-weight: normal;
  line-height: 1.4285755000000002em;
}
.form-control:-moz-placeholder {
  color: #b2bcc5;
}
.form-control::-moz-placeholder {
  color: #b2bcc5;
}
.form-control:-ms-input-placeholder {
  color: #b2bcc5;
}
.form-control::-webkit-input-placeholder {
  color: #b2bcc5;
}
.form-control.placeholder {
  color: #b2bcc5;
}
.form-control {
  border: 2px solid #d0d5d9;
  color: #323a45;
  font-family: 'Lato', Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 8px 12px;
  height: 40px;
  -webkit-appearance: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear;
  -moz-transition: border .25s linear, color .25s linear, background-color .25s linear;
  -o-transition: border .25s linear, color .25s linear, background-color .25s linear;
  transition: border .25s linear, color .25s linear, background-color .25s linear;
  -webkit-backface-visibility: hidden;
}
.form-group.focus .form-control,
.form-control:focus {
  border-color: #1e9ce6;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #f0f1f2;
  border-color: #d7dce0;
  color: #323a45;;
  cursor: default;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.form-control.flat {
  border-color: transparent;
}
.form-control.flat:hover {
  border-color: #a2a9b3;
}
.form-control.flat:focus {
  border-color: #1e9ce6;
}
.input-sm {
  height: 34px;
  padding: 8px 10px;
  font-size: 13px;
  line-height: 1.231;
  border-radius: 6px;
}
select.input-sm {
  height: 34px;
  line-height: 34px;
}
textarea.input-sm {
  height: auto;
}
.input-lg {
  height: 45px;
  padding: 10px 15px;
  font-size: 17px;
  line-height: 1.231;
  border-radius: 6px;
}
select.input-lg {
  height: 45px;
  line-height: 45px;
}
textarea.input-lg {
  height: auto;
}
.input-hg {
  height: 53px;
  padding: 10px 16px;
  font-size: 22px;
  line-height: 1.231;
  border-radius: 6px;
}
select.input-hg {
  height: 53px;
  line-height: 53px;
}
textarea.input-hg {
  height: auto;
}
.has-warning .help-block,
.has-warning .control-label {
  color: #fcae3f;
}
.has-warning .form-control {
  color: #fcae3f;
  border-color: #fcae3f;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.has-warning .form-control:-moz-placeholder {
  color: #fcae3f;
}
.has-warning .form-control::-moz-placeholder {
  color: #fcae3f;
}
.has-warning .form-control:-ms-input-placeholder {
  color: #fcae3f;
}
.has-warning .form-control::-webkit-input-placeholder {
  color: #fcae3f;
}
.has-warning .form-control.placeholder {
  color: #fcae3f;
}
.has-warning .form-control:focus {
  border-color: #fcae3f;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.has-warning .input-group-addon {
  color: #fcae3f;
  border-color: #fcae3f;
  background-color: #ffffff;
}
.has-error .help-block,
.has-error .control-label {
  color: #f2555f;
}
.has-error .form-control {
  color: #f2555f;
  border-color: #f2555f;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.has-error .form-control:-moz-placeholder {
  color: #f2555f;
}
.has-error .form-control::-moz-placeholder {
  color: #f2555f;
}
.has-error .form-control:-ms-input-placeholder {
  color: #f2555f;
}
.has-error .form-control::-webkit-input-placeholder {
  color: #f2555f;
}
.has-error .form-control.placeholder {
  color: #f2555f;
}
.has-error .form-control:focus {
  border-color: #f2555f;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.has-error .input-group-addon {
  color: #f2555f;
  border-color: #f2555f;
  background-color: #ffffff;
}
.has-success .help-block,
.has-success .control-label {
  color: #1e9ce6;
}
.has-success .form-control {
  color: #1e9ce6;
  border-color: #1e9ce6;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.has-success .form-control:-moz-placeholder {
  color: #1e9ce6;
}
.has-success .form-control::-moz-placeholder {
  color: #1e9ce6;
}
.has-success .form-control:-ms-input-placeholder {
  color: #1e9ce6;
}
.has-success .form-control::-webkit-input-placeholder {
  color: #1e9ce6;
}
.has-success .form-control.placeholder {
  color: #1e9ce6;
}
.has-success .form-control:focus {
  border-color: #1e9ce6;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.has-success .input-group-addon {
  color: #2ecc71;
  border-color: #2ecc71;
  background-color: #ffffff;
}
.form-group {
  position: relative;
  margin-bottom: 20px;
}
.form-group {
  position: relative;
}
.form-control + .input-icon {
  position: absolute;
  top: 2px;
  right: 2px;
  line-height: 37px;
  vertical-align: middle;
  font-size: 20px;
  color: #b2bcc5;
  background-color: #ffffff;
  padding: 0 12px 0 0;
  border-radius: 6px;
}
.input-hg + .input-icon {
  line-height: 49px;
  padding: 0 16px 0 0;
}
.input-lg + .input-icon {
  line-height: 41px;
  padding: 0 15px 0 0;
}
.input-sm + .input-icon {
  font-size: 14px;
  line-height: 30px;
  padding: 0 10px 0 0;
}
.has-success .input-icon {
  color: #2ecc71;
}
.has-warning .input-icon {
  color: #fcae3f;
}
.has-error .input-icon {
  color: #f2555f;
}
.form-control[disabled] + .input-icon,
.form-control[readonly] + .input-icon,
fieldset[disabled] .form-control + .input-icon,
.form-control.disabled + .input-icon {
  color: #d5dbdb;
  background-color: #f4f6f6;
}
.checkbox,
.radio {
  margin-bottom: 12px;
  padding-left: 24px;
  position: relative;
  -webkit-transition: color 0.25s linear;
  -moz-transition: color 0.25s linear;
  -o-transition: color 0.25s linear;
  transition: color 0.25s linear;
  -webkit-backface-visibility: hidden;
}
.checkbox input,
.radio input {
  outline: none !important;
  display: none;
}
.checkbox .icons,
.radio .icons {
  color: #d0d5d9;
  display: block;
  height: 16px;
  left: 0;
  position: absolute;
  top: 0;
  width: 16px;
  text-align: center;
  line-height: 16px;
  font-size: 16px;
  cursor: pointer;
  -webkit-transition: color 0.25s linear;
  -moz-transition: color 0.25s linear;
  -o-transition: color 0.25s linear;
  transition: color 0.25s linear;
  -webkit-backface-visibility: hidden;

}
.checkbox .icons .first-icon,
.radio .icons .first-icon,
.checkbox .icons .second-icon,
.radio .icons .second-icon {
  display: inline-table;
  position: absolute;
  left: 0;
  top: 0;
  /* background-color: #ffffff;*/
  opacity: 1;
  filter: alpha(opacity=100);
}
.checkbox .icons .second-icon,
.radio .icons .second-icon {
  opacity: 0;
  filter: alpha(opacity=0);
}
.checkbox:hover,
.radio:hover {
  color: #a2a9b3;
  -webkit-transition: color 0.25s linear;
  -moz-transition: color 0.25s linear;
  -o-transition: color 0.25s linear;
  transition: color 0.25s linear;
  -webkit-backface-visibility: hidden;
}
.checkbox.checked,
.radio.checked {
  color: #1e9ce6;
}
.checkbox.checked .icons,
.radio.checked .icons {

}


.checkbox.checked .first-icon,
.radio.checked .first-icon {
  opacity: 0;
  filter: alpha(opacity=0);
}
.checkbox.checked .second-icon,
.radio.checked .second-icon {
  color: #1e9ce6;
  -webkit-transition: color 0.25s linear;
  -moz-transition: color 0.25s linear;
  -o-transition: color 0.25s linear;
  transition: color 0.25s linear;
  -webkit-backface-visibility: hidden;
  opacity: 1;
  filter: alpha(opacity=100);
  background: #fff;
  border-radius: 5px;
}
.radio.checked .second-icon {
  background: none;
}
.checkbox.disabled,
.radio.disabled {
  cursor: default;
  color: #e6e8ea;
}
.checkbox.disabled .icons,
.radio.disabled .icons {
  color: #e6e8ea;
}
.checkbox.disabled .first-icon,
.radio.disabled .first-icon {
  opacity: 1;
  filter: alpha(opacity=100);
}
.checkbox.disabled .second-icon,
.radio.disabled .second-icon {
  opacity: 0;
  filter: alpha(opacity=0);
}
.checkbox.disabled.checked .icons,
.radio.disabled.checked .icons {
  color: #e6e8ea;
}
.checkbox.disabled.checked .first-icon,
.radio.disabled.checked .first-icon {
  opacity: 0;
  filter: alpha(opacity=0);
}
.checkbox.disabled.checked .second-icon,
.radio.disabled.checked .second-icon {
  color: #e6e8ea;
  opacity: 1;
  filter: alpha(opacity=100);
}
.tagsinput {
  background: white;
  border: 2px solid #1e9ce6;
  border-radius: 6px;
  height: 100px;
  margin-bottom: 18px;
  padding: 6px 1px 1px 6px;
  overflow-y: auto;
  text-align: left;
}
.tagsinput .tag {
  border-radius: 4px;
  background-color: #1e9ce6;
  color: #ffffff;
  cursor: pointer;
  margin-right: 5px;
  margin-bottom: 5px;
  overflow: hidden;
  line-height: 15px;
  padding: 6px 13px 8px 19px;
  position: relative;
  vertical-align: middle;
  display: inline-block;
  zoom: 1;
  *display: inline;
  -webkit-transition: 0.14s linear;
  -moz-transition: 0.14s linear;
  -o-transition: 0.14s linear;
  transition: 0.14s linear;
  -webkit-backface-visibility: hidden;
}
.tagsinput .tag:hover {
  background-color: #1e9ce6;
  color: #ffffff;
  padding-left: 12px;
  padding-right: 20px;
}
.tagsinput .tag:hover .tagsinput-remove-link {
  color: #ffffff;
  opacity: 1;
  display: block\9;
}
.tagsinput input {
  background: transparent;
  border: none;
  color: #323a45;
  font-family: 'Lato', Helvetica, Arial, sans-serif;
  font-size: 14px;
  margin: 0px;
  padding: 0 0 0 5px;
  outline: 0;
  margin-right: 5px;
  margin-bottom: 5px;
  width: 12px;
}
.tagsinput-remove-link {
  bottom: 0;
  color: #ffffff;
  cursor: pointer;
  font-size: 12px;
  opacity: 0;
  padding: 7px 7px 5px 0;
  position: absolute;
  right: 0;
  text-align: right;
  text-decoration: none;
  top: 0;
  width: 100%;
  z-index: 2;
  display: none\9;
}
.tagsinput-remove-link:before {
  color: #ffffff;
  content: "\e00b";
  font-family: "Flat-UI-Icons";
}
.tagsinput-add-container {
  vertical-align: middle;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.tagsinput-add {
  background-color: #d6dbdf;
  border-radius: 3px;
  color: #ffffff;
  cursor: pointer;
  margin-bottom: 5px;
  padding: 6px 9px;
  display: inline-block;
  zoom: 1;
  *display: inline;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
  -webkit-backface-visibility: hidden;
}
.tagsinput-add:hover {
  background-color: #1e9ce6;
}
.tagsinput-add:before {
  content: "\e009";
  font-family: "Flat-UI-Icons";
}
.tags_clear {
  clear: both;
  width: 100%;
  height: 0px;
}
.not_valid {
  background: #fbd8db !important;
  color: #90111a !important;
  margin-left: 5px !important;
}
.progress {
  background: #ebedef;
  border-radius: 32px;
  height: 12px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.progress-bar {
  background: #1e9ce6;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.progress-bar-success {
  background-color: #2ecc71;
}
.progress-bar-warning {
  background-color: #fcae3f;
}
.progress-bar-danger {
  background-color: #f2555f;
}
.progress-bar-info {
  background-color: #0fb8aa;
}
.ui-slider {
  background: #e4e6eb;
  border-radius: 32px;
  height: 12px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  margin-bottom: 10px;
  position: relative;
}
.ui-slider-handle {
  background-color: #1e9ce6;
  border-radius: 50%;
  cursor: pointer;
  height: 18px;
  margin-left: -9px;
  position: absolute;
  top: -3px;
  width: 18px;
  z-index: 2;
  -webkit-transition: background 0.25s;
  -moz-transition: background 0.25s;
  -o-transition: background 0.25s;
  transition: background 0.25s;
  -webkit-backface-visibility: hidden;
}
.ui-slider-handle[style*='100'] {
  margin-left: -15px;
}
.ui-slider-handle:hover,
.ui-slider-handle:focus {
  background-color: #54c7f2;
  outline: none;
}
.ui-slider-handle:active {
  background-color: #54c7f2;
}
.ui-slider-range {
  background-color: #1e9ce6;
  border-radius: 30px 0 0 30px;
  display: block;
  height: 100%;
  position: absolute;
  z-index: 1;
}
.ui-slider-segment {
  background-color: #d0d5d9;
  border-radius: 50%;
  float: left;
  height: 6px;
  margin: 3px -6px 0 0;
  width: 6px;
}
.ui-slider-value {
  float: right;
  font-weight: 500;
  margin-top: 12px;
}
.ui-slider-value.first {
  clear: left;
  float: left;
}
.pager {
  background-color: #323a45;
  border-radius: 6px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.pager li:first-child > a,
.pager li:first-child > span {
  border-left: none;
  border-radius: 6px 0 0 6px;
}
.pager li > a,
.pager li > span {
  background: none;
  border: none;
  border-left: 2px solid #2c3e50;
  color: #ffffff;
  padding: 9px 15px 10px;
  text-decoration: none;
  white-space: nowrap;
  border-radius: 0 6px 6px 0;
}
.pager li > a:hover,
.pager li > span:hover,
.pager li > a:focus,
.pager li > span:focus {
  background-color: #2c3e50;
}
.pager li > a:active,
.pager li > span:active {
  background-color: #2c3e50;
}
.pager li > a [class*="fui-"] + span,
.pager li > span [class*="fui-"] + span {
  margin-left: 8px;
}
.pager li > a span + [class*="fui-"],
.pager li > span span + [class*="fui-"] {
  margin-left: 8px;
}
.pagination {
  position: relative;
  margin: 0;
}
.pagination ul {
  color: #a2a9b3;
  padding: 0;
  margin: 0;
  display: inline-block;
  border-radius: 6px;
}
.pagination ul li {
  display: inline-block;
  margin-right: -3px;
  vertical-align: middle;
}
.pagination ul li:first-child {
  border-radius: 6px 0 0 6px;
}
.pagination ul li:first-child.previous + li > a,
.pagination ul li:first-child.previous + li > span {
  border-left-width: 5px;
}
.pagination ul li:last-child {
  border-radius: 0 6px 6px 0;
  margin-right: 0;
}
.pagination ul li.previous > a,
.pagination ul li.next > a,
.pagination ul li.previous > span,
.pagination ul li.next > span {
  background: transparent;
  border: none;
  font-size: 16px;
  margin: 0 9px 0 0;
  padding: 12px 17px;
  border-radius: 6px 0 0 6px;
}
.pagination ul li.previous > a,
.pagination ul li.next > a,
.pagination ul li.previous > span,
.pagination ul li.next > span,
.pagination ul li.previous > a:hover,
.pagination ul li.next > a:hover,
.pagination ul li.previous > span:hover,
.pagination ul li.next > span:hover,
.pagination ul li.previous > a:focus,
.pagination ul li.next > a:focus,
.pagination ul li.previous > span:focus,
.pagination ul li.next > span:focus {
  background: none;
  border:none;
}
.pagination ul li.previous > a,
.pagination ul li.next > a,
.pagination ul li.previous > span,
.pagination ul li.next > span {
  color: #a2a9b3;
}

@media (max-width: 480px) {
  .pagination ul li.previous > a,
  .pagination ul li.next > a,
  .pagination ul li.previous > span,
  .pagination ul li.next > span {
    margin-right: 0;
  }
}
.pagination ul li.next {
  margin-left: 9px;
}
.pagination ul li.next > a,
.pagination ul li.next > span {
  border-right: none;
  margin: 0;
  border-radius: 0 6px 6px 0;
}
.pagination ul li.active > a,
.pagination ul li.active > span {
  background-color: #ffffff;
  border-color: #ffffff;
  border-width: 2px !important;
  color: #667180;
  margin: 10px 5px 9px;
}
.pagination ul li.active.previous > a,
.pagination ul li.active.previous > span {
  background: none;
  margin: 0 9px 0 0;
}
.pagination ul li.active.next > a,
.pagination ul li.active.next > span {
  background: none;
  margin: 0;
}

.pagination ul li.active > a:hover,
.pagination ul li.active > span:hover,
.pagination ul li.active > a:focus,
.pagination ul li.active > span:focus {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #a2a9b3;
}

.pagination ul li > a,
.pagination ul li > span {
  display: inline-block;
  border: 5px solid transparent;
  line-height: 16px;
  margin: 7px 2px 6px;
  min-width: 0;
  min-height: 16px;
  padding: 0 4px;
  border-radius: 50px;
  -webkit-transition: background .2s ease-out, border-color 0s ease-out, color .2s ease-out;
  -moz-transition: background .2s ease-out, border-color 0s ease-out, color .2s ease-out;
  -o-transition: background .2s ease-out, border-color 0s ease-out, color .2s ease-out;
  transition: background .2s ease-out, border-color 0s ease-out, color .2s ease-out;
  -webkit-backface-visibility: hidden;
}
.pagination ul li > a:hover,
.pagination ul li > span:hover,
.pagination ul li > a:focus,
.pagination ul li > span:focus {
  background-color: #1e9ce6;
  border-color: #1e9ce6;
  color: #ffffff;
  -webkit-transition: background .2s ease-out, border-color .2s ease-out, color .2s ease-out;
  -moz-transition: background .2s ease-out, border-color .2s ease-out, color .2s ease-out;
  -o-transition: background .2s ease-out, border-color .2s ease-out, color .2s ease-out;
  transition: background .2s ease-out, border-color .2s ease-out, color .2s ease-out;
  -webkit-backface-visibility: hidden;
}
.pagination ul li > a:active,
.pagination ul li > span:active {
  background-color: #1e9ce6;
  border-color: #1e9ce6;
}
.pagination ul li.previous > a:focus,
.pagination ul li.previous > span:focus,
.pagination ul li.next > a:focus,
.pagination ul li.next > span:focus {
  background: none;
  border:none;
  color: #a2a9b3;
}
.pagination ul li.previous > a:hover,
.pagination ul li.previous > span:hover,
.pagination ul li.next > a:hover,
.pagination ul li.next > span:hover {
  background: none;
  border:none;
  color: #1e9ce6;
}
.pagination > .btn.previous,
.pagination > .btn.next {
  margin-right: 8px;
  font-size: 14px;
  padding-left: 23px;
  padding-right: 23px;
}
.pagination > .btn.previous [class*="fui-"],
.pagination > .btn.next [class*="fui-"] {
  font-size: 16px;
  margin-left: -2px;
  margin-top: -2px;
}
.pagination > .btn.next {
  margin-left: 8px;
  margin-right: 0;
}
.pagination > .btn.next [class*="fui-"] {
  margin-right: -2px;
  margin-left: 4px;
}
.tooltip {
  font-size: 14px;
}
.tooltip.in {
  opacity: 1;
}
.tooltip.top {
  padding-bottom: 9px;
}
.tooltip.top .tooltip-arrow {
  border-top-color: #667180;
  border-width: 10px 8px 0;
  bottom: 0;
  margin-left: -10px;
}
.tooltip.right .tooltip-arrow {
  border-right-color: #667180;
  border-width: 8px 10px 8px 0;
  margin-top: -10px;
  left: -3px;
}
.tooltip.bottom {
  padding-top: 8px;
}
.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #667180;
  border-width: 0 8px 10px;
  margin-left: -10px;
  top: -1px;
}
.tooltip.left .tooltip-arrow {
  border-left-color: #667180;
  border-width: 8px 0 8px 10px;
  margin-top: -10px;
  right: -3px;
}
.tooltip-inner {
  background-color: #667180;
  line-height: 18px;
  padding: 10px 10px;
  text-align: center;
  width: 183px;
}
.dropdown-menu {
  background-color: #ebecf0;
  border: none;
  display: block;
  margin-top: 8px;
  opacity: 0;
  padding: 0;
  visibility: hidden;
  width: 100%;
  -webkit-box-shadow: 0 1px 2px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 1px 2px 0px rgba(0,0,0,0.2);
  box-shadow: 0 1px 2px 0px rgba(0,0,0,0.2);
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
  -webkit-backface-visibility: hidden;
  min-width: 140px;
}
.dropdown-menu .divider {
  background-color: #fff;
}
.dropdown-menu.typeahead {
  display: none;
  opacity: 1;
  visibility: visible;
  width: auto;
  margin-top: 2px;
}
.open > .dropdown-menu {
  margin-top: 18px;
  opacity: 1;
  visibility: visible;
}
.dropdown-menu li:first-child dt + a {
  border-radius: 0;
}
.dropdown-menu li:first-child > a {
  border-radius: 4px 4px 0 0;
  padding-top: 8px;
}
.dropdown-menu li:last-child > a {
  border-radius: 0 0 4px 4px;
  padding-bottom: 10px;
}
.dropdown-menu li.active > a,
.dropdown-menu li.selected > a,
.dropdown-menu li.active > a.highlighted,
.dropdown-menu li.selected > a.highlighted {
  background: #1e9ce6;
  color: #ffffff;
}
.dropdown-menu li.active > a:hover,
.dropdown-menu li.selected > a:hover,
.dropdown-menu li.active > a.highlighted:hover,
.dropdown-menu li.selected > a.highlighted:hover,
.dropdown-menu li.active > a:focus,
.dropdown-menu li.selected > a:focus,
.dropdown-menu li.active > a.highlighted:focus,
.dropdown-menu li.selected > a.highlighted:focus {
  background: #1e9ce6;
  color: #ffffff;
}
.dropdown-menu li > a {
  color: rgba(50, 58, 69, 0.75);
  padding: 6px 15px 8px;
  text-decoration: none;
  *zoom: 1;
  -webkit-transition: background-color 0.25s;
  -moz-transition: background-color 0.25s;
  -o-transition: background-color 0.25s;
  transition: background-color 0.25s;
  -webkit-backface-visibility: hidden;
}
.dropdown-menu li > a:before,
.dropdown-menu li > a:after {
  display: table;
  content: "";
}
.dropdown-menu li > a:after {
  clear: both;
}
.dropdown-menu li > a:hover,
.dropdown-menu li > a:active,
.dropdown-menu li > a:focus {
  background: #d0d5d9;
  color: inherit;
  outline: none;
}
.dropdown-menu li > a.highlighted {
  background: #d0d5d9;
  color: #ffffff;
}
.dropdown-menu li > a.highlighted:hover,
.dropdown-menu li > a.highlighted:focus {
  background: #bac1c8;
  color: #ffffff;
}
.dropdown-menu li > a:before {
  float: right;
  margin-top: 3px;
}
.dropdown-menu li dt {
  font-weight: bold;
  margin-bottom: 3px;
  margin-top: 12px;
  padding: 0 15px;
  color: #667180;
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  margin-bottom: 8px;
}
.dropup .dropdown-arrow,
.navbar-fixed-bottom .dropdown .dropdown-arrow {
  border-bottom: none;
  border-top: 8px outset #f3f4f5;
  bottom: 100%;
  top: auto;
}
.navbar-fixed-bottom .nav > li > ul:before {
  border-bottom: none;
  border-top: 9px outset #323a45;
  bottom: 4px;
  top: auto;
}
.open.dropup > .dropdown-menu {
  margin-bottom: 18px;
}
.open.dropup > .dropdown-arrow {
  margin-bottom: 10px;
}
.open.dropup > .dropdown-arrow.dropdown-arrow-inverse {
  border-top-color: #323a45;
}
.open > .dropdown-arrow {
  margin-top: 9px;
  opacity: 1;
}
.dropdown-arrow {
  border-style: solid;
  border-width: 0 8px 10px 8px;
  border-color: transparent transparent #ebecf0 transparent;
  height: 0;
  margin-top: 0;
  opacity: 0;
  position: absolute;
  right: 13px;
  top: 100%;
  width: 0;
  z-index: 10;
  -webkit-transform: rotate(360deg);
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
  -webkit-backface-visibility: hidden;
}
.dropdown-inverse {
  background-color: #667180;
  color: #f0f1f2;
  padding: 4px 0 6px;
}
.dropdown-inverse li {
  margin: 0 4px -2px;
}
.dropdown-inverse li:first-child > a,
.dropdown-inverse li:last-child > a {
  border-radius: 2px;
  padding-bottom: 7px;
  padding-top: 5px;
}
.dropdown-inverse li:first-child dt + a,
.dropdown-inverse li:last-child dt + a {
  border-radius: 2px;
}
.dropdown-inverse li.active > a,
.dropdown-inverse li.selected > a {
  background: #1e9ce6;
  color: #ffffff;
  position: relative;
  z-index: 1;
}
.dropdown-inverse li dt {
  padding-left: 11px;
  padding-right: 11px;
}
.dropdown-inverse li .divider {
  margin-left: 11px;
  margin-right: 11px;
}
.dropdown-inverse li > a {
  border-radius: 2px;
  color: #ffffff;
  padding: 5px 11px 7px;
}
.dropdown-inverse li > a:hover,
.dropdown-inverse li > a:active,
.dropdown-inverse li > a:focus {
  background: #a2a9b3;
}
.dropdown-inverse li > a.highlighted {
  background: #323a45;
}
.dropdown-inverse li > a.highlighted:hover,
.dropdown-inverse li > a.highlighted:focus {
  background: #667180;
}
.dropdown-inverse li .divider {
  background-color: #526476;
  border-bottom-color: #526476;
}
/* ============================================================
 * bootstrapSwitch v1.3 by Larentis Mattia @spiritualGuru
 * http://www.larentis.eu/switch/
 * ============================================================
 * Licensed under the Apache License, Version 2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 * ============================================================ */
.has-switch {
  border-radius: 30px;
  display: inline-block;
  cursor: pointer;
  line-height: 1.231;
  overflow: hidden;
  position: relative;
  text-align: left;
  width: 80px;
  -webkit-mask: url('../images/switch/mask.png') 0 0 no-repeat;
  mask: url('../images/switch/mask.png') 0 0 no-repeat;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  margin-top:6px;
}
.has-switch.deactivate {
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default !important;
}
.has-switch.deactivate label,
.has-switch.deactivate span {
  cursor: default !important;
}
.has-switch > div {
  width: 130px;
  position: relative;
  top: 0;
}
.has-switch > div.switch-animate {
  -webkit-transition: left 0.25s ease-out;
  -moz-transition: left 0.25s ease-out;
  -o-transition: left 0.25s ease-out;
  transition: left 0.25s ease-out;
  -webkit-backface-visibility: hidden;
}
.has-switch > div.switch-off {
  left: -50px;
}
.has-switch > div.switch-off label {
  background-color: #a2a9b3;
  border-color: #d0d5d9;
  -webkit-box-shadow: -1px 0 0 rgba(255, 255, 255, 0.5);
  -moz-box-shadow: -1px 0 0 rgba(255, 255, 255, 0.5);
  box-shadow: -1px 0 0 rgba(255, 255, 255, 0.5);
}
.has-switch > div.switch-on {
  left: 0;
}
.has-switch > div.switch-on label {
  background-color: #fff;
}
.has-switch input[type=checkbox] {
  display: none;
}
.has-switch span {
  cursor: pointer;
  font-size: 15px;
  font-weight: bold;
  float: left;
  height: 29px;
  line-height: 19px;
  margin: 0;
  padding-bottom: 6px;
  padding-top: 5px;
  position: relative;
  text-align: center;
  width: 50%;
  z-index: 1;
  -webkit-transition: 0.25s ease-out;
  -moz-transition: 0.25s ease-out;
  -o-transition: 0.25s ease-out;
  transition: 0.25s ease-out;
  -webkit-backface-visibility: hidden;
}
.has-switch span.switch-left {
  border-radius: 30px 0 0 30px;
  background-color: #1e9ce6;
  color: #fff;
  border-left: 1px solid transparent;
}
.has-switch span.switch-right {
  border-radius: 0 30px 30px 0;
  background-color: #d0d5d9;
  color: #ffffff;
  text-indent: 7px;
}
.has-switch span.switch-right [class*="fui-"] {
  text-indent: 0;
}
.has-switch label {
  border: 4px solid #1e9ce6;
  border-radius: 50%;
  float: left;
  height: 29px;
  margin: 0 -15px 0 -14px;
  padding: 0;
  position: relative;
  vertical-align: middle;
  width: 29px;
  z-index: 100;
  -webkit-transition: 0.25s ease-out;
  -moz-transition: 0.25s ease-out;
  -o-transition: 0.25s ease-out;
  transition: 0.25s ease-out;
  -webkit-backface-visibility: hidden;
}
.switch-square {
  border-radius: 6px;
  -webkit-mask: url('../images/switch/mask.png') 0 0 no-repeat;
  mask: url('../images/switch/mask.png') 0 0 no-repeat;
}
.switch-square > div.switch-off label {
  border-color: #7f8c9a;
  border-radius: 6px 0 0 6px;
}
.switch-square span.switch-left {
  border-radius: 6px 0 0 6px;
}
.switch-square span.switch-left [class*="fui-"] {
  text-indent: -10px;
}
.switch-square span.switch-right {
  border-radius: 0 6px 6px 0;
}
.switch-square span.switch-right [class*="fui-"] {
  text-indent: 5px;
}
.switch-square label {
  border-radius: 0 6px 6px 0;
  border-color: #1e9ce6;
}
.share {
  background-color: #eff0f2;
  position: relative;
  border-radius: 6px;
}
.share:before {
  content: "";
  border-style: solid;
  border-width: 0 9px 9px 9px;
  border-color: transparent transparent #eff0f2 transparent;
  height: 0;
  position: absolute;
  left: 23px;
  top: -9px;
  width: 0;
  -webkit-transform: rotate(360deg);
}
.share ul {
  list-style-type: none;
  margin: 0;
  padding: 15px;
}
.share li {
  padding-top: 11px;
  *zoom: 1;
}
.share li:before,
.share li:after {
  display: table;
  content: "";
}
.share li:after {
  clear: both;
}
.share li:first-child {
  padding-top: 0;
}
.share .toggle {
  float: right;
  margin: 0;
}
.share .btn {
  border-radius: 0 0 6px 6px;
}
.share-label {
  float: left;
  font-size: 15px;
  padding-top: 5px;
  width: 50%;
}
.pallete-item {
  width: 140px;
  float: left;
  margin: 0 0 20px 20px;
}
.palette {
  color: #ffffff;
  margin: 0;
  padding: 15px;
  text-transform: uppercase;
}
.palette dt {
  display: block;
  font-weight: bold;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.palette dd {
  font-weight: 200;
  margin-left: 0;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.palette-turquoise {
  background-color: #1e9ce6;
}
.palette-green-sea {
  background-color: #1e9ce6;
}
.palette-emerald {
  background-color: #2ecc71;
}
.palette-nephritis {
  background-color: #27ae60;
}
.palette-peter-river {
  background-color: #0fb8aa;
}
.palette-belize-hole {
  background-color: #2980b9;
}
.palette-amethyst {
  background-color: #9b59b6;
}
.palette-wisteria {
  background-color: #8e44ad;
}
.palette-wet-asphalt {
  background-color: #323a45;
}
.palette-midnight-blue {
  background-color: #2c3e50;
}
.palette-sun-flower {
  background-color: #fcae3f;
}
.palette-orange {
  background-color: #f39c12;
}
.palette-carrot {
  background-color: #e67e22;
}
.palette-pumpkin {
  background-color: #d35400;
}
.palette-alizarin {
  background-color: #f2555f;
}
.palette-pomegranate {
  background-color: #c0392b;
}
.palette-clouds {
  background-color: #ecf0f1;
}
.palette-silver {
  background-color: #a2a9b3;
}
.palette-concrete {
  background-color: #95a5a6;
}
.palette-asbestos {
  background-color: #7f8c8d;
}
.palette-clouds {
  color: #a2a9b3;
}
.palette-paragraph {
  color: #7f8c8d;
  font-size: 12px;
  line-height: 17px;
}
.palette-paragraph span {
  color: #a2a9b3;
}
.palette-headline {
  color: #7f8c8d;
  font-size: 13px;
  font-weight: 700;
  margin-top: -3px;
}
.tile {
  background-color: #eff0f2;
  border-radius: 6px;
  padding: 14px;
  position: relative;
  text-align: center;
}
.tile.tile-hot:before {
  background: url(../images/tile/ribbon.png) 0 0 no-repeat;
  background-size: 82px 82px;
  content: '';
  height: 82px;
  position: absolute;
  right: -4px;
  top: -4px;
  width: 82px;
}
.tile p {
  font-size: 15px;
  margin-bottom: 33px;
}
.tile-image {
  height: 100px;
  margin: 31px 0 27px;
  vertical-align: bottom;
}
.tile-image.big-illustration {
  height: 111px;
  margin-top: 20px;
  width: 112px;
}
.tile-title {
  font-size: 20px;
  margin: 0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 2) {
  .tile.tile-hot:before {
    background-image: url(../images/tile/ribbon-2x.png);
  }
}
.todo {
  color: #798795;
  margin-bottom: 20px;
  border-radius: 6px;
}
.todo ul {
  background-color: #2c3e50;
  margin: 0;
  padding: 0;
  list-style-type: none;
  border-radius: 0 0 6px 6px;
}
.todo li {
  background: #323a45 url(../images/todo/todo.png) 92% center no-repeat;
  background-size: 20px 20px;
  cursor: pointer;
  margin-top: 2px;
  padding: 18px 42px 19px 25px;
  position: relative;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
  -webkit-backface-visibility: hidden;
}
.todo li:first-child {
  margin-top: 0;
}
.todo li:last-child {
  border-radius: 0 0 6px 6px;
  padding-bottom: 20px;
}
.todo li.todo-done {
  background: transparent url(../images/todo/done.png) 92% center no-repeat;
  background-size: 20px 20px;
  color: #1e9ce6;
}
.todo li.todo-done .todo-name {
  color: #1e9ce6;
}
.todo-search {
  position: relative;
  background: #1e9ce6;
  background-size: 16px 16px;
  border-radius: 6px 6px 0 0;
  color: #323a45;
  padding: 19px 25px 20px;
}
.todo-search:before {
  position: absolute;
  font-family: 'Flat-UI-Icons';
  content: "\e01c";
  font-size: 16px;
  display: inline-block;
  top: 50%;
  left: 92%;
  margin: -0.5em 0 0 -1em;
}
input.todo-search-field {
  background: none;
  border: none;
  color: #323a45;
  font-size: 19px;
  font-weight: 700;
  margin: 0;
  line-height: 23px;
  padding: 5px 0;
  text-indent: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
input.todo-search-field:-moz-placeholder {
  color: #323a45;
}
input.todo-search-field::-moz-placeholder {
  color: #323a45;
}
input.todo-search-field:-ms-input-placeholder {
  color: #323a45;
}
input.todo-search-field::-webkit-input-placeholder {
  color: #323a45;
}
input.todo-search-field.placeholder {
  color: #323a45;
}
.todo-icon {
  float: left;
  font-size: 24px;
  padding: 11px 22px 0 0;
}
.todo-content {
  padding-top: 1px;
  overflow: hidden;
}
.todo-name {
  color: #ffffff;
  font-size: 17px;
  margin: 1px 0 3px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 2) {
  .todo li {
    background-image: url(../images/todo/todo-2x.png);
  }
  .todo li.todo-done {
    background-image: url(../images/todo/done-2x.png);
  }
}
.video-js {
  background-color: transparent;
  margin-top: -95px;
  position: relative;
  padding: 0;
  font-size: 10px;
  vertical-align: middle;
  border-radius: 6px 6px 0 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}
.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 6px 6px 0 0;
}
.video-js:-moz-full-screen {
  position: absolute;
}
body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
  overflow-y: auto;
}
.video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
  _position: absolute;
}
.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}
.vjs-poster {
  margin: 0 auto;
  padding: 0;
  cursor: pointer;
  position: relative;
  width: 100%;
  max-height: 100%;
  border-radius: 6px 6px 0 0;
}
.video-js .vjs-text-track-display {
  text-align: center;
  position: absolute;
  bottom: 4em;
  left: 1em;
  right: 1em;
  font-family: 'Lato', Helvetica, Arial, sans-serif;
}
.video-js .vjs-text-track {
  display: none;
  color: #ffffff;
  font-size: 1.4em;
  text-align: center;
  margin-bottom: .1em;
  background: #000;
  background: rgba(0, 0, 0, 0.5);
}
.video-js .vjs-subtitles {
  color: #fff;
}
.video-js .vjs-captions {
  color: #fc6;
}
.vjs-tt-cue {
  display: block;
}
.vjs-fade-in {
  visibility: visible !important;
  opacity: 1 !important;
  -webkit-transition: visibility 0s linear 0s, opacity .3s linear;
  -moz-transition: visibility 0s linear 0s, opacity .3s linear;
  -o-transition: visibility 0s linear 0s, opacity .3s linear;
  transition: visibility 0s linear 0s, opacity .3s linear;
  -webkit-backface-visibility: hidden;
}
.vjs-fade-out {
  visibility: hidden !important;
  opacity: 0 !important;
  -webkit-transition: visibility 0s linear 1.5s, opacity 1.5s linear;
  -moz-transition: visibility 0s linear 1.5s, opacity 1.5s linear;
  -o-transition: visibility 0s linear 1.5s, opacity 1.5s linear;
  transition: visibility 0s linear 1.5s, opacity 1.5s linear;
  -webkit-backface-visibility: hidden;
}
.vjs-control-bar {
  position: absolute;
  bottom: -47px;
  left: 0;
  right: 0;
  margin: 0;
  padding: 0;
  height: 47px;
  color: #ffffff;
  background: #273747;
  border-radius: 0 0 6px 6px;
}
.vjs-control-bar.vjs-fade-out {
  visibility: visible !important;
  opacity: 1 !important;
}
.vjs-control {
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  float: left;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 18px;
  width: 18px;
}
.vjs-control:focus {
  outline: 0;
}
.vjs-control div {
  background-position: center center;
  background-repeat: no-repeat;
}
.vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.vjs-play-control {
  cursor: pointer !important;
  height: 47px;
  left: 0;
  position: absolute;
  top: 0;
  width: 58px;
}
.vjs-play-control div {
  position: relative;
  height: 47px;
}
.vjs-play-control div:before,
.vjs-play-control div:after {
  position: absolute;
  font-family: "Flat-UI-Icons";
  color: #1e9ce6;
  font-size: 16px;
  top: 50%;
  left: 50%;
  margin: -0.55em 0 0 -0.5em;
  -webkit-transition: color .25s, opacity .25s;
  -moz-transition: color .25s, opacity .25s;
  -o-transition: color .25s, opacity .25s;
  transition: color .25s, opacity .25s;
  -webkit-backface-visibility: hidden;
}
.vjs-play-control div:after {
  content: "\e03b";
}
.vjs-play-control div:before {
  content: "\e03c";
}
.vjs-paused .vjs-play-control:hover div:before {
  color: #1e9ce6;
}
.vjs-paused .vjs-play-control div:after {
  opacity: 0;
  filter: alpha(opacity=0);
}
.vjs-paused .vjs-play-control div:before {
  opacity: 1;
  filter: alpha(opacity=100);
}
.vjs-playing .vjs-play-control:hover div:after {
  color: #1e9ce6;
}
.vjs-playing .vjs-play-control div:after {
  opacity: 1;
  filter: alpha(opacity=100);
}
.vjs-playing .vjs-play-control div:before {
  opacity: 0;
  filter: alpha(opacity=0);
}
.vjs-rewind-control {
  width: 5em;
  cursor: pointer !important;
}
.vjs-rewind-control div {
  width: 19px;
  height: 16px;
  background: none transparent;
  margin: .5em auto 0;
}
.vjs-mute-control {
  background: url(../images/video/volume-full.png) center -48px no-repeat;
  background-size: 16px 64px;
  cursor: pointer !important;
  position: absolute;
  right: 51px;
  top: 14px;
}
.vjs-mute-control:hover div,
.vjs-mute-control:focus div {
  opacity: 0;
}
.vjs-mute-control.vjs-vol-0,
.vjs-mute-control.vjs-vol-0 div {
  background-image: url(../images/video/volume-off.png);
}
.vjs-mute-control div {
  background: #273747 url(../images/video/volume-full.png) no-repeat center 2px;
  background-size: 16px 64px;
  height: 18px;
  -webkit-transition: opacity 0.25s;
  -moz-transition: opacity 0.25s;
  -o-transition: opacity 0.25s;
  transition: opacity 0.25s;
  -webkit-backface-visibility: hidden;
}
.vjs-volume-control,
.vjs-volume-level,
.vjs-volume-handle,
.vjs-volume-bar {
  display: none;
}
.vjs-progress-control {
  position: absolute;
  left: 60px;
  right: 180px;
  height: 12px;
  width: auto;
  top: 18px;
  background: #425669;
  -webkit-border-radius: 32px;
  -moz-border-radius: 32px;
  border-radius: 32px;
}
.vjs-progress-holder {
  position: relative;
  cursor: pointer !important;
  padding: 0;
  margin: 0;
  height: 12px;
}
.vjs-play-progress,
.vjs-load-progress {
  position: absolute;
  display: block;
  height: 12px;
  margin: 0;
  padding: 0;
  left: 0;
  top: 0;
  -webkit-border-radius: 32px;
  -moz-border-radius: 32px;
  border-radius: 32px;
}
.vjs-play-progress {
  background: #1e9ce6;
  left: -1px;
}
.vjs-load-progress {
  background: #d6dbdf;
  border-radius: 32px 0 0 32px;
}
.vjs-load-progress[style*='100%'],
.vjs-load-progress[style*='99%'] {
  -webkit-border-radius: 32px;
  -moz-border-radius: 32px;
  border-radius: 32px;
}
.vjs-seek-handle {
  background-color: #1e9ce6;
  position: absolute;
  width: 18px;
  height: 18px;
  margin: -3px 0 0 1px;
  left: 0;
  top: 0;
  border-radius: 50%;
  -webkit-transition: background-color 0.25s;
  -moz-transition: background-color 0.25s;
  -o-transition: background-color 0.25s;
  transition: background-color 0.25s;
  -webkit-backface-visibility: hidden;
}
.vjs-seek-handle[style*='95.'] {
  margin-left: 3px;
}
.vjs-seek-handle[style='left: 0%;'] {
  margin-left: -2px;
}
.vjs-seek-handle:hover,
.vjs-seek-handle:focus {
  background-color: #148d75;
}
.vjs-seek-handle:active {
  background-color: #117a65;
}
.vjs-time-controls {
  position: absolute;
  height: 20px;
  width: 50px;
  top: 16px;
  font: 300 13px 'Lato', Helvetica, Arial, sans-serif;
}
.vjs-current-time {
  right: 128px;
  text-align: right;
}
.vjs-duration {
  color: #5d6d7e;
  right: 69px;
  text-align: left;
}
.vjs-remaining-time {
  display: none;
}
.vjs-time-divider {
  color: #5d6d7e;
  font-size: 14px;
  position: absolute;
  right: 121px;
  top: 15px;
}
.vjs-secondary-controls {
  float: right;
}
.vjs-fullscreen-control {
  background-image: url(../images/video/fullscreen.png);
  background-position: center -47px;
  background-size: 15px 64px;
  cursor: pointer !important;
  position: absolute;
  right: 17px;
  top: 13px;
}
.vjs-fullscreen-control:hover div,
.vjs-fullscreen-control:focus div {
  opacity: 0;
}
.vjs-fullscreen-control div {
  height: 18px;
  background: url(../images/video/fullscreen.png) no-repeat center 2px;
  background-size: 15px 64px;
  -webkit-transition: opacity 0.25s;
  -moz-transition: opacity 0.25s;
  -o-transition: opacity 0.25s;
  transition: opacity 0.25s;
  -webkit-backface-visibility: hidden;
}
.vjs-menu-button {
  display: none !important;
}
@-webkit-keyframes sharp {
  0% {
    background: #f2555f;
    border-radius: 10px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    background: #ebedee;
    border-radius: 0;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    background: #f2555f;
    border-radius: 10px;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes sharp {
  0% {
    background: #f2555f;
    border-radius: 10px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    background: #ebedee;
    border-radius: 0;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    background: #f2555f;
    border-radius: 10px;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes sharp {
  0% {
    background: #f2555f;
    border-radius: 10px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    background: #ebedee;
    border-radius: 0;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    background: #f2555f;
    border-radius: 10px;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes sharp {
  0% {
    background: #f2555f;
    border-radius: 10px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    background: #ebedee;
    border-radius: 0;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    background: #f2555f;
    border-radius: 10px;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.vjs-loading-spinner {
  background: #ebedee;
  display: none;
  height: 16px;
  left: 50%;
  margin: -8px 0 0 -8px;
  position: absolute;
  top: 50%;
  width: 16px;
  border-radius: 10px;
  -webkit-animation: sharp 2s ease infinite;
  -moz-animation: sharp 2s ease infinite;
  -o-animation: sharp 2s ease infinite;
  animation: sharp 2s ease infinite;
}
.login {
  background: url(../images/login/imac.png) 0 0 no-repeat;
  background-size: 940px 778px;
  color: #ffffff;
  margin-bottom: 77px;
  padding: 38px 38px 267px;
  position: relative;
}
.login-screen {
  background-color: #1e9ce6;
  min-height: 473px;
  padding: 123px 199px 33px 306px;
}
.login-icon {
  left: 200px;
  position: absolute;
  top: 160px;
  width: 96px;
}
.login-icon > img {
  display: block;
  margin-bottom: 6px;
  width: 100%;
}
.login-icon > h4 {
  font-size: 17px;
  font-weight: 200;
  line-height: 34px;
  opacity: 0.95;
  filter: alpha(opacity=95);
}
.login-icon > h4 small {
  color: inherit;
  display: block;
  font-size: inherit;
  font-weight: 700;
}
.login-form {
  background-color: #edeff1;
  padding: 24px 23px 20px;
  position: relative;
  border-radius: 6px;
}
.login-form:before {
  content: '';
  border-style: solid;
  border-width: 12px 12px 12px 0;
  border-color: transparent #edeff1 transparent transparent;
  height: 0;
  position: absolute;
  left: -12px;
  top: 35px;
  width: 0;
  -webkit-transform: rotate(360deg);
}
.login-form .control-group {
  margin-bottom: 6px;
  position: relative;
}
.login-form .login-field {
  border-color: transparent;
  font-size: 17px;
  text-indent: 3px;
}
.login-form .login-field:focus {
  border-color: #1e9ce6;
}
.login-form .login-field:focus + .login-field-icon {
  color: #1e9ce6;
}
.login-form .login-field-icon {
  color: #bfc9ca;
  font-size: 16px;
  position: absolute;
  right: 13px;
  top: 9px;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
  -webkit-backface-visibility: hidden;
}
.login-link {
  color: #bfc9ca;
  display: block;
  font-size: 13px;
  margin-top: 15px;
  text-align: center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 2) {
  .login {
    background-image: url(../images/login/imac-2x.png);
  }
}
footer {
  background-color: #edeff1;
  color: #bac1c8;
  font-size: 15px;
  padding: 0;
}
footer a {
  color: #9aa4af;
  font-weight: 700;
}
footer p {
  font-size: 15px;
  line-height: 20px;
}
.footer-title {
  margin: 0 0 22px;
  padding-top: 21px;
  font-size: 24px;
  line-height: 40px;
}
.footer-brand {
  display: block;
  margin-bottom: 26px;
  width: 220px;
}
.footer-brand img {
  width: 216px;
}
.footer-banner {
  background-color: #1e9ce6;
  color: #d1f2eb;
  margin-left: 42px;
  min-height: 316px;
  padding: 0 30px 30px;
}
.footer-banner .footer-title {
  color: #ffffff;
}
.footer-banner a {
  color: #b7f5e9;
  text-decoration: underline;
}
.footer-banner a:hover {
  text-decoration: none;
}
.footer-banner ul {
  list-style-type: none;
  margin: 0 0 26px;
  padding: 0;
}
.footer-banner ul li {
  border-top: 1px solid #1bc5a3;
  line-height: 19px;
  padding: 6px 0;
}
.footer-banner ul li:first-child {
  border-top: none;
  padding-top: 1px;
}
.last-col {
  overflow: hidden;
}
.ptn,
.pvn,
.pan {
  padding-top: 0;
}
.ptx,
.pvx,
.pax {
  padding-top: 3px;
}
.pts,
.pvs,
.pas {
  padding-top: 5px;
}
.ptm,
.pvm,
.pam {
  padding-top: 10px;
}
.ptl,
.pvl,
.pal {
  padding-top: 20px;
}
.prn,
.phn,
.pan {
  padding-right: 0;
}
.prx,
.phx,
.pax {
  padding-right: 3px;
}
.prs,
.phs,
.pas {
  padding-right: 5px;
}
.prm,
.phm,
.pam {
  padding-right: 10px;
}
.prl,
.phl,
.pal {
  padding-right: 20px;
}
.pbn,
.pvn,
.pan {
  padding-bottom: 0;
}
.pbx,
.pvx,
.pax {
  padding-bottom: 3px;
}
.pbs,
.pvs,
.pas {
  padding-bottom: 5px;
}
.pbm,
.pvm,
.pam {
  padding-bottom: 10px;
}
.pbl,
.pvl,
.pal {
  padding-bottom: 20px;
}
.pln,
.phn,
.pan {
  padding-left: 0;
}
.plx,
.phx,
.pax {
  padding-left: 3px;
}
.pls,
.phs,
.pas {
  padding-left: 5px;
}
.plm,
.phm,
.pam {
  padding-left: 10px;
}
.pll,
.phl,
.pal {
  padding-left: 20px;
}
.mtn,
.mvn,
.man {
  margin-top: 0px;
}
.mtx,
.mvx,
.max {
  margin-top: 3px;
}
.mts,
.mvs,
.mas {
  margin-top: 5px;
}
.mtm,
.mvm,
.mam {
  margin-top: 10px;
}
.mtl,
.mvl,
.mal {
  margin-top: 20px;
}
.mrn,
.mhn,
.man {
  margin-right: 0px;
}
.mrx,
.mhx,
.max {
  margin-right: 3px;
}
.mrs,
.mhs,
.mas {
  margin-right: 5px;
}
.mrm,
.mhm,
.mam {
  margin-right: 10px;
}
.mrl,
.mhl,
.mal {
  margin-right: 20px;
}
.mbn,
.mvn,
.man {
  margin-bottom: 0px;
}
.mbx,
.mvx,
.max {
  margin-bottom: 3px;
}
.mbs,
.mvs,
.mas {
  margin-bottom: 5px;
}
.mbm,
.mvm,
.mam {
  margin-bottom: 10px;
}
.mbl,
.mvl,
.mal {
  margin-bottom: 20px;
}
.mln,
.mhn,
.man {
  margin-left: 0px;
}
.mlx,
.mhx,
.max {
  margin-left: 3px;
}
.mls,
.mhs,
.mas {
  margin-left: 5px;
}
.mlm,
.mhm,
.mam {
  margin-left: 10px;
}
.mll,
.mhl,
.mal {
  margin-left: 20px;
}

/* ****************************************
* Imported from style.scss
**************************************** */
/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

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

/* form */
input, textarea, select {
  border: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

input[type="password"].form-control {
  font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
}

label {
  font-weight: normal;
  font-size: 100%;
  padding-top: 3px;
  margin-right: 20px;
}

.checkbox.ib,
.radio.ib {
  display: inline-block;
}

.checkbox.bfrInput,
.radio.bfrInput {
  padding-left: 8px;
}

.checkall, .uncheckall {
  font-size: 75%;
  color: #1e9ce6;
  padding-top: 3px;
}

.uncheckall {
  color: #1e9ce6;
}

.inputDatepicker {
  width: 180px;
  float: left;
  font-size: 88%;
  border: 2px solid #d0d5d9;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  padding: 7px 12px 10px;
  line-height: 22px;
  background: white url("../images/icn_s_calendar.svg") no-repeat 150px 9px;
  background: white url("../images/icn_s_calendar.png") no-repeat 150px 9px \9;
  height: 40px;
}

.ui-datepicker table {
  border-bottom: none;
}

.ui-datepicker th {
  background: none;
  color: #667180;
}

.ui-datepicker table tr:nth-child(even) {
  background: none;
}

.ui-datepicker td span, .ui-datepicker td a {
  padding: .2em;
}

.txtInFieldUnit {
  color: #323a45;
  font-size: 88%;
}

.txtInFieldUnitblk {
  display: block;
  float: left;
  color: #323a45;
  font-size: 88%;
  padding: 12px 8px 0;
}

.txtInFieldUnit.pdg {
  padding: 13px 3px 0;
}

.txtInFieldUnit.pdg.pdgl0 {
  padding: 13px 3px 0 0px;
}

.txtInFieldUnit.help {
  width: 24px;
  height: 24px;
  margin-right: -24px;
  margin-top: 8px;
  padding: 5px;
  cursor: pointer;
}
.txtInFieldUnit.help span {
  display: block;
  font-size: 75%;
  background: #0fb8aa;
  color: white;
  height: 14px;
  width: 14px;
  padding: 0;
  text-align: center;
  line-height: 16px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  -o-border-radius: 16px;
  border-radius: 16px;
}

.txtInFieldUnit.inner {
  position: absolute;
  top: 13px;
  right: 12px;
  z-index: 100;
}

.required .fieldName:after,
.requiredSelect .fieldName:after {
  content: "＊";
  color: #f2555f;
  padding-left: 2px;
  font-size: 63%;
  position: absolute;
  right: 10px;
  top: 8px;
}

.ms-drop ul > li.checked {
  background: #1e9ce6;
}
.ms-drop ul > li.checked .checkbox.checked,
.ms-drop ul > li.checked .radio.checked {
  color: white;
}

.ms-choice.forcus {
  border-color: #1e9ce6;
}

.btn.btn-input:active,
.btn-group.open .btn.btn-input.dropdown-toggle,
.btn.btn-input.active {
  border: 2px solid #1e9ce6;
}

.fieldBox.error input,
.fieldBox.error .btn.btn-input,
.fieldBox.error .inputDatepicker,
.editable.error input,
.editable.error .btn.btn-input,
.editable.error .inputDatepicker {
  border: 2px solid #f2555f;
  background: #fde3e5;
}
.fieldBox.error .errorMsg,
.editable.error .errorMsg {
  color: #f2555f;
  font-size: 100%;
  padding-top: 8px;
  clear: both;
}

.fieldBox .noteMsg,
.table .noteMsg {
  color: #a2a9b3;
  font-size: 80%;
  padding-top: 8px;
  clear: both;
}

.ms-drop ul > li.hilighted {
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
}

.select .btn {
  width: 140px;
}

.btn.disabled, .btn[disabled] {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  opacity: 0.4;
}

td > .form-control {
  background: url("../images/bg_tdinput.png");
}
td > .form-control[disabled] {
  background-image: none;
}

th.search {
  background: #d0d5d9;
}

th.search > input[type="text"] {
  background: #e4e6eb url("../images/icn_s_search_th.png") no-repeat right 6px;
  background-size: 20px 16px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  height: 30px;
  margin: 0 2px 0 3px;
  font-size: 97%;
}

.combobox input {
  position: absolute;
  margin: 2px 0 0 2px;
  z-index: 2000;
  border: none;
  color: #323a45;
  font-family: 'Lato', Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 8px 12px;
  height: 36px;
}

.checkbox.disabled,
.radio.disabled {
  color: #a2a9b3;
}

.checkbox.disabled .icons,
.radio.disabled .icons {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  color: #e4e6eb;
  cursor: default;
}

.checkbox.disabled.checked .second-icon,
.radio.disabled.checked .second-icon {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  color: #1e9ce6;
  cursor: default;
}

@font-face {
  font-family: mplus-2p-regular;
  src: url("../fonts/mplus/mplus-2p-regular.ttf") format("truetype");
  font-weight: normal;
}

@font-face {
  font-family: mplus-2p-bold;
  src: url("../fonts/mplus/mplus-2p-bold.ttf") format("truetype");
  font-weight: bold;
}

body, textarea, input, select {
  font-family: 'Lato','mplus-2p-regular', "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
  color: #212226;
}

a {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
a:visited {
  text-decoration: none;
}

html {
  overflow-y: scroll;
}

html, body {
  height: 100%;
}

body {
  min-width: 1000px;
}

#container {
  min-width: 1000px;
}

body > #container {
  height: auto;
}

body {
  background: #f0f1f2 url("../images/45-degree-fabric-light.png");
}

#header {
  background: #212226;
  width: 100%;
  height: 50px;
  color: #f0f1f2;
  letter-spacing: 0.2em;
  line-height: 50px;
}
#header p.back {
  background: url("../images/icn_l_back.png") no-repeat 16px center;
  width: 40px;
  height: 50px;
  float: left;
}
#header p.back:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  cursor: pointer;
}
#header h1 {
  font-size: 100%;
  float: left;
  margin-left: 20px;
}
#header .rightBox {
  float: right;
  letter-spacing: 0;
  margin-right: 15px;
}
#header .rightBox span {
  float: right;
  color: #a2a9b3;
  font-size: 75%;
}
#header .rightBox span.logout {
  color: #667180;
  padding-left: 10px;
}
#header .rightBox span.logout a {
  padding-left: 8px;
  color: #667180;
  border-left: 1px solid #667180;
}
#header .rightBox span.logout a:hover {
  color: #a2a9b3;
  height: 20px;
}
#header .rightBox span.logo {
  display: block;
  width: 30px;
  height: 30px;
  background: url("../images/logo_astrolab_white.svg") no-repeat;
  background: url("../images/logo_astrolab_white_h.png") no-repeat\9;
  -webkit-background-size: 30px, auto;
  -moz-background-size: 30px, auto;
  -o-background-size: 30px, auto;
  background-size: 30px, auto;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  margin: 10px 0 0 20px;
}
#header .rightBox.analytics {
  float: left;
}
#header span.date {
  margin-left: 15px;
  color: #667180;
  margin-right: 15px;
}
#header span.guide {
  margin-left: 20px;
  background: url("../images/icn_guide.png") no-repeat left 16px;
  -webkit-background-size: 16px, 16px;
  -moz-background-size: 16px, 16px;
  -o-background-size: 16px, 16px;
  background-size: 16px, 16px;
  width: 16px;
  text-indent: -9999px;
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
#header span.guide:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

#leftColumn {
  width: 140px;
  float: left;
  margin-left: -100%;
  position: relative;
  overflow: hidden;
}
#leftColumn #leftColumnInBox {
  position: absolute;
  width: 140px;
  height: 100%;
  overflow: hidden;
}
#leftColumn #leftColumnInBox #leftColumn_ul {
  position: absolute;
  left: 0px;
  width: 280px;
  height: 100%;
}
#leftColumn .sideNavi {
  height: 100%;
  min-height: 100%;
  float: left;
  width: 140px;
}
#leftColumn .sideNaviLevel1 {
  background: #667180;
}
#leftColumn .sideNaviLevel1 li {
  border-bottom: 1px solid #5f6977;
}
#leftColumn .sideNaviLevel1 li a {
  display: block;
  height: 60px;
  line-height: 60px;
  padding: 0 20px;
  font-size: 88%;
  color: #f0f1f2;
}
#leftColumn .sideNaviLevel1 li a:hover {
  background: #a2a9b3;
  color: #f0f1f2;
}
#leftColumn .sideNaviLevel1 li a:visited {
  color: #f0f1f2;
}
#leftColumn .sideNaviLevel1 li a.bl2 {
  line-height: 1.3;
  padding-top: 13px;
}
#leftColumn .sideNaviLevel1 li.active {
  background: #a2a9b3;
}
#leftColumn .sideNaviLevel1 li.bgSidenavi1 {
  background: #323a45;
  border-bottom: none;
}
#leftColumn .sideNaviLevel1 li.bgSidenavi2 {
  background: #4f5864;
  border-bottom: none;
}
#leftColumn .sideNaviLevel1 li.bgSidenavi3 {
  background: #5b6472;
  border-bottom: none;
}
#leftColumn .sideNaviLevel1 li.reload a {
  background: #4f5864 url("../images/icn_l_reload_able.png") no-repeat center center;
  text-indent: -9999px;
}
#leftColumn .sideNaviLevel1 li.reload a:hover {
  background: #1e9ce6 url("../images/icn_l_reload_ovr.png") no-repeat center center;
}
#leftColumn .sideNaviLevel1 li.search a {
  background: #4f5864 url("../images/icn_l_search_able.png") no-repeat center center;
  text-indent: -9999px;
}
#leftColumn .sideNaviLevel1 li.search a:hover {
  background: #1e9ce6 url("../images/icn_l_search_ovr.png") no-repeat center center;
}
#leftColumn .sideNaviFooter {
  width: 140px;
  position: fixed;
  bottom: 0;
}
#leftColumn .sideNaviFooter li a {
  height: 40px;
  line-height: 40px;
}
#leftColumn .sideNaviFooter li.active {
  background: #808b99;
}
#leftColumn .sideNaviFooter li.danger a:hover {
  background: #f2555f;
}
#leftColumn .sideNaviLevel2 {
  background: #a2a9b3;
}
#leftColumn .sideNaviLevel2 li a {
  display: block;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  font-size: 88%;
  color: #323a45;
}
#leftColumn .sideNaviLevel2 li a:hover {
  background: #d0d5d9;
  color: #323a45;
}
#leftColumn .sideNaviLevel2 li a:visited {
  color: #323a45;
}
#leftColumn .sideNaviLevel2 li a.disable {
  opacity: .3;
}
#leftColumn .sideNaviLevel2 li a.disable:hover {
  background: #a2a9b3;
  cursor: default;
}
#leftColumn .sideNaviLevel2 li a.bl2 {
  line-height: 1.3;
  padding-top: 13px;
  height: 60px;
}
#leftColumn .sideNaviLevel2 li.level2Head a {
  background: #667180 url("../images/icn_s_back.png") no-repeat 20px center;
  height: 60px;
  line-height: 60px;
  color: #f0f1f2;
  padding-left: 40px;
}
#leftColumn .sideNaviLevel2 li.level2Head a:hover {
  background-color: #b0b6be;
  color: #f0f1f2;
}
#leftColumn .sideNaviLevel2 li.level2Head a:visited {
  color: #f0f1f2;
}
#leftColumn .sideNaviLevel2 li.level2Head a.bl2 {
  line-height: 1.3;
  padding-top: 13px;
}
#leftColumn .sideNaviLevel2 li.group {
  color: #f0f1f2;
  font-size: 82%;
  font-weight: bold;
  padding: 10px 20px 0;
  line-height: 40px;
}
#leftColumn .sideNaviLevel2 li.group label.checkbox span.icons,
#leftColumn .sideNaviLevel2 li.group label.radio span.icons {
  margin-top: 14px;
}
#leftColumn .sideNaviLevel2 li.active {
  background: #d0d5d9;
}
#leftColumn .sideNaviLevel2 .checkbox,
#leftColumn .sideNaviLevel2 .radio {
  margin-top: 0;
}
#leftColumn .sideNaviLevel2 .checkbox:hover,
#leftColumn .sideNaviLevel2 .radio:hover {
  color: #d0d5d9;
}

#leftColumn.analytics.opened {
  overflow: hidden;
  position: relative;
  width: 580px;
  height: 100%;
}
#leftColumn.analytics.opened #leftColumnInBox {
  height: auto;
}
#leftColumn.analytics.opened .condition {
  width: 580px;
  height: 100%;
}
#leftColumn.analytics.opened .condition .icon {
  width: 16px;
  height: 16px;
  background: url("../images/icn_condition.svg") no-repeat left top;
  background: url("../images/icn_condition.png") no-repeat left top\9;
  -webkit-background-size: 16px 16px;
  background-size: 16px 16px;
  position: absolute;
  right: 12px;
  top: 12px;
  cursor: pointer;
}
#leftColumn.analytics.opened .condition .conditionInbox {
  height: 100%;
  padding: 20px;
  padding-bottom: 100px;
}
#leftColumn.analytics.opened .condition .conditionInbox .title {
  color: white;
  font-size: 125%;
  letter-spacing: 0.1em;
  margin-bottom: 16px;
}
#leftColumn.analytics.opened .condition .conditionInbox .guidance {
  padding: 12px;
  font-size: 88%;
  line-height: 1.6;
  margin-bottom: 10px;
  border: 1px solid #667180;
  color: #393f47;
}
#leftColumn.analytics.opened .condition .conditionInbox .table .head {
  color: white;
  margin-bottom: 10px;
}
#leftColumn.analytics.opened .condition .conditionInbox .table .head .expandAll, #leftColumn.analytics.opened .condition .conditionInbox .table .head .unexpandAll {
  font-size: 75%;
  cursor: pointer;
  float: left;
}
#leftColumn.analytics.opened .condition .conditionInbox .table .head .expandAll:hover, #leftColumn.analytics.opened .condition .conditionInbox .table .head .unexpandAll:hover {
  color: #1e9ce6;
}
#leftColumn.analytics.opened .condition .conditionInbox .table .head .unexpandAll:hover {
  color: #f2555f;
}
#leftColumn.analytics.opened .condition .conditionInbox .table .head .reset {
  font-size: 75%;
  color: #667180;
  cursor: pointer;
  float: right;
  margin-top: 3px;
}
#leftColumn.analytics.opened .condition .conditionInbox .table .head .reset:hover {
  color: #f2555f;
}
#leftColumn.analytics.opened .condition .conditionInbox .table table {
  border-bottom: none;
}
#leftColumn.analytics.opened .condition .conditionInbox .table table th {
  background: #808b99;
  font-size: 105%;
  color: white;
  padding-top: 10px;
  padding-right: 12px;
  cursor: pointer;
}
#leftColumn.analytics.opened .condition .conditionInbox .table table th .edit {
  font-size: 100%;
  height: 20px;
  margin-top: 0;
  width: 120px;
  text-align: right;
  color: white;
}
#leftColumn.analytics.opened .condition .conditionInbox .table table th .checkbox {
  float: right;
  padding-left: 24px;
  font-size: 100%;
}
#leftColumn.analytics.opened .condition .conditionInbox .table table th.required {
  background: #91cef3;
  color: #667180;
}
#leftColumn.analytics.opened .condition .conditionInbox .table table th.required:after {
  content: "＊";
  color: #f2555f;
  padding-left: 2px;
  font-size: 63%;
  position: absolute;
  margin-top: -2px;
  right: 28px;
}
#leftColumn.analytics.opened .condition .conditionInbox .table table th.required span:after {
  content: "";
}
#leftColumn.analytics.opened .condition .conditionInbox .table table th.category {
  color: #323a45;
  background: #bec3ca;
}
#leftColumn.analytics.opened .condition .conditionInbox .table table th.category:hover {
  background: #d6edfa;
  color: #1e9ce6;
}
#leftColumn.analytics.opened .condition .conditionInbox .table table th.category:hover .edit {
  color: #1e9ce6;
}
#leftColumn.analytics.opened .condition .conditionInbox .table table th.group {
  color: #667180;
  background: #dee2e4;
  cursor: default;
  font-weight: normal;
}
#leftColumn.analytics.opened .condition .conditionInbox .table hr {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  opacity: 0.4;
}
#leftColumn.analytics.opened .condition .conditionInbox .table table.tree tr.disabled th {
  color: #667180;
}
#leftColumn.analytics.opened .condition .conditionInbox .table table.tree tr.disabled .treeOpen, #leftColumn.analytics.opened .condition .conditionInbox .table table.tree tr.disabled .treeClose {
  display: block;
  border-left-color: #667180;
}
#leftColumn.analytics.opened .condition .conditionInbox .btn-default {
  background: #bec3ca;
}
#leftColumn.analytics.opened .condition .conditionInbox .btn-default:hover {
  background: #d0d5d9;
}
#leftColumn.analytics.opened .condition .conditionInbox .btn-default.reset:hover {
  background: #f2555f;
}
#leftColumn.analytics.opened .condition .conditionInbox .btn-default.reset.active {
  background: #fd979d;
}

#leftColumn.analytics.closed {
  width: 40px;
}
#leftColumn.analytics.closed:hover {
  width: 60px;
}
#leftColumn.analytics.closed #leftColumnInBox {
  width: 40px;
  background: #667180 url("../images/icn_condition.svg") no-repeat 12px 12px;
  background: #667180 url("../images/icn_condition.png") no-repeat 12px 12px \9;
  -webkit-background-size: 16px 16px;
  background-size: 16px 16px;
  cursor: pointer;
}

.conditionFooter {
  width: 580px;
  height: 40px;
  background: #d0d5d9;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  position: fixed;
  bottom: 0;
  z-index: 200;
}
.conditionFooter p {
  text-align: center;
  float: left;
}
.conditionFooter p a {
  font-size: 88%;
  padding: 0 20px;
  line-height: 40px;
  color: #667180;
  display: block;
  height: 40px;
  cursor: pointer;
}
.conditionFooter p a:hover {
  color: #1e9ce6;
}
.conditionFooter p.apply {
  width: 420px;
}
.conditionFooter p.apply a {
  background: #1e9ce6;
  color: white;
}
.conditionFooter p.apply a:hover {
  background: #5abdf6;
}
.conditionFooter p.save {
  width: 160px;
  background: #667180;
}
.conditionFooter p.save a {
  color: white;
}
.conditionFooter p.save:hover {
  background: #85909e;
}
.conditionFooter:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

#messageBox {
  background: #0fb8aa;
  padding: 10px 12px;
  color: white;
  line-height: 1.6;
  font-size: 82%;
}
#messageBox .tag {
  font-size: 90%;
  font-weight: bold;
  color: #0fb8aa;
  background: white;
  padding: 2px;
  margin-right: 5px;
}

#mainColumn {
  width: 100%;
  float: left;
  position: relative;
}

#mainColumn.analytics {
  overflow: hidden;
}

#mainColumninBox {
  margin-left: 140px;
  padding-bottom: 60px;
}

#mainColumninBox.noLeftColumn {
  margin-left: 0;
}

#mainColumninBox.analytics {
  margin-left: 40px;
  min-width: 960px;
}

#title {
  background: #e4e6eb;
  width: 100%;
  height: 60px;
  border-bottom: 1px solid #d0d5d9;
  padding-left: 20px;
  line-height: 60px;
}
#title p.back {
  background: url("../images/icn_l_back.png") no-repeat left center;
  width: 40px;
  height: 60px;
  float: left;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
#title p.back:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
  opacity: 0.2;
  cursor: pointer;
}
#title h2 {
  font-size: 125%;
  letter-spacing: 0.1em;
  float: left;
  color: #323a45;
}
#title h2 .divider {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  margin: 0 10px;
  margin-top: -8px;
  color: #a2a9b3;
  font-weight: 100;
}
#title .titleInBoxRight {
  float: right;
}
#title .titleInBoxRight p {
  float: left;
}
#title .titleInBoxRight p a {
  display: block;
  height: 60px;
  line-height: 60px;
  padding: 0 20px;
  color: #667180;
  font-weight: bold;
  font-size: 88%;
}
#title .titleInBoxRight p a img {
  margin-top: 22px;
}
#title .titleInBoxRight p a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  cursor: pointer;
}
#title .titleInBoxRight p.tab a {
  position: relative;
}
#title .titleInBoxRight p.tab a:hover {
  border-bottom: 2px solid #5abdf6;
  color: #1e9ce6;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
#title .titleInBoxRight p.tab a.notification:after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  background: #f2555f;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  position: absolute;
  right: 10px;
  top: 23px;
}
#title .titleInBoxRight p.tab.active a {
  border-bottom: 2px solid #1e9ce6;
}
#title .titleInBoxRight p.addNew a {
  padding-left: 20px;
  background: url("../images/icn_add_active.svg") no-repeat left 24px;
  background: url("../images/icn_add_active.png") no-repeat left 24px \9;
}
#title .titleInBoxRight p.addNew a:hover {
  color: #1e9ce6;
}
#title .titleInBoxRight p.reload a {
  background: url("../images/icn_reload.svg") no-repeat left 23px;
  background: url("../images/icn_reload.png") no-repeat left 23px \9;
  -webkit-background-size: 14px 14px;
  background-size: 14px 14px;
}

#mainColumnFooter {
  width: 100%;
  height: 40px;
  background: #d0d5d9;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  position: fixed;
  bottom: 0;
  padding-right: 140px;
  z-index: 200;
}
#mainColumnFooter p a {
  font-size: 100%;
  padding: 0 20px;
  line-height: 40px;
  color: #667180;
  display: block;
  height: 40px;
  cursor: pointer;
}
#mainColumnFooter p a:hover {
  color: #1e9ce6;
}
#mainColumnFooter p.apply {
  text-align: center;
}
#mainColumnFooter p.apply a {
  background: #1e9ce6;
  color: white;
}
#mainColumnFooter p.apply a:hover {
  background: #5abdf6;
}
#mainColumnFooter p.delete, #mainColumnFooter .fieldgroup .fieldgroupInBox .control p.default, .fieldgroup .fieldgroupInBox .control #mainColumnFooter p.default, #mainColumnFooter #selected .control p.default, #selected .control #mainColumnFooter p.default {
  text-align: center;
}
#mainColumnFooter p.delete a, #mainColumnFooter .fieldgroup .fieldgroupInBox .control p.default a, .fieldgroup .fieldgroupInBox .control #mainColumnFooter p.default a, #mainColumnFooter #selected .control p.default a, #selected .control #mainColumnFooter p.default a {
  background: #f2555f;
  color: white;
}
#mainColumnFooter p.delete a:hover, #mainColumnFooter .fieldgroup .fieldgroupInBox .control p.default a:hover, .fieldgroup .fieldgroupInBox .control #mainColumnFooter p.default a:hover, #mainColumnFooter #selected .control p.default a:hover, #selected .control #mainColumnFooter p.default a:hover {
  background: #fd979d;
}
#mainColumnFooter:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
#mainColumnFooter p.apply.mrgCancel,
#mainColumnFooter p.delete.mrgCancel,
#mainColumnFooter .fieldgroup .fieldgroupInBox .control p.mrgCancel.default,
.fieldgroup .fieldgroupInBox .control #mainColumnFooter p.mrgCancel.default,
#mainColumnFooter #selected .control p.mrgCancel.default,
#selected .control #mainColumnFooter p.mrgCancel.default {
  margin-left: 160px;
}
#mainColumnFooter p.disable a {
  cursor: default;
  background: #ccd0d5;
}
#mainColumnFooter p.disable a:hover {
  background: #ccd0d5;
}
#mainColumnFooter p.mrgRight {
  margin-right: 160px;
}
#mainColumnFooter p.cancel {
  text-align: center;
  width: 160px;
  position: absolute;
}
#mainColumnFooter p.cancel a {
  background: #a2a9b3;
  color: white;
}
#mainColumnFooter p.cancel a:hover {
  background: #ccd0d5;
}
#mainColumnFooter p.reset {
  text-align: center;
  width: 160px;
  position: absolute;
  right: 0;
  margin-right: 140px;
}
#mainColumnFooter p.reset a {
  background: #a2a9b3;
  color: white;
}
#mainColumnFooter p.reset a:hover {
  background: #f2555f;
}
#mainColumnFooter p.right {
  position: absolute;
  right: 0;
  z-index: 250;
}
#mainColumnFooter p.left {
  position: absolute;
  left: 0;
  z-index: 250;
}
#mainColumnFooter p.center {
  position: absolute;
  left: 50%;
  margin-left: -70px;
}
#mainColumnFooter p.center a {
  margin-left: -50%;
}
#mainColumnFooter:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
#mainColumnFooter p.gray {
  background: #a2a9b3;
}
#mainColumnFooter p.gray a {
  color: white;
}
#mainColumnFooter p.gray a:hover {
  background: #1e9ce6;
}
#mainColumnFooter p.gray.disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  cursor: default;
}
#mainColumnFooter p.gray.disabled a {
  cursor: default;
}
#mainColumnFooter p.gray.disabled a:hover {
  background: #a2a9b3;
}
#mainColumnFooter p.three {
  text-align: center;
  width: 33%;
  float: left;
}
#mainColumnFooter p.three.last {
  width: 34%;
}
#mainColumnFooter button.apply {
  text-align: center;
  height: 40px;
  width: 100%;
  border-style: none;
  background: #1e9ce6;
  color: white;
}
#mainColumnFooter button.apply:hover {
  background: #5abdf6;
}

#mainColumnFooter.noLeftColumn {
  padding-right: 0;
}
#mainColumnFooter.noLeftColumn p.center {
  margin-left: 0;
}

#mainColumnFooter.analytics {
  padding-right: 0px;
  left: 40px;
}
#mainColumnFooter.analytics .btn-group > .btn.select.dropdown-toggle .caret {
  margin-bottom: 4px;
}

#mainColumnFooter.x2 {
  height: 80px;
}

#mainColumnFooter.noLeftBtn {
  padding-right: 0;
}

#mainColumnFooter.absolute {
  position: absolute;
  padding-right: 0;
}

#guidanceBox {
  background: #0fb8aa;
  padding: 20px;
  font-size: 88%;
  line-height: 1.6;
  color: white;
  position: relative;
  font-weight: normal;
}

#guidanceBox:after {
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-bottom-color: #0fb8aa;
  border-bottom-width: 10px;
  border-top-width: 0;
  content: "";
  display: block;
  position: absolute;
  top: -10px;
  right: 20px;
}

#content {
  padding: 20px;
}

.pagination-wrapper {
  position: relative;
  height: 25px;
  margin-bottom: 15px;
  text-align: center;
}
.pagination-wrapper .count {
  font-size: 100%;
  padding-left: 5px;
  position: absolute;
  top: 5px;
}
.pagination-wrapper .viewnum {
  position: absolute;
  top: 5px;
  font-size: 100%;
  right: 0;
}
.pagination-wrapper .viewnum .group {
  display: inline-block;
  margin-left: 10px;
  color: #667180;
}
.pagination-wrapper .viewnum .group span {
  color: #323a45;
  margin-left: 8px;
  margin-right: 4px;
}
.pagination-wrapper .viewnum .group span a {
  color: #1e9ce6;
}
.pagination-wrapper .pagination {
  margin: 0;
  margin-top: -10px;
}
.pagination-wrapper .pagination li p.bridge {
  padding: 0 10px;
}

table {
  border-bottom: 1px solid #e4e6eb;
  width: 100%;
  font-size: 100%;
  background: white;
}
table tr:nth-child(even) {
  background: #f5f6f7;
}

table.half {
  width: 49%;
}

th {
  background: #a2a9b3;
  color: #f0f1f2;
  border-left: 1px solid #d0d5d9;
  text-align: left;
  font-weight: bold;
}

td.sideh {
  background: #e4e6eb;
  border-left: 1px solid #d0d5d9;
}

.table thead > tr > td.sideh,
.table tbody > tr > td.sideh,
.table tfoot > tr > td.sideh {
  border-top: 1px solid #d0d5d9;
}

.table thead > tr > th,
.table tbody > tr > th,
.table tfoot > tr > th {
  border-top: none;
}

.table thead > tr > td,
.table tbody > tr > td,
.table tfoot > tr > td {
  border-top: 1px solid #e4e6eb;
}

.table thead > tr > th.bdrn,
.table tbody > tr > th.bdrn,
.table tfoot > tr > th.bdrn {
  border: none;
}

.table thead > tr > th.bdrt,
.table tbody > tr > th.bdrt,
.table tfoot > tr > th.bdrt {
  border-top: 1px solid #d0d5d9;
}

.table thead > tr > th.bdrl,
.table tbody > tr > th.bdrl,
.table tfoot > tr > th.bdrl {
  border-left: 1px solid #d0d5d9;
}

.table thead > tr > th.darken,
.table tbody > tr > th.darken,
.table tfoot > tr > th.darken {
  background: #868f9c;
}

.table thead > tr td.disabled,
.table tbody > tr td.disabled,
.table tfoot > tr td.disabled {
  background: #f5f6f7;
  color: #a2a9b3;
}

.table thead > tr td.notAvailable,
.table tbody > tr td.notAvailable,
.table tfoot > tr td.notAvailable {
  background: #feedee;
  color: #a2a9b3;
}

table .checkbox,
table .radio {
  margin: 0;
  padding: 0;
  min-height: 16px;
}

table .cellCheckbox .checkbox,
table .cellCheckbox .radio {
  margin: 0;
  padding-left: 24px;
  font-size: 107%;
}

table .ms-drop .checkbox,
table .ms-drop .radio {
  margin: 0;
  padding-left: 24px;
  font-size: 113%;
}

.sortAsc, .sortDsc, .sortOff {
  background: #868f9c;
  position: relative;
}
.sortAsc span, .sortDsc span, .sortOff span {
  display: block;
}
.sortAsc span:after, .sortDsc span:after, .sortOff span:after {
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-bottom-color: #d0d5d9;
  border-bottom-width: 7px;
  border-top-width: 0;
  content: "";
  display: block;
  position: absolute;
  right: 8px;
  top: 13px;
}

.sortDsc span:after {
  border-top-color: #d0d5d9;
  border-top-width: 7px;
  border-bottom-width: 0;
}

.sortOff span:after {
  display: none;
}

.deleteRow {
  cursor: pointer;
}
.deleteRow:hover {
  background: #868f9c;
  position: relative;
}
.deleteRow:hover span {
  display: block;
}
.deleteRow:hover span:after {
  width: 12px;
  height: 12px;
  background: url("../images/icn_delete_active.svg") no-repeat right top;
  background: url("../images/icn_delete_active.png") no-repeat right top\9;
  content: "";
  display: block;
  position: absolute;
  right: 8px;
  top: 11px;
}

.viewAll {
  float: right;
  font-size: 90%;
  margin-top: 3px;
  cursor: pointer;
}
.viewAll:hover {
  color: #1e9ce6;
}

.expandAll, #leftColumn.analytics.opened .condition .conditionInbox .table .head .unexpandAll, .unexpandAll {
  font-size: 90%;
  margin-top: 3px;
  cursor: pointer;
}
.expandAll:hover, #leftColumn.analytics.opened .condition .conditionInbox .table .head .unexpandAll:hover, .unexpandAll:hover {
  color: #1e9ce6;
}

.unexpandAll:hover {
  color: #f2555f;
}

td {
  border-left: 1px solid #e4e6eb;
  border-top: 1px solid #e4e6eb;
}

th:first-child,
td:first-child {
  border-left: none;
}

table td.hover {
  background: #edf7fd;
}

table td.hover:hover {
  background: #d6edfa;
}

table.hilightRow td.hover {
  background: #d6edfa;
}

table .positiveCell {
  background-color: #f5f6f7;
  color: #1e9ce6;
}

table .alertCell {
  background-color: #feeed6;
  color: #fcae3f;
}

table .errorCell {
  background-color: #fde3e5;
  color: #f2555f;
}

table th.positiveCell {
  background-color: #808b99;
  color: white;
}

table th.alertCell {
  background-color: #808b99;
  color: white;
}

table th.errorCell {
  background-color: #808b99;
  color: white;
}

table tr.alertCell:nth-child(even) {
  background-color: #feeed6;
  color: #fcae3f;
}

table tr.errorCell:nth-child(even) {
  background-color: #fde3e5;
  color: #f2555f;
}

.table .tsholderLeft {
  color: #a2a9b3;
  font-size: 80%;
  padding-bottom: 8px;
  float: left;
}
.table .tsholderRight {
  color: #a2a9b3;
  font-size: 80%;
  padding-bottom: 8px;
  text-align: right;
  float: right;
}

table .alertTip {
  background-color: #feeed6;
}
table .alertTip p {
  width: 24px;
  height: 21px;
  padding: 5px;
  margin-right: -5px;
  margin-top: -4px;
  float: right;
  cursor: pointer;
}
table .alertTip span {
  font-size: 75%;
  background: #fcae3f;
  margin-right: 0;
  color: white;
  height: 14px;
  width: 14px;
  padding: 0;
  text-align: center;
  line-height: 16px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  -o-border-radius: 16px;
  border-radius: 16px;
}

table span {
  display: block;
  float: left;
}

table span.edit {
  font-size: 90%;
  color: #d0d5d9;
  float: right;
  cursor: pointer;
  margin-top: 3px;
}
table span.edit:hover {
  color: #1e9ce6;
}

.table thead > tr > th,
.table tbody > tr > th,
.table tfoot > tr > th,
.table thead > tr > td,
.table tbody > tr > td,
.table tfoot > tr > td {
  vertical-align: middle;
}

.table thead > tr > th.editable input.form-control,
.table tbody > tr > th.editable input.form-control,
.table tfoot > tr > th.editable input.form-control,
.table thead > tr > td.editable input.form-control,
.table tbody > tr > td.editable input.form-control,
.table tfoot > tr > td.editable input.form-control {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}

.table thead > tr > th.pdg0,
.table tbody > tr > th.pdg0,
.table tfoot > tr > th.pdg0,
.table thead > tr > td.pdg0,
.table tbody > tr > td.pdg0,
.table tfoot > tr > td.pdg0 {
  padding: 0;
}

table.drilldown tr.selected {
  background: #f5f6f7;
}
table.drilldown th:first-child,
table.drilldown td:first-child {
  border-left: none;
}
table.drilldown tr.addRow td {
  border-bottom: none;
  cursor: pointer;
}
table.drilldown tr.addRow td .btn-add {
  display: block;
  width: 20px;
  height: 20px;
  margin: 0;
  background: url("../images/icn_add.svg") no-repeat left center;
  background: url("../images/icn_add.png") no-repeat left center\9;
}
table.drilldown tr.addRow td:hover {
  background: #d6edfa;
}
table.drilldown tr.addRow td:hover .btn-add {
  background: url("../images/icn_add_active.svg") no-repeat left center;
  background: url("../images/icn_add_active.png") no-repeat left center\9;
}
table.drilldown tr.addRow td.indent {
  cursor: default;
}
table.drilldown tr.addRow td.indent:hover {
  background: none;
}
table.drilldown td.showmore {
  height: 32px;
  background: #edeef2;
  color: #a2a9b3;
}
table.drilldown td.showmore:hover {
  background: #f3f4f6;
  color: #11d0c0;
}

table.drilldown.final tr.selected {
  background-color: #1e9ce6;
  color: white;
}

table.list tr.selected {
  background-color: #1e9ce6;
  color: white;
}
table.list tr.addRow td {
  border-bottom: none;
  cursor: pointer;
}
table.list tr.addRow td .btn-add {
  display: block;
  width: 20px;
  height: 20px;
  margin: 0;
  background: url("../images/icn_add.svg") no-repeat left center;
  background: url("../images/icn_add.png") no-repeat left center\9;
}
table.list tr.addRow td:hover {
  background: #d6edfa;
}
table.list tr.addRow td:hover .btn-add {
  background: url("../images/icn_add_active.svg") no-repeat left center;
  background: url("../images/icn_add_active.png") no-repeat left center\9;
}
table.list tr.addRow td.indent {
  cursor: pointer;
}
table.list tr.addRow td.indent:hover {
  background: none;
}
table.list span.reset:hover {
  color: #0fb8aa;
}

table tr.reference,
table td.reference {
  background: rgba(15, 184, 170, 0.1);
  color: #a2a9b3;
}

table td.errorFinder {
  background-color: #fef1f2;
}

table tr.bg1,
table td.bg1 {
  background: #f0f1f2;
  color: #667180;
}

table.tree .indent {
  background: white;
  border-top: none;
}
table.tree .indent.reference {
  background: #e7f7f6;
}
table.tree .treeOpen, table.tree .treeClose {
  display: block;
  border: 6px solid transparent;
  border-left-color: #1e9ce6;
  border-left-width: 10px;
  border-right-width: 0;
  content: "";
  margin-top: 3px;
  margin-right: 6px;
  margin-left: 2px;
}
table.tree .treeClose {
  border: 6px solid transparent;
  border-top-color: #f2555f;
  border-top-width: 10px;
  border-bottom-width: 0;
  margin-top: 4px;
  margin-left: 0;
}

table tr.checked {
  background: #f5f6f7;
}

table tr.closedStore {
  background: #fde3e5;
}
table tr.closedStore td:first-child:after {
  font-size: 69%;
  color: #f2555f;
  content: "閉店";
  display: block;
  float: right;
  padding-top: 3px;
}

table th .btn-group.select {
  padding: 5px 0;
}
table th .btn-group.select .btn.btn-input {
  font-size: 97%;
  height: 30px;
  padding: 0;
  margin: 0 4px 0 5px;
  border: none;
}
table th .btn-group.select .btn.btn-input .filter-option {
  left: 8px;
  top: 5px;
}
table th .btn-group.select .btn.btn-input .caret {
  right: 8px;
}

table th .btn-group.select.pdgb0 {
  padding-bottom: 0;
}

table th .btn-group.select.open .btn.btn-input.dropdown-toggle {
  border: none;
}

table td.inner {
  border-right: 1px solid white;
}
table td.inner span {
  display: block;
  float: none;
  padding: 8px;
  border-bottom: 1px solid white;
}
table td.inner span:last-child {
  border-bottom: none;
}

th.disable,
td.disable {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
}

table td.inmodeCell {
  background-color: #d6edfa;
}

table td.reference.inmodeCell {
  background-color: #d6edfa;
}

.inmodeFieldBox {
  display: none;
  position: absolute;
  padding: 13px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background: #667180;
  color: white;
  z-index: 200;
  text-align: left;
  margin-left: -83px;
  margin-top: -165px;
}
.inmodeFieldBox input {
  display: inline-block;
  margin-left: 4px;
  height: 30px;
  width: 40px;
  padding-left: 8px;
  padding-right: 8px;
}
.inmodeFieldBox input.mrgr {
  margin-right: 4px;
}
.inmodeFieldBox p {
  margin-bottom: 6px;
  display: inline-block;
  padding-right: 6px;
}

.inmodeFieldBox:after {
  position: absolute;
  bottom: -10px;
  right: 33px;
  width: 0;
  height: 0;
  border: solid transparent;
  border-color: rgba(51, 51, 51, 0);
  border-width: 8px;
  border-top-color: #667180;
  border-top-width: 10px;
  border-bottom-width: 0;
  pointer-events: none;
  content: " ";
}

table tr.deletable:hover {
  background: #d6edfa;
}
table tr.deletable span.btn-delete {
  display: table-cell;
  width: 20px;
  height: 20px;
  margin: 0;
  background: url("../images/icn_delete.svg") no-repeat right center;
  background: url("../images/icn_delete.png") no-repeat right center\9;
  cursor: pointer;
}

table tr.deletable.ovr {
  background: #f0f1f2;
}
table tr.deletable.ovr span.btn-delete {
  background: url("../images/icn_delete_active.svg") no-repeat right center;
  background: url("../images/icn_delete_active.png") no-repeat right center\9;
}

table tr.deletable.active {
  background: #fde3e5;
}
table tr.deletable.active span.btn-delete {
  background: url("../images/icn_delete_active.svg") no-repeat right center;
  background: url("../images/icn_delete_active.png") no-repeat right center\9;
}

table tr.deletable.grayout {
  color: #d0d5d9;
}

table.hilightRow tr.deletable.ovr td.hover {
  background: #e8e9eb;
}

table.hilightRow tr.deletable.active td.hover {
  background: #fde3e5;
}

.table .yScroll {
  overflow-y: scroll;
  border-top: 1px solid #e4e6eb;
  border-bottom: 1px solid #e4e6eb;
}

.table .quarter {
  width: 23%;
}

table.selectable td {
  cursor: pointer;
}
table.selectable td.indent {
  cursor: default;
}

table.error td:last-child {
  color: #f2555f;
}

.table span.tableHead {
  display: block;
  background: #a2a9b3;
  color: #f0f1f2;
  border-left: 1px solid #d0d5d9;
  text-align: left;
  font-weight: bold;
  font-size: 82%;
  padding: 0 8px;
  height: 36px;
  line-height: 36px;
}

.table.listbuilder span.tableHead.ht20 {
  height: 20px;
}

.table.listbuilder span.tableHead.ht20.sortDsc,
.table.listbuilder span.tableHead.ht20.sortAsc,
.table.listbuilder span.tableHead.ht20.sortDsc,
.table.listbuilder span.tableHead.ht20.sortOff {
  background: #868f9c;
}
.table.listbuilder span.tableHead.ht20.sortDsc span:after,
.table.listbuilder span.tableHead.ht20.sortAsc span:after,
.table.listbuilder span.tableHead.ht20.sortDsc span:after,
.table.listbuilder span.tableHead.ht20.sortOff span:after {
  top: 7px;
  left: 8px;
}

.table.listbuilder span.tableHead.ht20.sortOff {
  background: #a2a9b3;
}
.table.listbuilder span.tableHead.ht20.sortOff span:after {
  display: none;
}

.table.listbuilder span.tableHead.ht20.sortOff.hover {
  background: #a2a9b3;
}
.table.listbuilder span.tableHead.ht20.sortOff.hover span:after {
  display: block;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}

.btnListbuilder {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 100%;
}

tr.order td .data {
  padding-left: 10px;
}
tr.order td .asc, tr.order td .dsc {
  width: 0;
  height: 0;
  display: block;
  content: "";
  border: 6px solid transparent;
  border-bottom-color: #d0d5d9;
  border-bottom-width: 7px;
  border-top-width: 0;
  content: "";
  cursor: pointer;
}
tr.order td .asc:hover, tr.order td .dsc:hover {
  border-bottom-color: #a2a9b3;
}
tr.order td .asc.active, tr.order td .active.dsc {
  border-bottom-color: #1e9ce6;
}
tr.order td .dsc {
  border-top-color: #d0d5d9;
  border-top-width: 7px;
  border-bottom-width: 0;
  margin-top: 12px;
  margin-left: -12px;
}
tr.order td .dsc:hover {
  border-top-color: #a2a9b3;
}
tr.order td .dsc.active {
  border-top-color: #1e9ce6;
}

.drilldownWrapper {
  overflow-x: scroll;
  white-space: nowrap;
}
.drilldownWrapper .drilldownItem {
  display: inline-block;
}

.table thead > tr > th.feature,
.table tbody > tr > th.feature,
.table tfoot > tr > th.feature {
  background: #808b99;
  font-size: 150%;
}

.table thead > tr > td.feature,
.table tbody > tr > td.feature,
.table tfoot > tr > td.feature {
  background: #f5f6f7;
  font-size: 150%;
}

.table table.sizevr th.ftszUp,
.table table.sizevr td {
  font-size: 150%;
}

.table table.sizevr thead > tr > th.leftend,
.table table.sizevr tbody > tr > th.leftend,
.table table.sizevr tfoot > tr > th.leftend {
  background: #667180;
}

.table table.sizevr thead > tr > th.rightend,
.table table.sizevr tbody > tr > th.rightend,
.table table.sizevr tfoot > tr > th.rightend {
  background: #667180;
}

.table table.sizevr thead > tr > th.middle,
.table table.sizevr tbody > tr > th.middle,
.table table.sizevr tfoot > tr > th.middle {
  background: #1478b3;
}

.table table.sizevr thead > tr > th.feature,
.table table.sizevr tbody > tr > th.feature,
.table table.sizevr tfoot > tr > th.feature {
  background: #1e9ce6;
  font-size: 225%;
}

.table table.sizevr thead > tr > td.feature,
.table table.sizevr tbody > tr > td.feature,
.table table.sizevr tfoot > tr > td.feature {
  font-size: 225%;
}

.stockCount {
  margin-bottom: 10px;
}
.stockCount li {
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
  border: 1px solid #a8d9f5;
  width: 180px;
  height: 80px;
  cursor: pointer;
  padding: 13px;
}
.stockCount li span {
  display: block;
  text-align: center;
}
.stockCount li span.storeName {
  font-size: 88%;
}
.stockCount li span.num {
  font-size: 113%;
  margin-top: 16px;
}
.stockCount li span.tel {
  font-size: 125%;
  color: white;
  margin-bottom: 5px;
  display: none;
}
.stockCount li:hover {
  background: #1e9ce6;
  border: 1px solid #1e9ce6;
  color: white;
}
.stockCount li:hover .storeName {
  font-size: 75%;
  margin-bottom: 5px;
}
.stockCount li:hover .tel {
  display: block;
}
.stockCount li:hover .num {
  font-size: 88%;
  margin-top: 0;
}
.stockCount li.notAvailable {
  background: #feedee;
  border: 1px solid #fbcbce;
  cursor: default;
}
.stockCount li.notAvailable span {
  color: #f2555f;
}
.stockCount li.notAvailable .storeName {
  font-size: 75%;
  margin-bottom: 5px;
}
.stockCount li.notAvailable span.tel {
  font-size: 113%;
  color: #f2555f;
  margin-top: 2px;
  display: block;
}
.stockCount li.notAvailable .num {
  font-size: 88%;
  margin-top: 0;
}
.stockCount li.group {
  width: 100%;
  font-size: 88%;
  border: none;
  background: #a8d9f5;
  padding: 8px;
  cursor: default;
  color: white;
  height: auto;
}
.stockCount li.group:hover {
  color: white;
  border: none;
}
.stockCount li.group span {
  display: inline;
  padding-right: 10px;
}

.stockCount.others li {
  border: 1px solid #d0d5d9;
}
.stockCount.others li:hover {
  border: 1px solid #1e9ce6;
}
.stockCount.others li.notAvailable {
  border: 1px solid #fbcbce;
}
.stockCount.others li.group {
  background: #d0d5d9;
  border: none;
}
.stockCount.others li.group:hover {
  border: none;
}

.showmore {
  background: #e4e6eb;
  height: 40px;
  color: #0fb8aa;
  text-align: center;
  font-size: 88%;
  line-height: 40px;
  cursor: pointer;
}
.showmore:hover {
  background: #f0f1f2;
}

.table .incrs {
  color: #1e9ce6;
}

.table .decrs {
  color: #f2555f;
}

table th.required span:after {
  content: "＊";
  color: #f2555f;
  padding-left: 2px;
  font-size: 63%;
  position: absolute;
  margin-top: -2px;
}

table .rowOpen {
  padding-left: 16px;
  cursor: pointer;
}
table .rowOpen:before {
  display: block;
  border: 6px solid transparent;
  border-left-color: #1e9ce6;
  border-left-width: 10px;
  border-right-width: 0;
  content: "";
  margin-top: 3px;
  margin-right: 6px;
  width: 0;
  height: 0;
  position: absolute;
  margin-left: -16px;
}
table .rowClose {
  padding-left: 16px;
  cursor: pointer;
}
table .rowClose:before {
  display: block;
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  margin-left: -16px;
  border: 6px solid transparent;
  border-top-color: #f2555f;
  border-top-width: 10px;
  border-bottom-width: 0;
  margin-top: 4px;
}

.fieldgroup {
}
.fieldgroup p.gtitle {
  font-size: 82%;
  font-weight: bold;
  padding-left: 5px;
  margin-bottom: 8px;
  color: #667180;
}
.fieldgroup p.gtitle span.subInfo {
  font-weight: normal;
}
.fieldgroup p.gtitle span.subInfo a:hover {
  color: #5abdf6;
}
.fieldgroup p.gtitle span.subInfo.edit {
  cursor: pointer;
  color: #1e9ce6;
}
.fieldgroup p.gtitle span.subInfo.edit:hover {
  color: #5abdf6;
}
.fieldgroup p.gtitle span.subInfo.save {
  cursor: pointer;
  color: #1e9ce6;
}
.fieldgroup p.gtitle span.subInfo.save:hover {
  color: #5abdf6;
}
.fieldgroup p.gtitle span.subInfo.note {
  font-size: 82%;
}
.fieldgroup p.gtitle span.subInfo.delete, .fieldgroup p.gtitle .fieldgroupInBox .control span.subInfo.default, .fieldgroup .fieldgroupInBox .control p.gtitle span.subInfo.default, .fieldgroup p.gtitle #selected .control span.subInfo.default, #selected .control .fieldgroup p.gtitle span.subInfo.default {
  cursor: pointer;
  color: #f2555f;
}
.fieldgroup p.gtitle span.subInfo.delete:hover, .fieldgroup p.gtitle .fieldgroupInBox .control span.subInfo.default:hover, .fieldgroup .fieldgroupInBox .control p.gtitle span.subInfo.default:hover, .fieldgroup p.gtitle #selected .control span.subInfo.default:hover, #selected .control .fieldgroup p.gtitle span.subInfo.default:hover {
  color: #fd979d;
}
.fieldgroup .fieldgroupInBox {
  background: white;
  padding: 20px;
  border-bottom: 1px solid #e4e6eb;
}
.fieldgroup .fieldgroupInBox hr {
  width: 100%;
  border-top: 1px solid #f0f1f2;
  margin-top: 20px;
}
.fieldgroup .fieldgroupInBox .control {
  font-size: 75%;
  padding-top: 3px;
}
.fieldgroup .fieldgroupInBox .control .delete, .fieldgroup .fieldgroupInBox .control .default, .fieldgroup .fieldgroupInBox #selected .control .default, #selected .fieldgroup .fieldgroupInBox .control .default {
  color: #f2555f;
  float: right;
  cursor: pointer;
}
.fieldgroup .fieldgroupInBox .control .delete:hover, .fieldgroup .fieldgroupInBox .control .default:hover, .fieldgroup .fieldgroupInBox #selected .control .default:hover, #selected .fieldgroup .fieldgroupInBox .control .default:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
.fieldgroup .fieldgroupInBox .control .default {
  color: #a2a9b3;
  float: left;
}
.fieldgroup .fieldgroupInBox.search {
  background: #e4e6eb;
}
.fieldgroup .fieldgroupInBox.view {
  background: white;
}
.fieldgroup .fieldgroupInBox.view .fieldUnit .txtbox {
  padding: 14px 8px 2px;
  font-size: 88%;
  border-bottom: 2px dotted #d0d5d9;
  height: 40px;
}
.fieldgroup .fieldgroupInBox.view .fieldUnit .txtbox .nameTrim {
  color: #f2555f;
}
.fieldgroup .fieldgroupInBox.view .fieldUnit .txtbox.kana {
  padding-right: 28px;
  text-align: right;
}
.fieldgroup .fieldgroupInBox.view .fieldUnit .txtbox.kana:after {
  content: "様";
  display: block;
  position: absolute;
  top: 14px;
  right: 8px;
}
.fieldgroup .fieldgroupInBox.view .fieldUnit .txtbox.age {
  padding-right: 28px;
  text-align: right;
}
.fieldgroup .fieldgroupInBox.view .fieldUnit .txtbox.age:after {
  content: "歳";
  display: block;
  position: absolute;
  top: 12px;
  right: 8px;
  font-size: 67%;
}
.fieldgroup .fieldgroupInBox.view .fieldUnit .txtbox .note {
  font-size: 82%;
  color: #667180;
  padding-left: 8px;
}
.fieldgroup .fieldgroupInBox.view .fieldUnit .txtbox.noLine {
  border: none;
}
.fieldgroup .fieldgroupInBox.view .fieldUnit .txtbox.multiline {
  line-height: 1.6;
  padding-top: 10px;
  height: auto;
  padding-bottom: 8px;
}
.fieldgroup .fieldUnit {
  position: relative;
  height: 40px;
}
.fieldgroup .fieldUnit.half {
  width: 430px;
}
.fieldgroup .fieldUnit.hta {
  height: auto;
}
.fieldgroup .fieldUnit.disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
.fieldgroup .fieldUnit.disabled .fieldName {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}

.fieldBox {
  position: relative;
  padding-left: 150px;
}
.fieldBox li {
  float: left;
}
.fieldBox .dropdown-menu li {
  float: none;
}
.fieldBox p.num {
  font-size: 200%;
  padding-top: 6px;
}
.fieldBox p.link {
  padding-top: 15px;
  font-size: 82%;
}
.fieldBox p.link a {
  color: #1e9ce6;
}
.fieldBox p.link a:hover {
  color: #5abdf6;
}
.fieldBox p.abcnum {
  font-size: 200%;
  border-right: 1px solid #d0d5d9;
  padding: 0 20px;
  padding-top: 6px;
}
.fieldBox p.abcnum span {
  display: inline-block;
  padding-right: 10px;
  font-size: 43%;
  color: #667180;
  font-weight: bold;
}
.fieldBox label.checkbox span.icons,
.fieldBox label.radio span.icons {
  margin-top: 2px;
}
.fieldBox span.limit {
  color: #a2a9b3;
  font-size: 100%;
  position: absolute;
  z-index: 500;
  line-height: 40px;
  text-align: right;
  padding-right: 10px;
}
.fieldBox span.limit.allert {
  color: #f2555f;
}

.fieldBox.noName {
  padding-left: 0;
}

.fieldBox .autofill {
  display: block;
  background: url("../images/icn_autofill.png") no-repeat left top;
  background: url("../images/icn_autofill.png") no-repeat left top\9;
  -webkit-background-size: 16px 16px;
  background-size: 16px 16px;
  z-index: 1000;
  position: absolute;
  width: 16px;
  height: 16px;
  right: 12px;
  top: 12px;
}

.fieldBox .viewTag {
  color: #1e9ce6;
  background: url("../images/icn_tag_primary.svg") no-repeat left top;
  background: url("../images/icn_tag_primary.png") no-repeat left top\9;
  -webkit-background-size: 12px 12px;
  background-size: 12px 12px;
  padding-left: 16px;
  font-size: 100%;
  cursor: pointer;
}
.fieldBox .viewTag:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}

.fieldBox.mainPic {
  cursor: pointer;
}
.fieldBox.mainPic:hover .hover {
  display: block;
  background: rgba(30, 156, 230, 0.8);
  color: white;
  text-align: center;
  position: absolute;
  z-index: 200;
  width: 420px;
  height: 280px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  font-size: 88%;
  padding-top: 130px;
}
.fieldBox.mainPic:hover .hover.premium {
  width: 280px;
  background: rgba(102, 113, 128, 0.8);
}
.fieldBox.mainPic .mainPicBox {
  background: #f0f1f2;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 280px;
  height: 280px;
  cursor: pointer;
  overflow: hidden;
}
.fieldBox.mainPic ul.tag {
  margin-top: 10px;
}
.fieldBox.mainPic ul.tag li {
  background: #e4e6eb;
  color: #667180;
  font-size: 75%;
  padding: 5px;
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 5px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
.fieldBox.mainPic .texturePicBox {
  background: #f0f1f2;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  display: block;
  width: 130px;
  height: 60px;
  overflow: hidden;
}
.fieldBox.mainPic .otherThumbs {
  width: 130px;
  float: left;
  margin-bottom: 20px;
}
.fieldBox.mainPic .otherThumbs li {
  background: #f0f1f2;
  width: 20px;
  height: 20px;
  overflow: hidden;
  margin-left: 1px;
}
.fieldBox.mainPic .countPicNum {
  width: 130px;
  color: #a2a9b3;
}
.fieldBox.mainPic .countPicNum .num {
  font-size: 125%;
}

.picContainer {
  background: white;
  width: 280px;
  display: inline-block;
  margin-bottom: 20px;
  vertical-align: top;
  margin-right: 20px;
}
.picContainer .picBox {
  background: #f6f6f7;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 280px;
  height: 280px;
  overflow: hidden;
  border: 1px solid white;
}
.picContainer .infoBox {
  padding: 10px;
}
.picContainer .infoBox ul.tag {
  margin-bottom: 10px;
}
.picContainer .infoBox ul.tag li {
  background: #1e9ce6;
  color: white;
  font-size: 75%;
  padding: 5px;
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 5px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
.picContainer .infoBox .comment {
  background: #e4e6eb;
  color: #667180;
  padding: 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  font-size: 82%;
  line-height: 1.5;
}
.picContainer .infoBox .comment:before {
  content: "";
  display: block;
  border: 8px solid transparent;
  border-bottom-color: #e4e6eb;
  border-bottom-width: 10px;
  border-top-width: 0;
  position: absolute;
  margin-top: -19px;
  margin-left: 10px;
}

.picContainer.main:before {
  content: "";
  width: 0;
  height: 0;
  border-top: 20px solid #1e9ce6;
  border-right: 20px solid transparent;
  position: absolute;
}

.picContainer.add,
.picContainer.edit {
  padding-top: 20px;
}
.picContainer.add .fieldUnit,
.picContainer.edit .fieldUnit {
  margin: 0 20px;
}
.picContainer.add .picPreview,
.picContainer.edit .picPreview {
  border: 2px solid #d0d5d9;
  width: 90px;
  height: 90px;
  float: left;
  margin-right: 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.picContainer.add .fieldName,
.picContainer.edit .fieldName {
  float: none;
  position: relative;
  width: 100%;
  padding: 0;
  text-align: left;
  padding-bottom: 4px;
  margin-top: 10px;
}
.picContainer.add input,
.picContainer.edit input {
  width: 240px;
}
.picContainer.add .save,
.picContainer.add .delete,
.picContainer.add .fieldgroup .fieldgroupInBox .control .default,
.fieldgroup .fieldgroupInBox .control .picContainer.add .default,
.picContainer.add #selected .control .default,
#selected .control .picContainer.add .default,
.picContainer.add .add,
.picContainer.edit .save,
.picContainer.edit .delete,
.picContainer.edit .fieldgroup .fieldgroupInBox .control .default,
.fieldgroup .fieldgroupInBox .control .picContainer.edit .default,
.picContainer.edit #selected .control .default,
#selected .control .picContainer.edit .default,
.picContainer.edit .add {
  color: white;
  background: #a2a9b3;
  cursor: pointer;
  text-align: center;
  height: 40px;
  line-height: 40px;
  font-size: 88%;
}
.picContainer.add .save:hover,
.picContainer.add .delete:hover,
.picContainer.add .fieldgroup .fieldgroupInBox .control .default:hover,
.fieldgroup .fieldgroupInBox .control .picContainer.add .default:hover,
.picContainer.add #selected .control .default:hover,
#selected .control .picContainer.add .default:hover,
.picContainer.add .add:hover,
.picContainer.edit .save:hover,
.picContainer.edit .delete:hover,
.picContainer.edit .fieldgroup .fieldgroupInBox .control .default:hover,
.fieldgroup .fieldgroupInBox .control .picContainer.edit .default:hover,
.picContainer.edit #selected .control .default:hover,
#selected .control .picContainer.edit .default:hover,
.picContainer.edit .add:hover {
  background: #1e9ce6;
}
.picContainer.add .delete:hover, .picContainer.add .fieldgroup .fieldgroupInBox .control .default:hover, .fieldgroup .fieldgroupInBox .control .picContainer.add .default:hover, .picContainer.add #selected .control .default:hover, #selected .control .picContainer.add .default:hover,
.picContainer.edit .delete:hover,
.picContainer.edit .fieldgroup .fieldgroupInBox .control .default:hover,
.fieldgroup .fieldgroupInBox .control .picContainer.edit .default:hover,
.picContainer.edit #selected .control .default:hover,
#selected .control .picContainer.edit .default:hover {
  background: #f2555f;
}
.picContainer.add button,
.picContainer.edit button {
  margin-top: 25px;
}

.picContainer.view:hover .hover {
  display: table-cell;
  position: absolute;
  background: rgba(255, 255, 255, 0.8);
  color: #1e9ce6;
  font-size: 88%;
  width: 280px;
  height: 40px;
  text-align: right;
  line-height: 40px;
  padding: 0 10px;
  cursor: pointer;
}
.picContainer.view:hover .hover:hover {
  background: white;
  color: #5abdf6;
}

.noimg {
  display: table;
  width: 100%;
  height: 100%;
}
.noimg span {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.noimg span:after {
  content: "画像がありません";
  display: block;
  color: #b4bcc2;
  font-size: 69%;
  margin: 0 auto;
  text-align: center;
}

.fieldName {
  position: absolute;
  color: #667180;
  font-size: 100%;
  padding-top: 14px;
  line-height: 1.3;
  width: 150px;
  text-align: right;
  padding-right: 20px;
}

.fieldName.bl2 {
  margin-top: -8px;
}

.fieldName.pdgt3 {
  padding-top: 3px;
}

.fieldName.Pic span {
  color: #a2a9b3;
  display: inline-block;
  padding-top: 5px;
}

.expandFieldUnits {
  font-size: 75%;
  padding-left: 16px;
  padding-top: 10px;
  cursor: pointer;
}
.expandFieldUnits span.expand {
  color: #1e9ce6;
  position: absolute;
}
.expandFieldUnits span.expand:hover {
  color: #5abdf6;
}
.expandFieldUnits span.expand:after {
  content: "";
  display: block;
  border: 6px solid transparent;
  border-left-color: #1e9ce6;
  border-left-width: 10px;
  border-right-width: 0;
  content: "";
  position: absolute;
  margin-top: -13px;
  margin-left: -16px;
}
.expandFieldUnits span.unexpand {
  color: #f2555f;
  position: absolute;
}
.expandFieldUnits span.unexpand:hover {
  color: #fd979d;
}
.expandFieldUnits span.unexpand:after {
  content: "";
  display: block;
  border: 6px solid transparent;
  border-top-color: #f2555f;
  border-top-width: 10px;
  border-bottom-width: 0;
  content: "";
  position: absolute;
  margin-top: -12px;
  margin-left: -16px;
}
.expandFieldUnits span.indicator {
  display: inline;
  padding-left: 10px;
}
.expandFieldUnits span.indicator.unfilled {
  color: #fcae3f;
}
.expandFieldUnits span.indicator.filled {
  color: #667180;
}

.fieldUnit.tag .fieldName span {
  display: inline-block;
  background: url("../images/icn_tag.svg") no-repeat left 2px;
  background: url("../images/icn_tag.png") no-repeat left 2px \9;
  -webkit-background-size: 12px;
  background-size: 12px;
  width: 12px;
  height: 14px;
  margin-right: 3px;
}

.addFieldUnits span {
  display: block;
  background: url("../images/icn_add_active.svg") no-repeat top left;
  background: url("../images/icn_add_active.png") no-repeat top left\9;
  font-size: 75%;
  padding-left: 16px;
  cursor: pointer;
  padding-top: 1px;
  color: #1e9ce6;
}
.addFieldUnits span:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}

.delFieldUnits span {
  float: right;
  display: block;
  background: url("../images/icn_delete.svg") no-repeat 20px 13px;
  background: url("../images/icn_delete.png") no-repeat 20px 13px \9;
  font-size: 75%;
  cursor: pointer;
  width: 40px;
  height: 40px;
}
.delFieldUnits span:hover {
  background: url("../images/icn_delete_active.svg") no-repeat 20px 13px;
  background: url("../images/icn_delete_active.png") no-repeat 20px 13px \9;
}
.delFieldUnits span.flleft {
  float: left;
}

.delFieldSets {
  position: absolute;
  right: 40px;
  z-index: 300;
}
.delFieldSets span {
  float: right;
  display: block;
  background: url("../images/icn_delete.svg") no-repeat right top;
  background: url("../images/icn_delete.png") no-repeat right top\9;
  font-size: 75%;
  cursor: pointer;
  width: 40px;
  height: 40px;
}
.delFieldSets span:hover {
  background: url("../images/icn_delete_active.svg") no-repeat right top;
  background: url("../images/icn_delete_active.png") no-repeat right top\9;
}
.delFieldSets span.flleft {
  float: left;
}

.balloonBox {
  padding: 10px;
  background-color: #667180;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  position: absolute;
  z-index: 10;
  bottom: 60px;
}
.balloonBox:after {
  content: "";
  display: block;
  border-style: solid;
  border-width: 10px 8px 0 8px;
  border-color: #667180 transparent transparent transparent;
  height: 0;
  margin-top: 0;
  opacity: 1;
  position: absolute;
  left: 13px;
  bottom: -10px;
  width: 0;
  z-index: 10;
}

.txtbox.color00:after {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background: #002e73;
  position: absolute;
  right: 7px;
  top: 13px;
}

.fieldgroup .fieldgroupInBox.view .fieldUnit .txtbox.txt18 {
  font-size: 113%;
  padding-top: 12px;
}
.fieldgroup .fieldgroupInBox.view .fieldUnit .txtbox.txt24 {
  font-size: 150%;
  padding-top: 9px;
}

.fieldgroup.half {
  width: 49%;
}

.fieldUnit.columnData {
  width: 280px;
  float: left;
}
.fieldUnit.columnData .fieldName {
  position: relative;
  text-align: left;
  width: auto;
  margin-bottom: 10px;
}
.fieldUnit.columnData .fieldBox {
  padding-left: 0;
}

.scaleLabelname {
  padding: 0 20px;
}
.scaleLabelname li {
  display: inline-block;
  font-size: 69%;
  color: #a2a9b3;
  margin-right: 20px;
}
.scaleLabelname li span {
  display: block;
  float: left;
}
.scaleLabelname li span.line {
  width: 60px;
  height: 2px;
  margin-right: 10px;
  margin-top: 5px;
}
.scaleLabelname li:nth-child(1) span.line {
  background: #1e9ce6;
}
.scaleLabelname li:nth-child(2) span.line {
  background: #a2a9b3;
}
.scaleLabelname li:nth-child(3) span.line {
  background: rgba(15, 184, 170, 0.3);
}
.scaleLabelname li:nth-child(4) span.line {
  background: rgba(252, 174, 63, 0.3);
}
.scaleLabelname li:nth-child(5) span.line {
  background: rgba(242, 85, 95, 0.3);
}

div.venn {
  float: left;
  width: 240px;
  height: 240px;
  border-radius: 120px;
  color: white;
  vertical-align: middle;
  font-size: 88%;
  position: relative;
  padding-top: 100px;
  font-weight: normal;
  text-align: center;
}
div.venn label.checkbox {
  display: inline-block;
  text-align: center;
}
div.venn label.checkbox .icons {
  margin-top: -24px;
  margin-left: 24px;
}
div.venn span.num {
  font-size: 200%;
}

.vennA {
  background-color: rgba(30, 156, 230, 0.5);
  padding-right: 120px;
}

.vennB {
  background-color: rgba(15, 184, 170, 0.5);
  margin-left: -120px;
  padding-left: 120px;
}

div.venn.vennC {
  float: none;
  width: 120px;
  height: 60px;
  position: absolute;
  top: 0;
  left: 120px;
}

.vennName {
  font-size: 82%;
  display: table-cell;
  width: 280px;
  height: 240px;
  line-height: 1.4;
  vertical-align: middle;
}

.vennName.nameA {
  color: rgba(30, 156, 230, 0.5);
  text-align: right;
  padding-right: 20px;
}

.vennName.nameB {
  color: rgba(15, 184, 170, 0.5);
  text-align: left;
  padding-left: 20px;
}

.vennBox {
  width: 360px;
}

#searchAgain {
  color: white;
  font-size: 90%;
  font-weight:bold;
  text-align: center;
  cursor: pointer;
  background-color: #0fb8aa;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
#searchAgain:hover {
  background: #32d9d0;
}

#selected {
  width: 240px;
  height: 100%;
  position: fixed;
  background: white;
  right: 0;
  z-index: 5;
  margin-top: -130px;
  border-left: 1px solid #e4e6eb;
  padding: 20px 0;
}
#selected .title {
  font-size: 88%;
  color: #a2a9b3;
  margin-bottom: 20px;
  padding: 0 20px;
}
#selected .control {
  font-size: 75%;
  margin-bottom: 10px;
  padding: 0 20px;
}
#selected .control .delete, #selected .control .default {
  color: #f2555f;
  float: right;
  cursor: pointer;
}
#selected .control .delete:hover, #selected .control .default:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
#selected .control .default {
  color: #0fb8aa;
  float: left;
}
#selected #innerScroll {
  overflow: hidden;
  position: relative;
  width: 239px;
  height: 100%;
}
#selected ul {
  border-top: 1px solid #e4e6eb;
  font-size: 88%;
  margin-bottom: 100px;
}
#selected ul li {
  border-bottom: 1px solid #e4e6eb;
  padding: 8px 20px;
  position: relative;
  display: table;
  width: 100%;
}
#selected ul li span {
  display: block;
  margin-top: 3px;
}
#selected ul li span.code {
  font-size: 75%;
  margin-top: 6px;
  color: #667180;
}
#selected ul li span.btn-delete {
  display: table-cell;
  width: 20px;
  height: 20px;
  margin: 0;
  background: url("../images/icn_delete.svg") no-repeat right center;
  background: url("../images/icn_delete.png") no-repeat right center\9;
  cursor: pointer;
}
#selected ul li.ovr {
  background: #f0f1f2;
}
#selected ul li.ovr span.btn-delete {
  background: url("../images/icn_delete_active.svg") no-repeat right center;
  background: url("../images/icn_delete_active.png") no-repeat right center\9;
}
#selected ul li.active {
  background: #fde3e5;
}

.listbuilder .control {
  font-size: 75%;
}
.listbuilder .control .sortUp, .listbuilder .control .sortDown {
  float: left;
  width: 16px;
  height: 16px;
  margin-top: -1px;
  text-indent: -9999px;
  background: url("../images/icn_up.svg") no-repeat left top;
  background: url("../images/icn_up.png") no-repeat left top\9;
  cursor: pointer;
}
.listbuilder .control .sortUp:hover, .listbuilder .control .sortDown:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
.listbuilder .control .sortDown {
  background: url("../images/icn_down.svg") no-repeat left top;
  background: url("../images/icn_down.png") no-repeat left top\9;
}

.copymodeControl {
  text-align: right;
  margin: 14px 20px 0 0;
}
.copymodeControl p {
  padding-right: 8px;
  font-size: 82%;
  color: #a2a9b3;
  position: absolute;
  right: 100px;
  padding-top: 9px;
}
.copymodeControl .has-switch {
  margin-top: 0;
}
.copymodeControl button {
  height: 30px;
  padding: 1px 0 0;
}

.table.copymode table th {
  background: #e4e6eb;
  color: #323a45;
  font-weight: normal;
  border-left: 1px solid #d0d5d9;
  border-top: 1px solid #d0d5d9;
}
.table.copymode table th.selected {
  background: #d5d8e0;
}
.table.copymode table td.selected {
  background: #d6edfa;
}

div#masterHeaditem {
  position: fixed;
  z-index: 1000;
  background: #667180;
  width: 100%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95);
  opacity: 0.95;
  padding: 20px 20px 10px;
}
div#masterHeaditem ul li {
  height: 20px;
  float: left;
  margin-right: 15px;
  color: white;
  line-height: 20px;
  padding-right: 15px;
  font-size: 82%;
  margin-bottom: 10px;
  border-right: 1px solid #a2a9b3;
}
div#masterHeaditem ul li span {
  font-size: 75%;
  color: #a2a9b3;
  display: inline-block;
  margin-right: 8px;
}
div#masterHeaditem ul li span.unfilled {
  color: #d0d5d9;
  font-size: 82%;
  margin-right: 0;
}

.portal {
  width: 100%;
}
.portal #mainContainer {
  width: 100%;
  padding-left: 260px;
}
.portal #menuContainer {
  width: 240px;
  float: left;
}
.portal .userinfo {
  margin-bottom: 20px;
}
.portal .userinfo .org1 {
  color: #323a45;
  font-size: 125%;
  margin-bottom: 8px;
  padding-top: 10px;
}
.portal .userinfo .org2 {
  color: #a2a9b3;
  display: inline-block;
  font-size: 88%;
}
.portal .userinfo .org3 {
  color: #a2a9b3;
  display: inline-block;
  font-size: 88%;
  border-left: 1px solid #a2a9b3;
  margin-left: 8px;
  padding-left: 10px;
}
.portal .information {
  background: white;
  padding: 20px;
  border-bottom: 1px solid #d0d5d9;
  margin-bottom: 20px;
}
.portal .information .title {
  border-bottom: 1px solid #e4e6eb;
  height: 32px;
}
.portal .information .title .sttl {
  color: #1e9ce6;
  font-size: 88%;
  float: left;
}
.portal .information .title .setting {
  width: 32px;
  height: 32px;
  float: right;
  background: url("../images/icn_setting.png") no-repeat right top;
  -webkit-background-size: 16px 16px;
  background-size: 16px 16px;
}
.portal .information .title .viewall {
  font-size: 82%;
  float: right;
  color: #a2a9b3;
  cursor: pointer;
}
.portal .information .title .viewall:hover {
  color: #1e9ce6;
}
.portal .information ul li {
  padding: 12px 0;
  border-bottom: 1px dotted #e4e6eb;
  font-size: 88%;
}
.portal .information ul li .duedate {
  display: inline-block;
  font-size: 94%;
  width: 100px;
  color: #667180;
}
.portal .information ul li .duedate.danger {
  color: #f2555f;
}
.portal .information ul li .duedate.warning {
  color: #fcae3f;
}
.portal .information ul li .icn-new {
  font-size: 69%;
  background: #1e9ce6;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  color: white;
  display: inline-block;
  margin-right: 6px;
  height: 14px;
  line-height: 14px;
  padding: 0 3px;
}
.portal .information ul li .subject.new {
  font-weight: bold;
}
.portal .information ul li:last-child {
  border-bottom: none;
}
.portal .quickmenu {
  background: #d0d5d9;
  padding: 15px 15px 8px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  margin-bottom: 20px;
}
.portal .quickmenu .title {
  color: white;
  font-size: 82%;
  font-weight: bold;
  height: 20px;
  padding-top: 1px;
  padding-left: 25px;
  margin-bottom: 2px;
  background: url("../images/icn_quickmenu.png") no-repeat left top;
}
.portal .quickmenu ul li {
  height: 30px;
  line-height: 30px;
  font-size: 88%;
}
.portal .quickmenu ul li a {
  color: #667180;
}
.portal .quickmenu ul li a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
.portal .toolNavi ul.firstLevel li {
  border-bottom: 1px solid #f0f1f2;
}
.portal .toolNavi ul.firstLevel li p {
  background: #dee1e7;
  padding: 10px 15px 9px 15px;
  color: #667180;
  font-size: 88%;
  line-height: 1.4;
  cursor: pointer;
}
.portal .toolNavi ul.firstLevel li p:hover {
  background: #e4e6eb;
}
.portal .toolNavi ul.firstLevel li ul.secondLevel li {
  background: white;
}
.portal .toolNavi ul.firstLevel li ul.secondLevel li:hover {
  background: #edf7fd;
}
.portal .toolNavi ul.firstLevel li ul.secondLevel li p {
  background: none;
  padding: 10px 0 9px 15px;
  color: #667180;
  font-size: 88%;
  width: 190px;
  line-height: 1.4;
  float: left;
  cursor: default;
}
.portal .toolNavi ul.firstLevel li ul.secondLevel li p a:hover {
  color: #5abdf6;
}
.portal .toolNavi ul.firstLevel li ul.secondLevel li .addQm {
  background: url("../images/icn_addquickmenu.png") no-repeat 10px 12px;
  width: 40px;
  height: 36px;
  float: right;
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  opacity: 0.4;
}
.portal .toolNavi ul.firstLevel li ul.secondLevel li .addQm:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
.portal .toolNavi ul.firstLevel li .icnExpander {
  display: inline-block;
  border: 6px solid transparent;
  content: "";
  margin-right: 6px;
}
.portal .toolNavi ul.firstLevel li.closed .icnExpander {
  border-left-color: #1e9ce6;
  border-left-width: 10px;
  border-right-width: 0;
  margin-top: 3px;
  margin-left: 2px;
}
.portal .toolNavi ul.firstLevel li.opened .icnExpander {
  border-top-color: #f2555f;
  border-top-width: 10px;
  border-bottom-width: 0;
  margin-top: 5px;
  margin-left: 0;
}
.portal .toolNavi ul.firstLevel li:last-child {
  border-bottom: none;
}

.errorInside {
  display: block;
  font-size: 75%;
  min-width: 140px;
  background: #f2555f;
  color: white;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  padding: 8px 10px;
  position: absolute;
  margin-top: -24px;
  margin-left: -10px;
  z-index: 1000;
}

.tooltip-inner {
  max-width: none;
}

#contextmenu {
  font-size: 88%;
  min-width: 140px;
  background: #d0d5d9;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  margin-top: 8px;
  margin-left: -13px;
}
#contextmenu:after {
  content: "";
  display: block;
  border-style: solid;
  border-width: 0 8px 10px 8px;
  border-color: transparent transparent #d0d5d9 transparent;
  height: 0;
  margin-top: 0;
  opacity: 1;
  position: absolute;
  left: 13px;
  top: -10px;
  width: 0;
  z-index: 10;
  -webkit-transform: rotate(360deg);
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
  -webkit-backface-visibility: hidden;
}

#contextmenu a, #contextmenu a:visited {
  display: block;
  padding: 8px 10px;
  color: #323a45;
  text-decoration: none;
  text-align: center;
}

#contextmenu a:hover,
#contextmenu a:focus {
  color: white;
  background: #a2a9b3;
}

#contextmenu a:first-child {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
}

#contextmenu a:last-child {
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.tab ul.tabNavi {
  margin-bottom: 10px;
}
.tab ul.tabNavi li {
  float: left;
  margin-right: 2px;
  background: #d0d5d9;
  color: #667180;
  font-size: 82%;
  height: 40px;
  line-height: 40px;
  width: 140px;
  text-align: center;
  cursor: pointer;
}
.tab ul.tabNavi li:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}
.tab ul.tabNavi li.on {
  background: #e4e6eb;
  z-index: 200;
}
.tab ul.tabNavi li.on:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
.tab ul.tabNavi li.on:after {
  content: "";
  display: block;
  border-style: solid;
  border-width: 0 8px 10px 8px;
  border-color: transparent transparent white transparent;
  height: 0;
  margin-top: -10px;
  margin-left: 65px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  width: 0;
  z-index: 10;
}

.innerScroll {
  overflow: hidden;
  position: relative;
}

.innerScrollFade {
  position: relative;
}
.innerScrollFade .fadeout {
  display: block;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white));
  height: 40px;
  width: 100%;
  z-index: 1000;
  position: absolute;
  bottom: 0;
  font-size: 75%;
  text-align: center;
  padding-top: 25px;
  color: #1e9ce6;
}

.dialogIsOpen #page-wrap {
  /* Blur and de-color */
  -webkit-filter: blur(5px) grayscale(50%);
  /* Recede */
  -webkit-transform: scale(0.9, 0.9);
  -moz-transform: scale(0.9, 0.9);
  -ms-transform: scale(0.9, 0.9);
  -o-transform: scale(0.9, 0.9);
  transform: scale(0.9, 0.9);
}
.dialogIsOpen .modal {
  /* Regular size and visible */
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
  /* prefix me */
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  /* Clickable */
  pointer-events: auto;
}

#page-wrap,
.modal {
  transition: all 0.4s ease;
  /* prefix me */
}

.modal {
  display: none;
}

.modalBody {
  position: fixed;
  z-index: 1000;
  background: white;
  width: 660px;
  height: 320px;
  left: 50%;
  top: 50%;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.modalBody div.msg {
  background: white;
  width: 660px;
  height: 200px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
}
.modalBody .btnBox {
  background: #f0f1f2;
  padding: 40px 0 0;
  height: 120px;
  text-align: center;
}
.modalBody .btnBox .btn {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}

.modal p.close {
  background: url("../images/icn_delete.svg") no-repeat top right;
  background: url("../images/icn_delete.png") no-repeat top right\9;
  cursor: pointer;
  text-indent: -9999px;
  width: 40px;
  height: 40px;
  float: right;
  padding: 0;
  position: absolute;
  right: 10px;
  top: 10px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.modalBK {
  position: fixed;
  z-index: 999;
  height: 100%;
  width: 100%;
  background: #000;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
}

.msgPassing .msgBody {
  position: fixed;
  z-index: 1000;
  background: white;
  width: 660px;
  left: 50%;
  top: 50%;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.msgPassing .msgBody div.msg {
  background: white;
  width: 660px;
  height: 200px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
}

.loader {
  background: url("../images/loader.png") no-repeat;
  width: 84px;
  height: 84px;
  margin: 0 auto;
  animation: loading 0.72s linear infinite;
  -webkit-animation: loading 0.72s linear infinite;
  -moz-animation: loading 0.72s linear infinite;
  background: url("../images/loader.gif") no-repeat\9;
  /* IE8以下 */
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
  }
}

@-moz-keyframes loading {
  0% {
    -moz-transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(360deg);
  }
}

.loader:not(:target) {
  background: url("../images/loader.gif") no-repeat\9;
  /* IE9 */
}

.txtPrimary {
  color: #1e9ce6;
}
.txtPrimary a {
  color: #1e9ce6;
}
.txtPrimary a:hover {
  color: #5abdf6;
}

.txtInfo {
  color: #0fb8aa;
}
.txtInfo a {
  color: #0fb8aa;
}
.txtInfo a:hover {
  color: #1af9e7;
}

.txtWarning {
  color: #fcae3f;
}
.txtWarning a {
  color: #fcae3f;
}
.txtWarning a:hover {
  color: #ffce89;
}

.txtDanger {
  color: #f2555f;
}
.txtDanger a {
  color: #f2555f;
}
.txtDanger a:hover {
  color: #fd979d;
}

.txtGrayOut {
  color: #a2a9b3;
}
.txtGrayOut a {
  color: #a2a9b3;
}
.txtGrayOut a:hover {
  color: #d0d5d9;
}

.msgBox.error {
  line-height: 50px;
  background: #f2555f;
  color: white;
  font-size: 82%;
  position: absolute;
  width: 100%;
  z-index: 300;
  top: 0px;
  left: 0;
  height: 50px;
  text-align: center;
  cursor: pointer;
}
.msgBox.error:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
.msgBox.error .close {
  background: url("../images/icn_delete_white.svg") no-repeat right top;
  background: url("../images/icn_delete_white.png") no-repeat right top\9;
  width: 32px;
  height: 32px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  position: absolute;
  right: 18px;
  top: 18px;
}

.msgBox.general {
  background: white;
  color: #667180;
  border: 1px solid rgba(85, 92, 103, 0.2);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  font-size: 82%;
  position: fixed;
  width: 80%;
  z-index: 300;
  top: 120px;
  left: 0;
  text-align: center;
  margin: 0 10%;
  padding: 40px 20px;
  line-height: 1.6;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95);
  opacity: 0.95;
}

.ribbonBox.primary {
  padding: 8px 20px;
  background: #1e9ce6;
  color: white;
  font-size: 82%;
}

.txtal {
  text-align: left;
}

.txtar {
  text-align: right;
}

.txtac {
  text-align: center;
}

.flleft {
  float: left;
}

.flright {
  float: right;
}

.fln {
  float: none;
}

mark {
  background: #000;
}

.btnCenter {
  width: 100%;
  text-align: center;
}
.btnCenter button {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}

button.btn.delete:hover, .fieldgroup .fieldgroupInBox .control button.btn.default:hover, #selected .control button.btn.default:hover {
  background-color: #f2555f;
}

.dropdown-arrow {
  display: none\9;
}

body.gateLogin {
  background: #1e9ce6;
  width: 100%;
  min-width: 0;
  display: table;
}
body.gateLogin #wrapper {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 100%;
}
body.gateLogin #wrapper #loginBox .icon img {
  width: 120px;
  height: 120px;
}
body.gateLogin #wrapper #loginBox .fieldgroupInBox {
  width: 320px;
  padding: 20px;
  margin: 0 auto 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background: #f0f1f2;
}
body.gateLogin #wrapper #loginBox .fieldgroupInBox:before {
  content: "";
  display: block;
  border: 8px solid transparent;
  border-bottom-color: #f0f1f2;
  border-bottom-width: 10px;
  border-top-width: 0;
  position: absolute;
  margin-top: -29px;
  margin-left: 135px;
}
body.gateLogin #wrapper #loginBox p.link {
  font-size: 82%;
}
body.gateLogin #wrapper #loginBox p.link a {
  color: white;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
}
body.gateLogin #wrapper #loginBox p.link a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
body.gateLogin #wrapper .title {
  color: white;
  font-size: 150%;
  margin-bottom: 30px;
  font-weight: 300;
  line-height: 1.4;
}
body.gateLogin #wrapper .title span {
  font-weight: bold;
}
body.gateLogin #wrapper .credit {
  color: white;
  font-size: 82%;
  position: absolute;
  bottom: 30px;
  right: 30px;
  height: 40px;
  line-height: 40px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}
body.gateLogin #wrapper .credit span {
  display: block;
  float: left;
}
body.gateLogin #wrapper .credit span.txt {
  margin-top: 12px;
}
body.gateLogin #wrapper .credit span.logo {
  width: 40px;
  height: 40px;
  background: url(../images/logo_astrolab_white.svg) no-repeat;
  -webkit-background-size: 40px, auto;
  -moz-background-size: 40px, auto;
  -o-background-size: 40px, auto;
  background-size: 40px, auto;
  margin: 10px -10px 0 10px;
  background: url(../images/logo_astrolab_white_l.png) no-repeat\9;
}
body.gateLogin .msgBox {
  position: absolute;
  width: 100%;
}

.disptable {
  display: table;
}

.mrgflt {
  margin: 0 auto;
}

.mrgt10 {
  margin-top: 10px;
}

.mrgt13 {
  margin-top: 13px;
}

.mrgt20 {
  margin-top: 20px;
}

.mrgt30 {
  margin-top: 30px;
}

.mrgb0 {
  margin-bottom: 0;
}

.mrgb10 {
  margin-bottom: 10px;
}

.mrgb20 {
  margin-bottom: 20px;
}

.mrgb30 {
  margin-bottom: 30px;
}

.mrgl10 {
  margin-left: 10px;
}

.mrgl20 {
  margin-left: 20px;
}

.mrgl30 {
  margin-left: 30px;
}

.mrgr0 {
  margin-right: 0;
}

.mrgr5 {
  margin-right: 5px;
}

.mrgr10 {
  margin-right: 10px;
}

.mrgr19 {
  margin-right: 19px;
}

.mrgr20 {
  margin-right: 20px;
}

.mrgr30 {
  margin-right: 30px;
}

.checkboxIndent {
  margin-left: 24px;
}

.pdgt10 {
  padding-top: 10px;
}

.pdgt20 {
  padding-top: 20px;
}

.pdgr20 {
  padding-right: 20px;
}

.pdgb20 {
  padding-bottom: 20px;
}

.pdgb30 {
  padding-bottom: 30px;
}

.pdb20 {
  padding-bottom: 20px;
}

.pdb30 {
  padding-bottom: 30px;
}

.wt40 {
  width: 40px;
}

.wt60 {
  width: 60px;
}

.wt80 {
  width: 80px;
}

.wt100 {
  width: 100px;
}

.wt110 {
  width: 110px;
}

.wt120 {
  width: 120px;
}

.wt140 {
  width: 140px;
}

.wt155 {
  width: 155px;
}

.wt160 {
  width: 160px;
}

.wt170 {
  width: 170px;
}

.wt180 {
  width: 180px;
}

.wt200 {
  width: 200px;
}

.wt220 {
  width: 220px;
}

.wt240 {
  width: 240px;
}

.wt260 {
  width: 260px;
}

.wt280 {
  width: 280px;
}

.wt320 {
  width: 320px;
}

.wt380 {
  width: 380px;
}

.wt400 {
  width: 400px;
}

.wt450 {
  width: 450px;
}

.wt660 {
  width: 660px;
}

.wt100pct {
  width: 100%;
}

.hta {
  height: auto;
}

.ht80 {
  height: 80px;
}

.ht100 {
  height: 100px;
}

.ht120 {
  height: 120px;
}

.ht220 {
  height: 220px;
}

.ht240 {
  height: 240px;
}

.ht280 {
  height: 280px;
}

.ht300 {
  height: 300px;
}

.ht320 {
  height: 320px;
}

.ht340 {
  height: 340px;
}

.ht360 {
  height: 360px;
}

.ht440 {
  height: 440px;
}

.ht500 {
  height: 500px;
}

.dispn {
  display: none;
}

.dispib {
  display: inline-block;
}

.clear {
  clear: both;
}


/**
 * suri
 */
/* SURI */
body.cl_body_hidden {
  opacity: 0;
}
a {
    cursor: pointer;
}
.cl_warn_field,
.cl_alert_field {
  background-color: #feeed6 !important;
}
.cl_error_field {
  background-color: #fde3e5 !important;
}
.csptr {
	cursor: pointer;
}
/* Form バリデーションエラー */
.checkbox.cl_error_field,
.radio.cl_error_field,
input.cl_error_field,
select.cl_error_field,
button.selectpicker.cl_error_field,
textarea.cl_error_field {
  color: #2555f;
}

input.cl_error_field,
select.cl_error_field,
button.selectpicker.cl_error_field,
textarea.cl_error_field {
  border-color: #f2555f;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

input:focus.cl_error_field,
select:focus.cl_error_field,
button:focus.selectpicker.cl_error_field,
textarea:focus.cl-error {
  border-color: #f2555f;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
}

/* tooltip */

.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  padding: 5px;
  font-size: 11px;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: visible;
}

/**
*	再検索ボタンのフォーカス色
*/
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/9b0sk\/Documents\/_Work\/_9b_InProgress\/Suri\/Suri_Html\/scss\/style\.scss}line{font-family:\000032659}}
#searchAgain:focus {
  background: #32d9d0;
}

.tooltip.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.tooltip.top {
  margin-top: -3px;
}

.tooltip.right {
  margin-left: 3px;
}

.tooltip.bottom {
  margin-top: 3px;
}

.tooltip.left {
  margin-left: -3px;
}

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #667180;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  margin-bottom: 4px;
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-top-color: #667180;
  border-width: 5px 5px 0;
}

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-right-color: #667180;
  border-width: 5px 5px 5px 0;
}

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-left-color: #667180;
  border-width: 5px 0 5px 5px;
}

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-bottom-color: #667180;
  border-width: 0 5px 5px;
}

#mainColumnFooter p.two {
  text-align: center;
  width: 50%;
  float: left;
}
#mainColumnFooter p.two.last {
  text-align: center;
  width: 50%;
  float: right;
}

#mainColumnFooter p.cancel+div.submit_btn_group {
	margin-left: 160px;
}
#mainColumnFooter div.dl_btn_group {
	padding: 0 68px;
	width: 100%;
	text-align: center;
	float: left;
}
#mainColumnFooter .dl_btn_group p.disable a:hover {
  color: #667180;
}


.ui-autocomplete {
    padding-right: 20px;
}
.ui-menu {
	list-style:none;
	padding: 2px;
	margin: 0;
	display:block;
	float: left;
}
.ui-autocomplete.ui-menu {
	z-index: 1100 !important;
}
.ui-menu .ui-menu {
	margin-top: -3px;
}
.ui-menu .ui-menu-item {
	margin:0;
	padding: 0;
	zoom: 1;
	float: left;
	clear: left;
	width: auto;
	font-size: 100%;
}
.ui-menu .ui-menu-item a {
	text-decoration:none;
	display:block;
	padding:.2em .4em;
	line-height:1.5;
	zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: 	1px;
}

.ui-menu > .cl-ac-more {
	margin: 0;
	padding: 0;
	zoom: 1;
	float: left;
	clear: left;
	width: auto;
	font-size: 100%;
}
.ui-menu .cl-ac-more span {
	text-decoration:none;
	display:block;
	padding:.2em 10px;
	line-height:1.5;
	zoom:1;
}

.wt420 {
  width: 420px;
}

.wt440 {
  width: 440px;
}

.txt-closed-on {
  color: #1e9ce6;
}
.txt-closed-on:hover {
  color: #5abdf6;
}

div.attachment {
  border: 2px solid #d0d5d9;
  width: 400px;
  height: 40px;
}

div.attachment p.link {
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 10px;
}

/*
input {
  font-size: 100%;
  font: inherit;
}
*/

#ca_a_rank, #ca_b_rank, #ca_c_rank, #ca_d_rank {
  font-size: 200%;
  border-right: 1px solid #d0d5d9;
  padding: 0 20px;
  padding-top: 6px;
}
.fieldBox .abcnum_span {
  display: inline-block;
  //padding-right: 10px;
  padding-left: 10px;
  font-size: 82%;
  color: #667180;
  font-weight: bold;
}
#ca_total {
  font-size: 200%;
  border-right: 1px solid #d0d5d9;
  padding: 0 20px;
  padding-top: 6px;
  color: #0fb8aa;
}

.requiredDate {
  display: block;
  position: relative;
}
.requiredDate:after {
  //background: white;
  font-size: 69%;
  color: #f2555f;
  content: "＊";
  display: block;
  position: absolute;
  right: 4px;
  top: 4px;
  z-index: 10;
  height: 32px;
  padding: 2px 14px 0px 2px;
}

.inputDatepicker2 {
  width: 210px;
  float: left;
  font-size: 88%;
  border: 2px solid #d0d5d9;
  //-webkit-border-radius: 4px;
  //-moz-border-radius: 4px;
  //-ms-border-radius: 4px;
  //-o-border-radius: 4px;
  border-radius: 4px;
  padding: 7px 2px 10px;
  line-height: 22px;
  //background: white url("../images/icn_s_calendar.svg") no-repeat 150px 9px;
  height: 40px;
}
.ui-widget-header {
	background: #1e9ce6;
	color: #ffffff;
	font-weight: bold;
}
.ui-widget-header a {
	color: #ffffff;
}

.ui-datepicker {
	z-index: 500 !important;
}
.ui-datepicker select.ui-datepicker-year,
.ui-datepicker select.ui-datepicker-month {
	width: 40%;
}
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-widget-header .ui-icon {
	background-image: url(../images/ui-icons_222222_256x240.png);
}


#store_mainColumn {
  width: 100%;
  float: left;
  padding-bottom: 60px;
}
#store_mainColumninBox.noLeftColumn {
  margin-left: 0;
}
#store_mainColumnFooter {
  width: 100%;
  height: 60px;
  background: #d0d5d9;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9;
  position: fixed;
  bottom: 0;
  padding-right: 140px;
  z-index: 10;
}
#store_mainColumnFooter p a {
  font-size: 88%;
  padding: 0 20px;
  line-height: 60px;
  color: #667180;
  display: block;
  height: 60px;
  cursor: pointer;
}
#store_mainColumnFooter p a:hover {
  color: #1e9ce6;
}
#store_mainColumnFooter p.apply {
  text-align: center;
}
#store_mainColumnFooter p.apply a {
  background: #1e9ce6;
  color: white;
}
#store_mainColumnFooter p.apply a:hover {
  background: #5abdf6;
}
#store_mainColumnFooter:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
#store_mainColumnFooter p.apply.mrgCancel {
  margin-left: 160px;
}
#store_mainColumnFooter p.cancel {
  text-align: center;
  width: 160px;
  position: absolute;
}
#store_mainColumnFooter p.cancel a {
  background: #a2a9b3;
  color: white;
}
#store_mainColumnFooter p.cancel a:hover {
  background: #ccd0d5;
}
#store_mainColumnFooter p.right {
  position: absolute;
  right: 0;
  z-index: 250;
}
#store_mainColumnFooter p.left {
  position: absolute;
  left: 0;
  z-index: 250;
}
#store_mainColumnFooter p.center {
  position: absolute;
  left: 50%;
}
#store_mainColumnFooter p.center a {
  margin-left: -50%;
}
#store_mainColumnFooter:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
#store_mainColumnFooter.noLeftColumn {
  padding-right: 0;
}
#store_mainColumnFooter.x2 {
  height: 120px;
}

#itemPic_header {
  background: #212226;
  width: 100%;
  height: 50px;
  color: #f0f1f2;
  letter-spacing: 0.2em;
  line-height: 50px;
}
#itemPic_header p.back {
  background: url("../images/icn_l_back.png") no-repeat 16px center;
  width: 60px;
  height: 50px;
  float: left;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/9b0sk\/Documents\/_Work\/_9b_InProgress\/Suri\/Suri_Html\/scss\/style\.scss}line{font-family:\0000391}}
#itemPic_header p.back:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  cursor: pointer;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/9b0sk\/Documents\/_Work\/_9b_InProgress\/Suri\/Suri_Html\/scss\/style\.scss}line{font-family:\0000396}}
#itemPic_header h1 {
  font-size: 100%;
  float: left;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/9b0sk\/Documents\/_Work\/_9b_InProgress\/Suri\/Suri_Html\/scss\/style\.scss}line{font-family:\00003100}}
#itemPic_header .rightBox {
  float: right;
  letter-spacing: 0;
  margin-right: 20px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/9b0sk\/Documents\/_Work\/_9b_InProgress\/Suri\/Suri_Html\/scss\/style\.scss}line{font-family:\00003104}}
#itemPic_header .rightBox span {
  float: right;
  color: #a2a9b3;
  font-size: 75%;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/9b0sk\/Documents\/_Work\/_9b_InProgress\/Suri\/Suri_Html\/scss\/style\.scss}line{font-family:\00003109}}
#itemPic_header .rightBox span.logout {
  color: #667180;
  padding-left: 20px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/9b0sk\/Documents\/_Work\/_9b_InProgress\/Suri\/Suri_Html\/scss\/style\.scss}line{font-family:\00003112}}
#itemPic_header .rightBox span.logout a {
  color: #667180;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/9b0sk\/Documents\/_Work\/_9b_InProgress\/Suri\/Suri_Html\/scss\/style\.scss}line{font-family:\00003114}}
#itemPic_header .rightBox span.logout a:hover {
  color: #a2a9b3;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/9b0sk\/Documents\/_Work\/_9b_InProgress\/Suri\/Suri_Html\/scss\/style\.scss}line{font-family:\00003119}}
#itemPic_header .rightBox span.logo {
  display: block;
  width: 30px;
  height: 30px;
  background: url("../images/logo_astrolab_white.svg") no-repeat;
  -webkit-background-size: 30px, auto;
  -moz-background-size: 30px, auto;
  -o-background-size: 30px, auto;
  background-size: 30px, auto;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  margin: 10px -10px 0 10px;
}

#itemPic_mainColumn {
  width: 100%;
  float: left;
  padding-bottom: 60px;
}
#itemPic_mainColumninBox.noLeftColumn {
  margin-left: 0;
}
#itemPic_mainColumnFooter {
  width: 100%;
  height: 60px;
  background: #d0d5d9;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9;
  position: fixed;
  bottom: 0;
  padding-right: 140px;
  z-index: 10;
}
#itemPic_mainColumnFooter p a {
  font-size: 88%;
  padding: 0 20px;
  line-height: 60px;
  color: #667180;
  display: block;
  height: 60px;
  cursor: pointer;
}
#itemPic_mainColumnFooter p a:hover {
  color: #1e9ce6;
}
#itemPic_mainColumnFooter p.apply {
  text-align: center;
}
#itemPic_mainColumnFooter p.apply a {
  background: #1e9ce6;
  color: white;
}
#itemPic_mainColumnFooter p.apply a:hover {
  background: #5abdf6;
}
#itemPic_mainColumnFooter:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
#itemPic_mainColumnFooter p.apply.mrgCancel {
  margin-left: 160px;
}
#itemPic_mainColumnFooter p.cancel {
  text-align: center;
  width: 160px;
  position: absolute;
}
#itemPic_mainColumnFooter p.cancel a {
  background: #a2a9b3;
  color: white;
}
#itemPic_mainColumnFooter p.cancel a:hover {
  background: #ccd0d5;
}
#itemPic_mainColumnFooter p.right {
  position: absolute;
  right: 0;
  z-index: 250;
}
#itemPic_mainColumnFooter p.left {
  position: absolute;
  left: 0;
  z-index: 250;
}
#itemPic_mainColumnFooter p.center {
  position: absolute;
  left: 50%;
}
#itemPic_mainColumnFooter p.center a {
  margin-left: -50%;
}
#itemPic_mainColumnFooter:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
#itemPic_mainColumnFooter.noLeftColumn {
  padding-right: 0;
}
#itemPic_mainColumnFooter.x2 {
  height: 120px;
}

.mouseHoverOff {
  background: #edf7fd;
}

.mouseHoverOn {
  background: #d6edfa;
}

input.hide-input, .far-afield {
  position: absolute;
  left: -999999px;
  top: -999999px;
}
/* ファイル入力部品 */
.file-input-wrapper { overflow: hidden; position: relative; cursor: pointer; z-index: 1; }
.file-input-wrapper[disabled] {cursor: default;}
.file-input-wrapper input[type=file], .file-input-wrapper input[type=file]:focus, .file-input-wrapper input[type=file]:hover { position: absolute; top: 0; left: 0; cursor: pointer; opacity: 0; filter: alpha(opacity=0); z-index: 99; outline: 0; }
.file-input-wrapper[disabled] input[type=file]{cursor: default;}

.inputDatepicker {
  width: 195px;
  float: left;
  font-size: 88%;
  border: 2px solid #d0d5d9;
  //-webkit-border-radius: 4px;
  //-moz-border-radius: 4px;
  //-ms-border-radius: 4px;
  //-o-border-radius: 4px;
  border-radius: 4px;
  padding: 7px 2px 10px;
  line-height: 22px;
  //background: white url("../images/icn_s_calendar.svg") no-repeat 150px 9px;
  height: 40px;
}

.ui-datepicker-trigger {
  //margin-left: 5px;
  margin-right: 5px;
  margin-top: 3px;
  margin-bottom: -3px;
  float: right;
}

/*
 * bootstrap-select
 */
.btn.btn-input.disabled {
  background-color: #f0f1f2;
}

.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.indent {
    width:100px;
    height:40px;
}

.mrgt-10 {
    margin-top:-10px;
}
.mrgl240 {
  margin-left: 240px;
}
.mrgl620 {
  margin-left: 620px;
}

/* ---------------------------
        IME 制御 (IE, Firefox only)
---------------------------*/
.ime-auto {
    ime-mode: auto;
}

.ime-active {
    ime-mode: active;
}

.ime-inactive {
    ime-mode: inactive;
}

.ime-disabled {
    ime-mode: disabled;
}

/* datepicker */
.cl_date {
  width: 180px;
  float: left;
  font-size: 88%;
  border: 2px solid #d0d5d9;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  padding: 7px 12px 10px;
  line-height: 22px;
  height: 40px;
}
.datepicker_wrap {
    white-space: nowrap;
    position: relative;
    display: inline;
}
.datepicker_wrap img {
	margin-left: -30px;
	margin-top: 11px;
    float: left;
    cursor: pointer;
}
.datepicker_wrap.dayOfWeek0:after {
  content: "（日）";
  font-size: 88%;
  color: red;
  margin-left: -80px;
  margin-top: 12px;
  position: absolute;
}
.datepicker_wrap.dayOfWeek1:after {
  content: "（月）";
  font-size: 88%;
  margin-left: -80px;
  margin-top: 12px;
  position: absolute;
}
.datepicker_wrap.dayOfWeek2:after {
  content: "（火）";
  font-size: 88%;
  margin-left: -80px;
  margin-top: 12px;
  position: absolute;
}
.datepicker_wrap.dayOfWeek3:after {
  content: "（水）";
  font-size: 88%;
  margin-left: -80px;
  margin-top: 12px;
  position: absolute;
}
.datepicker_wrap.dayOfWeek4:after {
  content: "（木）";
  font-size: 88%;
  margin-left: -80px;
  margin-top: 12px;
  position: absolute;
}
.datepicker_wrap.dayOfWeek5:after {
  content: "（金）";
  font-size: 88%;
  margin-left: -80px;
  margin-top: 12px;
  position: absolute;
}
.datepicker_wrap.dayOfWeek6:after {
  content: "（土）";
  font-size: 88%;
  color: #1e9ce6;
  margin-left: -80px;
  margin-top: 12px;
  position: absolute;
}

/* ---------------------------
        pager CSS

ページャ仕様統一まで無効化

.pagination span.ellipse {
  float: left;
  padding: 4px 12px;
  line-height: 20px;
  text-decoration: none;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-left-width: 0;
}


.pagination span.current {
    color: #999999;
    cursor: default;
    background-color: #F5F5F5;
}

.row-fluid .pagination_span {
  width: 65.914893617021278%;
  *width: 65.861702127659576%;
  float: right;
}
---------------------------*/

/* bootstrap-select-1.5.4対応 ここから */
.bootstrap-select {
  display: inline-block;
  margin-bottom: 10px;
}
[class*="span"] > .bootstrap-select[class*="span"] {
  margin-left: 0;
}
.bootstrap-select[class*="span"] .btn {
  width: 100%;
}
.bootstrap-select.select-block {
  display: block;
  float: none;
  margin-left: 0;
  width: auto;
  *zoom: 1;
}
.bootstrap-select.select-block:before,
.bootstrap-select.select-block:after {
  display: table;
  content: "";
}
.bootstrap-select.select-block:after {
  clear: both;
}
.bootstrap-select.select-block .btn {
  width: 100%;
}
.bootstrap-select .btn {
  width: 160px;
}
.bootstrap-select.wt140 .btn {
  width: 140px;
}
.bootstrap-select.wt280 .btn {
  width: 280px;
}
.bootstrap-select.btn-group .btn.btn-hg .filter-option {
  left: 20px;
  right: 40px;
  top: 16px;
}
.bootstrap-select .btn.btn-hg .caret {
  right: 20px;
}
.bootstrap-select.btn-group .btn.btn-lg .filter-option {
  left: 18px;
  right: 38px;
  top: 12px;
}
.bootstrap-select.btn-group .btn.btn-sm .filter-option {
  left: 13px;
  right: 33px;
  top: 7px;
}
.bootstrap-select .btn.btn-sm .caret {
  right: 13px;
}
.bootstrap-select.btn-group .btn.btn-xs .filter-option {
  left: 13px;
  right: 33px;
  top: 5px;
}
.bootstrap-select .btn.btn-xs .caret {
  right: 13px;
}
.bootstrap-select.btn-group .btn .filter-option {
  height: 26px;
  left: 13px;
  overflow: hidden;
  position: absolute;
  right: 33px;
  text-align: left;
  top: 7px;
}
.bootstrap-select .btn .caret {
  position: absolute;
  right: 16px;
  margin-top: 5px;
}
.bootstrap-select .btn .dropdown-toggle {
  border-radius: 6px;
}
.bootstrap-select .btn .dropdown-menu {
  min-width: 100%;
}
.bootstrap-select .btn .dropdown-menu dt {
  cursor: default;
  display: block;
  padding: 3px 20px;
}
.bootstrap-select .btn .dropdown-menu li:not(.disabled) > a:hover small {
  color: rgba(255, 255, 255, 0.004);
}
.bootstrap-select .btn .dropdown-menu li > a {
  min-height: 20px;
}
.bootstrap-select .btn .dropdown-menu li > a.opt {
  padding-left: 35px;
}
.bootstrap-select .btn .dropdown-menu li small {
  padding-left: .5em;
}
.bootstrap-select .btn .dropdown-menu li > dt small {
  font-weight: normal;
}
.bootstrap-select .btn > .disabled,
.bootstrap-select .btn .dropdown-menu li.disabled > a {
  cursor: default;
}
.bootstrap-select.dropup .caret {
  border-bottom-color: #1e9ce6;
  border-top-color: #1e9ce6;
}
.bootstrap-select .caret {
  border-bottom-color: #1e9ce6;
  border-top-color: #1e9ce6;
}
.bootstrap-select .caret-inverse {
  border-bottom-color: #ffffff;
  border-top-color: #ffffff;
}
.bootstrap-select.wt280 {
  width: 280px;
}
.bootstrap-select > .dropdown-menu {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}

.bootstrap-select > .dropdown-menu {
    padding-top: 5px;
}
.bootstrap-select.open > .dropdown-menu {
    margin-top: 2px;
}

.bootstrap-select > .dropdown-menu {
    display: none;
}
.open.bootstrap-select > .dropdown-menu {
    display: block;
}
.bootstrap-select.mbn {
    margin-bottom: 0;
}
/* 非活性なセレクトピッカーのカレットの非表示 */
button.selectpicker.disabled > .caret {
	visibility: hidden;
}
/* bootstrap-select-1.5.4対応 ここから */
/* 非活性なデートピッカーのカレンダーアイコンの非表示 */
.datepicker_wrap > input[readonly] + img.ui-datepicker-trigger {
	visibility: hidden;
}
/* 非活性なINPUTの入力可能文字数 */
.cltxtFieldLimit.disabled {
	visibility: hidden;
}

/* 「＋新規」ボタン追加分ここから */
#title .titleInBoxRight p.addNew a[disabled] {
  background: url("../images/icn_add.svg") no-repeat left 24px;
  cursor: default;
  color: #a2a9b3;
}
#title .titleInBoxRight p.addNew a[disabled]:hover {
  opacity: inherit;
}
/* 「＋新規」ボタン追加分ここまで */

/* echoback エリア: ここから --- */
.cl_echoback.msgBox.error {
	position: fixed;
	top: 0px;
	z-index: 9999;
}
/* --- echoback エリア: ここまで */

/* clutil.View.RowSelectListView 行選択テーブルここから --- */
/*
table.clutil_View_RowSelectListView > tbody > tr > td.cl_checkbox_selectrec[disabled] {
	background: #ebeced;
	color: #a2a9b3;
}
*/
table.clutil_View_RowSelectListView > tbody > tr > td.cl_checkbox_selectrec .checkbox.disabled .first-icon,
table.clutil_View_RowSelectListView > tbody > tr > td.cl_checkbox_selectrec .radio.disabled .first-icon {
	color: #e6e8ea;
	opacity: 1;
	filter: alpha(opacity=100);
}
table.clutil_View_RowSelectListView > tbody > tr > td.cl_checkbox_selectrec .checkbox.disabled.checked .second-icon,
table.clutil_View_RowSelectListView > tbody > tr > td.cl_checkbox_selectrec .radio.disabled.checked .second-icon {
	color: #e6e8ea;
	opacity: 1;
	filter: alpha(opacity=100);
}
table.clutil_View_RowSelectListView > tbody > tr.delflag > td {
	background: #fde3e5 !important;
	/*color: #d0d5d9;*/
	color: #a2a9b3;
}
/* --- clutil.View.RowSelectListView 行選択テーブルここまで */

/* --- ダイアログ関連 - チューニング --- */
#cl_dialog_area .modal {
	opacity: 0;
	display: block;
}
/*背景ボカシしないようスタイル上書き*/
body.dialogIsOpen #page-wrap {
  /* Blur and de-color */
  -webkit-filter: initial;
  /* Recede */
  -webkit-transform: initial;
  -moz-transform: initial;
  -ms-transform: initial;
  -o-transform: initial;
  transform: initial;
}
body.dialogIsOpen #cl_dialog_area .modal {
	opacity: 1;
	transition:opacity 0.5s linear;
}

/* --- 照会画面 readonly スタイル --- */
.cl_readonly .required .fieldName:after,
.cl_readonly .requiredSelect .fieldName:after {
	visibility: hidden;
}
.cl_readonly input[type="text"][readonly] {
	border: 0;
	border-radius: 0;
	border-bottom: 2px dotted #d0d5d9;
	background-color: rgba(0,0,0,0);
	color: rgb(33, 34, 38);
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	padding: 14px 8px 2px;
	font-family: Lato, mplus-2p-regular, メイリオ, 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 14px;
	opacity: 1;
}
.cl_readonly .btn.dropdown-toggle.disabled {
	border: 0;
	border-radius: 0;
	border-bottom: 2px dotted #d0d5d9;
	background-color: rgba(0,0,0,0);
	padding: 14px 8px 2px;
	opacity: 1;
}
.cl_readonly .btn.dropdown-toggle.disabled > span {
	top: inherit;
	font-family: Lato, mplus-2p-regular, メイリオ, 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	left: 8px;
}
.cl_readonly .datepicker_wrap:after {
	/* 参照モード表示における DatePicker の曜日ラベル表示位置調整 */
	top: 6px;
}

/* テーブルのセルに埋め込んだ入力部品の readonly 状態スタイル定義 */
.cl_readonly td .form-control[readonly],
.cl_readonly td .btn.dropdown-toggle.disabled,
td .form-control[readonly] {
	padding: 12px 8px;
	border: initial;
	background-image: none;
	background-color: rgba(0,0,0,0);
	font-size: 12px;
	color: rgb(33, 34, 38);
	font-style: normal;
}

/* テキストエリア（照会モード） */
.cl_readonly .fieldgroupInBox.view p.txtbox.multiline+textarea[readonly] {
	/* テキストエリアは<p>要素で代替する。<textarea>自体は非表示にする  */
	display: none;
}

/* テーブルの中の Datepicker (照会モード) */
.cl_readonly table .datepicker_wrap.disabled input.hasDatepicker {
	border: inherit;
}

/* 社員コードここから */
.form-control.clInputOverlaying,
.form-control[readonly].clInputOverlaying,
.cl_readonly .form-control.clInputOverlaying,
.cl_readonly .form-control.clInputOverlaying[readonly] {
	color: transparent;
}

.clInputOverlaying::selection {
	visibility: hidden;
}

.clInputOverlay {
    display: block;
    position: absolute;
    width: auto;
    height: auto;
    top: 2px;
    left: 2px;
    right: 2px;
    bottom: 2px;
    padding: 8px 12px;
	margin: 0;
    font-family: Lato, Helvetica, Arial, sans-serif;
    line-height: 20px;
    font-size: 14px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    color: #323A45;
	background: #fff;
}

.cl_error_field + .clInputOverlay {
	background-color: #FDE3E5;
}

.form-control[readonly] + .clInputOverlay {
	background-color: transparent;
	color: #323A45;
	cursor: default;
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.cl_readonly .form-control[readonly] + .clInputOverlay {
	border: 0;
	border-radius: 0;
	background-color: rgba(0, 0, 0, 0);
	color: #212226;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	/* padding: 14px 8px 2px; */
	font-family: Lato, mplus-2p-regular, メイリオ, 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 14px;
	opacity: 1;
}
/* 社員コードここまで */

/* autocomplete 鉛筆アイコン再定義--ここから-- */
div.cl_autocomplete_wrap {
	float: left;
	position: relative;
}
div.cl_autocomplete_wrap > span.autofill {
  display: block;
  background: url("../images/icn_autofill.png") no-repeat left top;
  background: url("../images/icn_autofill.png") no-repeat left top\9;
  -webkit-background-size: 16px 16px;
  background-size: 16px 16px;
  z-index: 1000;
  position: absolute;
  width: 16px;
  height: 16px;
  right: 12px;
  top: 12px;
}

/*テーブルの中から autocomplete */
th > div.cl_autocomplete_wrap,
td > div.cl_autocomplete_wrap {
  width: 100%;
}
th > div.cl_autocomplete_wrap > .form-control,
td > div.cl_autocomplete_wrap > .form-control {
  background: url("../images/bg_tdinput.png");
}

/*グリッド内エディタの autocomplete*/
.slick-cell > div.cl_autocomplete_wrap {
  width: 100%;
}
/* autocomplete 鉛筆アイコン再定義--ここまで-- */

.combobox-wrap input.combobox-input{
	z-index: 10;
    position: absolute;
    margin: 2px 0 0 2px;
    border: none;
    /* color: #323A45; */
    /* font-family: 'Lato', Helvetica, Arial, sans-serif; */
	/* font-family: inherit; */
    /* font-size: 14px; */
    /* padding: 8px 12px; */
    height: 36px;
}

.combobox-wrap.disabled .combobox-btn {
	visibility: hidden;
}

.combobox-wrap .caret {
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -2px;
    vertical-align: middle;
    border-bottom-color: #1E9CE6;
    border-top-color: #1E9CE6;
}

.cl_datagrid_components .ui-autocomplete,
#ca_comboboxMenuWrap .ui-autocomplete {
	max-height: 350px;			/* 10個分 */
	overflow: auto;
}

.cl_datagrid_components .ui-widget,
#ca_comboboxMenuWrap .ui-widget {
	font-family: inherit;
	/* font-family: Lato, mplus-2p-regular, メイリオ, 'ＭＳ Ｐゴシック', sans-serif; */
	font-size: 14px;
}

.cl_datagrid_components .ui-autocomplete.ui-menu > .ui-menu-item,
#ca_comboboxMenuWrap .ui-autocomplete.ui-menu > .ui-menu-item {
	width: 100%;
}

.cl_datagrid_components .ui-autocomplete.ui-menu > .ui-menu-item > a,
#ca_comboboxMenuWrap .ui-autocomplete.ui-menu > .ui-menu-item > a{
	min-height: 35px;
	color: rgba(50, 58, 69, 0.75);
	padding: 6px 15px 8px;
	text-decoration: none;
	*zoom: 1;
	-webkit-transition: background-color 0.25s;
	-moz-transition: background-color 0.25s;
	-o-transition: background-color 0.25s;
	transition: background-color 0.25s;
	-webkit-backface-visibility: hidden;
}

.cl_datagrid_components .ui-autocomplete.ui-menu > .ui-menu-item.selected > a,
#ca_comboboxMenuWrap .ui-autocomplete.ui-menu > .ui-menu-item.selected > a {
	background: #1e9ce6;
	color: #ffffff;
}


/* Form バリデーションエラー */
select._clcombobox.cl_error_field + .combobox-wrap .combobox-input,
select._clcombobox.cl_error_field + .combobox-wrap .combobox-btn {
  background-color: #fde3e5 !important;
  color: #2555f;
  border-color: #f2555f !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}