.daterangepicker {
  position: absolute;
  color: inherit;
  background: #fff;
  border-radius: 4px;
  width: 278px;
  padding: 4px;
  margin-top: 1px;
  top: 100px;
  left: 20px;
  /* Calendars */ }

.daterangepicker:before, .daterangepicker:after {
  position: absolute;
  display: inline-block;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: ''; }

.daterangepicker:before {
  top: -7px;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #ccc; }

.daterangepicker:after {
  top: -6px;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent; }

.daterangepicker.opensleft:before {
  right: 9px; }

.daterangepicker.opensleft:after {
  right: 10px; }

.daterangepicker.openscenter:before {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto; }

.daterangepicker.openscenter:after {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto; }

.daterangepicker.opensright:before {
  left: 9px; }

.daterangepicker.opensright:after {
  left: 10px; }

.daterangepicker.dropup {
  margin-top: -5px; }

.daterangepicker.dropup:before {
  top: initial;
  bottom: -7px;
  border-bottom: initial;
  border-top: 7px solid #ccc; }

.daterangepicker.dropup:after {
  top: initial;
  bottom: -6px;
  border-bottom: initial;
  border-top: 6px solid #fff; }

.daterangepicker.dropdown-menu {
  max-width: none;
  z-index: 3001; }

.daterangepicker.single .ranges, .daterangepicker.single .calendar {
  float: none; }

.daterangepicker.show-calendar .calendar {
  display: block; }

.daterangepicker .calendar {
  display: none;
  max-width: 270px;
  margin: 4px; }

.daterangepicker .calendar.single .calendar-table {
  border: none; }

.daterangepicker .calendar th, .daterangepicker .calendar td {
  white-space: nowrap;
  text-align: center;
  min-width: 32px; }

.daterangepicker .calendar-table {
  border: 1px solid #fff;
  padding: 4px;
  border-radius: 4px;
  background: #fff; }

.daterangepicker table {
  width: 100%;
  margin: 0; }

.daterangepicker td, .daterangepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  border: 1px solid transparent;
  white-space: nowrap;
  cursor: pointer; }

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
  background-color: #eee;
  border-color: transparent;
  color: inherit; }

.daterangepicker td.week, .daterangepicker th.week {
  font-size: 80%;
  color: #ccc; }

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
  background-color: #fff;
  border-color: transparent;
  color: #999; }

.daterangepicker td.in-range {
  background-color: #ebf4f8;
  border-color: transparent;
  color: #000;
  border-radius: 0; }

.daterangepicker td.start-date {
  border-radius: 4px 0 0 4px; }

.daterangepicker td.end-date {
  border-radius: 0 4px 4px 0; }

.daterangepicker td.start-date.end-date {
  border-radius: 4px; }

.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #357ebd;
  border-color: transparent;
  color: #fff; }

.daterangepicker th.month {
  width: auto; }

.daterangepicker td.disabled, .daterangepicker option.disabled {
  color: #999;
  cursor: not-allowed;
  text-decoration: line-through; }

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
  font-size: 12px;
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default; }

.daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%; }

.daterangepicker select.yearselect {
  width: 40%; }

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
  width: 50px;
  margin-bottom: 0; }

.daterangepicker .input-mini {
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #555;
  height: 30px;
  line-height: 30px;
  display: block;
  vertical-align: middle;
  margin: 0 0 5px 0;
  padding: 0 6px 0 28px;
  width: 100%; }

.daterangepicker .input-mini.active {
  border: 1px solid #08c;
  border-radius: 4px; }

.daterangepicker .daterangepicker_input {
  position: relative; }

.daterangepicker .daterangepicker_input i {
  position: absolute;
  left: 8px;
  top: 8px; }

.daterangepicker.rtl .input-mini {
  padding-right: 28px;
  padding-left: 6px; }

.daterangepicker.rtl .daterangepicker_input i {
  left: auto;
  right: 8px; }

.daterangepicker .calendar-time {
  text-align: center;
  margin: 5px auto;
  line-height: 30px;
  position: relative;
  padding-left: 28px; }

.daterangepicker .calendar-time select.disabled {
  color: #ccc;
  cursor: not-allowed; }

.ranges {
  font-size: 11px;
  float: none;
  margin: 4px;
  text-align: left; }

.ranges ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 100%; }

.ranges li {
  font-size: 13px;
  background: #f5f5f5;
  border: 1px solid #f5f5f5;
  border-radius: 4px;
  color: #08c;
  padding: 3px 12px;
  margin-bottom: 8px;
  cursor: pointer; }

.ranges li:hover {
  background: #08c;
  border: 1px solid #08c;
  color: #fff; }

.ranges li.active {
  background: #08c;
  border: 1px solid #08c;
  color: #fff; }

/*  Larger Screen Styling */
@media (min-width: 564px) {
  .daterangepicker {
    width: auto; }
  .daterangepicker .ranges ul {
    width: 160px; }
  .daterangepicker.single .ranges ul {
    width: 100%; }
  .daterangepicker.single .calendar.left {
    clear: none; }
  .daterangepicker.single.ltr .ranges, .daterangepicker.single.ltr .calendar {
    float: left; }
  .daterangepicker.single.rtl .ranges, .daterangepicker.single.rtl .calendar {
    float: right; }
  .daterangepicker.ltr {
    direction: ltr;
    text-align: left; }
  .daterangepicker.ltr .calendar.left {
    clear: left;
    margin-right: 0; }
  .daterangepicker.ltr .calendar.left .calendar-table {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  .daterangepicker.ltr .calendar.right {
    margin-left: 0; }
  .daterangepicker.ltr .calendar.right .calendar-table {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  .daterangepicker.ltr .left .daterangepicker_input {
    padding-right: 12px; }
  .daterangepicker.ltr .calendar.left .calendar-table {
    padding-right: 12px; }
  .daterangepicker.ltr .ranges, .daterangepicker.ltr .calendar {
    float: left; }
  .daterangepicker.rtl {
    direction: rtl;
    text-align: right; }
  .daterangepicker.rtl .calendar.left {
    clear: right;
    margin-left: 0; }
  .daterangepicker.rtl .calendar.left .calendar-table {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  .daterangepicker.rtl .calendar.right {
    margin-right: 0; }
  .daterangepicker.rtl .calendar.right .calendar-table {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  .daterangepicker.rtl .left .daterangepicker_input {
    padding-left: 12px; }
  .daterangepicker.rtl .calendar.left .calendar-table {
    padding-left: 12px; }
  .daterangepicker.rtl .ranges, .daterangepicker.rtl .calendar {
    text-align: right;
    float: right; } }

@media (min-width: 730px) {
  .daterangepicker .ranges {
    width: auto; }
  .daterangepicker.ltr .ranges {
    float: left; }
  .daterangepicker.rtl .ranges {
    float: right; }
  .daterangepicker .calendar.left {
    clear: none !important; } }
.xdsoft_datetimepicker {
  box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
  background: #fff;
  border-bottom: 1px solid #bbb;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc;
  color: #333;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 8px;
  padding-left: 0;
  padding-top: 2px;
  position: absolute;
  z-index: 9999;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: none; }

.xdsoft_datetimepicker.xdsoft_rtl {
  padding: 8px 0 8px 8px; }

.xdsoft_datetimepicker iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 75px;
  height: 210px;
  background: transparent;
  border: none; }

/*For IE8 or lower*/
.xdsoft_datetimepicker button {
  border: none !important; }

.xdsoft_noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none; }

.xdsoft_noselect::selection {
  background: transparent; }

.xdsoft_noselect::-moz-selection {
  background: transparent; }

.xdsoft_datetimepicker.xdsoft_inline {
  display: inline-block;
  position: static;
  box-shadow: none; }

.xdsoft_datetimepicker * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0; }

.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker {
  display: none; }

.xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active {
  display: block; }

.xdsoft_datetimepicker .xdsoft_datepicker {
  width: 224px;
  float: left;
  margin-left: 8px; }

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker {
  float: right;
  margin-right: 8px;
  margin-left: 0; }

.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker {
  width: 256px; }

.xdsoft_datetimepicker .xdsoft_timepicker {
  width: 58px;
  float: left;
  text-align: center;
  margin-left: 8px;
  margin-top: 0; }

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker {
  float: right;
  margin-right: 8px;
  margin-left: 0; }

.xdsoft_datetimepicker .xdsoft_datepicker.active + .xdsoft_timepicker {
  margin-top: 8px;
  margin-bottom: 3px; }

.xdsoft_datetimepicker .xdsoft_monthpicker {
  position: relative;
  text-align: center; }

.xdsoft_datetimepicker .xdsoft_label i,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_today_button {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC); }

.xdsoft_datetimepicker .xdsoft_label i {
  opacity: 0.5;
  background-position: -92px -19px;
  display: inline-block;
  width: 9px;
  height: 20px;
  vertical-align: middle; }

.xdsoft_datetimepicker .xdsoft_prev {
  float: left;
  background-position: -20px 0; }

.xdsoft_datetimepicker .xdsoft_today_button {
  float: left;
  background-position: -70px 0;
  margin-left: 5px; }

.xdsoft_datetimepicker .xdsoft_next {
  float: right;
  background-position: 0 0; }

.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_today_button {
  background-color: transparent;
  background-repeat: no-repeat;
  border: 0 none;
  cursor: pointer;
  display: block;
  height: 30px;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  outline: medium none;
  overflow: hidden;
  padding: 0;
  position: relative;
  text-indent: 100%;
  white-space: nowrap;
  width: 20px;
  min-width: 0; }

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
  float: none;
  background-position: -40px -15px;
  height: 15px;
  width: 30px;
  display: block;
  margin-left: 14px;
  margin-top: 7px; }

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next {
  float: none;
  margin-left: 0;
  margin-right: 14px; }

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
  background-position: -40px 0;
  margin-bottom: 7px;
  margin-top: 0; }

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
  height: 151px;
  overflow: hidden;
  border-bottom: 1px solid #ddd; }

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div {
  background: #f5f5f5;
  border-top: 1px solid #ddd;
  color: #666;
  font-size: 12px;
  text-align: center;
  border-collapse: collapse;
  cursor: pointer;
  border-bottom-width: 0;
  height: 25px;
  line-height: 25px; }

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:first-child {
  border-top-width: 0; }

.xdsoft_datetimepicker .xdsoft_today_button:hover,
.xdsoft_datetimepicker .xdsoft_next:hover,
.xdsoft_datetimepicker .xdsoft_prev:hover {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.xdsoft_datetimepicker .xdsoft_label {
  display: inline;
  position: relative;
  z-index: 9999;
  margin: 0;
  padding: 5px 3px;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  background-color: #fff;
  float: left;
  width: 182px;
  text-align: center;
  cursor: pointer; }

.xdsoft_datetimepicker .xdsoft_label:hover > span {
  text-decoration: underline; }

.xdsoft_datetimepicker .xdsoft_label:hover i {
  opacity: 1.0; }

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
  border: 1px solid #ccc;
  position: absolute;
  right: 0;
  top: 30px;
  z-index: 101;
  display: none;
  background: #fff;
  max-height: 160px;
  overflow-y: hidden; }

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect {
  right: -7px; }

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect {
  right: 2px; }

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
  color: #fff;
  background: #ff8000; }

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
  padding: 2px 10px 2px 5px;
  text-decoration: none !important; }

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
  background: #33aaff;
  box-shadow: #178fe5 0 1px 3px 0 inset;
  color: #fff;
  font-weight: 700; }

.xdsoft_datetimepicker .xdsoft_month {
  width: 100px;
  text-align: right; }

.xdsoft_datetimepicker .xdsoft_calendar {
  clear: both; }

.xdsoft_datetimepicker .xdsoft_year {
  width: 48px;
  margin-left: 5px; }

.xdsoft_datetimepicker .xdsoft_calendar table {
  border-collapse: collapse;
  width: 100%; }

.xdsoft_datetimepicker .xdsoft_calendar td > div {
  padding-right: 5px; }

.xdsoft_datetimepicker .xdsoft_calendar th {
  height: 25px; }

.xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th {
  width: 14.2857142%;
  background: #f5f5f5;
  border: 1px solid #ddd;
  color: #666;
  font-size: 12px;
  text-align: right;
  vertical-align: middle;
  padding: 0;
  border-collapse: collapse;
  cursor: pointer;
  height: 25px; }

.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td, .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th {
  width: 12.5%; }

.xdsoft_datetimepicker .xdsoft_calendar th {
  background: #f1f1f1; }

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
  color: #33aaff; }

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default {
  background: #ffe9d2;
  box-shadow: #ffb871 0 1px 4px 0 inset;
  color: #000; }

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint {
  background: #c1ffc9;
  box-shadow: #00dd1c 0 1px 4px 0 inset;
  color: #000; }

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
  background: #33aaff;
  box-shadow: #178fe5 0 1px 3px 0 inset;
  color: #fff;
  font-weight: 700; }

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,
.xdsoft_datetimepicker .xdsoft_time_box > div > div.xdsoft_disabled {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  cursor: default; }

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; }

.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
  color: #fff !important;
  background: #ff8000 !important;
  box-shadow: none !important; }

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current.xdsoft_disabled:hover {
  background: #33aaff !important;
  box-shadow: #178fe5 0 1px 3px 0 inset !important;
  color: #fff !important; }

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_disabled:hover {
  color: inherit	!important;
  background: inherit !important;
  box-shadow: inherit !important; }

.xdsoft_datetimepicker .xdsoft_calendar th {
  font-weight: 700;
  text-align: center;
  color: #999;
  cursor: default; }

.xdsoft_datetimepicker .xdsoft_copyright {
  color: #ccc !important;
  font-size: 10px;
  clear: both;
  float: none;
  margin-left: 8px; }

.xdsoft_datetimepicker .xdsoft_copyright a {
  color: #eee !important; }

.xdsoft_datetimepicker .xdsoft_copyright a:hover {
  color: #aaa !important; }

.xdsoft_time_box {
  position: relative;
  border: 1px solid #ccc; }

.xdsoft_scrollbar > .xdsoft_scroller {
  background: #ccc !important;
  height: 20px;
  border-radius: 3px; }

.xdsoft_scrollbar {
  position: absolute;
  width: 7px;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: pointer; }

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar {
  left: 0;
  right: auto; }

.xdsoft_scroller_box {
  position: relative; }

.xdsoft_datetimepicker.xdsoft_dark {
  box-shadow: 0 5px 15px -5px rgba(255, 255, 255, 0.506);
  background: #000;
  border-bottom: 1px solid #444;
  border-left: 1px solid #333;
  border-right: 1px solid #333;
  border-top: 1px solid #333;
  color: #ccc; }

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box {
  border-bottom: 1px solid #222; }

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div {
  background: #0a0a0a;
  border-top: 1px solid #222;
  color: #999; }

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label {
  background-color: #000; }

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select {
  border: 1px solid #333;
  background: #000; }

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
  color: #000;
  background: #007fff; }

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
  background: #cc5500;
  box-shadow: #b03e00 0 1px 3px 0 inset;
  color: #000; }

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==); }

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
  background: #0a0a0a;
  border: 1px solid #222;
  color: #999; }

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
  background: #0e0e0e; }

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
  color: #cc5500; }

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default {
  background: #ffe9d2;
  box-shadow: #ffb871 0 1px 4px 0 inset;
  color: #000; }

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint {
  background: #c1ffc9;
  box-shadow: #00dd1c 0 1px 4px 0 inset;
  color: #000; }

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
  background: #cc5500;
  box-shadow: #b03e00 0 1px 3px 0 inset;
  color: #000; }

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
  color: #000 !important;
  background: #007fff !important; }

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
  color: #666; }

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright {
  color: #333 !important; }

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a {
  color: #111 !important; }

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover {
  color: #555 !important; }

.xdsoft_dark .xdsoft_time_box {
  border: 1px solid #333; }

.xdsoft_dark .xdsoft_scrollbar > .xdsoft_scroller {
  background: #333 !important; }

.xdsoft_datetimepicker .xdsoft_save_selected {
  display: block;
  border: 1px solid #dddddd !important;
  margin-top: 5px;
  width: 100%;
  color: #454551;
  font-size: 13px; }

.xdsoft_datetimepicker .blue-gradient-button {
  font-family: "museo-sans", "Book Antiqua", sans-serif;
  font-size: 12px;
  font-weight: 300;
  color: #82878c;
  height: 28px;
  position: relative;
  padding: 4px 17px 4px 33px;
  border: 1px solid #d7d8da;
  background: -moz-linear-gradient(top, #fff 0%, #f4f8fa 73%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(73%, #f4f8fa));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fff 0%, #f4f8fa 73%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fff 0%, #f4f8fa 73%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fff 0%, #f4f8fa 73%);
  /* IE10+ */
  background: linear-gradient(to bottom, #fff 0%, #f4f8fa 73%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f4f8fa',GradientType=0 );
  /* IE6-9 */ }

.xdsoft_datetimepicker .blue-gradient-button:hover, .xdsoft_datetimepicker .blue-gradient-button:focus, .xdsoft_datetimepicker .blue-gradient-button:hover span, .xdsoft_datetimepicker .blue-gradient-button:focus span {
  color: #454551;
  background: -moz-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f8fa), color-stop(73%, #FFF));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
  /* IE10+ */
  background: linear-gradient(to bottom, #f4f8fa 0%, #FFF 73%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f8fa', endColorstr='#FFF',GradientType=0 );
  /* IE6-9 */ }
@charset "UTF-8";
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

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

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

a {
  background-color: transparent; }

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

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

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

td,
th {
  padding: 0; }

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important; }
  a,
  a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: ""; }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr,
  img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; }
  .navbar {
    display: none; }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important; }
  .label {
    border: 1px solid #000; }
  .table {
    border-collapse: collapse !important; }
    .table td,
    .table th {
      background-color: #fff !important; }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important; } }

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url(/assets/bootstrap-sass/assets/fonts/bootstrap/glyphicons-halflings-regular.eot);
  src: url(/assets/bootstrap-sass/assets/fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"), url(/assets/bootstrap-sass/assets/fonts/bootstrap/glyphicons-halflings-regular.woff2) format("woff2"), url(/assets/bootstrap-sass/assets/fonts/bootstrap/glyphicons-halflings-regular.woff) format("woff"), url(/assets/bootstrap-sass/assets/fonts/bootstrap/glyphicons-halflings-regular.ttf) format("truetype"), url(/assets/bootstrap-sass/assets/fonts/bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg"); }

.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.glyphicon-asterisk:before {
  content: "*"; }

.glyphicon-plus:before {
  content: "+"; }

.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "\20AC"; }

.glyphicon-minus:before {
  content: "\2212"; }

.glyphicon-cloud:before {
  content: "\2601"; }

.glyphicon-envelope:before {
  content: "\2709"; }

.glyphicon-pencil:before {
  content: "\270F"; }

.glyphicon-glass:before {
  content: "\E001"; }

.glyphicon-music:before {
  content: "\E002"; }

.glyphicon-search:before {
  content: "\E003"; }

.glyphicon-heart:before {
  content: "\E005"; }

.glyphicon-star:before {
  content: "\E006"; }

.glyphicon-star-empty:before {
  content: "\E007"; }

.glyphicon-user:before {
  content: "\E008"; }

.glyphicon-film:before {
  content: "\E009"; }

.glyphicon-th-large:before {
  content: "\E010"; }

.glyphicon-th:before {
  content: "\E011"; }

.glyphicon-th-list:before {
  content: "\E012"; }

.glyphicon-ok:before {
  content: "\E013"; }

.glyphicon-remove:before {
  content: "\E014"; }

.glyphicon-zoom-in:before {
  content: "\E015"; }

.glyphicon-zoom-out:before {
  content: "\E016"; }

.glyphicon-off:before {
  content: "\E017"; }

.glyphicon-signal:before {
  content: "\E018"; }

.glyphicon-cog:before {
  content: "\E019"; }

.glyphicon-trash:before {
  content: "\E020"; }

.glyphicon-home:before {
  content: "\E021"; }

.glyphicon-file:before {
  content: "\E022"; }

.glyphicon-time:before {
  content: "\E023"; }

.glyphicon-road:before {
  content: "\E024"; }

.glyphicon-download-alt:before {
  content: "\E025"; }

.glyphicon-download:before {
  content: "\E026"; }

.glyphicon-upload:before {
  content: "\E027"; }

.glyphicon-inbox:before {
  content: "\E028"; }

.glyphicon-play-circle:before {
  content: "\E029"; }

.glyphicon-repeat:before {
  content: "\E030"; }

.glyphicon-refresh:before {
  content: "\E031"; }

.glyphicon-list-alt:before {
  content: "\E032"; }

.glyphicon-lock:before {
  content: "\E033"; }

.glyphicon-flag:before {
  content: "\E034"; }

.glyphicon-headphones:before {
  content: "\E035"; }

.glyphicon-volume-off:before {
  content: "\E036"; }

.glyphicon-volume-down:before {
  content: "\E037"; }

.glyphicon-volume-up:before {
  content: "\E038"; }

.glyphicon-qrcode:before {
  content: "\E039"; }

.glyphicon-barcode:before {
  content: "\E040"; }

.glyphicon-tag:before {
  content: "\E041"; }

.glyphicon-tags:before {
  content: "\E042"; }

.glyphicon-book:before {
  content: "\E043"; }

.glyphicon-bookmark:before {
  content: "\E044"; }

.glyphicon-print:before {
  content: "\E045"; }

.glyphicon-camera:before {
  content: "\E046"; }

.glyphicon-font:before {
  content: "\E047"; }

.glyphicon-bold:before {
  content: "\E048"; }

.glyphicon-italic:before {
  content: "\E049"; }

.glyphicon-text-height:before {
  content: "\E050"; }

.glyphicon-text-width:before {
  content: "\E051"; }

.glyphicon-align-left:before {
  content: "\E052"; }

.glyphicon-align-center:before {
  content: "\E053"; }

.glyphicon-align-right:before {
  content: "\E054"; }

.glyphicon-align-justify:before {
  content: "\E055"; }

.glyphicon-list:before {
  content: "\E056"; }

.glyphicon-indent-left:before {
  content: "\E057"; }

.glyphicon-indent-right:before {
  content: "\E058"; }

.glyphicon-facetime-video:before {
  content: "\E059"; }

.glyphicon-picture:before {
  content: "\E060"; }

.glyphicon-map-marker:before {
  content: "\E062"; }

.glyphicon-adjust:before {
  content: "\E063"; }

.glyphicon-tint:before {
  content: "\E064"; }

.glyphicon-edit:before {
  content: "\E065"; }

.glyphicon-share:before {
  content: "\E066"; }

.glyphicon-check:before {
  content: "\E067"; }

.glyphicon-move:before {
  content: "\E068"; }

.glyphicon-step-backward:before {
  content: "\E069"; }

.glyphicon-fast-backward:before {
  content: "\E070"; }

.glyphicon-backward:before {
  content: "\E071"; }

.glyphicon-play:before {
  content: "\E072"; }

.glyphicon-pause:before {
  content: "\E073"; }

.glyphicon-stop:before {
  content: "\E074"; }

.glyphicon-forward:before {
  content: "\E075"; }

.glyphicon-fast-forward:before {
  content: "\E076"; }

.glyphicon-step-forward:before {
  content: "\E077"; }

.glyphicon-eject:before {
  content: "\E078"; }

.glyphicon-chevron-left:before {
  content: "\E079"; }

.glyphicon-chevron-right:before {
  content: "\E080"; }

.glyphicon-plus-sign:before {
  content: "\E081"; }

.glyphicon-minus-sign:before {
  content: "\E082"; }

.glyphicon-remove-sign:before {
  content: "\E083"; }

.glyphicon-ok-sign:before {
  content: "\E084"; }

.glyphicon-question-sign:before {
  content: "\E085"; }

.glyphicon-info-sign:before {
  content: "\E086"; }

.glyphicon-screenshot:before {
  content: "\E087"; }

.glyphicon-remove-circle:before {
  content: "\E088"; }

.glyphicon-ok-circle:before {
  content: "\E089"; }

.glyphicon-ban-circle:before {
  content: "\E090"; }

.glyphicon-arrow-left:before {
  content: "\E091"; }

.glyphicon-arrow-right:before {
  content: "\E092"; }

.glyphicon-arrow-up:before {
  content: "\E093"; }

.glyphicon-arrow-down:before {
  content: "\E094"; }

.glyphicon-share-alt:before {
  content: "\E095"; }

.glyphicon-resize-full:before {
  content: "\E096"; }

.glyphicon-resize-small:before {
  content: "\E097"; }

.glyphicon-exclamation-sign:before {
  content: "\E101"; }

.glyphicon-gift:before {
  content: "\E102"; }

.glyphicon-leaf:before {
  content: "\E103"; }

.glyphicon-fire:before {
  content: "\E104"; }

.glyphicon-eye-open:before {
  content: "\E105"; }

.glyphicon-eye-close:before {
  content: "\E106"; }

.glyphicon-warning-sign:before {
  content: "\E107"; }

.glyphicon-plane:before {
  content: "\E108"; }

.glyphicon-calendar:before {
  content: "\E109"; }

.glyphicon-random:before {
  content: "\E110"; }

.glyphicon-comment:before {
  content: "\E111"; }

.glyphicon-magnet:before {
  content: "\E112"; }

.glyphicon-chevron-up:before {
  content: "\E113"; }

.glyphicon-chevron-down:before {
  content: "\E114"; }

.glyphicon-retweet:before {
  content: "\E115"; }

.glyphicon-shopping-cart:before {
  content: "\E116"; }

.glyphicon-folder-close:before {
  content: "\E117"; }

.glyphicon-folder-open:before {
  content: "\E118"; }

.glyphicon-resize-vertical:before {
  content: "\E119"; }

.glyphicon-resize-horizontal:before {
  content: "\E120"; }

.glyphicon-hdd:before {
  content: "\E121"; }

.glyphicon-bullhorn:before {
  content: "\E122"; }

.glyphicon-bell:before {
  content: "\E123"; }

.glyphicon-certificate:before {
  content: "\E124"; }

.glyphicon-thumbs-up:before {
  content: "\E125"; }

.glyphicon-thumbs-down:before {
  content: "\E126"; }

.glyphicon-hand-right:before {
  content: "\E127"; }

.glyphicon-hand-left:before {
  content: "\E128"; }

.glyphicon-hand-up:before {
  content: "\E129"; }

.glyphicon-hand-down:before {
  content: "\E130"; }

.glyphicon-circle-arrow-right:before {
  content: "\E131"; }

.glyphicon-circle-arrow-left:before {
  content: "\E132"; }

.glyphicon-circle-arrow-up:before {
  content: "\E133"; }

.glyphicon-circle-arrow-down:before {
  content: "\E134"; }

.glyphicon-globe:before {
  content: "\E135"; }

.glyphicon-wrench:before {
  content: "\E136"; }

.glyphicon-tasks:before {
  content: "\E137"; }

.glyphicon-filter:before {
  content: "\E138"; }

.glyphicon-briefcase:before {
  content: "\E139"; }

.glyphicon-fullscreen:before {
  content: "\E140"; }

.glyphicon-dashboard:before {
  content: "\E141"; }

.glyphicon-paperclip:before {
  content: "\E142"; }

.glyphicon-heart-empty:before {
  content: "\E143"; }

.glyphicon-link:before {
  content: "\E144"; }

.glyphicon-phone:before {
  content: "\E145"; }

.glyphicon-pushpin:before {
  content: "\E146"; }

.glyphicon-usd:before {
  content: "\E148"; }

.glyphicon-gbp:before {
  content: "\E149"; }

.glyphicon-sort:before {
  content: "\E150"; }

.glyphicon-sort-by-alphabet:before {
  content: "\E151"; }

.glyphicon-sort-by-alphabet-alt:before {
  content: "\E152"; }

.glyphicon-sort-by-order:before {
  content: "\E153"; }

.glyphicon-sort-by-order-alt:before {
  content: "\E154"; }

.glyphicon-sort-by-attributes:before {
  content: "\E155"; }

.glyphicon-sort-by-attributes-alt:before {
  content: "\E156"; }

.glyphicon-unchecked:before {
  content: "\E157"; }

.glyphicon-expand:before {
  content: "\E158"; }

.glyphicon-collapse-down:before {
  content: "\E159"; }

.glyphicon-collapse-up:before {
  content: "\E160"; }

.glyphicon-log-in:before {
  content: "\E161"; }

.glyphicon-flash:before {
  content: "\E162"; }

.glyphicon-log-out:before {
  content: "\E163"; }

.glyphicon-new-window:before {
  content: "\E164"; }

.glyphicon-record:before {
  content: "\E165"; }

.glyphicon-save:before {
  content: "\E166"; }

.glyphicon-open:before {
  content: "\E167"; }

.glyphicon-saved:before {
  content: "\E168"; }

.glyphicon-import:before {
  content: "\E169"; }

.glyphicon-export:before {
  content: "\E170"; }

.glyphicon-send:before {
  content: "\E171"; }

.glyphicon-floppy-disk:before {
  content: "\E172"; }

.glyphicon-floppy-saved:before {
  content: "\E173"; }

.glyphicon-floppy-remove:before {
  content: "\E174"; }

.glyphicon-floppy-save:before {
  content: "\E175"; }

.glyphicon-floppy-open:before {
  content: "\E176"; }

.glyphicon-credit-card:before {
  content: "\E177"; }

.glyphicon-transfer:before {
  content: "\E178"; }

.glyphicon-cutlery:before {
  content: "\E179"; }

.glyphicon-header:before {
  content: "\E180"; }

.glyphicon-compressed:before {
  content: "\E181"; }

.glyphicon-earphone:before {
  content: "\E182"; }

.glyphicon-phone-alt:before {
  content: "\E183"; }

.glyphicon-tower:before {
  content: "\E184"; }

.glyphicon-stats:before {
  content: "\E185"; }

.glyphicon-sd-video:before {
  content: "\E186"; }

.glyphicon-hd-video:before {
  content: "\E187"; }

.glyphicon-subtitles:before {
  content: "\E188"; }

.glyphicon-sound-stereo:before {
  content: "\E189"; }

.glyphicon-sound-dolby:before {
  content: "\E190"; }

.glyphicon-sound-5-1:before {
  content: "\E191"; }

.glyphicon-sound-6-1:before {
  content: "\E192"; }

.glyphicon-sound-7-1:before {
  content: "\E193"; }

.glyphicon-copyright-mark:before {
  content: "\E194"; }

.glyphicon-registration-mark:before {
  content: "\E195"; }

.glyphicon-cloud-download:before {
  content: "\E197"; }

.glyphicon-cloud-upload:before {
  content: "\E198"; }

.glyphicon-tree-conifer:before {
  content: "\E199"; }

.glyphicon-tree-deciduous:before {
  content: "\E200"; }

.glyphicon-cd:before {
  content: "\E201"; }

.glyphicon-save-file:before {
  content: "\E202"; }

.glyphicon-open-file:before {
  content: "\E203"; }

.glyphicon-level-up:before {
  content: "\E204"; }

.glyphicon-copy:before {
  content: "\E205"; }

.glyphicon-paste:before {
  content: "\E206"; }

.glyphicon-alert:before {
  content: "\E209"; }

.glyphicon-equalizer:before {
  content: "\E210"; }

.glyphicon-king:before {
  content: "\E211"; }

.glyphicon-queen:before {
  content: "\E212"; }

.glyphicon-pawn:before {
  content: "\E213"; }

.glyphicon-bishop:before {
  content: "\E214"; }

.glyphicon-knight:before {
  content: "\E215"; }

.glyphicon-baby-formula:before {
  content: "\E216"; }

.glyphicon-tent:before {
  content: "\26FA"; }

.glyphicon-blackboard:before {
  content: "\E218"; }

.glyphicon-bed:before {
  content: "\E219"; }

.glyphicon-apple:before {
  content: "\F8FF"; }

.glyphicon-erase:before {
  content: "\E221"; }

.glyphicon-hourglass:before {
  content: "\231B"; }

.glyphicon-lamp:before {
  content: "\E223"; }

.glyphicon-duplicate:before {
  content: "\E224"; }

.glyphicon-piggy-bank:before {
  content: "\E225"; }

.glyphicon-scissors:before {
  content: "\E226"; }

.glyphicon-bitcoin:before {
  content: "\E227"; }

.glyphicon-btc:before {
  content: "\E227"; }

.glyphicon-xbt:before {
  content: "\E227"; }

.glyphicon-yen:before {
  content: "\A5"; }

.glyphicon-jpy:before {
  content: "\A5"; }

.glyphicon-ruble:before {
  content: "\20BD"; }

.glyphicon-rub:before {
  content: "\20BD"; }

.glyphicon-scale:before {
  content: "\E230"; }

.glyphicon-ice-lolly:before {
  content: "\E231"; }

.glyphicon-ice-lolly-tasted:before {
  content: "\E232"; }

.glyphicon-education:before {
  content: "\E233"; }

.glyphicon-option-horizontal:before {
  content: "\E234"; }

.glyphicon-option-vertical:before {
  content: "\E235"; }

.glyphicon-menu-hamburger:before {
  content: "\E236"; }

.glyphicon-modal-window:before {
  content: "\E237"; }

.glyphicon-oil:before {
  content: "\E238"; }

.glyphicon-grain:before {
  content: "\E239"; }

.glyphicon-sunglasses:before {
  content: "\E240"; }

.glyphicon-text-size:before {
  content: "\E241"; }

.glyphicon-text-color:before {
  content: "\E242"; }

.glyphicon-text-background:before {
  content: "\E243"; }

.glyphicon-object-align-top:before {
  content: "\E244"; }

.glyphicon-object-align-bottom:before {
  content: "\E245"; }

.glyphicon-object-align-horizontal:before {
  content: "\E246"; }

.glyphicon-object-align-left:before {
  content: "\E247"; }

.glyphicon-object-align-vertical:before {
  content: "\E248"; }

.glyphicon-object-align-right:before {
  content: "\E249"; }

.glyphicon-triangle-right:before {
  content: "\E250"; }

.glyphicon-triangle-left:before {
  content: "\E251"; }

.glyphicon-triangle-bottom:before {
  content: "\E252"; }

.glyphicon-triangle-top:before {
  content: "\E253"; }

.glyphicon-console:before {
  content: "\E254"; }

.glyphicon-superscript:before {
  content: "\E255"; }

.glyphicon-subscript:before {
  content: "\E256"; }

.glyphicon-menu-left:before {
  content: "\E257"; }

.glyphicon-menu-right:before {
  content: "\E258"; }

.glyphicon-menu-down:before {
  content: "\E259"; }

.glyphicon-menu-up:before {
  content: "\E260"; }

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

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

html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857;
  color: #333333;
  background-color: #f4f4f4; }

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

a {
  color: #03a9f4;
  text-decoration: none; }
  a:hover, a:focus {
    color: #0275a8;
    text-decoration: underline; }
  a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }

figure {
  margin: 0; }

img {
  vertical-align: middle; }

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto; }

.img-rounded {
  border-radius: 3px; }

.img-thumbnail {
  padding: 4px;
  line-height: 1.42857;
  background-color: #f4f4f4;
  border: 1px solid #ddd;
  border-radius: 2px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto; }

.img-circle {
  border-radius: 50%; }

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee; }

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

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto; }

[role="button"] {
  cursor: pointer; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit; }
  h1 small,
  h1 .small, h2 small,
  h2 .small, h3 small,
  h3 .small, h4 small,
  h4 .small, h5 small,
  h5 .small, h6 small,
  h6 .small,
  .h1 small,
  .h1 .small, .h2 small,
  .h2 .small, .h3 small,
  .h3 .small, .h4 small,
  .h4 .small, .h5 small,
  .h5 .small, .h6 small,
  .h6 .small {
    font-weight: normal;
    line-height: 1;
    color: #777777; }

h1, .h1,
h2, .h2,
h3, .h3 {
  margin-top: 20px;
  margin-bottom: 10px; }
  h1 small,
  h1 .small, .h1 small,
  .h1 .small,
  h2 small,
  h2 .small, .h2 small,
  .h2 .small,
  h3 small,
  h3 .small, .h3 small,
  .h3 .small {
    font-size: 65%; }

h4, .h4,
h5, .h5,
h6, .h6 {
  margin-top: 10px;
  margin-bottom: 10px; }
  h4 small,
  h4 .small, .h4 small,
  .h4 .small,
  h5 small,
  h5 .small, .h5 small,
  .h5 .small,
  h6 small,
  h6 .small, .h6 small,
  .h6 .small {
    font-size: 75%; }

h1, .h1 {
  font-size: 36px; }

h2, .h2 {
  font-size: 30px; }

h3, .h3 {
  font-size: 24px; }

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

h5, .h5 {
  font-size: 14px; }

h6, .h6 {
  font-size: 12px; }

p {
  margin: 0 0 10px; }

.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4; }
  @media (min-width: 768px) {
    .lead {
      font-size: 21px; } }

small,
.small {
  font-size: 85%; }

mark,
.mark {
  background-color: #fcf8e3;
  padding: .2em; }

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

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

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

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

.text-nowrap {
  white-space: nowrap; }

.text-lowercase {
  text-transform: lowercase; }

.text-uppercase, .initialism {
  text-transform: uppercase; }

.text-capitalize {
  text-transform: capitalize; }

.text-muted {
  color: #777777; }

.text-primary {
  color: #03a9f4; }

a.text-primary:hover,
a.text-primary:focus {
  color: #0286c2; }

.text-success {
  color: #3c763d; }

a.text-success:hover,
a.text-success:focus {
  color: #2b542c; }

.text-info {
  color: #31708f; }

a.text-info:hover,
a.text-info:focus {
  color: #245269; }

.text-warning {
  color: #8a6d3b; }

a.text-warning:hover,
a.text-warning:focus {
  color: #66512c; }

.text-danger {
  color: #a94442; }

a.text-danger:hover,
a.text-danger:focus {
  color: #843534; }

.bg-primary {
  color: #fff; }

.bg-primary {
  background-color: #03a9f4; }

a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #0286c2; }

.bg-success {
  background-color: #dff0d8; }

a.bg-success:hover,
a.bg-success:focus {
  background-color: #c1e2b3; }

.bg-info {
  background-color: #d9edf7; }

a.bg-info:hover,
a.bg-info:focus {
  background-color: #afd9ee; }

.bg-warning {
  background-color: #fcf8e3; }

a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #f7ecb5; }

.bg-danger {
  background-color: #f2dede; }

a.bg-danger:hover,
a.bg-danger:focus {
  background-color: #e4b9b9; }

.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eeeeee; }

ul,
ol {
  margin-top: 0;
  margin-bottom: 10px; }
  ul ul,
  ul ol,
  ol ul,
  ol ol {
    margin-bottom: 0; }

.list-unstyled {
  padding-left: 0;
  list-style: none; }

.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px; }
  .list-inline > li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px; }

dl {
  margin-top: 0;
  margin-bottom: 20px; }

dt,
dd {
  line-height: 1.42857; }

dt {
  font-weight: bold; }

dd {
  margin-left: 0; }

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

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

@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .dl-horizontal dd {
    margin-left: 180px; } }

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #777777; }

.initialism {
  font-size: 90%; }

blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eeeeee; }
  blockquote p:last-child,
  blockquote ul:last-child,
  blockquote ol:last-child {
    margin-bottom: 0; }
  blockquote footer,
  blockquote small,
  blockquote .small {
    display: block;
    font-size: 80%;
    line-height: 1.42857;
    color: #777777; }
    blockquote footer:before,
    blockquote small:before,
    blockquote .small:before {
      content: '\2014   \A0'; }

.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
  text-align: right; }
  .blockquote-reverse footer:before,
  .blockquote-reverse small:before,
  .blockquote-reverse .small:before,
  blockquote.pull-right footer:before,
  blockquote.pull-right small:before,
  blockquote.pull-right .small:before {
    content: ''; }
  .blockquote-reverse footer:after,
  .blockquote-reverse small:after,
  .blockquote-reverse .small:after,
  blockquote.pull-right footer:after,
  blockquote.pull-right small:after,
  blockquote.pull-right .small:after {
    content: '\A0   \2014'; }

address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857; }

code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace; }

code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 2px; }

kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 1px;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); }
  kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: bold;
    box-shadow: none; }

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857;
  word-break: break-all;
  word-wrap: break-word;
  color: #333333;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 2px; }
  pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0; }

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll; }

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 6px;
  padding-right: 6px; }
  .container:before, .container:after {
    content: " ";
    display: table; }
  .container:after {
    clear: both; }
  @media (min-width: 768px) {
    .container {
      width: 732px; } }
  @media (min-width: 992px) {
    .container {
      width: 952px; } }
  @media (min-width: 1200px) {
    .container {
      width: 1152px; } }

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 6px;
  padding-right: 6px; }
  .container-fluid:before, .container-fluid:after {
    content: " ";
    display: table; }
  .container-fluid:after {
    clear: both; }

.row {
  margin-left: -6px;
  margin-right: -6px; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }

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

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

.col-xs-1 {
  width: 8.33333%; }

.col-xs-2 {
  width: 16.66667%; }

.col-xs-3 {
  width: 25%; }

.col-xs-4 {
  width: 33.33333%; }

.col-xs-5 {
  width: 41.66667%; }

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

.col-xs-7 {
  width: 58.33333%; }

.col-xs-8 {
  width: 66.66667%; }

.col-xs-9 {
  width: 75%; }

.col-xs-10 {
  width: 83.33333%; }

.col-xs-11 {
  width: 91.66667%; }

.col-xs-12 {
  width: 100%; }

.col-xs-pull-0 {
  right: auto; }

.col-xs-pull-1 {
  right: 8.33333%; }

.col-xs-pull-2 {
  right: 16.66667%; }

.col-xs-pull-3 {
  right: 25%; }

.col-xs-pull-4 {
  right: 33.33333%; }

.col-xs-pull-5 {
  right: 41.66667%; }

.col-xs-pull-6 {
  right: 50%; }

.col-xs-pull-7 {
  right: 58.33333%; }

.col-xs-pull-8 {
  right: 66.66667%; }

.col-xs-pull-9 {
  right: 75%; }

.col-xs-pull-10 {
  right: 83.33333%; }

.col-xs-pull-11 {
  right: 91.66667%; }

.col-xs-pull-12 {
  right: 100%; }

.col-xs-push-0 {
  left: auto; }

.col-xs-push-1 {
  left: 8.33333%; }

.col-xs-push-2 {
  left: 16.66667%; }

.col-xs-push-3 {
  left: 25%; }

.col-xs-push-4 {
  left: 33.33333%; }

.col-xs-push-5 {
  left: 41.66667%; }

.col-xs-push-6 {
  left: 50%; }

.col-xs-push-7 {
  left: 58.33333%; }

.col-xs-push-8 {
  left: 66.66667%; }

.col-xs-push-9 {
  left: 75%; }

.col-xs-push-10 {
  left: 83.33333%; }

.col-xs-push-11 {
  left: 91.66667%; }

.col-xs-push-12 {
  left: 100%; }

.col-xs-offset-0 {
  margin-left: 0%; }

.col-xs-offset-1 {
  margin-left: 8.33333%; }

.col-xs-offset-2 {
  margin-left: 16.66667%; }

.col-xs-offset-3 {
  margin-left: 25%; }

.col-xs-offset-4 {
  margin-left: 33.33333%; }

.col-xs-offset-5 {
  margin-left: 41.66667%; }

.col-xs-offset-6 {
  margin-left: 50%; }

.col-xs-offset-7 {
  margin-left: 58.33333%; }

.col-xs-offset-8 {
  margin-left: 66.66667%; }

.col-xs-offset-9 {
  margin-left: 75%; }

.col-xs-offset-10 {
  margin-left: 83.33333%; }

.col-xs-offset-11 {
  margin-left: 91.66667%; }

.col-xs-offset-12 {
  margin-left: 100%; }

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left; }
  .col-sm-1 {
    width: 8.33333%; }
  .col-sm-2 {
    width: 16.66667%; }
  .col-sm-3 {
    width: 25%; }
  .col-sm-4 {
    width: 33.33333%; }
  .col-sm-5 {
    width: 41.66667%; }
  .col-sm-6 {
    width: 50%; }
  .col-sm-7 {
    width: 58.33333%; }
  .col-sm-8 {
    width: 66.66667%; }
  .col-sm-9 {
    width: 75%; }
  .col-sm-10 {
    width: 83.33333%; }
  .col-sm-11 {
    width: 91.66667%; }
  .col-sm-12 {
    width: 100%; }
  .col-sm-pull-0 {
    right: auto; }
  .col-sm-pull-1 {
    right: 8.33333%; }
  .col-sm-pull-2 {
    right: 16.66667%; }
  .col-sm-pull-3 {
    right: 25%; }
  .col-sm-pull-4 {
    right: 33.33333%; }
  .col-sm-pull-5 {
    right: 41.66667%; }
  .col-sm-pull-6 {
    right: 50%; }
  .col-sm-pull-7 {
    right: 58.33333%; }
  .col-sm-pull-8 {
    right: 66.66667%; }
  .col-sm-pull-9 {
    right: 75%; }
  .col-sm-pull-10 {
    right: 83.33333%; }
  .col-sm-pull-11 {
    right: 91.66667%; }
  .col-sm-pull-12 {
    right: 100%; }
  .col-sm-push-0 {
    left: auto; }
  .col-sm-push-1 {
    left: 8.33333%; }
  .col-sm-push-2 {
    left: 16.66667%; }
  .col-sm-push-3 {
    left: 25%; }
  .col-sm-push-4 {
    left: 33.33333%; }
  .col-sm-push-5 {
    left: 41.66667%; }
  .col-sm-push-6 {
    left: 50%; }
  .col-sm-push-7 {
    left: 58.33333%; }
  .col-sm-push-8 {
    left: 66.66667%; }
  .col-sm-push-9 {
    left: 75%; }
  .col-sm-push-10 {
    left: 83.33333%; }
  .col-sm-push-11 {
    left: 91.66667%; }
  .col-sm-push-12 {
    left: 100%; }
  .col-sm-offset-0 {
    margin-left: 0%; }
  .col-sm-offset-1 {
    margin-left: 8.33333%; }
  .col-sm-offset-2 {
    margin-left: 16.66667%; }
  .col-sm-offset-3 {
    margin-left: 25%; }
  .col-sm-offset-4 {
    margin-left: 33.33333%; }
  .col-sm-offset-5 {
    margin-left: 41.66667%; }
  .col-sm-offset-6 {
    margin-left: 50%; }
  .col-sm-offset-7 {
    margin-left: 58.33333%; }
  .col-sm-offset-8 {
    margin-left: 66.66667%; }
  .col-sm-offset-9 {
    margin-left: 75%; }
  .col-sm-offset-10 {
    margin-left: 83.33333%; }
  .col-sm-offset-11 {
    margin-left: 91.66667%; }
  .col-sm-offset-12 {
    margin-left: 100%; } }

@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left; }
  .col-md-1 {
    width: 8.33333%; }
  .col-md-2 {
    width: 16.66667%; }
  .col-md-3 {
    width: 25%; }
  .col-md-4 {
    width: 33.33333%; }
  .col-md-5 {
    width: 41.66667%; }
  .col-md-6 {
    width: 50%; }
  .col-md-7 {
    width: 58.33333%; }
  .col-md-8 {
    width: 66.66667%; }
  .col-md-9 {
    width: 75%; }
  .col-md-10 {
    width: 83.33333%; }
  .col-md-11 {
    width: 91.66667%; }
  .col-md-12 {
    width: 100%; }
  .col-md-pull-0 {
    right: auto; }
  .col-md-pull-1 {
    right: 8.33333%; }
  .col-md-pull-2 {
    right: 16.66667%; }
  .col-md-pull-3 {
    right: 25%; }
  .col-md-pull-4 {
    right: 33.33333%; }
  .col-md-pull-5 {
    right: 41.66667%; }
  .col-md-pull-6 {
    right: 50%; }
  .col-md-pull-7 {
    right: 58.33333%; }
  .col-md-pull-8 {
    right: 66.66667%; }
  .col-md-pull-9 {
    right: 75%; }
  .col-md-pull-10 {
    right: 83.33333%; }
  .col-md-pull-11 {
    right: 91.66667%; }
  .col-md-pull-12 {
    right: 100%; }
  .col-md-push-0 {
    left: auto; }
  .col-md-push-1 {
    left: 8.33333%; }
  .col-md-push-2 {
    left: 16.66667%; }
  .col-md-push-3 {
    left: 25%; }
  .col-md-push-4 {
    left: 33.33333%; }
  .col-md-push-5 {
    left: 41.66667%; }
  .col-md-push-6 {
    left: 50%; }
  .col-md-push-7 {
    left: 58.33333%; }
  .col-md-push-8 {
    left: 66.66667%; }
  .col-md-push-9 {
    left: 75%; }
  .col-md-push-10 {
    left: 83.33333%; }
  .col-md-push-11 {
    left: 91.66667%; }
  .col-md-push-12 {
    left: 100%; }
  .col-md-offset-0 {
    margin-left: 0%; }
  .col-md-offset-1 {
    margin-left: 8.33333%; }
  .col-md-offset-2 {
    margin-left: 16.66667%; }
  .col-md-offset-3 {
    margin-left: 25%; }
  .col-md-offset-4 {
    margin-left: 33.33333%; }
  .col-md-offset-5 {
    margin-left: 41.66667%; }
  .col-md-offset-6 {
    margin-left: 50%; }
  .col-md-offset-7 {
    margin-left: 58.33333%; }
  .col-md-offset-8 {
    margin-left: 66.66667%; }
  .col-md-offset-9 {
    margin-left: 75%; }
  .col-md-offset-10 {
    margin-left: 83.33333%; }
  .col-md-offset-11 {
    margin-left: 91.66667%; }
  .col-md-offset-12 {
    margin-left: 100%; } }

@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left; }
  .col-lg-1 {
    width: 8.33333%; }
  .col-lg-2 {
    width: 16.66667%; }
  .col-lg-3 {
    width: 25%; }
  .col-lg-4 {
    width: 33.33333%; }
  .col-lg-5 {
    width: 41.66667%; }
  .col-lg-6 {
    width: 50%; }
  .col-lg-7 {
    width: 58.33333%; }
  .col-lg-8 {
    width: 66.66667%; }
  .col-lg-9 {
    width: 75%; }
  .col-lg-10 {
    width: 83.33333%; }
  .col-lg-11 {
    width: 91.66667%; }
  .col-lg-12 {
    width: 100%; }
  .col-lg-pull-0 {
    right: auto; }
  .col-lg-pull-1 {
    right: 8.33333%; }
  .col-lg-pull-2 {
    right: 16.66667%; }
  .col-lg-pull-3 {
    right: 25%; }
  .col-lg-pull-4 {
    right: 33.33333%; }
  .col-lg-pull-5 {
    right: 41.66667%; }
  .col-lg-pull-6 {
    right: 50%; }
  .col-lg-pull-7 {
    right: 58.33333%; }
  .col-lg-pull-8 {
    right: 66.66667%; }
  .col-lg-pull-9 {
    right: 75%; }
  .col-lg-pull-10 {
    right: 83.33333%; }
  .col-lg-pull-11 {
    right: 91.66667%; }
  .col-lg-pull-12 {
    right: 100%; }
  .col-lg-push-0 {
    left: auto; }
  .col-lg-push-1 {
    left: 8.33333%; }
  .col-lg-push-2 {
    left: 16.66667%; }
  .col-lg-push-3 {
    left: 25%; }
  .col-lg-push-4 {
    left: 33.33333%; }
  .col-lg-push-5 {
    left: 41.66667%; }
  .col-lg-push-6 {
    left: 50%; }
  .col-lg-push-7 {
    left: 58.33333%; }
  .col-lg-push-8 {
    left: 66.66667%; }
  .col-lg-push-9 {
    left: 75%; }
  .col-lg-push-10 {
    left: 83.33333%; }
  .col-lg-push-11 {
    left: 91.66667%; }
  .col-lg-push-12 {
    left: 100%; }
  .col-lg-offset-0 {
    margin-left: 0%; }
  .col-lg-offset-1 {
    margin-left: 8.33333%; }
  .col-lg-offset-2 {
    margin-left: 16.66667%; }
  .col-lg-offset-3 {
    margin-left: 25%; }
  .col-lg-offset-4 {
    margin-left: 33.33333%; }
  .col-lg-offset-5 {
    margin-left: 41.66667%; }
  .col-lg-offset-6 {
    margin-left: 50%; }
  .col-lg-offset-7 {
    margin-left: 58.33333%; }
  .col-lg-offset-8 {
    margin-left: 66.66667%; }
  .col-lg-offset-9 {
    margin-left: 75%; }
  .col-lg-offset-10 {
    margin-left: 83.33333%; }
  .col-lg-offset-11 {
    margin-left: 91.66667%; }
  .col-lg-offset-12 {
    margin-left: 100%; } }

table {
  background-color: transparent; }

caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777777;
  text-align: left; }

th {
  text-align: left; }

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px; }
  .table > thead > tr > th,
  .table > thead > tr > td,
  .table > tbody > tr > th,
  .table > tbody > tr > td,
  .table > tfoot > tr > th,
  .table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857;
    vertical-align: top;
    border-top: 1px solid #ddd; }
  .table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd; }
  .table > caption + thead > tr:first-child > th,
  .table > caption + thead > tr:first-child > td,
  .table > colgroup + thead > tr:first-child > th,
  .table > colgroup + thead > tr:first-child > td,
  .table > thead:first-child > tr:first-child > th,
  .table > thead:first-child > tr:first-child > td {
    border-top: 0; }
  .table > tbody + tbody {
    border-top: 2px solid #ddd; }
  .table .table {
    background-color: #f4f4f4; }

.table-condensed > thead > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > tfoot > tr > td {
  padding: 5px; }

.table-bordered {
  border: 1px solid #ddd; }
  .table-bordered > thead > tr > th,
  .table-bordered > thead > tr > td,
  .table-bordered > tbody > tr > th,
  .table-bordered > tbody > tr > td,
  .table-bordered > tfoot > tr > th,
  .table-bordered > tfoot > tr > td {
    border: 1px solid #ddd; }
  .table-bordered > thead > tr > th,
  .table-bordered > thead > tr > td {
    border-bottom-width: 2px; }

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

.table-hover > tbody > tr:hover {
  background-color: #f5f5f5; }

table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column; }

table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell; }

.table > thead > tr > td.active,
.table > thead > tr > th.active,
.table > thead > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5; }

.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8; }

.table > thead > tr > td.success,
.table > thead > tr > th.success,
.table > thead > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th {
  background-color: #dff0d8; }

.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6; }

.table > thead > tr > td.info,
.table > thead > tr > th.info,
.table > thead > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th {
  background-color: #d9edf7; }

.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3; }

.table > thead > tr > td.warning,
.table > thead > tr > th.warning,
.table > thead > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3; }

.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc; }

.table > thead > tr > td.danger,
.table > thead > tr > th.danger,
.table > thead > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th {
  background-color: #f2dede; }

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc; }

.table-responsive {
  overflow-x: auto;
  min-height: 0.01%; }
  @media screen and (max-width: 767px) {
    .table-responsive {
      width: 100%;
      margin-bottom: 15px;
      overflow-y: hidden;
      -ms-overflow-style: -ms-autohiding-scrollbar;
      border: 1px solid #ddd; }
      .table-responsive > .table {
        margin-bottom: 0; }
        .table-responsive > .table > thead > tr > th,
        .table-responsive > .table > thead > tr > td,
        .table-responsive > .table > tbody > tr > th,
        .table-responsive > .table > tbody > tr > td,
        .table-responsive > .table > tfoot > tr > th,
        .table-responsive > .table > tfoot > tr > td {
          white-space: nowrap; }
      .table-responsive > .table-bordered {
        border: 0; }
        .table-responsive > .table-bordered > thead > tr > th:first-child,
        .table-responsive > .table-bordered > thead > tr > td:first-child,
        .table-responsive > .table-bordered > tbody > tr > th:first-child,
        .table-responsive > .table-bordered > tbody > tr > td:first-child,
        .table-responsive > .table-bordered > tfoot > tr > th:first-child,
        .table-responsive > .table-bordered > tfoot > tr > td:first-child {
          border-left: 0; }
        .table-responsive > .table-bordered > thead > tr > th:last-child,
        .table-responsive > .table-bordered > thead > tr > td:last-child,
        .table-responsive > .table-bordered > tbody > tr > th:last-child,
        .table-responsive > .table-bordered > tbody > tr > td:last-child,
        .table-responsive > .table-bordered > tfoot > tr > th:last-child,
        .table-responsive > .table-bordered > tfoot > tr > td:last-child {
          border-right: 0; }
        .table-responsive > .table-bordered > tbody > tr:last-child > th,
        .table-responsive > .table-bordered > tbody > tr:last-child > td,
        .table-responsive > .table-bordered > tfoot > tr:last-child > th,
        .table-responsive > .table-bordered > tfoot > tr:last-child > td {
          border-bottom: 0; } }

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0; }

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5; }

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

input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal; }

input[type="file"] {
  display: block; }

input[type="range"] {
  display: block;
  width: 100%; }

select[multiple],
select[size] {
  height: auto; }

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857;
  color: #555555; }

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }
  .form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }
  .form-control::-moz-placeholder {
    color: #999;
    opacity: 1; }
  .form-control:-ms-input-placeholder {
    color: #999; }
  .form-control::-webkit-input-placeholder {
    color: #999; }
  .form-control::-ms-expand {
    border: 0;
    background-color: transparent; }
  .form-control[disabled], .form-control[readonly],
  fieldset[disabled] .form-control {
    background-color: #eeeeee;
    opacity: 1; }
  .form-control[disabled],
  fieldset[disabled] .form-control {
    cursor: not-allowed; }

textarea.form-control {
  height: auto; }

input[type="search"] {
  -webkit-appearance: none; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control {
    line-height: 34px; }
  input[type="date"].input-sm, .input-group-sm > input.form-control[type="date"],
  .input-group-sm > input.input-group-addon[type="date"],
  .input-group-sm > .input-group-btn > input.btn[type="date"],
  .input-group-sm input[type="date"],
  input[type="time"].input-sm,
  .input-group-sm > input.form-control[type="time"],
  .input-group-sm > input.input-group-addon[type="time"],
  .input-group-sm > .input-group-btn > input.btn[type="time"],
  .input-group-sm
  input[type="time"],
  input[type="datetime-local"].input-sm,
  .input-group-sm > input.form-control[type="datetime-local"],
  .input-group-sm > input.input-group-addon[type="datetime-local"],
  .input-group-sm > .input-group-btn > input.btn[type="datetime-local"],
  .input-group-sm
  input[type="datetime-local"],
  input[type="month"].input-sm,
  .input-group-sm > input.form-control[type="month"],
  .input-group-sm > input.input-group-addon[type="month"],
  .input-group-sm > .input-group-btn > input.btn[type="month"],
  .input-group-sm
  input[type="month"] {
    line-height: 30px; }
  input[type="date"].input-lg, .input-group-lg > input.form-control[type="date"],
  .input-group-lg > input.input-group-addon[type="date"],
  .input-group-lg > .input-group-btn > input.btn[type="date"],
  .input-group-lg input[type="date"],
  input[type="time"].input-lg,
  .input-group-lg > input.form-control[type="time"],
  .input-group-lg > input.input-group-addon[type="time"],
  .input-group-lg > .input-group-btn > input.btn[type="time"],
  .input-group-lg
  input[type="time"],
  input[type="datetime-local"].input-lg,
  .input-group-lg > input.form-control[type="datetime-local"],
  .input-group-lg > input.input-group-addon[type="datetime-local"],
  .input-group-lg > .input-group-btn > input.btn[type="datetime-local"],
  .input-group-lg
  input[type="datetime-local"],
  input[type="month"].input-lg,
  .input-group-lg > input.form-control[type="month"],
  .input-group-lg > input.input-group-addon[type="month"],
  .input-group-lg > .input-group-btn > input.btn[type="month"],
  .input-group-lg
  input[type="month"] {
    line-height: 46px; } }

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

.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px; }
  .radio label,
  .checkbox label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer; }

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9; }

.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px; }

.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer; }

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px; }

input[type="radio"][disabled], input[type="radio"].disabled,
fieldset[disabled] input[type="radio"],
input[type="checkbox"][disabled],
input[type="checkbox"].disabled,
fieldset[disabled]
input[type="checkbox"] {
  cursor: not-allowed; }

.radio-inline.disabled,
fieldset[disabled] .radio-inline,
.checkbox-inline.disabled,
fieldset[disabled]
.checkbox-inline {
  cursor: not-allowed; }

.radio.disabled label,
fieldset[disabled] .radio label,
.checkbox.disabled label,
fieldset[disabled]
.checkbox label {
  cursor: not-allowed; }

.form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
  min-height: 34px; }
  .form-control-static.input-lg, .input-group-lg > .form-control-static.form-control,
  .input-group-lg > .form-control-static.input-group-addon,
  .input-group-lg > .input-group-btn > .form-control-static.btn, .form-control-static.input-sm, .input-group-sm > .form-control-static.form-control,
  .input-group-sm > .form-control-static.input-group-addon,
  .input-group-sm > .input-group-btn > .form-control-static.btn {
    padding-left: 0;
    padding-right: 0; }

.input-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 1px; }

select.input-sm, .input-group-sm > select.form-control,
.input-group-sm > select.input-group-addon,
.input-group-sm > .input-group-btn > select.btn {
  height: 30px;
  line-height: 30px; }

textarea.input-sm, .input-group-sm > textarea.form-control,
.input-group-sm > textarea.input-group-addon,
.input-group-sm > .input-group-btn > textarea.btn,
select[multiple].input-sm,
.input-group-sm > select.form-control[multiple],
.input-group-sm > select.input-group-addon[multiple],
.input-group-sm > .input-group-btn > select.btn[multiple] {
  height: auto; }

.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 1px; }

.form-group-sm select.form-control {
  height: 30px;
  line-height: 30px; }

.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto; }

.form-group-sm .form-control-static {
  height: 30px;
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5; }

.input-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333;
  border-radius: 3px; }

select.input-lg, .input-group-lg > select.form-control,
.input-group-lg > select.input-group-addon,
.input-group-lg > .input-group-btn > select.btn {
  height: 46px;
  line-height: 46px; }

textarea.input-lg, .input-group-lg > textarea.form-control,
.input-group-lg > textarea.input-group-addon,
.input-group-lg > .input-group-btn > textarea.btn,
select[multiple].input-lg,
.input-group-lg > select.form-control[multiple],
.input-group-lg > select.input-group-addon[multiple],
.input-group-lg > .input-group-btn > select.btn[multiple] {
  height: auto; }

.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333;
  border-radius: 3px; }

.form-group-lg select.form-control {
  height: 46px;
  line-height: 46px; }

.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto; }

.form-group-lg .form-control-static {
  height: 46px;
  min-height: 38px;
  padding: 11px 16px;
  font-size: 18px;
  line-height: 1.33333; }

.has-feedback {
  position: relative; }
  .has-feedback .form-control {
    padding-right: 42.5px; }

.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none; }

.input-lg + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback, .input-group-lg > .input-group-addon + .form-control-feedback, .input-group-lg > .input-group-btn > .btn + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px; }

.input-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback, .input-group-sm > .input-group-addon + .form-control-feedback, .input-group-sm > .input-group-btn > .btn + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px; }

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #3c763d; }

.has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .has-success .form-control:focus {
    border-color: #2b542c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; }

.has-success .input-group-addon {
  color: #3c763d;
  border-color: #3c763d;
  background-color: #dff0d8; }

.has-success .form-control-feedback {
  color: #3c763d; }

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #8a6d3b; }

.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .has-warning .form-control:focus {
    border-color: #66512c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; }

.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3; }

.has-warning .form-control-feedback {
  color: #8a6d3b; }

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #a94442; }

.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .has-error .form-control:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; }

.has-error .input-group-addon {
  color: #a94442;
  border-color: #a94442;
  background-color: #f2dede; }

.has-error .form-control-feedback {
  color: #a94442; }

.has-feedback label ~ .form-control-feedback {
  top: 25px; }

.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0; }

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373; }

@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle; }
  .form-inline .form-control-static {
    display: inline-block; }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle; }
    .form-inline .input-group .input-group-addon,
    .form-inline .input-group .input-group-btn,
    .form-inline .input-group .form-control {
      width: auto; }
  .form-inline .input-group > .form-control {
    width: 100%; }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle; }
    .form-inline .radio label,
    .form-inline .checkbox label {
      padding-left: 0; }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0; }
  .form-inline .has-feedback .form-control-feedback {
    top: 0; } }

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px; }

.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px; }

.form-horizontal .form-group {
  margin-left: -6px;
  margin-right: -6px; }
  .form-horizontal .form-group:before, .form-horizontal .form-group:after {
    content: " ";
    display: table; }
  .form-horizontal .form-group:after {
    clear: both; }

@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px; } }

.form-horizontal .has-feedback .form-control-feedback {
  right: 6px; }

@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 18px; } }

@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px; } }

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857;
  border-radius: 2px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
  .btn:hover, .btn:focus, .btn.focus {
    color: #333;
    text-decoration: none; }
  .btn:active, .btn.active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
  .btn.disabled, .btn[disabled],
  fieldset[disabled] .btn {
    cursor: not-allowed;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none; }

a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none; }

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc; }
  .btn-default:focus, .btn-default.focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c; }
  .btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad; }
  .btn-default:active, .btn-default.active,
  .open > .btn-default.dropdown-toggle {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad; }
    .btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus,
    .open > .btn-default.dropdown-toggle:hover,
    .open > .btn-default.dropdown-toggle:focus,
    .open > .btn-default.dropdown-toggle.focus {
      color: #333;
      background-color: #d4d4d4;
      border-color: #8c8c8c; }
  .btn-default:active, .btn-default.active,
  .open > .btn-default.dropdown-toggle {
    background-image: none; }
  .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus,
  fieldset[disabled] .btn-default:hover,
  fieldset[disabled] .btn-default:focus,
  fieldset[disabled] .btn-default.focus {
    background-color: #fff;
    border-color: #ccc; }
  .btn-default .badge {
    color: #fff;
    background-color: #333; }

.btn-primary {
  color: #fff;
  background-color: #03a9f4;
  border-color: #0398db; }
  .btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: #0286c2;
    border-color: #01405d; }
  .btn-primary:hover {
    color: #fff;
    background-color: #0286c2;
    border-color: #026e9e; }
  .btn-primary:active, .btn-primary.active,
  .open > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0286c2;
    border-color: #026e9e; }
    .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus,
    .open > .btn-primary.dropdown-toggle:hover,
    .open > .btn-primary.dropdown-toggle:focus,
    .open > .btn-primary.dropdown-toggle.focus {
      color: #fff;
      background-color: #026e9e;
      border-color: #01405d; }
  .btn-primary:active, .btn-primary.active,
  .open > .btn-primary.dropdown-toggle {
    background-image: none; }
  .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus,
  fieldset[disabled] .btn-primary:hover,
  fieldset[disabled] .btn-primary:focus,
  fieldset[disabled] .btn-primary.focus {
    background-color: #03a9f4;
    border-color: #0398db; }
  .btn-primary .badge {
    color: #03a9f4;
    background-color: #fff; }

.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c; }
  .btn-success:focus, .btn-success.focus {
    color: #fff;
    background-color: #449d44;
    border-color: #255625; }
  .btn-success:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #398439; }
  .btn-success:active, .btn-success.active,
  .open > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #449d44;
    border-color: #398439; }
    .btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus,
    .open > .btn-success.dropdown-toggle:hover,
    .open > .btn-success.dropdown-toggle:focus,
    .open > .btn-success.dropdown-toggle.focus {
      color: #fff;
      background-color: #398439;
      border-color: #255625; }
  .btn-success:active, .btn-success.active,
  .open > .btn-success.dropdown-toggle {
    background-image: none; }
  .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus,
  fieldset[disabled] .btn-success:hover,
  fieldset[disabled] .btn-success:focus,
  fieldset[disabled] .btn-success.focus {
    background-color: #5cb85c;
    border-color: #4cae4c; }
  .btn-success .badge {
    color: #5cb85c;
    background-color: #fff; }

.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da; }
  .btn-info:focus, .btn-info.focus {
    color: #fff;
    background-color: #31b0d5;
    border-color: #1b6d85; }
  .btn-info:hover {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc; }
  .btn-info:active, .btn-info.active,
  .open > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc; }
    .btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus,
    .open > .btn-info.dropdown-toggle:hover,
    .open > .btn-info.dropdown-toggle:focus,
    .open > .btn-info.dropdown-toggle.focus {
      color: #fff;
      background-color: #269abc;
      border-color: #1b6d85; }
  .btn-info:active, .btn-info.active,
  .open > .btn-info.dropdown-toggle {
    background-image: none; }
  .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus,
  fieldset[disabled] .btn-info:hover,
  fieldset[disabled] .btn-info:focus,
  fieldset[disabled] .btn-info.focus {
    background-color: #5bc0de;
    border-color: #46b8da; }
  .btn-info .badge {
    color: #5bc0de;
    background-color: #fff; }

.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236; }
  .btn-warning:focus, .btn-warning.focus {
    color: #fff;
    background-color: #ec971f;
    border-color: #985f0d; }
  .btn-warning:hover {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512; }
  .btn-warning:active, .btn-warning.active,
  .open > .btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512; }
    .btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus,
    .open > .btn-warning.dropdown-toggle:hover,
    .open > .btn-warning.dropdown-toggle:focus,
    .open > .btn-warning.dropdown-toggle.focus {
      color: #fff;
      background-color: #d58512;
      border-color: #985f0d; }
  .btn-warning:active, .btn-warning.active,
  .open > .btn-warning.dropdown-toggle {
    background-image: none; }
  .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus,
  fieldset[disabled] .btn-warning:hover,
  fieldset[disabled] .btn-warning:focus,
  fieldset[disabled] .btn-warning.focus {
    background-color: #f0ad4e;
    border-color: #eea236; }
  .btn-warning .badge {
    color: #f0ad4e;
    background-color: #fff; }

.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a; }
  .btn-danger:focus, .btn-danger.focus {
    color: #fff;
    background-color: #c9302c;
    border-color: #761c19; }
  .btn-danger:hover {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925; }
  .btn-danger:active, .btn-danger.active,
  .open > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925; }
    .btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus,
    .open > .btn-danger.dropdown-toggle:hover,
    .open > .btn-danger.dropdown-toggle:focus,
    .open > .btn-danger.dropdown-toggle.focus {
      color: #fff;
      background-color: #ac2925;
      border-color: #761c19; }
  .btn-danger:active, .btn-danger.active,
  .open > .btn-danger.dropdown-toggle {
    background-image: none; }
  .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus,
  fieldset[disabled] .btn-danger:hover,
  fieldset[disabled] .btn-danger:focus,
  fieldset[disabled] .btn-danger.focus {
    background-color: #d9534f;
    border-color: #d43f3a; }
  .btn-danger .badge {
    color: #d9534f;
    background-color: #fff; }

.btn-link {
  color: #03a9f4;
  font-weight: normal;
  border-radius: 0; }
  .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled],
  fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
    border-color: transparent; }
  .btn-link:hover, .btn-link:focus {
    color: #0275a8;
    text-decoration: underline;
    background-color: transparent; }
  .btn-link[disabled]:hover, .btn-link[disabled]:focus,
  fieldset[disabled] .btn-link:hover,
  fieldset[disabled] .btn-link:focus {
    color: #777777;
    text-decoration: none; }

.btn-lg, .btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333;
  border-radius: 3px; }

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

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

.btn-block {
  display: block;
  width: 100%; }

.btn-block + .btn-block {
  margin-top: 5px; }

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%; }

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

.collapse {
  display: none; }
  .collapse.in {
    display: block; }

tr.collapse.in {
  display: table-row; }

tbody.collapse.in {
  display: table-row-group; }

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

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

.dropup,
.dropdown {
  position: relative; }

.dropdown-toggle:focus {
  outline: 0; }

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 2px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box; }
  .dropdown-menu.pull-right {
    right: 0;
    left: auto; }
  .dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5; }
  .dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857;
    color: #333333;
    white-space: nowrap; }

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

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #03a9f4; }

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  color: #777777; }

.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed; }

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

.open > a {
  outline: 0; }

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

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

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857;
  color: #777777;
  white-space: nowrap; }

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

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

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
  content: ""; }

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px; }

@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto; }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto; } }

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle; }
  .btn-group > .btn,
  .btn-group-vertical > .btn {
    position: relative;
    float: left; }
    .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
    .btn-group-vertical > .btn:hover,
    .btn-group-vertical > .btn:focus,
    .btn-group-vertical > .btn:active,
    .btn-group-vertical > .btn.active {
      z-index: 2; }

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px; }

.btn-toolbar {
  margin-left: -5px; }
  .btn-toolbar:before, .btn-toolbar:after {
    content: " ";
    display: table; }
  .btn-toolbar:after {
    clear: both; }
  .btn-toolbar .btn,
  .btn-toolbar .btn-group,
  .btn-toolbar .input-group {
    float: left; }
  .btn-toolbar > .btn,
  .btn-toolbar > .btn-group,
  .btn-toolbar > .input-group {
    margin-left: 5px; }

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0; }

.btn-group > .btn:first-child {
  margin-left: 0; }
  .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0; }

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.btn-group > .btn-group {
  float: left; }

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0; }

.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0; }

.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px; }

.btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px; }

.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
  .btn-group.open .dropdown-toggle.btn-link {
    -webkit-box-shadow: none;
    box-shadow: none; }

.btn .caret {
  margin-left: 0; }

.btn-lg .caret, .btn-group-lg > .btn .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0; }

.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret {
  border-width: 0 5px 5px; }

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%; }

.btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after {
  content: " ";
  display: table; }

.btn-group-vertical > .btn-group:after {
  clear: both; }

.btn-group-vertical > .btn-group > .btn {
  float: none; }

.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0; }

.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0; }

.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px; }

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0; }

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate; }
  .btn-group-justified > .btn,
  .btn-group-justified > .btn-group {
    float: none;
    display: table-cell;
    width: 1%; }
  .btn-group-justified > .btn-group .btn {
    width: 100%; }
  .btn-group-justified > .btn-group .dropdown-menu {
    left: auto; }

[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none; }

.input-group {
  position: relative;
  display: table;
  border-collapse: separate; }
  .input-group[class*="col-"] {
    float: none;
    padding-left: 0;
    padding-right: 0; }
  .input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0; }
    .input-group .form-control:focus {
      z-index: 3; }

.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell; }
  .input-group-addon:not(:first-child):not(:last-child),
  .input-group-btn:not(:first-child):not(:last-child),
  .input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0; }

.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle; }

.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555555;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  border-radius: 2px; }
  .input-group-addon.input-sm,
  .input-group-sm > .input-group-addon,
  .input-group-sm > .input-group-btn > .input-group-addon.btn {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 1px; }
  .input-group-addon.input-lg,
  .input-group-lg > .input-group-addon,
  .input-group-lg > .input-group-btn > .input-group-addon.btn {
    padding: 10px 16px;
    font-size: 18px;
    border-radius: 3px; }
  .input-group-addon input[type="radio"],
  .input-group-addon input[type="checkbox"] {
    margin-top: 0; }

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

.input-group-addon:first-child {
  border-right: 0; }

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.input-group-addon:last-child {
  border-left: 0; }

.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap; }
  .input-group-btn > .btn {
    position: relative; }
    .input-group-btn > .btn + .btn {
      margin-left: -1px; }
    .input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active {
      z-index: 2; }
  .input-group-btn:first-child > .btn,
  .input-group-btn:first-child > .btn-group {
    margin-right: -1px; }
  .input-group-btn:last-child > .btn,
  .input-group-btn:last-child > .btn-group {
    z-index: 2;
    margin-left: -1px; }

.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none; }
  .nav:before, .nav:after {
    content: " ";
    display: table; }
  .nav:after {
    clear: both; }
  .nav > li {
    position: relative;
    display: block; }
    .nav > li > a {
      position: relative;
      display: block;
      padding: 10px 15px; }
      .nav > li > a:hover, .nav > li > a:focus {
        text-decoration: none;
        background-color: #eeeeee; }
    .nav > li.disabled > a {
      color: #777777; }
      .nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
        color: #777777;
        text-decoration: none;
        background-color: transparent;
        cursor: not-allowed; }
  .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #eeeeee;
    border-color: #03a9f4; }
  .nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5; }
  .nav > li > a > img {
    max-width: none; }

.nav-tabs {
  border-bottom: 1px solid #ddd; }
  .nav-tabs > li {
    float: left;
    margin-bottom: -1px; }
    .nav-tabs > li > a {
      margin-right: 2px;
      line-height: 1.42857;
      border: 1px solid transparent;
      border-radius: 2px 2px 0 0; }
      .nav-tabs > li > a:hover {
        border-color: #eeeeee #eeeeee #ddd; }
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
      color: #555555;
      background-color: #f4f4f4;
      border: 1px solid #ddd;
      border-bottom-color: transparent;
      cursor: default; }

.nav-pills > li {
  float: left; }
  .nav-pills > li > a {
    border-radius: 2px; }
  .nav-pills > li + li {
    margin-left: 2px; }
  .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #fff;
    background-color: #03a9f4; }

.nav-stacked > li {
  float: none; }
  .nav-stacked > li + li {
    margin-top: 2px;
    margin-left: 0; }

.nav-justified, .nav-tabs.nav-justified {
  width: 100%; }
  .nav-justified > li, .nav-tabs.nav-justified > li {
    float: none; }
    .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
      text-align: center;
      margin-bottom: 5px; }
  .nav-justified > .dropdown .dropdown-menu {
    top: auto;
    left: auto; }
  @media (min-width: 768px) {
    .nav-justified > li, .nav-tabs.nav-justified > li {
      display: table-cell;
      width: 1%; }
      .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
        margin-bottom: 0; } }

.nav-tabs-justified, .nav-tabs.nav-justified {
  border-bottom: 0; }
  .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
    margin-right: 0;
    border-radius: 2px; }
  .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus,
  .nav-tabs.nav-justified > .active > a:focus {
    border: 1px solid #ddd; }
  @media (min-width: 768px) {
    .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
      border-bottom: 1px solid #ddd;
      border-radius: 2px 2px 0 0; }
    .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
    .nav-tabs-justified > .active > a:hover,
    .nav-tabs.nav-justified > .active > a:hover,
    .nav-tabs-justified > .active > a:focus,
    .nav-tabs.nav-justified > .active > a:focus {
      border-bottom-color: #f4f4f4; } }

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

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

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.navbar {
  position: relative;
  min-height: 56px;
  margin-bottom: 20px;
  border: 1px solid transparent; }
  .navbar:before, .navbar:after {
    content: " ";
    display: table; }
  .navbar:after {
    clear: both; }
  @media (min-width: 768px) {
    .navbar {
      border-radius: 2px; } }

.navbar-header:before, .navbar-header:after {
  content: " ";
  display: table; }

.navbar-header:after {
  clear: both; }

@media (min-width: 768px) {
  .navbar-header {
    float: left; } }

.navbar-collapse {
  overflow-x: visible;
  padding-right: 6px;
  padding-left: 6px;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch; }
  .navbar-collapse:before, .navbar-collapse:after {
    content: " ";
    display: table; }
  .navbar-collapse:after {
    clear: both; }
  .navbar-collapse.in {
    overflow-y: auto; }
  @media (min-width: 768px) {
    .navbar-collapse {
      width: auto;
      border-top: 0;
      box-shadow: none; }
      .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important; }
      .navbar-collapse.in {
        overflow-y: visible; }
      .navbar-fixed-top .navbar-collapse,
      .navbar-static-top .navbar-collapse,
      .navbar-fixed-bottom .navbar-collapse {
        padding-left: 0;
        padding-right: 0; } }

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px; }
  @media (max-device-width: 480px) and (orientation: landscape) {
    .navbar-fixed-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
      max-height: 200px; } }

.container > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-header,
.container-fluid > .navbar-collapse {
  margin-right: -6px;
  margin-left: -6px; }
  @media (min-width: 768px) {
    .container > .navbar-header,
    .container > .navbar-collapse,
    .container-fluid > .navbar-header,
    .container-fluid > .navbar-collapse {
      margin-right: 0;
      margin-left: 0; } }

.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px; }
  @media (min-width: 768px) {
    .navbar-static-top {
      border-radius: 0; } }

.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030; }
  @media (min-width: 768px) {
    .navbar-fixed-top,
    .navbar-fixed-bottom {
      border-radius: 0; } }

.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px; }

.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0; }

.navbar-brand {
  float: left;
  padding: 18px 6px;
  font-size: 18px;
  line-height: 20px;
  height: 56px; }
  .navbar-brand:hover, .navbar-brand:focus {
    text-decoration: none; }
  .navbar-brand > img {
    display: block; }
  @media (min-width: 768px) {
    .navbar > .container .navbar-brand,
    .navbar > .container-fluid .navbar-brand {
      margin-left: -6px; } }

.navbar-toggle {
  position: relative;
  float: right;
  margin-right: 6px;
  padding: 9px 10px;
  margin-top: 11px;
  margin-bottom: 11px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 2px; }
  .navbar-toggle:focus {
    outline: 0; }
  .navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px; }
  .navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px; }
  @media (min-width: 768px) {
    .navbar-toggle {
      display: none; } }

.navbar-nav {
  margin: 9px -6px; }
  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px; }
  @media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
      position: static;
      float: none;
      width: auto;
      margin-top: 0;
      background-color: transparent;
      border: 0;
      box-shadow: none; }
      .navbar-nav .open .dropdown-menu > li > a,
      .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px; }
      .navbar-nav .open .dropdown-menu > li > a {
        line-height: 20px; }
        .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
          background-image: none; } }
  @media (min-width: 768px) {
    .navbar-nav {
      float: left;
      margin: 0; }
      .navbar-nav > li {
        float: left; }
        .navbar-nav > li > a {
          padding-top: 18px;
          padding-bottom: 18px; } }

.navbar-form {
  margin-left: -6px;
  margin-right: -6px;
  padding: 10px 6px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 11px;
  margin-bottom: 11px; }
  @media (min-width: 768px) {
    .navbar-form .form-group {
      display: inline-block;
      margin-bottom: 0;
      vertical-align: middle; }
    .navbar-form .form-control {
      display: inline-block;
      width: auto;
      vertical-align: middle; }
    .navbar-form .form-control-static {
      display: inline-block; }
    .navbar-form .input-group {
      display: inline-table;
      vertical-align: middle; }
      .navbar-form .input-group .input-group-addon,
      .navbar-form .input-group .input-group-btn,
      .navbar-form .input-group .form-control {
        width: auto; }
    .navbar-form .input-group > .form-control {
      width: 100%; }
    .navbar-form .control-label {
      margin-bottom: 0;
      vertical-align: middle; }
    .navbar-form .radio,
    .navbar-form .checkbox {
      display: inline-block;
      margin-top: 0;
      margin-bottom: 0;
      vertical-align: middle; }
      .navbar-form .radio label,
      .navbar-form .checkbox label {
        padding-left: 0; }
    .navbar-form .radio input[type="radio"],
    .navbar-form .checkbox input[type="checkbox"] {
      position: relative;
      margin-left: 0; }
    .navbar-form .has-feedback .form-control-feedback {
      top: 0; } }
  @media (max-width: 767px) {
    .navbar-form .form-group {
      margin-bottom: 5px; }
      .navbar-form .form-group:last-child {
        margin-bottom: 0; } }
  @media (min-width: 768px) {
    .navbar-form {
      width: auto;
      border: 0;
      margin-left: 0;
      margin-right: 0;
      padding-top: 0;
      padding-bottom: 0;
      -webkit-box-shadow: none;
      box-shadow: none; } }

.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.navbar-btn {
  margin-top: 11px;
  margin-bottom: 11px; }
  .navbar-btn.btn-sm, .btn-group-sm > .navbar-btn.btn {
    margin-top: 13px;
    margin-bottom: 13px; }
  .navbar-btn.btn-xs, .btn-group-xs > .navbar-btn.btn {
    margin-top: 17px;
    margin-bottom: 17px; }

.navbar-text {
  margin-top: 18px;
  margin-bottom: 18px; }
  @media (min-width: 768px) {
    .navbar-text {
      float: left;
      margin-left: 6px;
      margin-right: 6px; } }

@media (min-width: 768px) {
  .navbar-left {
    float: left !important; }
  .navbar-right {
    float: right !important;
    margin-right: -6px; }
    .navbar-right ~ .navbar-right {
      margin-right: 0; } }

.navbar-default {
  background-color: #fff;
  border-color: #eeeeee; }
  .navbar-default .navbar-brand {
    color: #dddddd; }
    .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
      color: white;
      background-color: transparent; }
  .navbar-default .navbar-text {
    color: #999; }
  .navbar-default .navbar-nav > li > a {
    color: #aaa; }
    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
      color: #dddddd;
      background-color: transparent; }
  .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #555;
    background-color: #eeeeee; }
  .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
    color: #666;
    background-color: transparent; }
  .navbar-default .navbar-toggle {
    border-color: #ddd; }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
      background-color: #ddd; }
    .navbar-default .navbar-toggle .icon-bar {
      background-color: #888; }
  .navbar-default .navbar-collapse,
  .navbar-default .navbar-form {
    border-color: #eeeeee; }
  .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: #eeeeee;
    color: #555; }
  @media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
      color: #aaa; }
      .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #dddddd;
        background-color: transparent; }
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
      color: #555;
      background-color: #eeeeee; }
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
      color: #666;
      background-color: transparent; } }
  .navbar-default .navbar-link {
    color: #aaa; }
    .navbar-default .navbar-link:hover {
      color: #dddddd; }
  .navbar-default .btn-link {
    color: #aaa; }
    .navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
      color: #dddddd; }
    .navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus,
    fieldset[disabled] .navbar-default .btn-link:hover,
    fieldset[disabled] .navbar-default .btn-link:focus {
      color: #666; }

.navbar-inverse {
  background-color: #222;
  border-color: #090909; }
  .navbar-inverse .navbar-brand {
    color: #9d9d9d; }
    .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
      color: #fff;
      background-color: transparent; }
  .navbar-inverse .navbar-text {
    color: #9d9d9d; }
  .navbar-inverse .navbar-nav > li > a {
    color: #9d9d9d; }
    .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
      color: #fff;
      background-color: transparent; }
  .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #090909; }
  .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
    color: #444;
    background-color: transparent; }
  .navbar-inverse .navbar-toggle {
    border-color: #333; }
    .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
      background-color: #333; }
    .navbar-inverse .navbar-toggle .icon-bar {
      background-color: #fff; }
  .navbar-inverse .navbar-collapse,
  .navbar-inverse .navbar-form {
    border-color: #101010; }
  .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    background-color: #090909;
    color: #fff; }
  @media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
      border-color: #090909; }
    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
      background-color: #090909; }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
      color: #9d9d9d; }
      .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #fff;
        background-color: transparent; }
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
      color: #fff;
      background-color: #090909; }
    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
      color: #444;
      background-color: transparent; } }
  .navbar-inverse .navbar-link {
    color: #9d9d9d; }
    .navbar-inverse .navbar-link:hover {
      color: #fff; }
  .navbar-inverse .btn-link {
    color: #9d9d9d; }
    .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
      color: #fff; }
    .navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus,
    fieldset[disabled] .navbar-inverse .btn-link:hover,
    fieldset[disabled] .navbar-inverse .btn-link:focus {
      color: #444; }

.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 2px; }
  .breadcrumb > li {
    display: inline-block; }
    .breadcrumb > li + li:before {
      content: "/\A0";
      padding: 0 5px;
      color: #ccc; }
  .breadcrumb > .active {
    color: #777777; }

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 2px; }
  .pagination > li {
    display: inline; }
    .pagination > li > a,
    .pagination > li > span {
      position: relative;
      float: left;
      padding: 6px 12px;
      line-height: 1.42857;
      text-decoration: none;
      color: #03a9f4;
      background-color: #fff;
      border: 1px solid #ddd;
      margin-left: -1px; }
    .pagination > li:first-child > a,
    .pagination > li:first-child > span {
      margin-left: 0;
      border-bottom-left-radius: 2px;
      border-top-left-radius: 2px; }
    .pagination > li:last-child > a,
    .pagination > li:last-child > span {
      border-bottom-right-radius: 2px;
      border-top-right-radius: 2px; }
  .pagination > li > a:hover, .pagination > li > a:focus,
  .pagination > li > span:hover,
  .pagination > li > span:focus {
    z-index: 2;
    color: #0275a8;
    background-color: #eeeeee;
    border-color: #ddd; }
  .pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
  .pagination > .active > span,
  .pagination > .active > span:hover,
  .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    background-color: #03a9f4;
    border-color: #03a9f4;
    cursor: default; }
  .pagination > .disabled > span,
  .pagination > .disabled > span:hover,
  .pagination > .disabled > span:focus,
  .pagination > .disabled > a,
  .pagination > .disabled > a:hover,
  .pagination > .disabled > a:focus {
    color: #777777;
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed; }

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333; }

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px; }

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px; }

.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5; }

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 1px;
  border-top-left-radius: 1px; }

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 1px;
  border-top-right-radius: 1px; }

.pager {
  padding-left: 0;
  margin: 20px 0;
  list-style: none;
  text-align: center; }
  .pager:before, .pager:after {
    content: " ";
    display: table; }
  .pager:after {
    clear: both; }
  .pager li {
    display: inline; }
    .pager li > a,
    .pager li > span {
      display: inline-block;
      padding: 5px 14px;
      background-color: #fff;
      border: 1px solid #ddd;
      border-radius: 15px; }
    .pager li > a:hover,
    .pager li > a:focus {
      text-decoration: none;
      background-color: #eeeeee; }
  .pager .next > a,
  .pager .next > span {
    float: right; }
  .pager .previous > a,
  .pager .previous > span {
    float: left; }
  .pager .disabled > a,
  .pager .disabled > a:hover,
  .pager .disabled > a:focus,
  .pager .disabled > span {
    color: #777777;
    background-color: #fff;
    cursor: not-allowed; }

.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em; }
  .label:empty {
    display: none; }
  .btn .label {
    position: relative;
    top: -1px; }

a.label:hover, a.label:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer; }

.label-default {
  background-color: #777777; }
  .label-default[href]:hover, .label-default[href]:focus {
    background-color: #5e5e5e; }

.label-primary {
  background-color: #03a9f4; }
  .label-primary[href]:hover, .label-primary[href]:focus {
    background-color: #0286c2; }

.label-success {
  background-color: #5cb85c; }
  .label-success[href]:hover, .label-success[href]:focus {
    background-color: #449d44; }

.label-info {
  background-color: #5bc0de; }
  .label-info[href]:hover, .label-info[href]:focus {
    background-color: #31b0d5; }

.label-warning {
  background-color: #f0ad4e; }
  .label-warning[href]:hover, .label-warning[href]:focus {
    background-color: #ec971f; }

.label-danger {
  background-color: #d9534f; }
  .label-danger[href]:hover, .label-danger[href]:focus {
    background-color: #c9302c; }

.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  background-color: #777777;
  border-radius: 10px; }
  .badge:empty {
    display: none; }
  .btn .badge {
    position: relative;
    top: -1px; }
  .btn-xs .badge, .btn-group-xs > .btn .badge,
  .btn-group-xs > .btn .badge {
    top: 0;
    padding: 1px 5px; }
  .list-group-item.active > .badge,
  .nav-pills > .active > a > .badge {
    color: #03a9f4;
    background-color: #fff; }
  .list-group-item > .badge {
    float: right; }
  .list-group-item > .badge + .badge {
    margin-right: 5px; }
  .nav-pills > li > a > .badge {
    margin-left: 3px; }

a.badge:hover, a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer; }

.jumbotron {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eeeeee; }
  .jumbotron h1,
  .jumbotron .h1 {
    color: inherit; }
  .jumbotron p {
    margin-bottom: 15px;
    font-size: 21px;
    font-weight: 200; }
  .jumbotron > hr {
    border-top-color: #d5d5d5; }
  .container .jumbotron,
  .container-fluid .jumbotron {
    border-radius: 3px;
    padding-left: 6px;
    padding-right: 6px; }
  .jumbotron .container {
    max-width: 100%; }
  @media screen and (min-width: 768px) {
    .jumbotron {
      padding-top: 48px;
      padding-bottom: 48px; }
      .container .jumbotron,
      .container-fluid .jumbotron {
        padding-left: 60px;
        padding-right: 60px; }
      .jumbotron h1,
      .jumbotron .h1 {
        font-size: 63px; } }

.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857;
  background-color: #f4f4f4;
  border: 1px solid #ddd;
  border-radius: 2px;
  -webkit-transition: border 0.2s ease-in-out;
  -o-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out; }
  .thumbnail > img,
  .thumbnail a > img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto; }
  .thumbnail .caption {
    padding: 9px;
    color: #333333; }

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #03a9f4; }

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 2px; }
  .alert h4 {
    margin-top: 0;
    color: inherit; }
  .alert .alert-link {
    font-weight: bold; }
  .alert > p,
  .alert > ul {
    margin-bottom: 0; }
  .alert > p + p {
    margin-top: 5px; }

.alert-dismissable,
.alert-dismissible {
  padding-right: 35px; }
  .alert-dismissable .close,
  .alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit; }

.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d; }
  .alert-success hr {
    border-top-color: #c9e2b3; }
  .alert-success .alert-link {
    color: #2b542c; }

.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f; }
  .alert-info hr {
    border-top-color: #a6e1ec; }
  .alert-info .alert-link {
    color: #245269; }

.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b; }
  .alert-warning hr {
    border-top-color: #f7e1b5; }
  .alert-warning .alert-link {
    color: #66512c; }

.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442; }
  .alert-danger hr {
    border-top-color: #e4b9c0; }
  .alert-danger .alert-link {
    color: #843534; }

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }
  to {
    background-position: 0 0; } }

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }
  to {
    background-position: 0 0; } }

.progress {
  overflow: hidden;
  height: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }

.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #03a9f4;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease; }

.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px; }

.progress.active .progress-bar,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite; }

.progress-bar-success {
  background-color: #5cb85c; }
  .progress-striped .progress-bar-success {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress-bar-info {
  background-color: #5bc0de; }
  .progress-striped .progress-bar-info {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress-bar-warning {
  background-color: #f0ad4e; }
  .progress-striped .progress-bar-warning {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress-bar-danger {
  background-color: #d9534f; }
  .progress-striped .progress-bar-danger {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.media {
  margin-top: 15px; }
  .media:first-child {
    margin-top: 0; }

.media,
.media-body {
  zoom: 1;
  overflow: hidden; }

.media-body {
  width: 10000px; }

.media-object {
  display: block; }
  .media-object.img-thumbnail {
    max-width: none; }

.media-right,
.media > .pull-right {
  padding-left: 10px; }

.media-left,
.media > .pull-left {
  padding-right: 10px; }

.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top; }

.media-middle {
  vertical-align: middle; }

.media-bottom {
  vertical-align: bottom; }

.media-heading {
  margin-top: 0;
  margin-bottom: 5px; }

.media-list {
  padding-left: 0;
  list-style: none; }

.list-group {
  margin-bottom: 20px;
  padding-left: 0; }

.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd; }
  .list-group-item:first-child {
    border-top-right-radius: 2px;
    border-top-left-radius: 2px; }
  .list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px; }

a.list-group-item,
button.list-group-item {
  color: #555; }
  a.list-group-item .list-group-item-heading,
  button.list-group-item .list-group-item-heading {
    color: #333; }
  a.list-group-item:hover, a.list-group-item:focus,
  button.list-group-item:hover,
  button.list-group-item:focus {
    text-decoration: none;
    color: #555;
    background-color: #f5f5f5; }

button.list-group-item {
  width: 100%;
  text-align: left; }

.list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus {
  background-color: #eeeeee;
  color: #777777;
  cursor: not-allowed; }
  .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading {
    color: inherit; }
  .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text {
    color: #777777; }

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #03a9f4;
  border-color: #03a9f4; }
  .list-group-item.active .list-group-item-heading,
  .list-group-item.active .list-group-item-heading > small,
  .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading,
  .list-group-item.active:hover .list-group-item-heading > small,
  .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading,
  .list-group-item.active:focus .list-group-item-heading > small,
  .list-group-item.active:focus .list-group-item-heading > .small {
    color: inherit; }
  .list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text {
    color: #c5ecfe; }

.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8; }

a.list-group-item-success,
button.list-group-item-success {
  color: #3c763d; }
  a.list-group-item-success .list-group-item-heading,
  button.list-group-item-success .list-group-item-heading {
    color: inherit; }
  a.list-group-item-success:hover, a.list-group-item-success:focus,
  button.list-group-item-success:hover,
  button.list-group-item-success:focus {
    color: #3c763d;
    background-color: #d0e9c6; }
  a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus,
  button.list-group-item-success.active,
  button.list-group-item-success.active:hover,
  button.list-group-item-success.active:focus {
    color: #fff;
    background-color: #3c763d;
    border-color: #3c763d; }

.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7; }

a.list-group-item-info,
button.list-group-item-info {
  color: #31708f; }
  a.list-group-item-info .list-group-item-heading,
  button.list-group-item-info .list-group-item-heading {
    color: inherit; }
  a.list-group-item-info:hover, a.list-group-item-info:focus,
  button.list-group-item-info:hover,
  button.list-group-item-info:focus {
    color: #31708f;
    background-color: #c4e3f3; }
  a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus,
  button.list-group-item-info.active,
  button.list-group-item-info.active:hover,
  button.list-group-item-info.active:focus {
    color: #fff;
    background-color: #31708f;
    border-color: #31708f; }

.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3; }

a.list-group-item-warning,
button.list-group-item-warning {
  color: #8a6d3b; }
  a.list-group-item-warning .list-group-item-heading,
  button.list-group-item-warning .list-group-item-heading {
    color: inherit; }
  a.list-group-item-warning:hover, a.list-group-item-warning:focus,
  button.list-group-item-warning:hover,
  button.list-group-item-warning:focus {
    color: #8a6d3b;
    background-color: #faf2cc; }
  a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus,
  button.list-group-item-warning.active,
  button.list-group-item-warning.active:hover,
  button.list-group-item-warning.active:focus {
    color: #fff;
    background-color: #8a6d3b;
    border-color: #8a6d3b; }

.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede; }

a.list-group-item-danger,
button.list-group-item-danger {
  color: #a94442; }
  a.list-group-item-danger .list-group-item-heading,
  button.list-group-item-danger .list-group-item-heading {
    color: inherit; }
  a.list-group-item-danger:hover, a.list-group-item-danger:focus,
  button.list-group-item-danger:hover,
  button.list-group-item-danger:focus {
    color: #a94442;
    background-color: #ebcccc; }
  a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus,
  button.list-group-item-danger.active,
  button.list-group-item-danger.active:hover,
  button.list-group-item-danger.active:focus {
    color: #fff;
    background-color: #a94442;
    border-color: #a94442; }

.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px; }

.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3; }

.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }

.panel-body {
  padding: 15px; }
  .panel-body:before, .panel-body:after {
    content: " ";
    display: table; }
  .panel-body:after {
    clear: both; }

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 1px;
  border-top-left-radius: 1px; }
  .panel-heading > .dropdown .dropdown-toggle {
    color: inherit; }

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

.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 1px;
  border-bottom-left-radius: 1px; }

.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0; }
  .panel > .list-group .list-group-item,
  .panel > .panel-collapse > .list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0; }
  .panel > .list-group:first-child .list-group-item:first-child,
  .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-right-radius: 1px;
    border-top-left-radius: 1px; }
  .panel > .list-group:last-child .list-group-item:last-child,
  .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 1px;
    border-bottom-left-radius: 1px; }

.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0; }

.list-group + .panel-footer {
  border-top-width: 0; }

.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0; }
  .panel > .table caption,
  .panel > .table-responsive > .table caption,
  .panel > .panel-collapse > .table caption {
    padding-left: 15px;
    padding-right: 15px; }

.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-right-radius: 1px;
  border-top-left-radius: 1px; }
  .panel > .table:first-child > thead:first-child > tr:first-child,
  .panel > .table:first-child > tbody:first-child > tr:first-child,
  .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
  .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
    border-top-left-radius: 1px;
    border-top-right-radius: 1px; }
    .panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
    .panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
    .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
    .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
    .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
    .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
    .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
    .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
      border-top-left-radius: 1px; }
    .panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
    .panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
    .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
    .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
    .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
    .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
    .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
    .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
      border-top-right-radius: 1px; }

.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 1px;
  border-bottom-left-radius: 1px; }
  .panel > .table:last-child > tbody:last-child > tr:last-child,
  .panel > .table:last-child > tfoot:last-child > tr:last-child,
  .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
  .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
    border-bottom-left-radius: 1px;
    border-bottom-right-radius: 1px; }
    .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
    .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
    .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
    .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
    .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
    .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
    .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
    .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
      border-bottom-left-radius: 1px; }
    .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
    .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
    .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
    .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
    .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
    .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
    .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
    .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
      border-bottom-right-radius: 1px; }

.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #ddd; }

.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0; }

.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0; }
  .panel > .table-bordered > thead > tr > th:first-child,
  .panel > .table-bordered > thead > tr > td:first-child,
  .panel > .table-bordered > tbody > tr > th:first-child,
  .panel > .table-bordered > tbody > tr > td:first-child,
  .panel > .table-bordered > tfoot > tr > th:first-child,
  .panel > .table-bordered > tfoot > tr > td:first-child,
  .panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
  .panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0; }
  .panel > .table-bordered > thead > tr > th:last-child,
  .panel > .table-bordered > thead > tr > td:last-child,
  .panel > .table-bordered > tbody > tr > th:last-child,
  .panel > .table-bordered > tbody > tr > td:last-child,
  .panel > .table-bordered > tfoot > tr > th:last-child,
  .panel > .table-bordered > tfoot > tr > td:last-child,
  .panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
  .panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0; }
  .panel > .table-bordered > thead > tr:first-child > td,
  .panel > .table-bordered > thead > tr:first-child > th,
  .panel > .table-bordered > tbody > tr:first-child > td,
  .panel > .table-bordered > tbody > tr:first-child > th,
  .panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
  .panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
  .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
  .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
    border-bottom: 0; }
  .panel > .table-bordered > tbody > tr:last-child > td,
  .panel > .table-bordered > tbody > tr:last-child > th,
  .panel > .table-bordered > tfoot > tr:last-child > td,
  .panel > .table-bordered > tfoot > tr:last-child > th,
  .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
  .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
    border-bottom: 0; }

.panel > .table-responsive {
  border: 0;
  margin-bottom: 0; }

.panel-group {
  margin-bottom: 20px; }
  .panel-group .panel {
    margin-bottom: 0;
    border-radius: 2px; }
    .panel-group .panel + .panel {
      margin-top: 5px; }
  .panel-group .panel-heading {
    border-bottom: 0; }
    .panel-group .panel-heading + .panel-collapse > .panel-body,
    .panel-group .panel-heading + .panel-collapse > .list-group {
      border-top: 1px solid #ddd; }
  .panel-group .panel-footer {
    border-top: 0; }
    .panel-group .panel-footer + .panel-collapse .panel-body {
      border-bottom: 1px solid #ddd; }

.panel-default {
  border-color: #ddd; }
  .panel-default > .panel-heading {
    color: #333333;
    background-color: #f5f5f5;
    border-color: #ddd; }
    .panel-default > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #ddd; }
    .panel-default > .panel-heading .badge {
      color: #f5f5f5;
      background-color: #333333; }
  .panel-default > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ddd; }

.panel-primary {
  border-color: #03a9f4; }
  .panel-primary > .panel-heading {
    color: #fff;
    background-color: #03a9f4;
    border-color: #03a9f4; }
    .panel-primary > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #03a9f4; }
    .panel-primary > .panel-heading .badge {
      color: #03a9f4;
      background-color: #fff; }
  .panel-primary > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #03a9f4; }

.panel-success {
  border-color: #d6e9c6; }
  .panel-success > .panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6; }
    .panel-success > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #d6e9c6; }
    .panel-success > .panel-heading .badge {
      color: #dff0d8;
      background-color: #3c763d; }
  .panel-success > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #d6e9c6; }

.panel-info {
  border-color: #bce8f1; }
  .panel-info > .panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1; }
    .panel-info > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #bce8f1; }
    .panel-info > .panel-heading .badge {
      color: #d9edf7;
      background-color: #31708f; }
  .panel-info > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #bce8f1; }

.panel-warning {
  border-color: #faebcc; }
  .panel-warning > .panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc; }
    .panel-warning > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #faebcc; }
    .panel-warning > .panel-heading .badge {
      color: #fcf8e3;
      background-color: #8a6d3b; }
  .panel-warning > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #faebcc; }

.panel-danger {
  border-color: #ebccd1; }
  .panel-danger > .panel-heading {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1; }
    .panel-danger > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #ebccd1; }
    .panel-danger > .panel-heading .badge {
      color: #f2dede;
      background-color: #a94442; }
  .panel-danger > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ebccd1; }

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden; }
  .embed-responsive .embed-responsive-item,
  .embed-responsive iframe,
  .embed-responsive embed,
  .embed-responsive object,
  .embed-responsive video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0; }

.embed-responsive-16by9 {
  padding-bottom: 56.25%; }

.embed-responsive-4by3 {
  padding-bottom: 75%; }

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); }
  .well blockquote {
    border-color: #ddd;
    border-color: rgba(0, 0, 0, 0.15); }

.well-lg {
  padding: 24px;
  border-radius: 3px; }

.well-sm {
  padding: 9px;
  border-radius: 1px; }

.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
  filter: alpha(opacity=20); }
  .close:hover, .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.5;
    filter: alpha(opacity=50); }

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

.modal-open {
  overflow: hidden; }

.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0; }
  .modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -moz-transition: -moz-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out; }
  .modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }

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

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px; }

.modal-content {
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0; }

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000; }
  .modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0); }
  .modal-backdrop.in {
    opacity: 0.5;
    filter: alpha(opacity=50); }

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5; }
  .modal-header:before, .modal-header:after {
    content: " ";
    display: table; }
  .modal-header:after {
    clear: both; }

.modal-header .close {
  margin-top: -2px; }

.modal-title {
  margin: 0;
  line-height: 1.42857; }

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

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5; }
  .modal-footer:before, .modal-footer:after {
    content: " ";
    display: table; }
  .modal-footer:after {
    clear: both; }
  .modal-footer .btn + .btn {
    margin-left: 5px;
    margin-bottom: 0; }
  .modal-footer .btn-group .btn + .btn {
    margin-left: -1px; }
  .modal-footer .btn-block + .btn-block {
    margin-left: 0; }

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto; }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
  .modal-sm {
    width: 300px; } }

@media (min-width: 992px) {
  .modal-lg {
    width: 900px; } }

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 12px;
  opacity: 0;
  filter: alpha(opacity=0); }
  .tooltip.in {
    opacity: 0.9;
    filter: alpha(opacity=90); }
  .tooltip.top {
    margin-top: -3px;
    padding: 5px 0; }
  .tooltip.right {
    margin-left: 3px;
    padding: 0 5px; }
  .tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0; }
  .tooltip.left {
    margin-left: -3px;
    padding: 0 5px; }

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 2px; }

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

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

.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  right: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000; }

.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000; }

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

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

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

.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000; }

.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000; }

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 14px;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }
  .popover.top {
    margin-top: -10px; }
  .popover.right {
    margin-left: 10px; }
  .popover.bottom {
    margin-top: 10px; }
  .popover.left {
    margin-left: -10px; }

.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 2px 2px 0 0; }

.popover-content {
  padding: 9px 14px; }

.popover > .arrow, .popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.popover > .arrow {
  border-width: 11px; }

.popover > .arrow:after {
  border-width: 10px;
  content: ""; }

.popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px; }
  .popover.top > .arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #fff; }

.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25); }
  .popover.right > .arrow:after {
    content: " ";
    left: 1px;
    bottom: -10px;
    border-left-width: 0;
    border-right-color: #fff; }

.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px; }
  .popover.bottom > .arrow:after {
    content: " ";
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #fff; }

.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25); }
  .popover.left > .arrow:after {
    content: " ";
    right: 1px;
    border-right-width: 0;
    border-left-color: #fff;
    bottom: -10px; }

.carousel {
  position: relative; }

.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%; }
  .carousel-inner > .item {
    display: none;
    position: relative;
    -webkit-transition: 0.6s ease-in-out left;
    -o-transition: 0.6s ease-in-out left;
    transition: 0.6s ease-in-out left; }
    .carousel-inner > .item > img,
    .carousel-inner > .item > a > img {
      display: block;
      max-width: 100%;
      height: auto;
      line-height: 1; }
    @media all and (transform-3d), (-webkit-transform-3d) {
      .carousel-inner > .item {
        -webkit-transition: -webkit-transform 0.6s ease-in-out;
        -moz-transition: -moz-transform 0.6s ease-in-out;
        -o-transition: -o-transform 0.6s ease-in-out;
        transition: transform 0.6s ease-in-out;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        -moz-perspective: 1000px;
        perspective: 1000px; }
        .carousel-inner > .item.next, .carousel-inner > .item.active.right {
          -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
          left: 0; }
        .carousel-inner > .item.prev, .carousel-inner > .item.active.left {
          -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
          left: 0; }
        .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active {
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
          left: 0; } }
  .carousel-inner > .active,
  .carousel-inner > .next,
  .carousel-inner > .prev {
    display: block; }
  .carousel-inner > .active {
    left: 0; }
  .carousel-inner > .next,
  .carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%; }
  .carousel-inner > .next {
    left: 100%; }
  .carousel-inner > .prev {
    left: -100%; }
  .carousel-inner > .next.left,
  .carousel-inner > .prev.right {
    left: 0; }
  .carousel-inner > .active.left {
    left: -100%; }
  .carousel-inner > .active.right {
    left: 100%; }

.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: 0.5;
  filter: alpha(opacity=50);
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  background-color: rgba(0, 0, 0, 0); }
  .carousel-control.left {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); }
  .carousel-control.right {
    left: auto;
    right: 0;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); }
  .carousel-control:hover, .carousel-control:focus {
    outline: 0;
    color: #fff;
    text-decoration: none;
    opacity: 0.9;
    filter: alpha(opacity=90); }
  .carousel-control .icon-prev,
  .carousel-control .icon-next,
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    z-index: 5;
    display: inline-block; }
  .carousel-control .icon-prev,
  .carousel-control .glyphicon-chevron-left {
    left: 50%;
    margin-left: -10px; }
  .carousel-control .icon-next,
  .carousel-control .glyphicon-chevron-right {
    right: 50%;
    margin-right: -10px; }
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 20px;
    height: 20px;
    line-height: 1;
    font-family: serif; }
  .carousel-control .icon-prev:before {
    content: '\2039'; }
  .carousel-control .icon-next:before {
    content: '\203A'; }

.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center; }
  .carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    border: 1px solid #fff;
    border-radius: 10px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0, 0, 0, 0); }
  .carousel-indicators .active {
    margin: 0;
    width: 12px;
    height: 12px;
    background-color: #fff; }

.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
  .carousel-caption .btn {
    text-shadow: none; }

@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px; }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -10px; }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -10px; }
  .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px; }
  .carousel-indicators {
    bottom: 20px; } }

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

.clearfix:after {
  clear: both; }

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.pull-right {
  float: right !important; }

.pull-left {
  float: left !important; }

.hide {
  display: none !important; }

.show {
  display: block !important; }

.invisible {
  visibility: hidden; }

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.hidden {
  display: none !important; }

.affix {
  position: fixed; }

@-ms-viewport {
  width: device-width; }

.visible-xs {
  display: none !important; }

.visible-sm {
  display: none !important; }

.visible-md {
  display: none !important; }

.visible-lg {
  display: none !important; }

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important; }

@media (max-width: 767px) {
  .visible-xs {
    display: block !important; }
  table.visible-xs {
    display: table !important; }
  tr.visible-xs {
    display: table-row !important; }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important; } }

@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important; } }

@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important; } }

@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important; }
  table.visible-sm {
    display: table !important; }
  tr.visible-sm {
    display: table-row !important; }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important; }
  table.visible-md {
    display: table !important; }
  tr.visible-md {
    display: table-row !important; }
  th.visible-md,
  td.visible-md {
    display: table-cell !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important; } }

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important; }
  table.visible-lg {
    display: table !important; }
  tr.visible-lg {
    display: table-row !important; }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important; } }

@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important; } }

@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important; } }

@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important; } }

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important; } }

@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important; } }

.visible-print {
  display: none !important; }

@media print {
  .visible-print {
    display: block !important; }
  table.visible-print {
    display: table !important; }
  tr.visible-print {
    display: table-row !important; }
  th.visible-print,
  td.visible-print {
    display: table-cell !important; } }

.visible-print-block {
  display: none !important; }
  @media print {
    .visible-print-block {
      display: block !important; } }

.visible-print-inline {
  display: none !important; }
  @media print {
    .visible-print-inline {
      display: inline !important; } }

.visible-print-inline-block {
  display: none !important; }
  @media print {
    .visible-print-inline-block {
      display: inline-block !important; } }

@media print {
  .hidden-print {
    display: none !important; } }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pull-left {
  float: left; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fa-inverse {
  color: #fff; }

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

.fa-music:before {
  content: "\F001"; }

.fa-search:before {
  content: "\F002"; }

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

.fa-heart:before {
  content: "\F004"; }

.fa-star:before {
  content: "\F005"; }

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

.fa-user:before {
  content: "\F007"; }

.fa-film:before {
  content: "\F008"; }

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

.fa-th:before {
  content: "\F00A"; }

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

.fa-check:before {
  content: "\F00C"; }

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

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

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

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

.fa-signal:before {
  content: "\F012"; }

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

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

.fa-home:before {
  content: "\F015"; }

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

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

.fa-road:before {
  content: "\F018"; }

.fa-download:before {
  content: "\F019"; }

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

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

.fa-inbox:before {
  content: "\F01C"; }

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

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

.fa-refresh:before {
  content: "\F021"; }

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

.fa-lock:before {
  content: "\F023"; }

.fa-flag:before {
  content: "\F024"; }

.fa-headphones:before {
  content: "\F025"; }

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

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

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

.fa-qrcode:before {
  content: "\F029"; }

.fa-barcode:before {
  content: "\F02A"; }

.fa-tag:before {
  content: "\F02B"; }

.fa-tags:before {
  content: "\F02C"; }

.fa-book:before {
  content: "\F02D"; }

.fa-bookmark:before {
  content: "\F02E"; }

.fa-print:before {
  content: "\F02F"; }

.fa-camera:before {
  content: "\F030"; }

.fa-font:before {
  content: "\F031"; }

.fa-bold:before {
  content: "\F032"; }

.fa-italic:before {
  content: "\F033"; }

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

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

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

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

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

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

.fa-list:before {
  content: "\F03A"; }

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

.fa-indent:before {
  content: "\F03C"; }

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

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

.fa-pencil:before {
  content: "\F040"; }

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

.fa-adjust:before {
  content: "\F042"; }

.fa-tint:before {
  content: "\F043"; }

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

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

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

.fa-arrows:before {
  content: "\F047"; }

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

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

.fa-backward:before {
  content: "\F04A"; }

.fa-play:before {
  content: "\F04B"; }

.fa-pause:before {
  content: "\F04C"; }

.fa-stop:before {
  content: "\F04D"; }

.fa-forward:before {
  content: "\F04E"; }

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

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

.fa-eject:before {
  content: "\F052"; }

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

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

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

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

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

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

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

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

.fa-crosshairs:before {
  content: "\F05B"; }

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

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

.fa-ban:before {
  content: "\F05E"; }

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

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

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

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

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

.fa-expand:before {
  content: "\F065"; }

.fa-compress:before {
  content: "\F066"; }

.fa-plus:before {
  content: "\F067"; }

.fa-minus:before {
  content: "\F068"; }

.fa-asterisk:before {
  content: "\F069"; }

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

.fa-gift:before {
  content: "\F06B"; }

.fa-leaf:before {
  content: "\F06C"; }

.fa-fire:before {
  content: "\F06D"; }

.fa-eye:before {
  content: "\F06E"; }

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

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

.fa-plane:before {
  content: "\F072"; }

.fa-calendar:before {
  content: "\F073"; }

.fa-random:before {
  content: "\F074"; }

.fa-comment:before {
  content: "\F075"; }

.fa-magnet:before {
  content: "\F076"; }

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

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

.fa-retweet:before {
  content: "\F079"; }

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

.fa-folder:before {
  content: "\F07B"; }

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

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

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

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

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

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

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

.fa-key:before {
  content: "\F084"; }

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

.fa-comments:before {
  content: "\F086"; }

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

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

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

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

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

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

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

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

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

.fa-trophy:before {
  content: "\F091"; }

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

.fa-upload:before {
  content: "\F093"; }

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

.fa-phone:before {
  content: "\F095"; }

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

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

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

.fa-twitter:before {
  content: "\F099"; }

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

.fa-github:before {
  content: "\F09B"; }

.fa-unlock:before {
  content: "\F09C"; }

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

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

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

.fa-bullhorn:before {
  content: "\F0A1"; }

.fa-bell:before {
  content: "\F0F3"; }

.fa-certificate:before {
  content: "\F0A3"; }

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

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

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

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

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

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

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

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

.fa-globe:before {
  content: "\F0AC"; }

.fa-wrench:before {
  content: "\F0AD"; }

.fa-tasks:before {
  content: "\F0AE"; }

.fa-filter:before {
  content: "\F0B0"; }

.fa-briefcase:before {
  content: "\F0B1"; }

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

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

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

.fa-cloud:before {
  content: "\F0C2"; }

.fa-flask:before {
  content: "\F0C3"; }

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

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

.fa-paperclip:before {
  content: "\F0C6"; }

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

.fa-square:before {
  content: "\F0C8"; }

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

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

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

.fa-strikethrough:before {
  content: "\F0CC"; }

.fa-underline:before {
  content: "\F0CD"; }

.fa-table:before {
  content: "\F0CE"; }

.fa-magic:before {
  content: "\F0D0"; }

.fa-truck:before {
  content: "\F0D1"; }

.fa-pinterest:before {
  content: "\F0D2"; }

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

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

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

.fa-money:before {
  content: "\F0D6"; }

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

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

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

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

.fa-columns:before {
  content: "\F0DB"; }

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

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

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

.fa-envelope:before {
  content: "\F0E0"; }

.fa-linkedin:before {
  content: "\F0E1"; }

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

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

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

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

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

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

.fa-sitemap:before {
  content: "\F0E8"; }

.fa-umbrella:before {
  content: "\F0E9"; }

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

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

.fa-exchange:before {
  content: "\F0EC"; }

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

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

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

.fa-stethoscope:before {
  content: "\F0F1"; }

.fa-suitcase:before {
  content: "\F0F2"; }

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

.fa-coffee:before {
  content: "\F0F4"; }

.fa-cutlery:before {
  content: "\F0F5"; }

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

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

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

.fa-ambulance:before {
  content: "\F0F9"; }

.fa-medkit:before {
  content: "\F0FA"; }

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

.fa-beer:before {
  content: "\F0FC"; }

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

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

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

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

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

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

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

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

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

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

.fa-desktop:before {
  content: "\F108"; }

.fa-laptop:before {
  content: "\F109"; }

.fa-tablet:before {
  content: "\F10A"; }

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

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

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

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

.fa-spinner:before {
  content: "\F110"; }

.fa-circle:before {
  content: "\F111"; }

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

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

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

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

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

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

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

.fa-gamepad:before {
  content: "\F11B"; }

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

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

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

.fa-terminal:before {
  content: "\F120"; }

.fa-code:before {
  content: "\F121"; }

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

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

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

.fa-crop:before {
  content: "\F125"; }

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

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

.fa-question:before {
  content: "\F128"; }

.fa-info:before {
  content: "\F129"; }

.fa-exclamation:before {
  content: "\F12A"; }

.fa-superscript:before {
  content: "\F12B"; }

.fa-subscript:before {
  content: "\F12C"; }

.fa-eraser:before {
  content: "\F12D"; }

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

.fa-microphone:before {
  content: "\F130"; }

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

.fa-shield:before {
  content: "\F132"; }

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

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

.fa-rocket:before {
  content: "\F135"; }

.fa-maxcdn:before {
  content: "\F136"; }

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

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

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

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

.fa-html5:before {
  content: "\F13B"; }

.fa-css3:before {
  content: "\F13C"; }

.fa-anchor:before {
  content: "\F13D"; }

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

.fa-bullseye:before {
  content: "\F140"; }

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

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

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

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

.fa-ticket:before {
  content: "\F145"; }

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

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

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

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

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

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

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

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

.fa-compass:before {
  content: "\F14E"; }

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

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

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

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

.fa-gbp:before {
  content: "\F154"; }

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

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

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

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

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

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

.fa-file:before {
  content: "\F15B"; }

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

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

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

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

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

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

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

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

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

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

.fa-youtube:before {
  content: "\F167"; }

.fa-xing:before {
  content: "\F168"; }

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

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

.fa-dropbox:before {
  content: "\F16B"; }

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

.fa-instagram:before {
  content: "\F16D"; }

.fa-flickr:before {
  content: "\F16E"; }

.fa-adn:before {
  content: "\F170"; }

.fa-bitbucket:before {
  content: "\F171"; }

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

.fa-tumblr:before {
  content: "\F173"; }

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

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

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

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

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

.fa-apple:before {
  content: "\F179"; }

.fa-windows:before {
  content: "\F17A"; }

.fa-android:before {
  content: "\F17B"; }

.fa-linux:before {
  content: "\F17C"; }

.fa-dribbble:before {
  content: "\F17D"; }

.fa-skype:before {
  content: "\F17E"; }

.fa-foursquare:before {
  content: "\F180"; }

.fa-trello:before {
  content: "\F181"; }

.fa-female:before {
  content: "\F182"; }

.fa-male:before {
  content: "\F183"; }

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

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

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

.fa-archive:before {
  content: "\F187"; }

.fa-bug:before {
  content: "\F188"; }

.fa-vk:before {
  content: "\F189"; }

.fa-weibo:before {
  content: "\F18A"; }

.fa-renren:before {
  content: "\F18B"; }

.fa-pagelines:before {
  content: "\F18C"; }

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

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

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

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

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

.fa-wheelchair:before {
  content: "\F193"; }

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

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

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

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

.fa-slack:before {
  content: "\F198"; }

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

.fa-wordpress:before {
  content: "\F19A"; }

.fa-openid:before {
  content: "\F19B"; }

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

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

.fa-yahoo:before {
  content: "\F19E"; }

.fa-google:before {
  content: "\F1A0"; }

.fa-reddit:before {
  content: "\F1A1"; }

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

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

.fa-stumbleupon:before {
  content: "\F1A4"; }

.fa-delicious:before {
  content: "\F1A5"; }

.fa-digg:before {
  content: "\F1A6"; }

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

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

.fa-drupal:before {
  content: "\F1A9"; }

.fa-joomla:before {
  content: "\F1AA"; }

.fa-language:before {
  content: "\F1AB"; }

.fa-fax:before {
  content: "\F1AC"; }

.fa-building:before {
  content: "\F1AD"; }

.fa-child:before {
  content: "\F1AE"; }

.fa-paw:before {
  content: "\F1B0"; }

.fa-spoon:before {
  content: "\F1B1"; }

.fa-cube:before {
  content: "\F1B2"; }

.fa-cubes:before {
  content: "\F1B3"; }

.fa-behance:before {
  content: "\F1B4"; }

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

.fa-steam:before {
  content: "\F1B6"; }

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

.fa-recycle:before {
  content: "\F1B8"; }

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

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

.fa-tree:before {
  content: "\F1BB"; }

.fa-spotify:before {
  content: "\F1BC"; }

.fa-deviantart:before {
  content: "\F1BD"; }

.fa-soundcloud:before {
  content: "\F1BE"; }

.fa-database:before {
  content: "\F1C0"; }

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

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

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

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

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

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

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

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

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

.fa-vine:before {
  content: "\F1CA"; }

.fa-codepen:before {
  content: "\F1CB"; }

.fa-jsfiddle:before {
  content: "\F1CC"; }

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

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

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

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

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

.fa-git:before {
  content: "\F1D3"; }

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

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

.fa-qq:before {
  content: "\F1D6"; }

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

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

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

.fa-history:before {
  content: "\F1DA"; }

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

.fa-header:before {
  content: "\F1DC"; }

.fa-paragraph:before {
  content: "\F1DD"; }

.fa-sliders:before {
  content: "\F1DE"; }

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

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

.fa-bomb:before {
  content: "\F1E2"; }

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

.fa-tty:before {
  content: "\F1E4"; }

.fa-binoculars:before {
  content: "\F1E5"; }

.fa-plug:before {
  content: "\F1E6"; }

.fa-slideshare:before {
  content: "\F1E7"; }

.fa-twitch:before {
  content: "\F1E8"; }

.fa-yelp:before {
  content: "\F1E9"; }

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

.fa-wifi:before {
  content: "\F1EB"; }

.fa-calculator:before {
  content: "\F1EC"; }

.fa-paypal:before {
  content: "\F1ED"; }

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

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

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

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

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

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

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

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

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

.fa-trash:before {
  content: "\F1F8"; }

.fa-copyright:before {
  content: "\F1F9"; }

.fa-at:before {
  content: "\F1FA"; }

.fa-eyedropper:before {
  content: "\F1FB"; }

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

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

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

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

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

.fa-lastfm:before {
  content: "\F202"; }

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

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

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

.fa-bicycle:before {
  content: "\F206"; }

.fa-bus:before {
  content: "\F207"; }

.fa-ioxhost:before {
  content: "\F208"; }

.fa-angellist:before {
  content: "\F209"; }

.fa-cc:before {
  content: "\F20A"; }

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

.fa-meanpath:before {
  content: "\F20C"; }

.fa-buysellads:before {
  content: "\F20D"; }

.fa-connectdevelop:before {
  content: "\F20E"; }

.fa-dashcube:before {
  content: "\F210"; }

.fa-forumbee:before {
  content: "\F211"; }

.fa-leanpub:before {
  content: "\F212"; }

.fa-sellsy:before {
  content: "\F213"; }

.fa-shirtsinbulk:before {
  content: "\F214"; }

.fa-simplybuilt:before {
  content: "\F215"; }

.fa-skyatlas:before {
  content: "\F216"; }

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

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

.fa-diamond:before {
  content: "\F219"; }

.fa-ship:before {
  content: "\F21A"; }

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

.fa-motorcycle:before {
  content: "\F21C"; }

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

.fa-heartbeat:before {
  content: "\F21E"; }

.fa-venus:before {
  content: "\F221"; }

.fa-mars:before {
  content: "\F222"; }

.fa-mercury:before {
  content: "\F223"; }

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

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

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

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

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

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

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

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

.fa-neuter:before {
  content: "\F22C"; }

.fa-genderless:before {
  content: "\F22D"; }

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

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

.fa-whatsapp:before {
  content: "\F232"; }

.fa-server:before {
  content: "\F233"; }

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

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

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

.fa-viacoin:before {
  content: "\F237"; }

.fa-train:before {
  content: "\F238"; }

.fa-subway:before {
  content: "\F239"; }

.fa-medium:before {
  content: "\F23A"; }

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

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

.fa-opencart:before {
  content: "\F23D"; }

.fa-expeditedssl:before {
  content: "\F23E"; }

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

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

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

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

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

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

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

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

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

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

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

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

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

.fa-clone:before {
  content: "\F24D"; }

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

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

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

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

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

.fa-hourglass:before {
  content: "\F254"; }

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

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

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

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

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

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

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

.fa-trademark:before {
  content: "\F25C"; }

.fa-registered:before {
  content: "\F25D"; }

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

.fa-gg:before {
  content: "\F260"; }

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

.fa-tripadvisor:before {
  content: "\F262"; }

.fa-odnoklassniki:before {
  content: "\F263"; }

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

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

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

.fa-safari:before {
  content: "\F267"; }

.fa-chrome:before {
  content: "\F268"; }

.fa-firefox:before {
  content: "\F269"; }

.fa-opera:before {
  content: "\F26A"; }

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

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

.fa-contao:before {
  content: "\F26D"; }

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

.fa-amazon:before {
  content: "\F270"; }

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

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

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

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

.fa-industry:before {
  content: "\F275"; }

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

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

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

.fa-map:before {
  content: "\F279"; }

.fa-commenting:before {
  content: "\F27A"; }

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

.fa-houzz:before {
  content: "\F27C"; }

.fa-vimeo:before {
  content: "\F27D"; }

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

.fa-fonticons:before {
  content: "\F280"; }

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

.fa-edge:before {
  content: "\F282"; }

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

.fa-codiepie:before {
  content: "\F284"; }

.fa-modx:before {
  content: "\F285"; }

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

.fa-usb:before {
  content: "\F287"; }

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

.fa-mixcloud:before {
  content: "\F289"; }

.fa-scribd:before {
  content: "\F28A"; }

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

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

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

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

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

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

.fa-hashtag:before {
  content: "\F292"; }

.fa-bluetooth:before {
  content: "\F293"; }

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

.fa-percent:before {
  content: "\F295"; }

.fa-gitlab:before {
  content: "\F296"; }

.fa-wpbeginner:before {
  content: "\F297"; }

.fa-wpforms:before {
  content: "\F298"; }

.fa-envira:before {
  content: "\F299"; }

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

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

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

.fa-blind:before {
  content: "\F29D"; }

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

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

.fa-braille:before {
  content: "\F2A1"; }

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

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

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

.fa-glide:before {
  content: "\F2A5"; }

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

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

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

.fa-viadeo:before {
  content: "\F2A9"; }

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

.fa-snapchat:before {
  content: "\F2AB"; }

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

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

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

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

.fa-yoast:before {
  content: "\F2B1"; }

.fa-themeisle:before {
  content: "\F2B2"; }

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

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

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

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto; }

.material-icons.smaller {
  font-size: 20px; }

.material-icons.x2 {
  font-size: 2em; }

.material-icons.x3 {
  font-size: 3em; }

.material-icons.x4 {
  font-size: 4em; }

.material-icons.rotate {
  animation: rotate-icon 2.4s linear infinite; }

@keyframes rotate-icon {
  0% {
    transform: rotate(0); }
  100% {
    transform: rotate(360deg); } }

body.noscroll {
  overflow: hidden; }

body.dragging.vertically {
  cursor: ns-resize; }

body.dragging * {
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none; }

table td.ellipsis {
  max-width: 1px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

textarea {
  resize: none; }

[type='search'] {
  padding-left: 30px;
  background-image: url(/assets/search.svg);
  background-repeat: no-repeat;
  background-position: 5px center;
  background-size: 20px; }

a:focus, a:active {
  outline: 0;
  text-decoration: none; }

.body-insight .header-nav-main .link-insight {
  border-bottom: 4px solid #03a9f4; }
  .body-insight .header-nav-main .link-insight a {
    padding-bottom: 10px;
    color: #03a9f4; }

.body-insight .menu-nav .link-insight a {
  color: #03a9f4; }

.body-insight .sidebar-nav {
  bottom: 0;
  margin-bottom: 0;
  padding: 0;
  border-right: 1px solid #e9e9e9;
  background-color: transparent;
  color: #333;
  z-index: 1000;
  overflow-y: auto; }
  @media (max-width: 768px) {
    .body-insight .sidebar-nav {
      border: 0; } }
  .body-insight .sidebar-nav li {
    display: block;
    color: #334;
    text-align: center; }
    .body-insight .sidebar-nav li .sidebar-nav-title {
      height: 58px;
      padding-top: 32px;
      padding-left: 20px;
      color: #999;
      font-size: 70%;
      text-align: left; }
    .body-insight .sidebar-nav li a {
      display: block;
      height: 50px;
      padding-left: 20px;
      border-top: 0;
      border-bottom: 1px solid #d9d9d9;
      color: #334;
      line-height: 50px;
      text-align: left;
      text-decoration: none; }
      .body-insight .sidebar-nav li a:hover {
        background-color: rgba(0, 0, 0, 0);
        color: #a33; }
        .body-insight .sidebar-nav li a:hover .material-icons {
          color: inherit; }
      .body-insight .sidebar-nav li a .material-icons {
        margin-right: 4px;
        color: #999;
        font-size: 20px;
        vertical-align: -.25em; }
    .body-insight .sidebar-nav li.active {
      border-left: 4px solid #03a9f4; }
      .body-insight .sidebar-nav li.active a {
        padding-left: 16px;
        color: #03a9f4;
        font-weight: bold; }
        .body-insight .sidebar-nav li.active a .material-icons {
          color: #03a9f4; }

.body-brandad .header-nav-main .link-brandad {
  border-bottom: 4px solid #ff4081; }
  .body-brandad .header-nav-main .link-brandad a {
    padding-bottom: 10px;
    color: #ff4081; }

.body-brandad .menu-nav .link-brandad a {
  color: #ff4081; }

.body-brandad .sidebar-nav {
  bottom: 0;
  margin-bottom: 0;
  padding: 0;
  border-right: 1px solid #e9e9e9;
  background-color: transparent;
  color: #333;
  z-index: 1000;
  overflow-y: auto; }
  @media (max-width: 768px) {
    .body-brandad .sidebar-nav {
      border: 0; } }
  .body-brandad .sidebar-nav li {
    display: block;
    color: #334;
    text-align: center; }
    .body-brandad .sidebar-nav li .sidebar-nav-title {
      height: 58px;
      padding-top: 32px;
      padding-left: 20px;
      color: #999;
      font-size: 70%;
      text-align: left; }
    .body-brandad .sidebar-nav li a {
      display: block;
      height: 50px;
      padding-left: 20px;
      border-top: 0;
      border-bottom: 1px solid #d9d9d9;
      color: #334;
      line-height: 50px;
      text-align: left;
      text-decoration: none; }
      .body-brandad .sidebar-nav li a:hover {
        background-color: rgba(0, 0, 0, 0);
        color: #a33; }
        .body-brandad .sidebar-nav li a:hover .material-icons {
          color: inherit; }
      .body-brandad .sidebar-nav li a .material-icons {
        margin-right: 4px;
        color: #999;
        font-size: 20px;
        vertical-align: -.25em; }
    .body-brandad .sidebar-nav li.active {
      border-left: 4px solid #ff4081; }
      .body-brandad .sidebar-nav li.active a {
        padding-left: 16px;
        color: #ff4081;
        font-weight: bold; }
        .body-brandad .sidebar-nav li.active a .material-icons {
          color: #ff4081; }

.body-contents .header-nav-main .link-contents {
  border-bottom: 4px solid #a2cf6e; }
  .body-contents .header-nav-main .link-contents a {
    padding-bottom: 10px;
    color: #a2cf6e; }

.body-contents .menu-nav .link-contents a {
  color: #a2cf6e; }

.body-contents .sidebar-nav {
  bottom: 0;
  margin-bottom: 0;
  padding: 0;
  border-right: 1px solid #e9e9e9;
  background-color: transparent;
  color: #333;
  z-index: 1000;
  overflow-y: auto; }
  @media (max-width: 768px) {
    .body-contents .sidebar-nav {
      border: 0; } }
  .body-contents .sidebar-nav li {
    display: block;
    color: #334;
    text-align: center; }
    .body-contents .sidebar-nav li .sidebar-nav-title {
      height: 58px;
      padding-top: 32px;
      padding-left: 20px;
      color: #999;
      font-size: 70%;
      text-align: left; }
    .body-contents .sidebar-nav li a {
      display: block;
      height: 50px;
      padding-left: 20px;
      border-top: 0;
      border-bottom: 1px solid #d9d9d9;
      color: #334;
      line-height: 50px;
      text-align: left;
      text-decoration: none; }
      .body-contents .sidebar-nav li a:hover {
        background-color: rgba(0, 0, 0, 0);
        color: #a33; }
        .body-contents .sidebar-nav li a:hover .material-icons {
          color: inherit; }
      .body-contents .sidebar-nav li a .material-icons {
        margin-right: 4px;
        color: #999;
        font-size: 20px;
        vertical-align: -.25em; }
    .body-contents .sidebar-nav li.active {
      border-left: 4px solid #a2cf6e; }
      .body-contents .sidebar-nav li.active a {
        padding-left: 16px;
        color: #a2cf6e;
        font-weight: bold; }
        .body-contents .sidebar-nav li.active a .material-icons {
          color: #a2cf6e; }

.body-reports .header-nav-main .link-reports {
  border-bottom: 4px solid #03a9f4; }
  .body-reports .header-nav-main .link-reports a {
    padding-bottom: 10px;
    color: #03a9f4; }

.body-reports .menu-nav .link-reports a {
  color: #03a9f4; }

.body-reports .sidebar-nav {
  bottom: 0;
  margin-bottom: 0;
  padding: 0;
  border-right: 1px solid #e9e9e9;
  background-color: transparent;
  color: #333;
  z-index: 1000;
  overflow-y: auto; }
  @media (max-width: 768px) {
    .body-reports .sidebar-nav {
      border: 0; } }
  .body-reports .sidebar-nav li {
    display: block;
    color: #334;
    text-align: center; }
    .body-reports .sidebar-nav li .sidebar-nav-title {
      height: 58px;
      padding-top: 32px;
      padding-left: 20px;
      color: #999;
      font-size: 70%;
      text-align: left; }
    .body-reports .sidebar-nav li a {
      display: block;
      height: 50px;
      padding-left: 20px;
      border-top: 0;
      border-bottom: 1px solid #d9d9d9;
      color: #334;
      line-height: 50px;
      text-align: left;
      text-decoration: none; }
      .body-reports .sidebar-nav li a:hover {
        background-color: rgba(0, 0, 0, 0);
        color: #a33; }
        .body-reports .sidebar-nav li a:hover .material-icons {
          color: inherit; }
      .body-reports .sidebar-nav li a .material-icons {
        margin-right: 4px;
        color: #999;
        font-size: 20px;
        vertical-align: -.25em; }
    .body-reports .sidebar-nav li.active {
      border-left: 4px solid #03a9f4; }
      .body-reports .sidebar-nav li.active a {
        padding-left: 16px;
        color: #03a9f4;
        font-weight: bold; }
        .body-reports .sidebar-nav li.active a .material-icons {
          color: #03a9f4; }

.body-marketing .header-nav-main .link-marketing {
  border-bottom: 4px solid #3a7de2; }
  .body-marketing .header-nav-main .link-marketing a {
    padding-bottom: 10px;
    color: #3a7de2; }

.body-marketing .menu-nav .link-marketing a {
  color: #3a7de2; }

.body-marketing .sidebar-nav {
  bottom: 0;
  margin-bottom: 0;
  padding: 0;
  border-right: 1px solid #e9e9e9;
  background-color: transparent;
  color: #333;
  z-index: 1000;
  overflow-y: auto; }
  @media (max-width: 768px) {
    .body-marketing .sidebar-nav {
      border: 0; } }
  .body-marketing .sidebar-nav li {
    display: block;
    color: #334;
    text-align: center; }
    .body-marketing .sidebar-nav li .sidebar-nav-title {
      height: 58px;
      padding-top: 32px;
      padding-left: 20px;
      color: #999;
      font-size: 70%;
      text-align: left; }
    .body-marketing .sidebar-nav li a {
      display: block;
      height: 50px;
      padding-left: 20px;
      border-top: 0;
      border-bottom: 1px solid #d9d9d9;
      color: #334;
      line-height: 50px;
      text-align: left;
      text-decoration: none; }
      .body-marketing .sidebar-nav li a:hover {
        background-color: rgba(0, 0, 0, 0);
        color: #a33; }
        .body-marketing .sidebar-nav li a:hover .material-icons {
          color: inherit; }
      .body-marketing .sidebar-nav li a .material-icons {
        margin-right: 4px;
        color: #999;
        font-size: 20px;
        vertical-align: -.25em; }
    .body-marketing .sidebar-nav li.active {
      border-left: 4px solid #3a7de2; }
      .body-marketing .sidebar-nav li.active a {
        padding-left: 16px;
        color: #3a7de2;
        font-weight: bold; }
        .body-marketing .sidebar-nav li.active a .material-icons {
          color: #3a7de2; }

.body-recruit .header-nav-main .link-recruit {
  border-bottom: 4px solid #7248bd; }
  .body-recruit .header-nav-main .link-recruit a {
    padding-bottom: 10px;
    color: #7248bd; }

.body-recruit .menu-nav .link-recruit a {
  color: #7248bd; }

.body-recruit .sidebar-nav {
  bottom: 0;
  margin-bottom: 0;
  padding: 0;
  border-right: 1px solid #e9e9e9;
  background-color: transparent;
  color: #333;
  z-index: 1000;
  overflow-y: auto; }
  @media (max-width: 768px) {
    .body-recruit .sidebar-nav {
      border: 0; } }
  .body-recruit .sidebar-nav li {
    display: block;
    color: #334;
    text-align: center; }
    .body-recruit .sidebar-nav li .sidebar-nav-title {
      height: 58px;
      padding-top: 32px;
      padding-left: 20px;
      color: #999;
      font-size: 70%;
      text-align: left; }
    .body-recruit .sidebar-nav li a {
      display: block;
      height: 50px;
      padding-left: 20px;
      border-top: 0;
      border-bottom: 1px solid #d9d9d9;
      color: #334;
      line-height: 50px;
      text-align: left;
      text-decoration: none; }
      .body-recruit .sidebar-nav li a:hover {
        background-color: rgba(0, 0, 0, 0);
        color: #a33; }
        .body-recruit .sidebar-nav li a:hover .material-icons {
          color: inherit; }
      .body-recruit .sidebar-nav li a .material-icons {
        margin-right: 4px;
        color: #999;
        font-size: 20px;
        vertical-align: -.25em; }
    .body-recruit .sidebar-nav li.active {
      border-left: 4px solid #7248bd; }
      .body-recruit .sidebar-nav li.active a {
        padding-left: 16px;
        color: #7248bd;
        font-weight: bold; }
        .body-recruit .sidebar-nav li.active a .material-icons {
          color: #7248bd; }

.body-admin .header-nav-main .link-admin {
  border-bottom: 4px solid #221f20; }
  .body-admin .header-nav-main .link-admin a {
    padding-bottom: 10px;
    color: #221f20; }

.body-admin .menu-nav .link-admin a {
  color: #221f20; }

.body-admin .sidebar-nav {
  bottom: 0;
  margin-bottom: 0;
  padding: 0;
  border-right: 1px solid #e9e9e9;
  background-color: transparent;
  color: #333;
  z-index: 1000;
  overflow-y: auto; }
  @media (max-width: 768px) {
    .body-admin .sidebar-nav {
      border: 0; } }
  .body-admin .sidebar-nav li {
    display: block;
    color: #334;
    text-align: center; }
    .body-admin .sidebar-nav li .sidebar-nav-title {
      height: 58px;
      padding-top: 32px;
      padding-left: 20px;
      color: #999;
      font-size: 70%;
      text-align: left; }
    .body-admin .sidebar-nav li a {
      display: block;
      height: 50px;
      padding-left: 20px;
      border-top: 0;
      border-bottom: 1px solid #d9d9d9;
      color: #334;
      line-height: 50px;
      text-align: left;
      text-decoration: none; }
      .body-admin .sidebar-nav li a:hover {
        background-color: rgba(0, 0, 0, 0);
        color: #a33; }
        .body-admin .sidebar-nav li a:hover .material-icons {
          color: inherit; }
      .body-admin .sidebar-nav li a .material-icons {
        margin-right: 4px;
        color: #999;
        font-size: 20px;
        vertical-align: -.25em; }
    .body-admin .sidebar-nav li.active {
      border-left: 4px solid #221f20; }
      .body-admin .sidebar-nav li.active a {
        padding-left: 16px;
        color: #221f20;
        font-weight: bold; }
        .body-admin .sidebar-nav li.active a .material-icons {
          color: #221f20; }

.body-account .header-nav-main .link-account {
  border-bottom: 4px solid #221f20; }
  .body-account .header-nav-main .link-account a {
    padding-bottom: 10px;
    color: #221f20; }

.body-account .menu-nav .link-account a {
  color: #221f20; }

.body-account .sidebar-nav {
  bottom: 0;
  margin-bottom: 0;
  padding: 0;
  border-right: 1px solid #e9e9e9;
  background-color: transparent;
  color: #333;
  z-index: 1000;
  overflow-y: auto; }
  @media (max-width: 768px) {
    .body-account .sidebar-nav {
      border: 0; } }
  .body-account .sidebar-nav li {
    display: block;
    color: #334;
    text-align: center; }
    .body-account .sidebar-nav li .sidebar-nav-title {
      height: 58px;
      padding-top: 32px;
      padding-left: 20px;
      color: #999;
      font-size: 70%;
      text-align: left; }
    .body-account .sidebar-nav li a {
      display: block;
      height: 50px;
      padding-left: 20px;
      border-top: 0;
      border-bottom: 1px solid #d9d9d9;
      color: #334;
      line-height: 50px;
      text-align: left;
      text-decoration: none; }
      .body-account .sidebar-nav li a:hover {
        background-color: rgba(0, 0, 0, 0);
        color: #a33; }
        .body-account .sidebar-nav li a:hover .material-icons {
          color: inherit; }
      .body-account .sidebar-nav li a .material-icons {
        margin-right: 4px;
        color: #999;
        font-size: 20px;
        vertical-align: -.25em; }
    .body-account .sidebar-nav li.active {
      border-left: 4px solid #221f20; }
      .body-account .sidebar-nav li.active a {
        padding-left: 16px;
        color: #221f20;
        font-weight: bold; }
        .body-account .sidebar-nav li.active a .material-icons {
          color: #221f20; }

.form-horizontal .control-label .main-text {
  margin-bottom: 8px; }

.form-horizontal .control-label .sub-text {
  color: #999;
  font-size: 12px;
  font-weight: 100; }

.announcement {
  -webkit-font-smoothing: antialiased; }
  .announcement > .announcement-header {
    display: flex;
    z-index: 1030;
    padding: 12px 16px;
    align-items: center; }
    .announcement > .announcement-header > .icon {
      display: flex;
      margin-right: 12px;
      align-items: center; }
    .announcement > .announcement-header > .title {
      font-weight: bold;
      margin-right: 8px; }
    .announcement > .announcement-header > .description {
      flex: 1; }
    .announcement > .announcement-header > .close {
      width: 32px;
      height: 32px; }
    @media (max-width: 768px) {
      .announcement > .announcement-header {
        flex-direction: column; }
        .announcement > .announcement-header > .close {
          position: absolute;
          top: 12px;
          right: 12px;
          align-items: flex-end; } }
    .announcement > .announcement-header.error {
      background-color: #ffbfab; }
      .announcement > .announcement-header.error > .icon {
        color: #d1170a; }
    .announcement > .announcement-header.warning {
      background-color: #ffd9b3; }
      .announcement > .announcement-header.warning > .icon {
        color: #ce770f; }
    .announcement > .announcement-header.info, .announcement > .announcement-header.loading {
      background-color: #c8d1f6; }
      .announcement > .announcement-header.info > .icon, .announcement > .announcement-header.loading > .icon {
        color: #3567b8; }
    .announcement > .announcement-header.success {
      background-color: #cae3b7; }
      .announcement > .announcement-header.success > .icon {
        color: #478c21; }
  .announcement > .announcement-icon {
    position: absolute;
    height: 40px;
    min-width: 40px;
    margin: 0;
    padding: 0;
    top: 56px;
    right: 4px;
    border: none;
    color: #717171;
    background-color: transparent; }
    .announcement > .announcement-icon > .icon > i {
      font-size: 28px; }

.app-header {
  display: flex;
  width: 100vw;
  border-width: 0;
  border-color: #eeeeee;
  background-color: #fff;
  box-shadow: 0 6px 3px -3px rgba(0, 0, 0, 0.2);
  z-index: 1030; }
  .app-header a {
    color: #aaa; }
    .app-header a:hover {
      color: #dddddd; }
  .app-header .app-header-logo {
    display: flex;
    width: 230px;
    padding: 6px 24px;
    gap: 10px; }
    @media (max-width: 1100px) {
      .app-header .app-header-logo {
        width: initial; } }
    @media (max-width: 768px) {
      .app-header .app-header-logo {
        display: none; } }
    .app-header .app-header-logo img.logo-icon {
      width: 44px; }
    .app-header .app-header-logo img.logo-text {
      width: 104px; }
      @media (max-width: 1100px) {
        .app-header .app-header-logo img.logo-text {
          display: none; } }
  .app-header .menu-nav {
    display: none;
    margin-left: 6px;
    padding: 12px; }
    @media (max-width: 768px) {
      .app-header .menu-nav {
        display: block; } }
    .app-header .menu-nav img {
      width: 32px;
      height: 32px;
      opacity: .3; }
    .app-header .menu-nav .dropdown-menu {
      top: 52px;
      left: 8px; }
  @media (max-width: 768px) {
    .app-header .header-nav-main {
      display: none; } }
  .app-header .header-nav-sub {
    display: flex;
    align-items: center;
    margin-right: 16px;
    margin-left: auto;
    gap: 16px; }
    .app-header .header-nav-sub i {
      vertical-align: middle; }
    .app-header .header-nav-sub .creator {
      display: flex;
      align-items: center;
      gap: 8px; }
      .app-header .header-nav-sub .creator .creator-icon {
        display: inline-block;
        width: 40px;
        height: 40px; }
        .app-header .header-nav-sub .creator .creator-icon img,
        .app-header .header-nav-sub .creator .creator-icon .no-logo {
          width: 100%;
          height: 100%;
          border-radius: 4px; }
        .app-header .header-nav-sub .creator .creator-icon .no-logo {
          background: #eee; }
      .app-header .header-nav-sub .creator .creator-info .creator-name {
        font-weight: bold; }
    .app-header .header-nav-sub .creator.dropdown-toggle {
      height: 56px;
      padding: 8px 8px 8px 0;
      font-size: 12px;
      cursor: pointer; }
      .app-header .header-nav-sub .creator.dropdown-toggle .wrapper {
        display: flex;
        align-items: center;
        gap: 8px; }
        @media (max-width: 1100px) {
          .app-header .header-nav-sub .creator.dropdown-toggle .wrapper {
            display: none; } }
        .app-header .header-nav-sub .creator.dropdown-toggle .wrapper .creator-info .user {
          display: flex;
          align-items: center;
          gap: 8px; }
          .app-header .header-nav-sub .creator.dropdown-toggle .wrapper .creator-info .user .usericon {
            width: 20px;
            height: 20px; }
          .app-header .header-nav-sub .creator.dropdown-toggle .wrapper .creator-info .user .username {
            margin-top: auto; }
        .app-header .header-nav-sub .creator.dropdown-toggle .wrapper .caret {
          color: #999; }
    .app-header .header-nav-sub .dropdown-content > .creator {
      margin: 16px; }
    .app-header .header-nav-sub .dropdown-menu.creator-menu {
      top: 52px;
      right: -48px;
      left: auto; }
      .app-header .header-nav-sub .dropdown-menu.creator-menu .dropdown-content {
        width: 260px; }
        .app-header .header-nav-sub .dropdown-menu.creator-menu .dropdown-content .divider {
          margin: 8px 16px; }
        .app-header .header-nav-sub .dropdown-menu.creator-menu .dropdown-content .menu-item {
          display: block;
          padding: 16px;
          color: inherit;
          text-decoration: none; }
          .app-header .header-nav-sub .dropdown-menu.creator-menu .dropdown-content .menu-item:hover {
            background: #f2f2f2; }
          .app-header .header-nav-sub .dropdown-menu.creator-menu .dropdown-content .menu-item:last-child {
            margin-bottom: 0; }
          .app-header .header-nav-sub .dropdown-menu.creator-menu .dropdown-content .menu-item .icon {
            color: #666;
            font-size: 18px;
            vertical-align: -.2em; }
    @media (max-width: 768px) {
      .app-header .header-nav-sub .message {
        display: none; } }
    .app-header .header-nav-sub .notifications {
      width: 300px;
      margin-top: 14px;
      padding: 0; }
      .app-header .header-nav-sub .notifications .notification-container {
        max-height: 360px;
        overflow: auto; }
      .app-header .header-nav-sub .notifications .notification {
        display: block;
        margin: 0;
        border-bottom: 1px solid #eee;
        color: #666;
        font-size: 12px; }
        .app-header .header-nav-sub .notifications .notification:hover {
          background: #eee;
          color: #000;
          text-decoration: none; }
          .app-header .header-nav-sub .notifications .notification:hover .notification-date {
            color: #666; }
        .app-header .header-nav-sub .notifications .notification .notification-title {
          word-break: break-all; }
        .app-header .header-nav-sub .notifications .notification .notification-date {
          color: #999;
          font-size: 12px; }
      .app-header .header-nav-sub .notifications .empty {
        margin: 16px;
        color: #666;
        text-align: center; }
    .app-header .header-nav-sub .notification-footer {
      margin-right: 4px;
      float: right;
      color: #999; }
      .app-header .header-nav-sub .notification-footer::after {
        display: block;
        clear: both;
        content: ''; }
      .app-header .header-nav-sub .notification-footer .read-more {
        display: block;
        padding: 2px 0;
        color: inherit; }
        .app-header .header-nav-sub .notification-footer .read-more:hover {
          color: #666; }
        .app-header .header-nav-sub .notification-footer .read-more::after {
          display: block;
          clear: both;
          content: ''; }
        .app-header .header-nav-sub .notification-footer .read-more .icon {
          display: block;
          margin-right: 2px;
          float: left; }
        .app-header .header-nav-sub .notification-footer .read-more span {
          display: block;
          padding-top: 5px;
          float: left;
          font-size: 12px; }

ul.main-nav {
  margin: 0;
  padding: 0;
  list-style: none; }

.main-nav a {
  display: block;
  line-height: 20px;
  text-decoration: none; }

.header-nav-main .main-nav {
  display: flex; }
  .header-nav-main .main-nav a {
    padding: 22px 16px 14px; }
    @media (max-width: 860px) {
      .header-nav-main .main-nav a {
        padding-right: 8px;
        padding-left: 8px; } }

.menu-nav .main-nav a {
  padding: 16px;
  color: #666; }

.chart {
  position: relative;
  width: 100%;
  height: 100%; }
  .chart .axis text {
    font: 12px sans-serif;
    fill: #000; }
  .chart .axis path,
  .chart .axis line {
    fill: none;
    stroke: #99a;
    stroke-width: 1px;
    shape-rendering: crispEdges; }
  .chart .x.axis path {
    display: none; }
  .chart .select-line {
    fill: #000;
    fill-opacity: .05;
    pointer-events: none; }
  .chart .detail-line {
    stroke-width: 3px;
    stroke: #000;
    pointer-events: none; }
  .chart .detail-point {
    fill: #fff;
    stroke-width: 3px;
    stroke: #000;
    pointer-events: none; }
  .chart .grid {
    fill: none;
    stroke: #ececf0;
    stroke-width: 1px;
    shape-rendering: crispEdges; }
  .chart .brush .extent {
    fill: #000;
    fill-opacity: .01; }
  .chart .kind .area {
    stroke: none; }
  .chart .kind .line {
    fill: none;
    stroke-width: 2px; }
  .chart .kind .line-transparent {
    fill: none;
    stroke: transparent;
    stroke-width: 30px; }
  .chart .legend text {
    font-size: 12px; }
  .chart .selected-point {
    pointer-events: none; }
  .chart .weekly .kind .line0 {
    stroke-width: 1px;
    stroke: #03a9f4; }
  .chart .weekly .kind .line1 {
    stroke-width: 1px;
    stroke: #aaa; }
  .chart .weekly .kind .point0 {
    fill: #03a9f4; }
  .chart .weekly .kind .point1 {
    fill: #aaa; }
  .chart .weekly .legend text {
    font-size: 10px; }
  .chart .weekly .legend .legend0 {
    fill: #03a9f4; }
  .chart .weekly .legend .legend1 {
    fill: #aaa; }
  .chart .weekly .selected-point {
    fill: none;
    stroke-width: 1px;
    stroke: #03a9f4; }
  .chart .kind .area-datepicker0 {
    fill: #f5f5f5; }
  .chart .kind .line-datepicker0 {
    stroke: #e3e3e3; }
  .chart .kind .area-datepicker1 {
    fill: #dcdcdc; }
  .chart .kind .line-datepicker1 {
    stroke: #929292; }
  .chart .datepicker-divider {
    fill: #a3a3a3; }
  .chart .areachart .kind0 {
    z-index: 0; }
  .chart .areachart .kind .area0 {
    fill: #9addfb; }
  .chart .areachart .kind .line0 {
    stroke: #03a9f4; }
  .chart .areachart .kind .point0 {
    fill: #03a9f4; }
  .chart .areachart .legend0 {
    fill: #03a9f4; }
  .chart .areachart .selected-point0 .selected-point-inner {
    fill: #03a9f4;
    stroke: none; }
  .chart .areachart .selected-point0 .selected-point-outer {
    fill: none;
    stroke: #03a9f4; }
  .chart .areachart .kind1 {
    z-index: 1; }
  .chart .areachart .kind .area1 {
    fill: #b4e5fc; }
  .chart .areachart .kind .line1 {
    stroke: #35baf6; }
  .chart .areachart .kind .point1 {
    fill: #35baf6; }
  .chart .areachart .legend1 {
    fill: #35baf6; }
  .chart .areachart .selected-point1 .selected-point-inner {
    fill: #35baf6;
    stroke: none; }
  .chart .areachart .selected-point1 .selected-point-outer {
    fill: none;
    stroke: #35baf6; }
  .chart .areachart .kind2 {
    z-index: 2; }
  .chart .areachart .kind .area2 {
    fill: #cdeefd; }
  .chart .areachart .kind .line2 {
    stroke: #68cbf8; }
  .chart .areachart .kind .point2 {
    fill: #68cbf8; }
  .chart .areachart .legend2 {
    fill: #68cbf8; }
  .chart .areachart .selected-point2 .selected-point-inner {
    fill: #68cbf8;
    stroke: none; }
  .chart .areachart .selected-point2 .selected-point-outer {
    fill: none;
    stroke: #68cbf8; }
  .chart .areachart .kind3 {
    z-index: 3; }
  .chart .areachart .kind .area3 {
    fill: #e6f7fe; }
  .chart .areachart .kind .line3 {
    stroke: #9addfb; }
  .chart .areachart .kind .point3 {
    fill: #9addfb; }
  .chart .areachart .legend3 {
    fill: #9addfb; }
  .chart .areachart .selected-point3 .selected-point-inner {
    fill: #9addfb;
    stroke: none; }
  .chart .areachart .selected-point3 .selected-point-outer {
    fill: none;
    stroke: #9addfb; }
  .chart .areachart .kind4 {
    z-index: 4; }
  .chart .areachart .kind .area4 {
    fill: white; }
  .chart .areachart .kind .line4 {
    stroke: #cdeefd; }
  .chart .areachart .kind .point4 {
    fill: #cdeefd; }
  .chart .areachart .legend4 {
    fill: #cdeefd; }
  .chart .areachart .selected-point4 .selected-point-inner {
    fill: #cdeefd;
    stroke: none; }
  .chart .areachart .selected-point4 .selected-point-outer {
    fill: none;
    stroke: #cdeefd; }
  .chart .areachart .kind5 {
    z-index: 5; }
  .chart .areachart .kind .line5 {
    stroke: white; }
  .chart .areachart .kind .point5 {
    fill: white; }
  .chart .areachart .legend5 {
    fill: white; }
  .chart .areachart .selected-point5 .selected-point-inner {
    fill: white;
    stroke: none; }
  .chart .areachart .selected-point5 .selected-point-outer {
    fill: none;
    stroke: white; }
  .chart .linechart .kind0 {
    z-index: 0; }
  .chart .linechart .kind .area0 {
    fill: #ffa0c0; }
  .chart .linechart .kind .line0 {
    stroke: #03a9f4; }
  .chart .linechart .kind .point0 {
    fill: #03a9f4; }
  .chart .linechart .legend0 {
    fill: #03a9f4; }
  .chart .linechart .selected-point0 .selected-point-inner {
    fill: #03a9f4;
    stroke: none; }
  .chart .linechart .selected-point0 .selected-point-outer {
    fill: none;
    stroke: #03a9f4; }
  .chart .linechart .kind1 {
    z-index: 1; }
  .chart .linechart .kind .area1 {
    fill: #d1e7b7; }
  .chart .linechart .kind .line1 {
    stroke: #ff4081; }
  .chart .linechart .kind .point1 {
    fill: #ff4081; }
  .chart .linechart .legend1 {
    fill: #ff4081; }
  .chart .linechart .selected-point1 .selected-point-inner {
    fill: #ff4081;
    stroke: none; }
  .chart .linechart .selected-point1 .selected-point-outer {
    fill: none;
    stroke: #ff4081; }
  .chart .linechart .kind2 {
    z-index: 2; }
  .chart .linechart .kind .area2 {
    fill: #b4e5fc; }
  .chart .linechart .kind .line2 {
    stroke: #a2cf6e; }
  .chart .linechart .kind .point2 {
    fill: #a2cf6e; }
  .chart .linechart .legend2 {
    fill: #a2cf6e; }
  .chart .linechart .selected-point2 .selected-point-inner {
    fill: #a2cf6e;
    stroke: none; }
  .chart .linechart .selected-point2 .selected-point-outer {
    fill: none;
    stroke: #a2cf6e; }
  .chart .linechart .kind3 {
    z-index: 3; }
  .chart .linechart .kind .area3 {
    fill: #ffc6d9; }
  .chart .linechart .kind .line3 {
    stroke: #68cbf8; }
  .chart .linechart .kind .point3 {
    fill: #68cbf8; }
  .chart .linechart .legend3 {
    fill: #68cbf8; }
  .chart .linechart .selected-point3 .selected-point-inner {
    fill: #68cbf8;
    stroke: none; }
  .chart .linechart .selected-point3 .selected-point-outer {
    fill: none;
    stroke: #68cbf8; }
  .chart .linechart .kind4 {
    z-index: 4; }
  .chart .linechart .kind .area4 {
    fill: #e3f1d4; }
  .chart .linechart .kind .line4 {
    stroke: #ff8cb3; }
  .chart .linechart .kind .point4 {
    fill: #ff8cb3; }
  .chart .linechart .legend4 {
    fill: #ff8cb3; }
  .chart .linechart .selected-point4 .selected-point-inner {
    fill: #ff8cb3;
    stroke: none; }
  .chart .linechart .selected-point4 .selected-point-outer {
    fill: none;
    stroke: #ff8cb3; }
  .chart .linechart .kind5 {
    z-index: 5; }
  .chart .linechart .kind .line5 {
    stroke: #c7e2a8; }
  .chart .linechart .kind .point5 {
    fill: #c7e2a8; }
  .chart .linechart .legend5 {
    fill: #c7e2a8; }
  .chart .linechart .selected-point5 .selected-point-inner {
    fill: #c7e2a8;
    stroke: none; }
  .chart .linechart .selected-point5 .selected-point-outer {
    fill: none;
    stroke: #c7e2a8; }

.detail-window {
  position: absolute;
  width: 200px;
  border: 0;
  border-radius: 2px;
  background-color: #fff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  pointer-events: none; }
  .detail-window.small {
    width: 100px; }
  .detail-window .detail-heading {
    padding: 8px;
    border-bottom: 1px solid #d9d9d9;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    background-color: #fff;
    font-size: 10px;
    line-height: 100%; }
  .detail-window .detail-body .detail-container {
    padding: 8px;
    line-height: 100%; }
  .detail-window .detail-body .detail-unit {
    font-size: 10px; }
  .detail-window .detail-body table {
    margin-bottom: 0; }
    .detail-window .detail-body table th,
    .detail-window .detail-body table td {
      padding: 8px 6px;
      border-top: 0;
      font-size: 12px;
      font-weight: normal; }
    .detail-window .detail-body table th {
      width: 60%; }
    .detail-window .detail-body table .highlight th,
    .detail-window .detail-body table .highlight td {
      font-weight: bold; }
    .detail-window .detail-body table tfoot > th,
    .detail-window .detail-body table tfoot > td {
      border-top-width: 2px;
      font-weight: bold; }

@keyframes typing {
  0% {
    background-color: #333344;
    box-shadow: 24px 0 0 0 rgba(51, 51, 68, 0.2), 48px 0 0 0 rgba(51, 51, 68, 0.2); }
  25% {
    background-color: rgba(51, 51, 68, 0.4);
    box-shadow: 24px 0 0 0 #333344, 48px 0 0 0 rgba(51, 51, 68, 0.2); }
  75% {
    background-color: rgba(51, 51, 68, 0.4);
    box-shadow: 24px 0 0 0 rgba(51, 51, 68, 0.2), 48px 0 0 0 #333344; } }

@keyframes typing-white {
  0% {
    background-color: white;
    box-shadow: 24px 0 0 0 rgba(255, 255, 255, 0.2), 48px 0 0 0 rgba(255, 255, 255, 0.2); }
  25% {
    background-color: rgba(255, 255, 255, 0.4);
    box-shadow: 24px 0 0 0 white, 48px 0 0 0 rgba(255, 255, 255, 0.2); }
  75% {
    background-color: rgba(255, 255, 255, 0.4);
    box-shadow: 24px 0 0 0 rgba(255, 255, 255, 0.2), 48px 0 0 0 white; } }

.loading {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5); }
  .loading .loader {
    position: relative;
    top: calc(50% - 6px);
    left: -24px;
    width: 12px;
    height: 12px;
    margin: auto;
    border-radius: 50%;
    box-shadow: 0 0 0 0 transparent;
    animation: typing 1s linear infinite alternate; }
  .loading.white {
    background-color: rgba(0, 0, 0, 0.5); }
    .loading.white .loader {
      animation-name: typing-white; }

.loading-container {
  position: relative;
  min-height: 40px; }

.widget-container {
  margin-bottom: 16px; }

.widget-container-nomargin {
  margin-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }
  .widget-container-nomargin + .widget-container {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }

.widget-container-padding {
  padding: 16px;
  padding-bottom: 0; }

.widget {
  position: relative;
  height: 100%;
  border: 1px solid #fff;
  border-radius: 2px;
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); }
  .fullscreen .widget {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: auto;
    border: 0; }
    .fullscreen .widget .widget-heading {
      height: 56px;
      padding: 0;
      border: 0;
      box-shadow: 0 1px 3px #f0f0f0;
      z-index: 10; }
      .fullscreen .widget .widget-heading .header-left-icon {
        display: table-cell;
        width: 56px;
        height: 56px;
        transition: .3s;
        outline: none;
        text-align: center;
        cursor: pointer;
        vertical-align: middle; }
        .fullscreen .widget .widget-heading .header-left-icon .icon {
          display: block; }
        .fullscreen .widget .widget-heading .header-left-icon:hover {
          opacity: .8; }
    .fullscreen .widget .widget-body {
      height: calc(100% - 56px);
      padding: 0; }
  .widget .dropdown {
    position: absolute;
    z-index: 100; }
    .widget .dropdown button {
      padding: 6px 10px;
      border: 1px solid #d9d9d9;
      border-radius: 3px;
      font-size: 12px;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); }
    .widget .dropdown i {
      padding-left: 4px;
      color: #999;
      font-size: 14px; }
  .widget .widget-heading {
    position: relative;
    height: 48px;
    padding: 16px;
    border-bottom: 1px solid #d9d9d9;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px; }
    .widget .widget-heading .widget-title {
      font-size: 16px;
      line-height: 16px; }
      .widget .widget-heading .widget-title > a {
        display: block;
        color: #333333; }
        .widget .widget-heading .widget-title > a:hover {
          color: #03a9f4; }
    .widget .widget-heading.widget-heading-has-description {
      height: 64px; }
      .widget .widget-heading.widget-heading-has-description .ellipsis {
        top: 13px; }
    .widget .widget-heading .widget-description {
      padding-top: 4px;
      color: #999;
      font-size: 12px;
      line-height: 12px; }
    .widget .widget-heading .right-arrow {
      display: block;
      float: right; }
    .widget .widget-heading .ellipsis {
      position: absolute;
      top: 7px;
      right: 24px;
      line-height: 100%; }
      .widget .widget-heading .ellipsis button {
        padding: 4px 8px;
        border: 0;
        color: #333333;
        font-size: 24px;
        line-height: 24px;
        box-shadow: none; }
    .widget .widget-heading .onoffswitch {
      display: inline-block;
      margin-left: 12px;
      vertical-align: middle; }
    .widget .widget-heading .right-middle {
      position: absolute;
      top: 50%;
      right: 0; }
    .widget .widget-heading .fa-spinner {
      position: absolute;
      top: 50%;
      right: 16px;
      margin-top: -8px;
      color: #999;
      font-size: 16px; }
  .widget .options {
    position: absolute;
    top: 0;
    right: 16px; }
    .widget .options > div {
      float: right; }
    .widget .options .action-menu {
      margin-top: 4px; }
    .widget .options .dropdown-choice.categories {
      margin-top: 8px; }
      .widget .options .dropdown-choice.categories .dropdown-toggle {
        padding: 6px 24px 4px 12px;
        font-size: 12px; }
        .widget .options .dropdown-choice.categories .dropdown-toggle.selected {
          font-weight: normal; }
  .widget .action-menu {
    cursor: pointer; }
    .widget .action-menu.fixed-right {
      position: absolute;
      top: 50%;
      right: 8px;
      margin-top: -20px; }
    .widget .action-menu.open .dropdown-toggle,
    .widget .action-menu.open:hover .dropdown-toggle {
      background: #ccc; }
    .widget .action-menu.open .icon {
      color: #666; }
    .widget .action-menu:hover .dropdown-toggle {
      background: #ddd; }
    .widget .action-menu .dropdown-toggle {
      padding: 8px 12px; }
      .widget .action-menu .dropdown-toggle .icon {
        color: #999;
        vertical-align: -.3em; }
    .widget .action-menu .separator {
      margin: 4px 0;
      border-top: 1px solid #d9d9d9; }
    .widget .action-menu .dropdown-menu {
      top: 80%;
      right: 0;
      left: auto;
      min-width: auto; }
      .widget .action-menu .dropdown-menu a {
        padding: 8px 20px; }
      .widget .action-menu .dropdown-menu .icon {
        margin-right: 4px;
        font-size: 18px;
        vertical-align: -.2em; }
  .widget .widget-heading-noborder {
    border-bottom: 0; }
    .widget .widget-heading-noborder + .widget-body {
      padding-top: 0; }
  .widget .widget-body {
    position: relative;
    height: calc(100% - 48px);
    padding: 16px; }
  .widget .widget-heading-has-description + .widget-body {
    height: calc(100% - 64px); }
  .widget .widget-table-container {
    position: relative;
    height: calc(100% - 48px); }
  .widget .bargraph-window {
    position: absolute;
    width: 100px;
    height: 50px;
    padding: 1px;
    border-radius: 5px;
    background-color: #111;
    color: #fff;
    text-align: center; }
    .widget .bargraph-window .barwin-right {
      width: 50%;
      height: 100%;
      padding: 3px 5px 5px 3px;
      float: right; }
    .widget .bargraph-window .barwin-left {
      width: 50%;
      height: 85%;
      margin: 3px 0 0;
      padding: 0 5px 5px;
      float: left;
      border-right: 1px solid #aaa; }
    .widget .bargraph-window .triangle {
      position: absolute;
      bottom: -5px;
      left: 50%;
      width: 0;
      height: 0;
      margin-left: -10px;
      border-top: 5px solid #111;
      border-right: 10px solid transparent;
      border-left: 10px solid transparent; }
  .widget .widget-table {
    margin-bottom: 0; }
    .widget .widget-table > tbody > tr:hover {
      background-color: #f4f4f4; }
    .widget .widget-table > tbody > tr > td,
    .widget .widget-table > thead > tr > th {
      padding: 8px;
      word-break: break-all; }
      .widget .widget-table > tbody > tr > td:first-child,
      .widget .widget-table > thead > tr > th:first-child {
        padding-left: 16px; }
      .widget .widget-table > tbody > tr > td:last-child,
      .widget .widget-table > thead > tr > th:last-child {
        padding-right: 16px; }
    .widget .widget-table > tbody > tr > td {
      border: 0;
      border-bottom: 1px solid #d9d9d9; }
    .widget .widget-table > thead > tr > th {
      border: 0;
      color: #999;
      font-size: 70%;
      font-weight: normal;
      vertical-align: middle; }
      .widget .widget-table > thead > tr > th.text-xs {
        font-size: 50%; }
    .widget .widget-table .subtable {
      width: 100%; }
      .widget .widget-table .subtable th,
      .widget .widget-table .subtable td {
        padding: 2px 0;
        white-space: nowrap; }
      .widget .widget-table .subtable .ellipsis {
        max-width: 40px; }
      .widget .widget-table .subtable .sub {
        color: #999;
        font-size: 12px; }
    .widget .widget-table .subtable-2cols th,
    .widget .widget-table .subtable-2cols td {
      width: 50%;
      white-space: nowrap; }
    .widget .widget-table .subtable-uniform {
      table-layout: fixed; }
    .widget .widget-table .number,
    .widget .widget-table .subtable .number {
      padding-right: 8px;
      text-align: right; }
      .widget .widget-table .number .icon-label,
      .widget .widget-table .subtable .number .icon-label {
        padding-top: 2px; }
      .widget .widget-table .number .table-label,
      .widget .widget-table .subtable .number .table-label {
        display: block;
        float: left; }
      .widget .widget-table .number .text-label,
      .widget .widget-table .subtable .number .text-label {
        padding-top: 4px;
        font-size: 8px; }
    .widget .widget-table .bargraph .pv,
    .widget .widget-table .bargraph .first-row {
      height: 14px;
      background-color: #03a9f4; }
    .widget .widget-table .bargraph .uu,
    .widget .widget-table .bargraph .second-row {
      height: 14px;
      background-color: #68cbf8; }
    .widget .widget-table .table-label {
      display: inline-block;
      width: 20px;
      color: #03a9f4;
      font-size: 100%;
      text-align: center; }
    .widget .widget-table .table-title {
      font-weight: bold; }
      .widget .widget-table .table-title small {
        font-size: 12px;
        font-weight: normal; }
      .widget .widget-table .table-title .sort-mark {
        margin: auto 3px;
        font-size: 15px;
        font-weight: bolder; }
      .widget .widget-table .table-title:hover .edit {
        display: block; }
      .widget .widget-table .table-title .edit {
        display: none;
        color: #999;
        cursor: pointer; }
        .widget .widget-table .table-title .edit:hover {
          color: #333; }
      .widget .widget-table .table-title .right {
        float: right; }
    .widget .widget-table td {
      vertical-align: middle; }
      .widget .widget-table td .big {
        font-size: 120%; }
      .widget .widget-table td small,
      .widget .widget-table td .small {
        color: #999;
        font-size: 80%;
        font-weight: normal; }
      .widget .widget-table td .face,
      .widget .widget-table td .cover {
        display: inline-block;
        width: 40px;
        height: 40px;
        background-position: center center;
        background-size: cover;
        vertical-align: middle; }
      .widget .widget-table td .no-cover {
        width: 40px;
        height: 40px;
        background: #ccc; }
      .widget .widget-table td .time {
        color: #999; }
      .widget .widget-table td .sub-text {
        color: #999; }
      .widget .widget-table td.link {
        cursor: pointer; }
  .widget a:hover {
    text-decoration: none; }
  .widget a.sort-inactive {
    color: #333333;
    text-decoration: underline; }
  .widget a.sort-disabled {
    color: #999;
    text-decoration: none;
    cursor: default; }
    .widget a.sort-disabled:hover {
      cursor: default; }
  .widget.child {
    background-color: #fcfcfc; }
    .widget.child .dropdown.ellipsis button {
      background: #fcfcfc; }
      .widget.child .dropdown.ellipsis button:hover {
        background: #ddd; }
      .widget.child .dropdown.ellipsis button:focus {
        outline: none; }
    .widget.child .widget-heading .btn {
      position: absolute;
      top: 8px;
      right: 16px;
      padding: 8px 24px;
      line-height: 1; }

.row-detail {
  position: absolute;
  padding: 8px;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 0 4px #ccc; }
  .row-detail th,
  .row-detail td {
    padding: 4px 8px;
    font-size: 12px; }
  .row-detail th {
    font-weight: normal; }
  .row-detail .number {
    text-align: right; }

.widget-show-all {
  text-align: center; }
  .widget-show-all a {
    display: block;
    color: #999;
    line-height: 40px; }
    .widget-show-all a:hover {
      background-color: #f4f4f4;
      color: #333333; }

.widget-vertical .widget-summary {
  position: relative;
  height: 96px;
  padding: 16px;
  border-bottom: 1px solid #d9d9d9; }

.widget-vertical .widget-body {
  height: calc(100% - 48px - 96px); }

.widget-2pane .widget-body {
  padding-right: 208px; }
  .widget-2pane .widget-body .widget-side {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 200px;
    padding: 16px;
    padding-left: 8px;
    float: right;
    border-left: 1px solid #d9d9d9; }
    .widget-2pane .widget-body .widget-side .list-group .list-group-item {
      padding: 5px 15px;
      font-size: 12px;
      cursor: pointer; }
      .widget-2pane .widget-body .widget-side .list-group .list-group-item.active {
        border-color: #334;
        background-color: #334; }

.widget-with-border {
  border-bottom: 1px solid #d9d9d9; }

.widget-with-shadow {
  box-shadow: 0 1px 3px #ccc;
  z-index: 1; }

.count-container {
  padding: 16px 0; }
  .count-container .count-detail .total,
  .count-container .count-detail .diff {
    padding-top: 4px; }

.count-container:first-child {
  padding-top: 0; }

.count-container:last-child {
  padding-bottom: 0; }

.count-container:not(:first-child) {
  border-top: 1px solid #d9d9d9; }

.count-title {
  color: #999;
  font-size: 12px; }

.count-detail .total,
.count-detail .diff {
  display: inline-block;
  width: 120px;
  padding-top: 12px; }
  .count-detail .total .total-title,
  .count-detail .total .diff-title,
  .count-detail .diff .total-title,
  .count-detail .diff .diff-title {
    display: inline;
    padding-right: 8px;
    color: #999;
    font-size: 12px; }
  .count-detail .total .total-count,
  .count-detail .total .diff-count,
  .count-detail .diff .total-count,
  .count-detail .diff .diff-count {
    display: inline; }
  .count-detail .total .total-count,
  .count-detail .diff .total-count {
    font-size: 24px; }
  .count-detail .total .diff-count,
  .count-detail .diff .diff-count {
    font-size: 16px; }
  @media (max-width: 1140px) {
    .count-detail .total,
    .count-detail .diff {
      width: 90px; }
      .count-detail .total .total-title,
      .count-detail .total .diff-title,
      .count-detail .diff .total-title,
      .count-detail .diff .diff-title {
        font-size: 10px; }
      .count-detail .total .total-count,
      .count-detail .diff .total-count {
        font-size: 14px; }
      .count-detail .total .diff-count,
      .count-detail .diff .diff-count {
        font-size: 12px; } }

.diff .positive {
  color: #a2cf6e; }

.diff .negative {
  color: #ff4081; }

.display-container {
  display: block;
  position: relative;
  text-align: center; }
  .display-container .display-label {
    display: inline;
    padding-right: 8px;
    background-color: #f4f4f4;
    color: #999;
    font-size: 12px;
    line-height: 14px; }
  .display-container .display-value {
    display: inline;
    background-color: #f4f4f4;
    font-size: 14px;
    font-weight: bold;
    line-height: 14px; }
    .display-container .display-value br {
      display: none; }
  .display-container .display-label::before {
    display: inline;
    padding-left: 24px;
    content: ''; }
  .display-container .display-value::after {
    display: inline;
    padding-right: 24px;
    content: ''; }

.display-container::after {
  display: block;
  position: absolute;
  top: 9px;
  width: 100%;
  border-bottom: 1px solid #d9d9d9;
  content: '';
  z-index: -1; }

.fill-container {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100001; }
  .fill-container .fill-content {
    height: 100%; }
    .fill-container .fill-content .scroll-container {
      overflow-y: auto; }

.notification-list .notifications {
  margin-top: 40px; }

.notification-list .notification {
  margin-bottom: 24px;
  padding: 16px;
  background: #fff; }
  .notification-list .notification .thumb {
    width: auto;
    height: 72px;
    margin-top: 8px;
    float: right; }

.status::before {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 5px;
  margin-bottom: 2px;
  border-radius: 5px;
  content: ''; }

.status.active::before {
  background: #38dc77; }

.status.over::before {
  background: #ff4081; }

.status.inactive::before {
  background: #999; }

.daterange-inline {
  width: 512px; }
  .daterange-inline .daterange-inline-header {
    padding: 12px 16px;
    border-bottom: 1px solid #d9d9d9; }
    .daterange-inline .daterange-inline-header > div {
      float: left; }
    .daterange-inline .daterange-inline-header .selected-range {
      margin-left: 4px;
      padding-top: 2px;
      color: #999;
      font-size: 12px; }
    .daterange-inline .daterange-inline-header::after {
      display: block;
      clear: both;
      content: ''; }
    .daterange-inline .daterange-inline-header .range-of {
      margin: 0 8px; }
  .daterange-inline .daterange-inline-calendars {
    margin: 24px 16px 8px; }
    .daterange-inline .daterange-inline-calendars::after {
      display: block;
      clear: both;
      content: ''; }
    .daterange-inline .daterange-inline-calendars .date-from,
    .daterange-inline .daterange-inline-calendars .date-to {
      float: left; }
      .daterange-inline .daterange-inline-calendars .date-from .calendar-header,
      .daterange-inline .daterange-inline-calendars .date-to .calendar-header {
        margin-bottom: 8px; }
        .daterange-inline .daterange-inline-calendars .date-from .calendar-header .selected-title,
        .daterange-inline .daterange-inline-calendars .date-to .calendar-header .selected-title {
          margin-left: 16px;
          float: left;
          font-size: 14px;
          font-weight: bold; }
        .daterange-inline .daterange-inline-calendars .date-from .calendar-header .selected-date,
        .daterange-inline .daterange-inline-calendars .date-to .calendar-header .selected-date {
          position: relative;
          width: 160px;
          height: 18px;
          margin-left: 16px;
          float: left;
          border-bottom: 1px solid #d9d9d9;
          text-align: center; }
        .daterange-inline .daterange-inline-calendars .date-from .calendar-header::after,
        .daterange-inline .daterange-inline-calendars .date-to .calendar-header::after {
          display: block;
          clear: both;
          content: ''; }
      .daterange-inline .daterange-inline-calendars .date-from::after,
      .daterange-inline .daterange-inline-calendars .date-to::after {
        display: block;
        clear: both;
        content: ''; }
    .daterange-inline .daterange-inline-calendars .date-to {
      margin-left: 8px; }
  .daterange-inline .clear {
    position: absolute;
    top: 6px;
    right: 6px; }
  .daterange-inline .daterange-inline-footer {
    padding: 8px 24px 16px;
    text-align: right; }
    .daterange-inline .daterange-inline-footer a:hover, .daterange-inline .daterange-inline-footer a:active {
      text-decoration: none; }
    .daterange-inline .daterange-inline-footer .cancel {
      display: inline-block;
      margin-right: 16px;
      color: #999;
      font-size: 12px; }
    .daterange-inline .daterange-inline-footer .apply {
      display: inline-block;
      padding: 8px 12px;
      border-radius: 3px;
      background: #a2cf6e;
      color: #fff;
      font-size: 12px; }

.datepicker-area {
  background-color: #fff; }
  .datepicker-area .datepicker-area-header {
    position: relative;
    height: 48px;
    padding: 16px;
    border-bottom: 1px solid #d9d9d9;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px; }
    .datepicker-area .datepicker-area-header .datepicker-area-title {
      font-size: 16px;
      line-height: 16px; }
      .datepicker-area .datepicker-area-header .datepicker-area-title > a {
        display: block;
        color: #333333; }
        .datepicker-area .datepicker-area-header .datepicker-area-title > a:hover {
          color: #03a9f4; }
  .datepicker-area .datepicker-body {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 150px;
    padding: 16px 224px 16px 16px; }
    .datepicker-area .datepicker-body .datepicker-area-chart {
      width: 100%;
      float: left; }
      .datepicker-area .datepicker-body .datepicker-area-chart .message {
        position: absolute;
        top: calc(50% - 6px);
        left: 286px; }
    .datepicker-area .datepicker-body .chart-none {
      background-color: #ddd; }
    .datepicker-area .datepicker-body .datepicker-panel {
      position: absolute;
      top: 16px;
      right: 16px;
      bottom: 16px;
      width: 200px;
      padding-left: 16px;
      border-left: 1px solid #d9d9d9; }
      .datepicker-area .datepicker-body .datepicker-panel .header-right {
        padding: 5px 0; }
      .datepicker-area .datepicker-body .datepicker-panel .header-line {
        margin: 12px 0;
        border-top: 1px solid #d9d9d9; }
      .datepicker-area .datepicker-body .datepicker-panel .cal-icon {
        margin: 0 10px 0 0;
        float: left; }
      .datepicker-area .datepicker-body .datepicker-panel .btn {
        padding: 4px 12px; }
      .datepicker-area .datepicker-body .datepicker-panel .btn-custom {
        padding: 4px 12px; }

.datepicker {
  display: inline-block;
  width: 144px; }
  .datepicker.dateonly {
    width: 104px; }

.daterange span {
  margin: 0 8px;
  color: #999;
  font-size: 12px; }

.pagination-wrapper {
  margin: 20px 0; }
  .pagination-wrapper::after {
    display: block;
    clear: both;
    content: ''; }
  .pagination-wrapper .pagination {
    margin: 0;
    margin-right: 16px;
    float: left; }
    .pagination-wrapper .pagination > li > a {
      padding: 4px 10px; }
    .pagination-wrapper .pagination .disabled a,
    .pagination-wrapper .pagination .disabled a:hover,
    .pagination-wrapper .pagination .current a,
    .pagination-wrapper .pagination .current a:hover {
      background-color: #f0f0f0;
      color: #ccc;
      cursor: default; }
  .pagination-wrapper .counts {
    padding-top: 8px;
    color: #999;
    line-height: 1; }

.news-selector {
  position: relative; }
  .news-selector .content {
    cursor: pointer; }
    .news-selector .content .cover {
      float: left;
      background-position: center top;
      background-size: cover; }
    .news-selector .content .caption {
      display: table-cell;
      line-height: 1;
      vertical-align: middle; }
    .news-selector .content::after {
      display: block;
      clear: both;
      content: ''; }
  .news-selector .form-group {
    margin-bottom: 0; }
    .news-selector .form-group .error-message {
      margin-top: 8px;
      color: #a94442; }
  .news-selector .contents {
    position: absolute;
    top: 35px;
    right: 0;
    left: 0;
    max-height: 300px;
    border: 1px #d9d9d9 solid;
    background-color: #fff;
    box-shadow: 0 0 3px 1px #ccc;
    overflow: auto;
    z-index: 2; }
    .news-selector .contents .content .cover {
      width: 100px;
      height: 72px;
      margin: 4px 16px; }
    .news-selector .contents .content .caption {
      height: 72px; }
      .news-selector .contents .content .caption .explanation {
        margin-top: 10px;
        font-size: 12px; }
    .news-selector .contents .content:hover {
      background: #f4f4f4; }
      .news-selector .contents .content:hover .cover {
        opacity: .88; }
      .news-selector .contents .content:hover .title {
        font-weight: bold; }
  .news-selector .selected.content {
    display: inline-block;
    padding: 8px;
    border: 1px solid #d9d9d9;
    border-radius: 2px; }
    .news-selector .selected.content .cover {
      width: 65px;
      height: 35px;
      margin-right: 8px; }
    .news-selector .selected.content .caption {
      height: 35px; }
    .news-selector .selected.content .content-delete-button {
      display: table-cell;
      width: 16px;
      height: 16px;
      margin-left: 8px;
      border-radius: 2px;
      background-color: #fff;
      background-size: contain;
      color: #4277fb;
      font-size: 16px;
      line-height: 16px;
      cursor: pointer; }

.book-selector {
  position: relative; }
  .book-selector .content {
    cursor: pointer; }
    .book-selector .content .cover {
      float: left;
      background-position: center top;
      background-size: cover; }
    .book-selector .content .caption {
      display: table-cell;
      line-height: 1;
      vertical-align: middle; }
    .book-selector .content::after {
      display: block;
      clear: both;
      content: ''; }
  .book-selector .form-group {
    margin-bottom: 0; }
    .book-selector .form-group .error-message {
      margin-top: 8px;
      color: #a94442; }
  .book-selector .contents {
    position: absolute;
    top: 35px;
    right: 0;
    left: 0;
    max-height: 300px;
    border: 1px #d9d9d9 solid;
    background-color: #fff;
    box-shadow: 0 0 3px 1px #ccc;
    overflow: auto;
    z-index: 2; }
    .book-selector .contents .content .cover {
      width: 100px;
      height: 72px;
      margin: 4px 16px; }
    .book-selector .contents .content .caption {
      height: 72px; }
      .book-selector .contents .content .caption .explanation {
        margin-top: 10px;
        font-size: 12px; }
    .book-selector .contents .content:hover {
      background: #f4f4f4; }
      .book-selector .contents .content:hover .cover {
        opacity: .88; }
      .book-selector .contents .content:hover .title {
        font-weight: bold; }
  .book-selector .selected.content {
    display: inline-block;
    padding: 8px;
    border: 1px solid #d9d9d9;
    border-radius: 2px; }
    .book-selector .selected.content .cover {
      width: 65px;
      height: 35px;
      margin-right: 8px; }
    .book-selector .selected.content .caption {
      height: 35px; }
    .book-selector .selected.content .content-delete-button {
      display: table-cell;
      width: 16px;
      height: 16px;
      margin-left: 8px;
      border-radius: 2px;
      background-color: #fff;
      background-size: contain;
      color: #4277fb;
      font-size: 16px;
      line-height: 16px;
      cursor: pointer; }

.content-title-choice {
  position: relative; }
  .content-title-choice .btn {
    border-color: #ddd;
    background-color: #f9f9f9;
    font-size: 12px; }
    .content-title-choice .btn:hover {
      background-color: #fff; }
  .content-title-choice.disabled, .content-title-choice[disabled] {
    cursor: not-allowed; }
    .content-title-choice.disabled .dropdown-toggle, .content-title-choice[disabled] .dropdown-toggle {
      background-color: #eee;
      pointer-events: none; }
  .content-title-choice .caret {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -2px;
    color: #999; }
  .content-title-choice .dropdown-toggle {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    padding: 8px 24px 6px 12px; }
    .content-title-choice .dropdown-toggle.selected {
      font-weight: bold; }
  .content-title-choice .dropdown-menu {
    top: -2px;
    right: auto;
    left: -1px;
    min-width: 280px; }
    .content-title-choice .dropdown-menu .header {
      position: relative;
      padding: 12px;
      border-bottom: 1px solid #d9d9d9;
      font-size: 12px; }
      .content-title-choice .dropdown-menu .header::after {
        display: block;
        clear: both;
        content: ''; }
    .content-title-choice .dropdown-menu .dropdown-title {
      float: left; }
    .content-title-choice .dropdown-menu .selected {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      width: 180px;
      color: #999; }
      .content-title-choice .dropdown-menu .selected::before {
        margin: 0 4px;
        content: ':'; }
    .content-title-choice .dropdown-menu .search {
      width: 100%;
      height: 26px;
      padding-top: 4px;
      padding-bottom: 4px;
      border: 0;
      border-bottom: 1px solid #d9d9d9;
      outline: none;
      font-size: 12px;
      line-height: 26px; }
    .content-title-choice .dropdown-menu .choice-list {
      max-height: 300px;
      margin: 0;
      padding: 8px 0;
      list-style: none;
      overflow: auto; }
    .content-title-choice .dropdown-menu .choice-item {
      padding: 8px 16px;
      font-size: 12px;
      line-height: 18px; }
      .content-title-choice .dropdown-menu .choice-item:hover {
        background: #eee;
        text-decoration: none; }
      .content-title-choice .dropdown-menu .choice-item a {
        display: block;
        color: inherit; }
        .content-title-choice .dropdown-menu .choice-item a .clearfix:before, .content-title-choice .dropdown-menu .choice-item a .clearfix:after {
          content: " ";
          display: table; }
        .content-title-choice .dropdown-menu .choice-item a .clearfix:after {
          clear: both; }
        .content-title-choice .dropdown-menu .choice-item a .clearfix .content-cover {
          width: 50px;
          height: 36px;
          margin-right: 8px;
          float: left;
          background-position: center top;
          background-size: cover; }
        .content-title-choice .dropdown-menu .choice-item a .clearfix .content-title {
          overflow: hidden;
          word-break: break-all; }
    .content-title-choice .dropdown-menu .filter {
      padding: 8px 16px; }

.article-list .csv-caution {
  color: #ff4081;
  font-size: 12px;
  line-height: 48px; }

.article-loader {
  width: 138px;
  height: 160px;
  margin-right: 8px;
  margin-bottom: 8px;
  padding: 8px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  text-align: center; }
  .article-loader img.eyecatch {
    width: 120px;
    height: 96px;
    margin-bottom: 8px; }
  .article-loader .title {
    height: 40px;
    overflow: hidden; }

.review .filter-row {
  margin-bottom: 16px; }

.review-list .creator,
.review-list .term,
.review-list .order-creator {
  width: 100px; }

.review-list .campaign,
.review-list .order {
  width: 200px; }

.review-list .product {
  width: 165px; }

.review-list .price {
  width: 70px; }

.review-list .menu {
  width: 40px; }

.review-list .tag {
  top: 2px;
  width: 68px;
  padding: 2px 6px;
  border-radius: 8px;
  background-color: #666;
  color: #fff;
  line-height: 1; }

.approve {
  color: #6c6; }
  .approve:hover {
    color: #393; }

.decline {
  color: #f99; }
  .decline:hover {
    color: #f66; }

.btn.btn-approve {
  background-color: #6c6;
  color: #fff; }
  .btn.btn-approve:hover {
    background-color: #393; }

.btn.btn-decline {
  background-color: #f99;
  color: #fff; }
  .btn.btn-decline:hover {
    background-color: #f66; }

.list-header {
  position: relative; }
  .list-header::after {
    display: block;
    clear: both;
    content: ''; }
  .list-header .title {
    margin: 0;
    padding-top: 8px;
    float: left;
    font-size: 20px;
    line-height: 1; }
  .list-header .header-item {
    float: left;
    line-height: 1; }
  .list-header .header-item-right {
    margin-left: 8px;
    float: right;
    line-height: 1; }
  .list-header .main-row {
    position: relative; }
    .list-header .main-row::after {
      display: block;
      clear: both;
      content: ''; }
  .list-header .create {
    position: absolute;
    right: 0; }
  .list-header .filter-area,
  .list-header .filter-row {
    margin-top: 16px;
    clear: both; }
  .list-header .dropdown-choice {
    margin-right: 8px; }
    .list-header .dropdown-choice .btn {
      border-color: #ddd;
      background-color: #f9f9f9;
      font-size: 12px; }
      .list-header .dropdown-choice .btn:hover {
        background-color: #fff; }
    .list-header .dropdown-choice .dropdown-toggle {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      max-width: 120px;
      margin-top: 1px; }
  .list-header .search-article .form-control {
    border-color: #d9d9d9; }
  .list-header .content-title-choice {
    margin-right: 8px; }
    .list-header .content-title-choice .dropdown-toggle {
      margin-top: 1px; }
  .list-header .action-btn {
    margin-left: 64px;
    padding: 9px 32px;
    line-height: 1; }
    .list-header .action-btn.has-mask {
      position: relative; }
      .list-header .action-btn.has-mask .mask {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        text-align: center; }
        .list-header .action-btn.has-mask .mask::before {
          display: block;
          width: 100%;
          height: 100%;
          background: #000;
          content: '';
          opacity: .1; }
        .list-header .action-btn.has-mask .mask .spinner {
          position: absolute;
          top: 50%;
          left: 50%;
          margin: -7px 0 0 -7px; }

.dropdown-choice {
  position: relative; }
  .dropdown-choice.disabled, .dropdown-choice[disabled] {
    cursor: not-allowed; }
    .dropdown-choice.disabled .dropdown-toggle, .dropdown-choice[disabled] .dropdown-toggle {
      background-color: #eee;
      pointer-events: none; }
  .dropdown-choice .caret {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -2px;
    color: #999; }
  .dropdown-choice .dropdown-toggle {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    padding: 8px 24px 6px 12px; }
    .dropdown-choice .dropdown-toggle.selected {
      font-weight: bold; }
  .dropdown-choice .dropdown-menu {
    top: -2px;
    right: auto;
    left: -1px;
    min-width: 280px; }
    .dropdown-choice .dropdown-menu .header {
      position: relative;
      padding: 12px;
      border-bottom: 1px solid #d9d9d9;
      font-size: 12px; }
      .dropdown-choice .dropdown-menu .header::after {
        display: block;
        clear: both;
        content: ''; }
    .dropdown-choice .dropdown-menu .dropdown-title {
      float: left; }
    .dropdown-choice .dropdown-menu .selected {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      width: 180px;
      color: #999; }
      .dropdown-choice .dropdown-menu .selected::before {
        margin: 0 4px;
        content: ':'; }
    .dropdown-choice .dropdown-menu .search {
      width: 100%;
      height: 26px;
      padding-top: 4px;
      padding-bottom: 4px;
      border: 0;
      border-bottom: 1px solid #d9d9d9;
      outline: none;
      font-size: 12px;
      line-height: 26px; }
    .dropdown-choice .dropdown-menu .choice-list {
      max-height: 320px;
      margin: 0;
      padding: 8px 0;
      list-style: none;
      overflow: auto; }
    .dropdown-choice .dropdown-menu .choice-item {
      font-size: 12px;
      line-height: 18px; }
      .dropdown-choice .dropdown-menu .choice-item a {
        display: block;
        padding: 8px 16px;
        color: inherit; }
        .dropdown-choice .dropdown-menu .choice-item a:hover {
          background: #eee;
          text-decoration: none; }
      .dropdown-choice .dropdown-menu .choice-item label {
        display: block;
        padding: 8px 16px;
        color: inherit; }
        .dropdown-choice .dropdown-menu .choice-item label:hover {
          background: #eee;
          text-decoration: none; }
        .dropdown-choice .dropdown-menu .choice-item label .icon {
          position: absolute;
          top: 10px;
          left: 0;
          color: #a2cf6e;
          font-size: 12px;
          font-weight: bold; }
    .dropdown-choice .dropdown-menu .filter {
      padding: 8px 16px; }

.empty-warning {
  padding: 16px;
  background: #f4f4f4; }
  .empty-warning .icon {
    text-align: center; }
    .empty-warning .icon .warning {
      color: #999;
      font-size: 48px; }
    .empty-warning .icon .description {
      color: #999;
      line-height: 32px; }

.help {
  display: inline-block;
  position: relative;
  cursor: pointer; }
  .help .icon {
    margin-top: -2px;
    color: #ccc;
    font-size: 18px;
    vertical-align: -.2em; }
  .help .message {
    display: none;
    position: absolute;
    width: 300px;
    padding: 10px;
    border: 1px solid #d9d9d9;
    background: #eee;
    color: #666;
    font-size: 12px;
    font-weight: normal;
    text-align: left;
    z-index: 100;
    pointer-events: none; }
  .help:hover .icon {
    opacity: .72; }
  .help:hover .message {
    display: block; }
  .help.mini .icon {
    font-size: 14px; }
  .help.small .icon {
    font-size: 16px; }

.user-selector {
  position: relative; }
  .user-selector .search-box {
    position: relative; }
    .user-selector .search-box .field-icon {
      position: absolute;
      top: 8px;
      right: 10px;
      color: #999; }
      .user-selector .search-box .field-icon a {
        color: inherit; }
  .user-selector .search-result {
    position: absolute;
    background: #fff;
    color: #999;
    box-shadow: 0 1px 4px 0 #ccc;
    z-index: 1;
    overflow-y: auto;
    overflow-x: hidden; }
    .user-selector .search-result a {
      display: block;
      padding: 8px;
      color: inherit;
      font-size: 12px; }
      .user-selector .search-result a:hover {
        background: #eee;
        text-decoration: none; }
    .user-selector .search-result .cover {
      display: table-cell; }
      .user-selector .search-result .cover img {
        width: 50px;
        height: 50px; }
    .user-selector .search-result .userinfo {
      display: table-cell;
      padding-left: 16px;
      vertical-align: middle; }
      .user-selector .search-result .userinfo .name {
        font-size: 1.2em; }
      .user-selector .search-result .userinfo .title {
        color: #999;
        font-size: .8em; }
      .user-selector .search-result .userinfo .anonymous {
        display: inline-block;
        color: #ff4081;
        font-size: .4em;
        white-space: nowrap;
        vertical-align: baseline; }
  .user-selector .empty {
    padding: 4px;
    background: #f2f2f2;
    font-size: 12px;
    text-align: center; }

.community-member-selector {
  position: relative; }
  .community-member-selector .search-box {
    position: relative; }
    .community-member-selector .search-box .field-icon {
      position: absolute;
      top: 8px;
      right: 10px;
      color: #999; }
      .community-member-selector .search-box .field-icon a {
        color: inherit; }
  .community-member-selector .search-result {
    position: absolute;
    background: #fff;
    color: #999;
    box-shadow: 0 1px 4px 0 #ccc;
    z-index: 1;
    overflow-y: auto;
    overflow-x: hidden; }
    .community-member-selector .search-result a {
      display: block;
      padding: 8px;
      color: inherit;
      font-size: 12px; }
      .community-member-selector .search-result a:hover {
        background: #eee;
        text-decoration: none; }
    .community-member-selector .search-result .cover {
      display: table-cell; }
      .community-member-selector .search-result .cover img {
        width: 50px;
        height: 50px; }
    .community-member-selector .search-result .userinfo {
      display: table-cell;
      padding-left: 16px;
      vertical-align: middle; }
      .community-member-selector .search-result .userinfo .name {
        font-size: 1.2em; }
      .community-member-selector .search-result .userinfo .title {
        color: #999;
        font-size: .8em; }
      .community-member-selector .search-result .userinfo .anonymous {
        display: inline-block;
        color: #ff4081;
        font-size: .4em;
        white-space: nowrap;
        vertical-align: baseline; }
  .community-member-selector .empty {
    padding: 4px;
    background: #f2f2f2;
    font-size: 12px;
    text-align: center; }

.confirm-dialog {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 100; }
  .confirm-dialog .confirm-dialog-content {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 400px;
    margin-top: -90px;
    margin-left: -200px;
    padding: 32px;
    border-radius: 4px;
    background: #fff;
    text-align: center;
    box-shadow: 0 0 4px #fff; }
    .confirm-dialog .confirm-dialog-content .title {
      font-size: 16px; }
    .confirm-dialog .confirm-dialog-content .message {
      margin-top: 16px; }
    .confirm-dialog .confirm-dialog-content .btn:hover {
      text-decoration: underline; }
    .confirm-dialog .confirm-dialog-content .buttons {
      margin-top: 24px; }
      .confirm-dialog .confirm-dialog-content .buttons a {
        padding: 8px 24px; }
    .confirm-dialog .confirm-dialog-content .delete {
      color: #ff4081; }
    .confirm-dialog .confirm-dialog-content .cancel {
      color: inherit; }

.widget.member-groups {
  margin-bottom: 24px;
  padding-bottom: 16px; }
  .widget.member-groups .widget-heading {
    height: 100%; }
  .widget.member-groups .widget-title {
    font-weight: bolder; }
  .widget.member-groups .widget-description {
    padding-top: 8px; }
  .widget.member-groups .group-members::after {
    display: block;
    clear: both;
    content: ''; }
  .widget.member-groups .group-members .member {
    width: calc(100% / 3 - 22px);
    margin-top: 16px;
    margin-left: 16px;
    float: left;
    transition: .3s;
    border: 1px solid transparent;
    cursor: pointer; }
    .widget.member-groups .group-members .member:nth-child(3n) {
      margin-right: 0; }
    .widget.member-groups .group-members .member::after {
      display: block;
      clear: both;
      content: ''; }
    .widget.member-groups .group-members .member:hover {
      border-color: #ccc;
      opacity: .8; }
    .widget.member-groups .group-members .member .member-icon {
      margin: 0;
      margin-right: 8px;
      float: left; }
      .widget.member-groups .group-members .member .member-icon img {
        width: 72px; }
    .widget.member-groups .group-members .member .member-profile {
      padding: 8px; }
    .widget.member-groups .group-members .member .member-name {
      font-size: 16px; }
    .widget.member-groups .group-members .member .member-title {
      max-height: 2.4em;
      margin-top: 2px;
      color: #999;
      font-size: 12px;
      line-height: 1.4;
      overflow: hidden; }

.widget.members .empty-list {
  margin-top: 40px; }

.member-edit {
  position: relative;
  padding: 0;
  background: #fff; }
  .member-edit .edit-content {
    padding: 24px; }
  .member-edit .section {
    margin-bottom: 16px; }
    .member-edit .section .title {
      margin-bottom: 8px;
      font-weight: bold; }
    .member-edit .section.authority::after {
      display: block;
      clear: both;
      content: ''; }
  .member-edit .selected-member {
    position: relative;
    margin-bottom: 8px; }
    .member-edit .selected-member::after {
      display: block;
      clear: both;
      content: ''; }
    .member-edit .selected-member .member-icon {
      margin-right: 8px;
      float: left; }
      .member-edit .selected-member .member-icon img {
        width: 48px; }
    .member-edit .selected-member .member-name {
      font-size: 16px; }
    .member-edit .selected-member .member-title,
    .member-edit .selected-member .member-group {
      margin-top: 4px;
      color: #999;
      font-size: 12px; }
    .member-edit .selected-member .clear {
      display: none;
      position: absolute;
      top: 50%;
      right: 8px;
      margin-top: -12px;
      transition: .3s;
      color: #999; }
      .member-edit .selected-member .clear .material-icons {
        font-size: 18px; }
      .member-edit .selected-member .clear:hover {
        opacity: .72; }
    .member-edit .selected-member:hover .clear {
      display: block; }
  .member-edit .authority {
    display: table;
    width: 100%; }
    .member-edit .authority .column {
      display: table-cell;
      width: 250px;
      vertical-align: middle; }
    .member-edit .authority .to {
      width: 50px;
      color: #999; }
      .member-edit .authority .to .material-icons {
        font-size: 18px; }
  .member-edit .group-description {
    color: #666;
    font-size: 12px;
    line-height: 1.5; }
  .member-edit .search-box,
  .member-edit .search-result {
    width: 280px; }
  .member-edit .dialog-footer {
    position: relative;
    padding: 16px 24px;
    border-top: 1px solid #d9d9d9;
    text-align: right; }
    .member-edit .dialog-footer .save {
      padding: 8px 16px;
      background: #221f20;
      color: #fff; }
    .member-edit .dialog-footer .cancel {
      color: #221f20; }
    .member-edit .dialog-footer .delete {
      margin: 0;
      padding-top: 4px;
      float: left;
      color: #ff4081; }
      .member-edit .dialog-footer .delete .material-icons {
        vertical-align: -.25em; }
      .member-edit .dialog-footer .delete[disabled] {
        cursor: not-allowed;
        opacity: .64; }
        .member-edit .dialog-footer .delete[disabled]:hover, .member-edit .dialog-footer .delete[disabled]:active {
          text-decoration: none; }

.image-selector {
  position: relative;
  transition: .3s;
  border: 1px dashed #ddd;
  font-weight: normal;
  text-align: center; }
  .image-selector.has-image {
    border-color: transparent; }
    .image-selector.has-image img {
      display: block; }
    .image-selector.has-image label {
      display: none; }
      .image-selector.has-image label::before {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background: #666;
        content: '';
        opacity: .4; }
    .image-selector.has-image .circle-icon {
      background: #fff;
      color: #999; }
    .image-selector.has-image .text {
      color: #eee; }
    .image-selector.has-image:hover label {
      display: block; }
    .image-selector.has-image:hover .delete {
      display: block; }
  .image-selector label {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    cursor: pointer; }
  .image-selector .circle-icon {
    position: relative;
    width: 48px;
    height: 48px;
    margin: auto;
    margin-top: 16px;
    padding-top: 12px;
    border-radius: 24px;
    background: #ddd;
    color: #fff;
    z-index: 1; }
  .image-selector .text {
    position: relative;
    margin-top: 8px;
    color: #999;
    font-size: 10px;
    font-weight: normal;
    z-index: 1; }
  .image-selector:hover {
    border-style: solid;
    border-color: #f9f9f9;
    background: #f9f9f9; }
  .image-selector img {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%; }
  .image-selector .delete {
    display: none;
    position: absolute;
    top: 8px;
    right: 8px;
    transition: .3s;
    color: #fff;
    cursor: pointer;
    z-index: 10; }
    .image-selector .delete:hover {
      -moz-filter: drop-shadow(0 0 1px #000);
      -webkit-filter: drop-shadow(0 0 1px #000);
      filter: drop-shadow(0 0 1px #000); }

.image-with-caption {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 180px;
  margin-bottom: 6px; }
  .image-with-caption .eyecatch-image,
  .image-with-caption .eyecatch-image-web-top, .image-with-caption .eyecatch-image-web-comment, .image-with-caption .thumbnail-image, .image-with-caption .thumbnail-image-small, .image-with-caption .thumbnail-image-web, .image-with-caption .share-image, .image-with-caption .empty, .image-with-caption .order-edit .form-group .items .image .feed-image, .order-edit .form-group .items .image .image-with-caption .feed-image,
  .image-with-caption .order-edit .form-group .items .large-image .feed-image, .order-edit .form-group .items .large-image .image-with-caption .feed-image, .image-with-caption .order-edit .form-group .items .image .feed-image-small, .order-edit .form-group .items .image .image-with-caption .feed-image-small,
  .image-with-caption .order-edit .form-group .items .large-image .feed-image-small, .order-edit .form-group .items .large-image .image-with-caption .feed-image-small, .image-with-caption .order-edit .form-group .items .image .logo-image, .order-edit .form-group .items .image .image-with-caption .logo-image,
  .image-with-caption .order-edit .form-group .items .large-image .logo-image, .order-edit .form-group .items .large-image .image-with-caption .logo-image, .image-with-caption .order-edit .form-group .items .image .background-image, .order-edit .form-group .items .image .image-with-caption .background-image,
  .image-with-caption .order-edit .form-group .items .large-image .background-image, .order-edit .form-group .items .large-image .image-with-caption .background-image, .image-with-caption .order-edit .form-group .items .image .pbh-eyecatch-image, .order-edit .form-group .items .image .image-with-caption .pbh-eyecatch-image,
  .image-with-caption .order-edit .form-group .items .large-image .pbh-eyecatch-image, .order-edit .form-group .items .large-image .image-with-caption .pbh-eyecatch-image, .image-with-caption .order-review .items .image .thumbnail-image, .order-review .items .image .image-with-caption .thumbnail-image, .image-with-caption .order-review .items .image .logo-image, .order-review .items .image .image-with-caption .logo-image, .image-with-caption .order-review .items .image .background-image, .order-review .items .image .image-with-caption .background-image, .image-with-caption .order-review .items .image .pbh-eyecatch-image, .order-review .items .image .image-with-caption .pbh-eyecatch-image {
    box-shadow: 0 1px 4px -1px #999;
    object-fit: cover; }
  .image-with-caption .eyecatch-image,
  .image-with-caption .eyecatch-image-web-top {
    width: calc(375px * .48);
    height: calc(150px * .48); }
  .image-with-caption .eyecatch-image-web-comment {
    width: calc(375px * .48);
    height: calc(150px * .48); }
  .image-with-caption .thumbnail-image {
    width: calc(600px * .3);
    height: calc(315px * .3); }
  .image-with-caption .thumbnail-image-small {
    width: calc(600px * .15);
    height: calc(315px * .15); }
  .image-with-caption .thumbnail-image-web {
    width: calc(375px * .48);
    height: calc(150px * .48); }
  .image-with-caption .share-image {
    width: calc(600px * .3);
    height: calc(315px * .3); }
  .image-with-caption .empty {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(600px * .3);
    height: calc(315px * .3);
    background-color: #eee; }
  .image-with-caption .caption {
    margin-top: auto; }

.leaflet-status.status::before {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 5px;
  margin-bottom: 2px;
  border-radius: 5px;
  content: ''; }

.leaflet-status.status.open::before {
  background: #38dc77; }

.leaflet-status.status.closed::before {
  background: #ff4081; }

.leaflet-status.status.inactive::before {
  background: #999; }

.order-edit .asset-group {
  display: flex;
  flex-direction: row; }

.order-edit .widget-body.upper {
  border-bottom: 1px solid #d9d9d9;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px; }

.order-edit .media-selector {
  z-index: 2001; }

.order-edit .order-image {
  display: flex; }
  .order-edit .order-image .order-image-select-button input {
    padding: 4px 8px;
    border: #dadbdd solid 1px;
    border-radius: 4px;
    background-color: #f3f3f4;
    font-size: 12px; }
  .order-edit .order-image .order-image-select-thumb {
    position: relative;
    margin-left: 16px; }
    .order-edit .order-image .order-image-select-thumb img {
      max-width: 124px;
      max-height: 48px; }
    .order-edit .order-image .order-image-select-thumb .thumb-delete-button {
      position: absolute;
      top: 0;
      right: 0;
      width: 16px;
      height: 16px;
      border-radius: 2px;
      background-color: #000;
      background-size: contain;
      color: #fff;
      font-size: 16px;
      line-height: 16px;
      cursor: pointer;
      opacity: .64; }

.order-edit .help {
  margin-left: 4px; }

.order-edit .form-group .order-review-section {
  padding-right: 20px; }
  .order-edit .form-group .order-review-section:not(:first-child) {
    padding-top: 15px; }
  .order-edit .form-group .order-review-section:not(:last-child) {
    padding-bottom: 15px;
    border-bottom: 1px solid #d9d9d9; }
  .order-edit .form-group .order-review-section .order-review-row {
    padding: 8px; }

.order-edit .form-group .items {
  display: flex;
  flex-wrap: wrap; }
  .order-edit .form-group .items .item {
    margin-right: 20px; }
    .order-edit .form-group .items .item .caption {
      text-align: center; }
      .order-edit .form-group .items .item .caption + .caption {
        margin-top: 4px; }
    .order-edit .form-group .items .item.image {
      height: 100px; }
    .order-edit .form-group .items .item.large-image {
      height: 150px; }
  .order-edit .form-group .items .video-preview {
    width: calc(375px * .5);
    height: calc(375px * .5); }
  .order-edit .form-group .items .image .image-with-caption .eyecatch-image, .image-with-caption .order-edit .form-group .items .image .eyecatch-image,
  .order-edit .form-group .items .image .image-with-caption .eyecatch-image-web-top, .image-with-caption .order-edit .form-group .items .image .eyecatch-image-web-top, .order-edit .form-group .items .image .image-with-caption .eyecatch-image-web-comment, .image-with-caption .order-edit .form-group .items .image .eyecatch-image-web-comment, .order-edit .form-group .items .image .image-with-caption .thumbnail-image, .image-with-caption .order-edit .form-group .items .image .thumbnail-image, .order-edit .form-group .items .image .image-with-caption .thumbnail-image-small, .image-with-caption .order-edit .form-group .items .image .thumbnail-image-small, .order-edit .form-group .items .image .image-with-caption .thumbnail-image-web, .image-with-caption .order-edit .form-group .items .image .thumbnail-image-web, .order-edit .form-group .items .image .image-with-caption .share-image, .image-with-caption .order-edit .form-group .items .image .share-image, .order-edit .form-group .items .image .image-with-caption .empty, .image-with-caption .order-edit .form-group .items .image .empty, .order-edit .form-group .items .image .feed-image, .order-edit .form-group .items .image .feed-image-small, .order-edit .form-group .items .image .logo-image, .order-edit .form-group .items .image .background-image, .order-edit .form-group .items .image .pbh-eyecatch-image, .order-edit .form-group .order-review .items .image .thumbnail-image, .order-review .order-edit .form-group .items .image .thumbnail-image,
  .order-edit .form-group .items .large-image .image-with-caption .eyecatch-image,
  .image-with-caption .order-edit .form-group .items .large-image .eyecatch-image,
  .order-edit .form-group .items .large-image .image-with-caption .eyecatch-image-web-top,
  .image-with-caption .order-edit .form-group .items .large-image .eyecatch-image-web-top,
  .order-edit .form-group .items .large-image .image-with-caption .eyecatch-image-web-comment,
  .image-with-caption .order-edit .form-group .items .large-image .eyecatch-image-web-comment,
  .order-edit .form-group .items .large-image .image-with-caption .thumbnail-image,
  .image-with-caption .order-edit .form-group .items .large-image .thumbnail-image,
  .order-edit .form-group .items .large-image .image-with-caption .thumbnail-image-small,
  .image-with-caption .order-edit .form-group .items .large-image .thumbnail-image-small,
  .order-edit .form-group .items .large-image .image-with-caption .thumbnail-image-web,
  .image-with-caption .order-edit .form-group .items .large-image .thumbnail-image-web,
  .order-edit .form-group .items .large-image .image-with-caption .share-image,
  .image-with-caption .order-edit .form-group .items .large-image .share-image,
  .order-edit .form-group .items .large-image .image-with-caption .empty,
  .image-with-caption .order-edit .form-group .items .large-image .empty,
  .order-edit .form-group .items .large-image .feed-image,
  .order-edit .form-group .items .large-image .feed-image-small,
  .order-edit .form-group .items .large-image .logo-image,
  .order-edit .form-group .items .large-image .background-image,
  .order-edit .form-group .items .large-image .pbh-eyecatch-image,
  .order-edit .form-group .order-review .items .large-image .image .thumbnail-image,
  .order-review .order-edit .form-group .items .large-image .image .thumbnail-image,
  .order-edit .form-group .order-review .items .image .large-image .thumbnail-image,
  .order-review .order-edit .form-group .items .image .large-image .thumbnail-image {
    box-shadow: 0 1px 4px -1px #999;
    object-fit: cover; }
  .order-edit .form-group .items .image .feed-image,
  .order-edit .form-group .items .large-image .feed-image {
    width: calc(600px * .3);
    height: calc(315px * .3); }
  .order-edit .form-group .items .image .feed-image-small,
  .order-edit .form-group .items .large-image .feed-image-small {
    width: calc(600px * .15);
    height: calc(315px * .15); }
  .order-edit .form-group .items .image .logo-image,
  .order-edit .form-group .items .large-image .logo-image {
    width: calc(342px * .6);
    height: calc(114px * .6); }
  .order-edit .form-group .items .image .background-image,
  .order-edit .form-group .items .large-image .background-image {
    width: calc(375px * .3);
    height: calc(375px * .3); }
  .order-edit .form-group .items .image .pbh-eyecatch-image,
  .order-edit .form-group .items .large-image .pbh-eyecatch-image {
    width: calc(375px * .4);
    height: calc(375px * .4); }

.order-edit .form-group .notice {
  color: #ff4081; }

.order-edit .order-edit-dialog {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2000; }
  .order-edit .order-edit-dialog .order-edit-background-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .8; }

.order-edit .readonly-label {
  padding-top: 7px; }

.asset-type {
  display: inline-block;
  position: relative;
  height: 138px;
  margin-right: 20px;
  padding: 0 16px;
  border: #d9d9d9 solid 1px;
  border-radius: 4px;
  cursor: pointer; }
  .asset-type .asset-type-image-area {
    position: relative;
    width: 108px;
    height: 80px;
    margin-top: 16px; }
  .asset-type .asset-type-image {
    position: absolute;
    border-radius: 4px;
    box-shadow: 0 1px 4px -1px #999; }
    .asset-type .asset-type-image.overlay {
      position: absolute;
      right: 0;
      bottom: 0; }
  .asset-type .media-box {
    width: 108px;
    height: 40px;
    position: relative;
    background: #9ca4be; }
    .asset-type .media-box.compact {
      width: calc(108px * .9);
      height: calc(40px * .9); }
    .asset-type .media-box:first-child {
      border-top-left-radius: 4px;
      border-top-right-radius: 4px; }
    .asset-type .media-box:last-child {
      border-bottom-left-radius: 4px;
      border-bottom-right-radius: 4px; }
    .asset-type .media-box .material-icons {
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -12px;
      margin-left: -12px;
      color: #fff;
      font-size: 24px;
      line-height: 24px; }
  .asset-type .text-box {
    width: 108px;
    height: 40px;
    padding: 8px;
    background: #fff; }
    .asset-type .text-box.compact {
      width: calc(108px * .9);
      height: calc(40px * .9); }
    .asset-type .text-box:first-child {
      border-top-left-radius: 4px;
      border-top-right-radius: 4px; }
    .asset-type .text-box:last-child {
      border-bottom-left-radius: 4px;
      border-bottom-right-radius: 4px; }
    .asset-type .text-box::after {
      display: block;
      clear: both;
      content: ''; }
    .asset-type .text-box p {
      width: 100%;
      height: 2px;
      margin: 0 0 6px;
      background: #9ca4be; }
      .asset-type .text-box p.short {
        width: 64%; }
    .asset-type .text-box.with-icon .wrapper {
      width: calc(100% - 28px);
      float: left; }
    .asset-type .text-box .icon {
      width: 16px;
      height: 16px;
      background: #9ca4be; }
      .asset-type .text-box .icon.left {
        margin-right: 8px;
        float: left; }
      .asset-type .text-box .icon.right {
        margin-left: 8px;
        float: right; }
      .asset-type .text-box .icon.rect {
        border-radius: 2px; }
      .asset-type .text-box .icon.circle {
        border-radius: 8px; }
  .asset-type .comment-box {
    width: 108px;
    height: 40px;
    padding: 6px 0;
    background: #fff; }
    .asset-type .comment-box.compact {
      width: calc(108px * .9);
      height: calc(40px * .9); }
    .asset-type .comment-box:first-child {
      border-top-left-radius: 4px;
      border-top-right-radius: 4px; }
    .asset-type .comment-box:last-child {
      border-bottom-left-radius: 4px;
      border-bottom-right-radius: 4px; }
    .asset-type .comment-box .comment {
      position: relative;
      margin: 0 5px 6px 20px;
      padding: 6px;
      border-radius: 18px;
      background: #9ca4be; }
      .asset-type .comment-box .comment::before {
        position: absolute;
        bottom: -2px;
        left: -11px;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: #9ca4be;
        content: ''; }
      .asset-type .comment-box .comment::after {
        position: absolute;
        bottom: 0;
        left: -5px;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #9ca4be;
        content: ''; }
      .asset-type .comment-box .comment p {
        width: 88%;
        height: 2px;
        margin: 2px 2px 6px 4px;
        background: #fff; }
        .asset-type .comment-box .comment p.short {
          width: 64%; }
  .asset-type .asset-type-text {
    position: absolute;
    right: 0;
    bottom: 12px;
    left: 0;
    text-align: center; }
  .asset-type.selected {
    background-color: #ccd4de; }

.action-feedback {
  position: fixed;
  bottom: -100px;
  left: auto;
  transition: 1s;
  z-index: 10000; }
  .action-feedback.show {
    bottom: 24px; }
  .action-feedback .action-feedback-content {
    position: relative;
    left: -262px;
    padding: 24px;
    border-radius: 40px;
    background: #434450;
    color: #fff; }
  .action-feedback.flash .action-feedback-content {
    box-shadow: 0 0 8px 4px #434450;
    opacity: .64; }
  .action-feedback .material-icons {
    margin-left: 16px;
    font-size: 20px;
    cursor: pointer;
    vertical-align: -.25em; }

@media (min-width: 1024px) {
  .order-review .modal-dialog {
    width: 1024px; } }

.order-review .modal-body {
  max-height: calc(90vh - 124px);
  overflow-y: auto; }

.order-review .order-review-section {
  padding-right: 20px;
  padding-left: 20px; }
  .order-review .order-review-section:not(:first-child) {
    padding-top: 15px; }
  .order-review .order-review-section:not(:last-child) {
    padding-bottom: 15px;
    border-bottom: 1px solid #d9d9d9; }
  .order-review .order-review-section .order-review-row {
    padding: 8px; }
    .order-review .order-review-section .order-review-row .title {
      font-weight: bold;
      text-align: right; }
    .order-review .order-review-section .order-review-row .frequency-settings {
      padding-right: 10px; }

.order-review .items {
  display: flex;
  flex-wrap: wrap; }
  .order-review .items.experience {
    margin-bottom: 10px; }
  .order-review .items .item {
    margin-right: 20px; }
    .order-review .items .item .caption {
      text-align: center; }
      .order-review .items .item .caption + .caption {
        margin-top: 4px; }
    .order-review .items .item.movie {
      width: 400px; }
    .order-review .items .item .video-preview {
      width: 200px;
      height: 200px; }
    .order-review .items .item.video ul {
      margin: 0;
      padding: 0;
      list-style-type: none; }
      .order-review .items .item.video ul li + li {
        margin-top: 4px; }
      .order-review .items .item.video ul.links li {
        display: inline-block;
        margin-right: 12px; }
        .order-review .items .item.video ul.links li span {
          margin-right: 4px; }
      .order-review .items .item.video ul + ul {
        margin-top: 16px; }
  .order-review .items .image .image-with-caption .eyecatch-image, .image-with-caption .order-review .items .image .eyecatch-image,
  .order-review .items .image .image-with-caption .eyecatch-image-web-top, .image-with-caption .order-review .items .image .eyecatch-image-web-top, .order-review .items .image .image-with-caption .eyecatch-image-web-comment, .image-with-caption .order-review .items .image .eyecatch-image-web-comment, .order-review .items .image .image-with-caption .thumbnail-image-small, .image-with-caption .order-review .items .image .thumbnail-image-small, .order-review .items .image .image-with-caption .thumbnail-image-web, .image-with-caption .order-review .items .image .thumbnail-image-web, .order-review .items .image .image-with-caption .share-image, .image-with-caption .order-review .items .image .share-image, .order-review .items .image .image-with-caption .empty, .image-with-caption .order-review .items .image .empty, .order-review .order-edit .form-group .items .image .feed-image, .order-edit .form-group .order-review .items .image .feed-image, .order-review .order-edit .form-group .items .image .feed-image-small, .order-edit .form-group .order-review .items .image .feed-image-small, .order-review .order-edit .form-group .items .image .logo-image, .order-edit .form-group .order-review .items .image .logo-image, .order-review .order-edit .form-group .items .image .background-image, .order-edit .form-group .order-review .items .image .background-image, .order-review .order-edit .form-group .items .image .pbh-eyecatch-image, .order-edit .form-group .order-review .items .image .pbh-eyecatch-image, .order-review .items .image .thumbnail-image, .order-review .items .image .logo-image, .order-review .items .image .background-image, .order-review .items .image .pbh-eyecatch-image {
    box-shadow: 0 1px 4px -1px #999;
    object-fit: cover; }
  .order-review .items .image .thumbnail-image {
    width: calc(600px * .3);
    height: calc(315px * .3); }
  .order-review .items .image .logo-image {
    width: calc(342px * .6);
    height: calc(114px * .6); }
  .order-review .items .image .background-image {
    width: calc(375px * .2);
    height: calc(375px * .2); }
  .order-review .items .image .pbh-eyecatch-image {
    width: calc(375px * .25);
    height: calc(375px * .25); }

@media (max-width: 480px) {
  .order-review .items {
    display: block; } }

.order-review .material-icons {
  margin-left: 4px;
  font-size: 15px; }

.order-review .warning {
  color: #ff4081; }

.order-review .pick {
  padding: 8px;
  border: 1px solid #d9d9d9;
  border-radius: 4px; }
  .order-review .pick:not(:first-child) {
    margin-top: 8px; }
  .order-review .pick .user::after {
    display: block;
    clear: both;
    content: ''; }
  .order-review .pick .user .cover {
    width: 40px;
    height: 40px;
    margin-right: 16px;
    float: left;
    background-position: center;
    background-size: contain; }
  .order-review .pick .user .name {
    font-weight: bold; }
  .order-review .pick .user .job {
    margin-top: 2px;
    color: #999;
    font-size: 12px; }
  .order-review .pick .comment {
    margin-top: 8px; }

.order-review .external-article {
  color: #ff4081; }

.order-review .modal-footer .footer-items {
  display: flex;
  justify-content: flex-end; }
  .order-review .modal-footer .footer-items .decline-description {
    align-self: center;
    font-weight: bold; }
  .order-review .modal-footer .footer-items .decline-reason {
    flex-grow: 1;
    margin-right: 16px;
    margin-left: 16px;
    padding-left: 10px; }

@media (max-width: 480px) {
  .order-review .modal-footer .footer-items {
    display: grid;
    justify-content: inherit; }
    .order-review .modal-footer .footer-items .btn {
      margin: 10px 16px 0; }
    .order-review .modal-footer .footer-items .decline-description {
      margin: 10px auto; }
    .order-review .modal-footer .footer-items .decline-reason {
      padding: 8px 24px; } }

.order-review .display-flex {
  display: flex; }

.order-review .tag {
  top: 2px;
  margin-left: 10px;
  padding: 2px 6px;
  border-radius: 8px;
  background-color: #666;
  color: #fff;
  line-height: 1; }

.order-review .url {
  word-wrap: break-word; }

.user-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px; }
  .user-card:hover .actions {
    display: block; }
  .user-card:hover.draggable {
    cursor: -moz-pointer;
    cursor: -webkit-pointer;
    cursor: pointer; }
  .user-card:active.draggable {
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
    cursor: grabbing; }
  .user-card .cover {
    margin-right: 16px; }
    .user-card .cover img {
      width: 50px;
      height: 50px; }
  .user-card .user-info {
    flex-grow: 1; }
    .user-card .user-info .name {
      font-size: 1.2em;
      font-weight: bold; }
      .user-card .user-info .name .anonymous {
        display: inline-block;
        color: #ff4081;
        font-size: .4em;
        font-weight: initial; }
    .user-card .user-info .title {
      color: #999;
      font-size: .8em; }
  .user-card .actions {
    display: none; }
    .user-card .actions .material-icons {
      color: #999;
      cursor: pointer; }

@media (min-width: 1024px) {
  .contents-review-dialog .modal-dialog {
    width: 1024px; } }

.contents-review-dialog .modal-body {
  max-height: calc(90vh - 124px);
  overflow-y: auto; }

.contents-review-dialog .contents-review-dialog-section {
  padding-right: 20px;
  padding-left: 20px; }
  .contents-review-dialog .contents-review-dialog-section:not(:first-child) {
    padding-top: 15px; }
  .contents-review-dialog .contents-review-dialog-section:not(:last-child) {
    padding-bottom: 15px;
    border-bottom: 1px solid #d9d9d9; }
  .contents-review-dialog .contents-review-dialog-section .contents-review-dialog-row {
    padding: 8px; }
    .contents-review-dialog .contents-review-dialog-section .contents-review-dialog-row .title {
      font-weight: bold;
      text-align: right; }

.contents-review-dialog .items {
  display: flex; }
  .contents-review-dialog .items .item {
    margin-right: 20px; }
    .contents-review-dialog .items .item .caption {
      margin-top: 4px;
      text-align: center; }

@media (max-width: 480px) {
  .contents-review-dialog .items {
    display: block; } }

.contents-review-dialog .material-icons {
  margin-left: 4px;
  color: #ff4081;
  font-size: 15px; }

.contents-review-dialog .icon {
  color: #aaa; }
  .contents-review-dialog .icon:hover {
    color: #ccc; }

.contents-review-dialog .url {
  word-wrap: break-word; }

.contents-review-dialog .needs-follow {
  color: #ff4081; }

.contents-review-dialog .pick {
  padding: 8px;
  border: 1px solid #d9d9d9;
  border-radius: 4px; }
  .contents-review-dialog .pick:not(:first-child) {
    margin-top: 8px; }
  .contents-review-dialog .pick .comment {
    margin-top: 8px; }

.contents-review-dialog .modal-footer .footer-items {
  display: flex;
  justify-content: flex-end; }
  .contents-review-dialog .modal-footer .footer-items .decline-description {
    align-self: center;
    font-weight: bold; }
  .contents-review-dialog .modal-footer .footer-items .decline-reason {
    flex-grow: 1;
    margin-right: 16px;
    margin-left: 16px;
    padding-left: 10px; }

@media (max-width: 480px) {
  .contents-review-dialog .modal-footer .footer-items {
    display: grid;
    justify-content: inherit; }
    .contents-review-dialog .modal-footer .footer-items .btn {
      margin: 10px 16px 0; }
    .contents-review-dialog .modal-footer .footer-items .decline-description {
      margin: 10px auto; }
    .contents-review-dialog .modal-footer .footer-items .decline-reason {
      padding: 8px 24px; } }

.copy-button .material-icons {
  margin-left: 4px;
  color: #ff4081;
  font-size: 15px; }

.copy-button .icon {
  color: #aaa; }
  .copy-button .icon:hover {
    color: #ccc; }

.copy-button .copy-message {
  display: none;
  margin-left: 5px;
  color: #999;
  font-size: 13px;
  animation: fade-message .5s 1s 1 forwards; }

@keyframes fade-message {
  to {
    opacity: 0; } }

.copy-button .show-message {
  display: inline-block; }

.video-pick-selector {
  position: relative; }
  .video-pick-selector .content {
    cursor: pointer; }
    .video-pick-selector .content .cover {
      float: left;
      background-position: center top;
      background-size: cover; }
    .video-pick-selector .content .title {
      display: table-cell;
      line-height: 1;
      vertical-align: middle; }
    .video-pick-selector .content::after {
      display: block;
      clear: both;
      content: ''; }
    .video-pick-selector .content.selected {
      display: inline-block;
      padding: 8px;
      border: 1px solid #d9d9d9;
      border-radius: 2px; }
      .video-pick-selector .content.selected .cover {
        width: 65px;
        height: 35px;
        margin-right: 8px; }
      .video-pick-selector .content.selected .title {
        height: 35px; }
      .video-pick-selector .content.selected .content-delete-button {
        display: inline-block;
        width: 16px;
        height: 16px;
        margin-left: 8px;
        border-radius: 2px;
        background-color: #fff;
        background-size: contain;
        color: #4277fb;
        font-size: 16px;
        line-height: 16px;
        cursor: pointer;
        vertical-align: middle; }

.optimize-info {
  padding: 16px;
  background-color: #f8f8f9; }
  .optimize-info .experience-status {
    display: flex; }
    .optimize-info .experience-status .status-label {
      padding-right: 4px;
      font-size: 13px; }
    .optimize-info .experience-status .status-value {
      padding-right: 8px;
      border-right: 1px solid #e9e9e9;
      font-size: 12px;
      font-weight: bold; }
      .optimize-info .experience-status .status-value.warn {
        color: #ff4081; }
    .optimize-info .experience-status a {
      padding-left: 8px;
      font-size: 13px;
      font-weight: bold; }
  .optimize-info .status-details {
    font-size: 13px;
    font-weight: bold; }
  .optimize-info .resource {
    display: table;
    margin-top: 8px; }
    .optimize-info .resource .app-feed-image {
      display: table-cell;
      width: 136px; }
      .optimize-info .resource .app-feed-image .image {
        width: 120px;
        height: 63px;
        background-color: #eee;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain; }
    .optimize-info .resource .title {
      display: table-cell;
      font-size: 1.1em;
      vertical-align: middle; }

.optimize-config .theoretical-vimp {
  padding: 0 10px; }

.optimize-theoretical-vimp-table .widget-table {
  table-layout: fixed; }
  .optimize-theoretical-vimp-table .widget-table thead > tr > th {
    font-size: 100%;
    text-align: center; }
  .optimize-theoretical-vimp-table .widget-table tbody tr:hover {
    background: rgba(247, 193, 20, 0.3); }
  .optimize-theoretical-vimp-table .widget-table tbody td {
    text-align: center; }
    .optimize-theoretical-vimp-table .widget-table tbody td.vimp {
      font-weight: bold;
      text-decoration: underline;
      text-decoration-thickness: .5em;
      text-decoration-color: rgba(247, 193, 20, 0.3);
      text-underline-offset: -.2em;
      text-decoration-skip-ink: none; }
      .optimize-theoretical-vimp-table .widget-table tbody td.vimp:hover {
        cursor: pointer; }
    .optimize-theoretical-vimp-table .widget-table tbody td.vimp-total {
      color: #999; }

.optimize-variants .widget-body {
  padding-top: 0; }
  .optimize-variants .widget-body .body-item {
    margin-top: 16px;
    text-align: right; }
    .optimize-variants .widget-body .body-item .btn-contents-header {
      padding: 5px 24px; }

.optimize-variants-with-result .widget-body {
  padding-bottom: 0; }
  .optimize-variants-with-result .widget-body .optimize-variant-with-result:last-child {
    margin-bottom: 0;
    border-bottom: 0 none; }

.optimize-variant {
  margin-top: 16px;
  padding: 16px;
  border: 0;
  background-color: #f8f8f9;
  box-shadow: none; }
  .optimize-variant .variant-group-body {
    padding: 19px 16px 16px;
    border: 1px solid #ccc;
    background-color: #fff; }
    .optimize-variant .variant-group-body .item {
      display: flex;
      justify-content: flex-end;
      margin-bottom: 17px; }
      .optimize-variant .variant-group-body .item .trash-icon i {
        color: #cb3e34;
        cursor: pointer; }
    .optimize-variant .variant-group-body .variant-image .image {
      background-color: #eee;
      background-repeat: no-repeat;
      background-position: center; }
    .optimize-variant .variant-group-body .variant-image .app-feed-image {
      width: 150px;
      height: 78px;
      background-size: contain; }
    .optimize-variant .variant-group-body .variant-image .app-plain-image {
      width: 150px;
      height: 60px;
      background-size: cover; }
    .optimize-variant .variant-group-body .variant-image .image-delete-link {
      margin: 10px 0;
      font-size: 12px; }
    .optimize-variant .variant-group-body .variant-image .image-select-button {
      margin-top: 5px; }
      .optimize-variant .variant-group-body .variant-image .image-select-button input {
        padding: 4px 8px;
        border: #dadbdd solid 1px;
        border-radius: 4px;
        background-color: #f3f3f4;
        font-size: 12px; }
    .optimize-variant .variant-group-body .title-forms input {
      display: inline-block;
      width: 93%; }
    .optimize-variant .variant-group-body .title-forms .result {
      display: flex;
      margin-top: 9px;
      margin-bottom: 6px; }
      .optimize-variant .variant-group-body .title-forms .result .value {
        margin-right: 10px; }
    .optimize-variant .variant-group-body .title-forms .remove {
      margin-left: 11px; }
    .optimize-variant .variant-group-body .add-title {
      width: 130px;
      margin-left: 225px;
      cursor: pointer; }
      .optimize-variant .variant-group-body .add-title .add {
        margin-right: 5px; }
      .optimize-variant .variant-group-body .add-title .description {
        vertical-align: middle; }
    .optimize-variant .variant-group-body i {
      cursor: pointer; }

.optimize-variant-with-result {
  margin-bottom: 16px;
  border-bottom: 1px solid #e9e9e9; }
  .optimize-variant-with-result .resource {
    display: flex; }
    .optimize-variant-with-result .resource .ranking {
      margin-right: 8px; }
    .optimize-variant-with-result .resource .variant-image {
      display: flex; }
      .optimize-variant-with-result .resource .variant-image .image {
        margin: 0 8px 16px 0;
        background-color: #eee;
        background-repeat: no-repeat;
        background-position: center; }
      .optimize-variant-with-result .resource .variant-image .app-feed-image {
        width: 160px;
        height: 84px;
        background-size: contain; }
      .optimize-variant-with-result .resource .variant-image .plain-image {
        width: 110px;
        height: 58px;
        background-size: cover; }
    .optimize-variant-with-result .resource .content {
      margin-left: 16px; }
      .optimize-variant-with-result .resource .content .title {
        font-size: 20px;
        font-weight: bold;
        word-break: break-all; }
      .optimize-variant-with-result .resource .content .result {
        display: flex;
        margin-top: 8px;
        margin-bottom: 16px;
        font-size: 16px; }
        .optimize-variant-with-result .resource .content .result .value {
          margin-right: 10px; }
      .optimize-variant-with-result .resource .content .btn-contents-header {
        margin-bottom: 16px; }
        .optimize-variant-with-result .resource .content .btn-contents-header.selected {
          border-color: #ddd;
          background-color: #ddd; }

.optimize-term-list-item .title {
  margin-bottom: 4px; }

.optimize-term-list-item .term-label {
  color: #a2cf6e;
  font-weight: bold; }
  .optimize-term-list-item .term-label.end {
    margin-bottom: 16px; }

.campaign-selector .modal-body-title {
  position: relative;
  margin-top: -8px;
  padding: 16px 0;
  border-bottom: 1px solid #d9d9d9; }
  .campaign-selector .modal-body-title .right-middle {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -15px; }

.campaign-selector .table {
  margin-bottom: 0; }
  .campaign-selector .table th {
    border-bottom: 0; }
  .campaign-selector .table td,
  .campaign-selector .table th {
    vertical-align: middle; }
    .campaign-selector .table td .time,
    .campaign-selector .table th .time {
      color: #999; }
  .campaign-selector .table > tbody > tr > td {
    border-top: 0;
    border-bottom: 1px solid #d9d9d9; }

.campaign-selector .pagination-container {
  padding-left: 8px; }
  .campaign-selector .pagination-container .pagination {
    margin: 8px 0; }

.leaflet-setting .modal-body .modal-body-title {
  position: relative;
  padding: 8px 0 16px 16px; }

.leaflet-setting .modal-body .form-group label .help {
  margin-left: 4px; }

.leaflet-setting .modal-footer a {
  padding: 8px 24px; }

.leaflet-setting .feedback-list {
  margin-top: 20px; }

.creator-selector {
  position: relative;
  padding: 0;
  background: #fff; }
  .creator-selector .edit-content {
    padding: 24px; }
  .creator-selector .section {
    margin-bottom: 16px; }
    .creator-selector .section .content {
      margin-top: 10px;
      margin-left: 20px; }
      .creator-selector .section .content .v-select {
        position: relative; }
      .creator-selector .section .content .description {
        margin-top: 8px;
        color: #ff4081;
        font-size: 12px;
        line-height: 1.5; }
  .creator-selector .dialog-footer {
    position: relative;
    padding: 16px 24px;
    border-top: 1px solid #d9d9d9;
    text-align: right; }
    .creator-selector .dialog-footer .cancel {
      color: #221f20; }

.cancel-provisional-order {
  position: relative;
  padding: 0;
  background: #fff; }
  .cancel-provisional-order .edit-content {
    padding: 24px; }
  .cancel-provisional-order .section .control-label {
    padding-top: 8px;
    text-align: right; }
  .cancel-provisional-order .dialog-footer {
    position: relative;
    padding: 16px 24px;
    border-top: 1px solid #d9d9d9;
    text-align: right; }
    .cancel-provisional-order .dialog-footer .description {
      margin-bottom: 8px;
      color: #ff4081;
      font-size: 12px;
      line-height: 1.5; }
    .cancel-provisional-order .dialog-footer .cancel {
      color: #221f20; }

.provisional-order-completed-popup .dialog-footer {
  margin: 0 -15px;
  padding: 16px 16px 0;
  border-top: 1px solid #d9d9d9;
  text-align: right; }
  .provisional-order-completed-popup .dialog-footer .btn-provisional-order-complete-close {
    color: #221f20; }

.leaflet-confirm-dialog .dialog-body {
  font-size: 18px;
  text-align: center; }
  .leaflet-confirm-dialog .dialog-body .confirm {
    margin-bottom: 16px; }
  .leaflet-confirm-dialog .dialog-body .caution {
    color: #ff4081;
    font-size: 14px;
    text-align: left;
    white-space: pre-wrap; }

.leaflet-confirm-dialog .dialog-footer {
  position: relative;
  padding-top: 16px;
  text-align: right; }
  .leaflet-confirm-dialog .dialog-footer .cancel {
    margin-right: 16px;
    color: inherit; }
  .leaflet-confirm-dialog .dialog-footer .btn-primary {
    background-color: #3a7de2; }

.simple-message-dialog .default {
  font-size: 14px; }

.simple-message-dialog .large {
  font-size: 17px; }

.optimize-cancel-dialog .dialog-footer {
  position: relative;
  padding-top: 16px;
  text-align: right; }
  .optimize-cancel-dialog .dialog-footer .cancel {
    margin-right: 16px;
    color: inherit; }

.leaflet-icon-preview {
  background-color: #eee; }
  .leaflet-icon-preview .leaflet-item-list {
    margin: 4px; }
    .leaflet-icon-preview .leaflet-item-list .leaflet {
      border-top: 1px solid #ccc;
      background: none; }
      .leaflet-icon-preview .leaflet-item-list .leaflet .np-leaflet.marketing {
        padding: 32px;
        background-color: #fff;
        font-size: 16px;
        box-shadow: 0 1px 3px 1px #ccc; }
        .leaflet-icon-preview .leaflet-item-list .leaflet .np-leaflet.marketing .leaflet-item-icon {
          width: 40px;
          height: 40px;
          margin-right: 8px;
          float: left;
          border: 1px solid #ccc;
          background-repeat: no-repeat;
          background-size: contain; }
        .leaflet-icon-preview .leaflet-item-list .leaflet .np-leaflet.marketing .leaflet-item-title {
          display: table-cell;
          height: 40px;
          font-size: 14px;
          font-weight: bold;
          line-height: 1.4;
          overflow: hidden;
          vertical-align: middle; }
        .leaflet-icon-preview .leaflet-item-list .leaflet .np-leaflet.marketing .description-switch {
          width: 34px;
          height: 34px;
          margin-top: 14px;
          padding: 8px;
          float: right;
          border: 1px solid #ccc;
          background: no-repeat center;
          background-image: url(/assets/images/marketing/icon_arrow_down_gray.svg);
          background-size: 18px;
          line-height: 1;
          vertical-align: -.4em; }
          .leaflet-icon-preview .leaflet-item-list .leaflet .np-leaflet.marketing .description-switch.expand {
            background-image: url(/assets/images/marketing/icon_arrow_up_gray.svg); }
        .leaflet-icon-preview .leaflet-item-list .leaflet .np-leaflet.marketing .leaflet-item-description {
          max-height: 40px;
          margin: 24px 48px 24px 0;
          overflow: hidden; }
          .leaflet-icon-preview .leaflet-item-list .leaflet .np-leaflet.marketing .leaflet-item-description.expand {
            max-height: initial;
            overflow: auto; }
        .leaflet-icon-preview .leaflet-item-list .leaflet .np-leaflet.marketing .leaflet-item-description p {
          margin-top: 0; }
        .leaflet-icon-preview .leaflet-item-list .leaflet .np-leaflet.marketing .leaflet-item-requirement {
          padding: 20px 0;
          border-top: 1px solid #ededed;
          border-bottom: 1px solid #ededed; }
          .leaflet-icon-preview .leaflet-item-list .leaflet .np-leaflet.marketing .leaflet-item-requirement table td,
          .leaflet-icon-preview .leaflet-item-list .leaflet .np-leaflet.marketing .leaflet-item-requirement table th {
            padding: 4px 0;
            vertical-align: top; }
          .leaflet-icon-preview .leaflet-item-list .leaflet .np-leaflet.marketing .leaflet-item-requirement table th {
            width: 60px;
            font-weight: normal;
            text-align: left;
            vertical-align: middle; }
        .leaflet-icon-preview .leaflet-item-list .leaflet .np-leaflet.marketing .leaflet-application-btn {
          display: block;
          margin-top: 32px;
          padding: 10px 0;
          border: 1px solid #54ab23;
          border-radius: 2px;
          color: #54ab23;
          font-size: 14px;
          text-align: center;
          text-decoration: none; }

.form-items .form-items-body {
  padding-top: 16px;
  padding-right: 16px;
  padding-left: 16px;
  background-color: #eee; }
  .form-items .form-items-body .card {
    padding-bottom: 16px;
    background-color: #eee; }

.form-item {
  border: 0;
  box-shadow: none; }
  .form-item .widget-body {
    border: 1px solid #ccc;
    background-color: #fff; }
  .form-item .input-type .type-value {
    padding-left: 2px; }
  .form-item .switch {
    padding-top: 9px; }
    .form-item .switch .onoffswitch-label {
      cursor: text; }
    .form-item .switch .onoffswitch-checkbox:checked + .onoffswitch-label {
      background-color: #3a7de2; }
  .form-item .choice-values ol {
    margin-block-start: initial;
    margin-block-end: initial;
    padding-inline-start: 18px; }
  .form-item .choice-values li {
    padding-bottom: 12px;
    padding-left: 4px; }
  .form-item .choice-values .choice-value {
    padding-bottom: 12px; }
    .form-item .choice-values .choice-value .item-name {
      padding-left: 8px; }
  .form-item .pre-wrap {
    white-space: pre-wrap;
    overflow-wrap: break-word; }

.form-item-edit {
  border: 0;
  box-shadow: none;
  cursor: grab; }
  .form-item-edit :active {
    cursor: grabbing; }
  .form-item-edit .widget-body {
    border: 1px solid #ccc;
    background-color: #fff; }
    .form-item-edit .widget-body .drag-icon {
      margin-top: 8px;
      margin-bottom: 8px;
      text-align: center; }
    .form-item-edit .widget-body .warning {
      padding-top: 5px;
      color: #ff4081; }
      .form-item-edit .widget-body .warning i {
        font-size: 20px;
        vertical-align: -.3em; }
      .form-item-edit .widget-body .warning label {
        padding-left: 5px;
        font-size: 13px;
        font-weight: normal; }
    .form-item-edit .widget-body .note {
      padding-top: 8px;
      color: #90939a; }
    .form-item-edit .widget-body .input-type-choice {
      display: inline-block; }
    .form-item-edit .widget-body .edit-button {
      display: inline-block;
      margin: 0 30px;
      padding: 6px 15px;
      border: 1px solid #ddd;
      border-radius: 3px;
      background-image: none;
      font-size: 14px;
      font-weight: normal;
      text-align: center;
      cursor: pointer;
      vertical-align: text-bottom;
      box-sizing: border-box; }
    .form-item-edit .widget-body .choice-values .readonly {
      cursor: not-allowed;
      pointer-events: none; }
    .form-item-edit .widget-body .choice-values .choice {
      margin-bottom: 16px;
      cursor: grab; }
      .form-item-edit .widget-body .choice-values .choice :active {
        cursor: grabbing; }
      .form-item-edit .widget-body .choice-values .choice input {
        display: inline-block;
        width: 85%; }
      .form-item-edit .widget-body .choice-values .choice .index {
        margin-right: 11px;
        vertical-align: middle; }
      .form-item-edit .widget-body .choice-values .choice .remove {
        margin-left: 11px; }
      .form-item-edit .widget-body .choice-values .choice i {
        vertical-align: middle; }
    .form-item-edit .widget-body .choice-values .fixed-choice {
      cursor: default; }
    .form-item-edit .widget-body .choice-values .add-choice .add-draggable {
      cursor: pointer; }
    .form-item-edit .widget-body .choice-values .add-choice .add {
      margin-right: 5px;
      vertical-align: bottom; }
    .form-item-edit .widget-body .choice-values .add-choice .description {
      color: #666;
      cursor: pointer; }
    .form-item-edit .widget-body .radio-message {
      margin-top: 16px;
      font-weight: bold; }
    .form-item-edit .widget-body .footer {
      margin: 16px 0;
      text-align: right; }
      .form-item-edit .widget-body .footer .icon {
        margin-right: 29px;
        cursor: pointer; }
      .form-item-edit .widget-body .footer .separate {
        vertical-align: super; }
      .form-item-edit .widget-body .footer .switch {
        display: inline-block;
        width: 70px;
        margin-left: 29px;
        padding-top: 7px; }
        .form-item-edit .widget-body .footer .switch .switch-label {
          float: left; }
        .form-item-edit .widget-body .footer .switch .onoffswitch {
          float: right; }
          .form-item-edit .widget-body .footer .switch .onoffswitch .onoffswitch-checkbox:disabled + .onoffswitch-label {
            background-color: #c5c5c5;
            pointer-events: none; }
          .form-item-edit .widget-body .footer .switch .onoffswitch .onoffswitch-checkbox:checked + .onoffswitch-label {
            background-color: #3a7de2; }
          .form-item-edit .widget-body .footer .switch .onoffswitch .onoffswitch-checkbox:checked:disabled + .onoffswitch-label {
            background-color: #89b1ee; }

.add-form-item .balloon {
  position: relative;
  padding: 16px;
  background: #f4f4f4; }

.add-form-item .balloon::before {
  position: absolute;
  top: -10px;
  right: 0;
  left: 0;
  width: 0;
  height: 0;
  margin: auto;
  border-width: 0 20px 20px;
  border-style: solid;
  border-color: transparent transparent #f4f4f4;
  content: ''; }

.add-form-item .description {
  color: #999;
  text-align: center; }

.add-form-item .buttons {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin-top: 12px;
  text-align: center; }
  .add-form-item .buttons .button {
    display: inline-block;
    flex: 1 1 200px;
    width: 100%;
    min-width: 200px;
    height: 56px;
    margin: 0 2px;
    padding: 16px 0;
    border: 1px solid #ddd;
    border-radius: 3px;
    background-color: #fff;
    font-weight: bold;
    line-height: 16px;
    text-align: center;
    cursor: pointer;
    box-sizing: border-box; }
    .add-form-item .buttons .button i {
      margin-right: 4px;
      vertical-align: middle; }

.sorting-rule-selector .sorting-rule-groups {
  padding: 6px 12px; }
  .sorting-rule-selector .sorting-rule-groups .sorting-rule-group.inline {
    margin-right: 24px;
    float: left;
    font-weight: normal; }
    .sorting-rule-selector .sorting-rule-groups .sorting-rule-group.inline input {
      margin-right: 4px; }

.choice-value {
  /* アイコンと同等のスペースを確保するために非表示にする */ }
  .choice-value .invisible {
    visibility: hidden; }
  .choice-value .remove {
    cursor: pointer; }

.input-type-choice {
  width: 50%;
  font-size: 16px;
  cursor: pointer; }
  .input-type-choice.disabled {
    background-color: #eee;
    pointer-events: none; }
  .input-type-choice .item-name {
    margin: 0 12px;
    vertical-align: super; }

.form-item-selector .search-conditions {
  padding: 18px 16px;
  border-bottom: 1px solid #d9d9d9; }
  .form-item-selector .search-conditions input {
    display: inline-block;
    width: 720px; }
  .form-item-selector .search-conditions .only-public-toggle {
    display: inline-block;
    width: 125px;
    margin-left: 16px;
    vertical-align: sub; }
    .form-item-selector .search-conditions .only-public-toggle .switch-label {
      float: left; }
    .form-item-selector .search-conditions .only-public-toggle .onoffswitch {
      float: right; }
      .form-item-selector .search-conditions .only-public-toggle .onoffswitch .onoffswitch-checkbox {
        display: none; }
      .form-item-selector .search-conditions .only-public-toggle .onoffswitch .onoffswitch-checkbox:checked + .onoffswitch-label {
        background-color: #3a7de2; }
  .form-item-selector .search-conditions .search-button {
    display: inline-block;
    margin-left: 16px; }

.form-item-selector .selector-content {
  position: relative;
  height: 400px;
  border-bottom: 1px solid #d9d9d9; }

.form-item-selector .result-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.form-item-selector .search-result-list,
.form-item-selector .search-result-detail {
  position: relative;
  height: 100%;
  float: left;
  overflow-x: hidden;
  overflow-y: auto; }

.form-item-selector .search-result-list {
  width: 33%;
  box-shadow: 4px 0 12px #ccc; }

.form-item-selector .search-result-detail {
  width: 67%;
  border-radius: 4px;
  background-color: #eee; }

.form-item-selector .form-item-card {
  padding: 16px;
  border: 1px solid #d9d9d9; }
  .form-item-selector .form-item-card.selected {
    border-left: 4px solid #3a7de2;
    background-color: #eee; }
  .form-item-selector .form-item-card .col {
    display: inline-block; }
  .form-item-selector .form-item-card .sub {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    min-height: 16px;
    margin-top: 12px;
    float: none;
    color: #999;
    font-size: 12px; }
  .form-item-selector .form-item-card .box {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100px;
    padding: 4px 8px;
    border: 1px solid #eee;
    box-sizing: border-box; }

.form-item-selector .item-info-main {
  width: 170px; }
  .form-item-selector .item-info-main .title {
    font-weight: bold;
    line-height: 16px; }

.form-item-selector .item-info-sub {
  vertical-align: top; }

.form-item-selector .detail-background {
  padding: 16px;
  background-color: #eee; }

.form-item-selector .dialog-footer {
  position: relative;
  padding: 16px 24px;
  border-top: 1px solid #d9d9d9;
  text-align: right; }
  .form-item-selector .dialog-footer .cancel {
    color: inherit; }
  .form-item-selector .dialog-footer .btn-primary {
    background-color: #3a7de2; }

.form-item-importer .form-group {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  padding: 18px 16px; }
  .form-item-importer .form-group label {
    text-align: right; }
  .form-item-importer .form-group input {
    width: 50%; }

.form-item-importer .dialog-footer {
  position: relative;
  padding: 16px 24px;
  border-top: 1px solid #d9d9d9;
  text-align: right; }
  .form-item-importer .dialog-footer .cancel {
    color: inherit; }
  .form-item-importer .dialog-footer .btn-primary {
    background-color: #3a7de2; }

.leaflet-reply-mail .switch {
  padding-top: 9px; }
  .leaflet-reply-mail .switch .onoffswitch .onoffswitch-checkbox:checked + .onoffswitch-label {
    background-color: #3a7de2; }

.leaflet-reply-mail .pre-wrap {
  white-space: pre-wrap; }

.fixed-right {
  position: fixed;
  right: 0;
  bottom: 0; }
  .fixed-right .floating-button {
    position: absolute;
    right: 16px;
    bottom: 16px;
    transition: 1s; }

.circle-btn {
  display: block;
  position: relative;
  width: 56px;
  height: 56px;
  margin-bottom: 0;
  transition: .4s;
  border-radius: 28px;
  color: #fff;
  font-weight: normal;
  text-align: center;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.24);
  cursor: pointer; }
  .circle-btn.default {
    background: #737373; }
  .circle-btn:hover {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2); }
  .circle-btn:active {
    transition: .3s;
    opacity: .6; }
  .circle-btn .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 24px;
    height: 24px;
    transform: translate(-50%, -50%);
    font-size: 24px;
    line-height: 24px; }
  .circle-btn .help-icon {
    background-image: url(/assets/help.svg); }
  .circle-btn a {
    color: inherit; }
    .circle-btn a:hover, .circle-btn a:focus {
      outline: none;
      color: inherit;
      text-decoration: none; }

.search-article-tabs .tabs {
  overflow: hidden; }
  .search-article-tabs .tabs .tab,
  .search-article-tabs .tabs label {
    padding: 10px 20px;
    float: left;
    border-top: solid 4px #fff;
    border-right: 1px solid #d9d9d9;
    cursor: pointer; }
  .search-article-tabs .tabs .tab:not(:first-child),
  .search-article-tabs .tabs label:not(:first-of-type) {
    border-left: 0; }
  .search-article-tabs .tabs .active,
  .search-article-tabs .tabs :checked + label {
    border-top: solid 3px #46a7ee;
    background-color: #efefef;
    font-weight: bold;
    cursor: auto; }
  .search-article-tabs .tabs .tab .counter {
    margin-left: 5px;
    padding: 3px 10px;
    border-radius: 10px;
    background-color: #46a7ee;
    color: #fff;
    font-size: 12px; }

.search-article-tabs .contents {
  margin-top: -1px;
  overflow: hidden; }
  .search-article-tabs .contents .reports-edit-article-tab .report-target-article-list {
    position: relative;
    height: 400px;
    padding: 16px;
    overflow: auto; }
    .search-article-tabs .contents .reports-edit-article-tab .report-target-article-list .article-list tr {
      height: 56px; }
    .search-article-tabs .contents .reports-edit-article-tab .report-target-article-list .article-list .check {
      width: 50px; }
    .search-article-tabs .contents .reports-edit-article-tab .report-target-article-list .article-list .published-date,
    .search-article-tabs .contents .reports-edit-article-tab .report-target-article-list .article-list .article-type {
      width: 120px; }
    .search-article-tabs .contents .reports-edit-article-tab .report-target-article-list .article-list .article-img {
      max-height: 32px;
      margin-right: 10px; }
    .search-article-tabs .contents .reports-edit-article-tab .report-target-article-list .line-height {
      line-height: 250px; }
    .search-article-tabs .contents .reports-edit-article-tab .report-target-article-list .center-block {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      width: 310px;
      height: 0;
      margin: auto;
      text-align: center; }
  .search-article-tabs .contents .reports-edit-article-tab .list-header.filter-row {
    margin-top: 0;
    padding: 12px;
    background-color: #efefef; }
    .search-article-tabs .contents .reports-edit-article-tab .list-header.filter-row .search-article-title-id {
      width: 400px; }
      .search-article-tabs .contents .reports-edit-article-tab .list-header.filter-row .search-article-title-id input {
        width: 100%; }
    .search-article-tabs .contents .reports-edit-article-tab .list-header.filter-row .button-right {
      width: 330px;
      margin: 0 0 0 auto;
      padding: 0; }
      .search-article-tabs .contents .reports-edit-article-tab .list-header.filter-row .button-right .reports-edit-nav-search {
        width: 140px;
        margin-left: 20px; }
        .search-article-tabs .contents .reports-edit-article-tab .list-header.filter-row .button-right .reports-edit-nav-search .reports-edit-nav-btn {
          display: inline-block;
          width: 140px;
          padding: 10px 20px;
          background-color: #46a7ee;
          color: #fff;
          cursor: pointer; }
          .search-article-tabs .contents .reports-edit-article-tab .list-header.filter-row .button-right .reports-edit-nav-search .reports-edit-nav-btn:hover {
            opacity: .7; }
      .search-article-tabs .contents .reports-edit-article-tab .list-header.filter-row .button-right .reports-edit-nav-delete {
        width: 140px;
        margin-left: 20px; }
        .search-article-tabs .contents .reports-edit-article-tab .list-header.filter-row .button-right .reports-edit-nav-delete .reports-edit-nav-btn {
          display: inline-block;
          padding: 10px 20px;
          cursor: pointer; }
    .search-article-tabs .contents .reports-edit-article-tab .list-header.filter-row .delete-selected-articles {
      width: 170px;
      margin-left: 20px; }
      .search-article-tabs .contents .reports-edit-article-tab .list-header.filter-row .delete-selected-articles .reports-edit-nav-btn {
        display: inline-block;
        width: 170px;
        padding: 9px 20px;
        border: solid 1px #d9d9d9;
        background-color: #fcfafa;
        color: #000;
        cursor: pointer; }
        .search-article-tabs .contents .reports-edit-article-tab .list-header.filter-row .delete-selected-articles .reports-edit-nav-btn:hover {
          opacity: .7; }
    .search-article-tabs .contents .reports-edit-article-tab .list-header.filter-row .selected-articles-count {
      width: 175px;
      margin-left: 20px; }
      .search-article-tabs .contents .reports-edit-article-tab .list-header.filter-row .selected-articles-count .reports-edit-nav-btn {
        display: inline-block;
        padding: 10px 20px;
        color: #000; }
  .search-article-tabs .contents .reports-edit-article-tab .active {
    display: block; }

.provisional-order-edit {
  padding-bottom: 16px; }
  .provisional-order-edit .account .v-select {
    position: relative; }
  .provisional-order-edit .readonly-label {
    padding-top: 7px; }
  .provisional-order-edit .forcibly {
    margin-bottom: 0;
    border-top: 1px solid #d9d9d9;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px; }
    .provisional-order-edit .forcibly input {
      font-weight: bold; }
    .provisional-order-edit .forcibly .forcibly-notice {
      margin-top: 8px;
      color: #ff4081; }

.forecast-details .panel-body {
  padding: 16px 0; }

.forecast-details .warning-message {
  margin-bottom: 4px;
  margin-left: 16px;
  color: #ff0505;
  font-weight: bold; }

.forecast-details .detail-list {
  width: 100%; }
  .forecast-details .detail-list .ad-spot-type {
    padding: 8px 20px;
    background-color: #eee; }
  .forecast-details .detail-list .category {
    padding: 8px 20px;
    background-color: #eee; }
  .forecast-details .detail-list th {
    padding: 8px;
    font-size: 12px;
    font-weight: normal;
    text-align: right; }
    .forecast-details .detail-list th.basis-date {
      width: 154px; }
    .forecast-details .detail-list th.vimp {
      width: 136px;
      color: #999;
      text-align: right; }
      .forecast-details .detail-list th.vimp.emphasis {
        color: #000;
        font-weight: bold; }
    .forecast-details .detail-list th:last-child {
      padding-right: 16px; }
  .forecast-details .detail-list td {
    padding: 4px 8px;
    font-size: 14px; }
    .forecast-details .detail-list td.basis-date {
      padding-left: 40px; }
      .forecast-details .detail-list td.basis-date.warning {
        color: #ff0505; }
    .forecast-details .detail-list td.vimp {
      color: #999;
      text-align: right; }
      .forecast-details .detail-list td.vimp.emphasis {
        color: #000; }

.ranking-icon .icon {
  width: 32px;
  height: 32px;
  background: no-repeat center;
  text-align: center; }
  .ranking-icon .icon .rank {
    display: inline-block;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    cursor: default;
    vertical-align: sub; }

.daterange-inline .daterange-inline-calendars .daterange-inline-from,
.daterange-inline .daterange-inline-calendars .daterange-inline-to, .floating-datetimepicker, .save-with-options-datetimepicker {
  padding: 0;
  border: 0; }
  .daterange-inline .daterange-inline-calendars .daterange-inline-from table, .daterange-inline .daterange-inline-calendars .daterange-inline-to table, .floating-datetimepicker table, .save-with-options-datetimepicker table,
  .daterange-inline .daterange-inline-calendars .daterange-inline-from tr,
  .daterange-inline .daterange-inline-calendars .daterange-inline-to tr,
  .floating-datetimepicker tr,
  .save-with-options-datetimepicker tr,
  .daterange-inline .daterange-inline-calendars .daterange-inline-from th,
  .daterange-inline .daterange-inline-calendars .daterange-inline-to th,
  .floating-datetimepicker th,
  .save-with-options-datetimepicker th,
  .daterange-inline .daterange-inline-calendars .daterange-inline-from td,
  .daterange-inline .daterange-inline-calendars .daterange-inline-to td,
  .floating-datetimepicker td,
  .save-with-options-datetimepicker td {
    border: 0 !important;
    background: none !important; }
  
  .daterange-inline .daterange-inline-calendars .daterange-inline-from th,
  .daterange-inline .daterange-inline-calendars .daterange-inline-to th,
  .floating-datetimepicker th,
  .save-with-options-datetimepicker th {
    color: #000 !important; }
  .daterange-inline .daterange-inline-calendars .daterange-inline-from .xdsoft_month, .daterange-inline .daterange-inline-calendars .daterange-inline-to .xdsoft_month, .floating-datetimepicker .xdsoft_month, .save-with-options-datetimepicker .xdsoft_month,
  .daterange-inline .daterange-inline-calendars .daterange-inline-from .xdsoft_year,
  .daterange-inline .daterange-inline-calendars .daterange-inline-to .xdsoft_year,
  .floating-datetimepicker .xdsoft_year,
  .save-with-options-datetimepicker .xdsoft_year {
    width: 35% !important; }
  .daterange-inline .daterange-inline-calendars .daterange-inline-from .xdsoft_today_button, .daterange-inline .daterange-inline-calendars .daterange-inline-to .xdsoft_today_button, .floating-datetimepicker .xdsoft_today_button, .save-with-options-datetimepicker .xdsoft_today_button {
    display: none !important; }
  .daterange-inline .daterange-inline-calendars .daterange-inline-from .xdsoft_current, .daterange-inline .daterange-inline-calendars .daterange-inline-to .xdsoft_current, .floating-datetimepicker .xdsoft_current, .save-with-options-datetimepicker .xdsoft_current {
    background: #000 !important; }
  .daterange-inline .daterange-inline-calendars .daterange-inline-from .xdsoft_calendar td.xdsoft_today, .daterange-inline .daterange-inline-calendars .daterange-inline-to .xdsoft_calendar td.xdsoft_today, .floating-datetimepicker .xdsoft_calendar td.xdsoft_today, .save-with-options-datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #000 !important; }
  .daterange-inline .daterange-inline-calendars .daterange-inline-from .xdsoft_calendar td.xdsoft_current, .daterange-inline .daterange-inline-calendars .daterange-inline-to .xdsoft_calendar td.xdsoft_current, .floating-datetimepicker .xdsoft_calendar td.xdsoft_current, .save-with-options-datetimepicker .xdsoft_calendar td.xdsoft_current {
    color: #fff !important; }
  .daterange-inline .daterange-inline-calendars .daterange-inline-from .xdsoft_calendar td > div, .daterange-inline .daterange-inline-calendars .daterange-inline-to .xdsoft_calendar td > div, .floating-datetimepicker .xdsoft_calendar td > div, .save-with-options-datetimepicker .xdsoft_calendar td > div {
    padding: 0 !important;
    text-align: center !important; }
  .daterange-inline .daterange-inline-calendars .daterange-inline-from .xdsoft_timepicker, .daterange-inline .daterange-inline-calendars .daterange-inline-to .xdsoft_timepicker, .floating-datetimepicker .xdsoft_timepicker, .save-with-options-datetimepicker .xdsoft_timepicker {
    margin-left: 16px !important; }

.daterangepicker.dropdown-menu .ranges li {
  margin: 4px;
  padding: 4px 12px;
  border: 0;
  background-color: inherit;
  color: #334;
  font-size: 10px; }
  .daterangepicker.dropdown-menu .ranges li.active {
    background-color: #334;
    color: #fff; }
  .daterangepicker.dropdown-menu .ranges li:hover {
    background-color: #999;
    color: #fff; }

.daterangepicker.dropdown-menu .ranges .range_inputs {
  display: none; }

.daterangepicker.dropdown-menu .calendar-table td.in-range {
  background-color: #eee; }

.daterangepicker.dropdown-menu .calendar-table td.in-range:hover {
  background-color: #999;
  color: #fff; }

.daterangepicker.dropdown-menu .calendar-table td.active, .daterangepicker.dropdown-menu .calendar-table td.active:hover, .daterangepicker.dropdown-menu .calendar-table td.start-date, .daterangepicker.dropdown-menu .calendar-table td.end-date {
  background-color: #334;
  color: #fff; }

.empty-list {
  margin: 16px 0; }

.movie-exid {
  padding: 4px 8px;
  border-radius: 3px;
  background: #03a9f4;
  color: #fff; }

.destination-link .material-icons {
  font-size: 14px;
  vertical-align: -.2em; }

.replace-blank:empty::before {
  content: '-'; }

@font-face {
  font-family: 'icomoon';
  src: url(/assets/fonts/icomoon.eot);
  src: url(/assets/fonts/icomoon.eot?#iefixdmnpzt) format("embedded-opentype"), url(/assets/fonts/icomoon.ttf) format("truetype"), url(/assets/fonts/icomoon.woff) format("woff"), url(/assets/fonts/icomoon.svg#icomoon) format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-facebook:before {
  content: "\E600"; }

.icon-twitter:before {
  content: "\E601"; }

.icon-newspaper:before {
  content: "\E602"; }

.icon-pick:before {
  content: "\E603"; }

.icon-comment:before {
  content: "\E604"; }

.icon-pv:before {
  content: "\E605"; }

.icon-uu:before {
  content: "\E606"; }

.icon-arrow-right:before {
  content: "\E607"; }

.icon-arrow-left:before {
  content: "\E608"; }

.btn {
  padding: 8px 24px; }

.btn-login {
  color: #fff;
  background-color: #03a9f4;
  border-color: #0398db; }
  .btn-login:focus, .btn-login.focus {
    color: #fff;
    background-color: #0286c2;
    border-color: #01405d; }
  .btn-login:hover {
    color: #fff;
    background-color: #0286c2;
    border-color: #026e9e; }
  .btn-login:active, .btn-login.active,
  .open > .btn-login.dropdown-toggle {
    color: #fff;
    background-color: #0286c2;
    border-color: #026e9e; }
    .btn-login:active:hover, .btn-login:active:focus, .btn-login:active.focus, .btn-login.active:hover, .btn-login.active:focus, .btn-login.active.focus,
    .open > .btn-login.dropdown-toggle:hover,
    .open > .btn-login.dropdown-toggle:focus,
    .open > .btn-login.dropdown-toggle.focus {
      color: #fff;
      background-color: #026e9e;
      border-color: #01405d; }
  .btn-login:active, .btn-login.active,
  .open > .btn-login.dropdown-toggle {
    background-image: none; }
  .btn-login.disabled:hover, .btn-login.disabled:focus, .btn-login.disabled.focus, .btn-login[disabled]:hover, .btn-login[disabled]:focus, .btn-login[disabled].focus,
  fieldset[disabled] .btn-login:hover,
  fieldset[disabled] .btn-login:focus,
  fieldset[disabled] .btn-login.focus {
    background-color: #03a9f4;
    border-color: #0398db; }
  .btn-login .badge {
    color: #03a9f4;
    background-color: #fff; }

.btn-new {
  color: #ff4081;
  background-color: #fff;
  border-color: #ff4081; }
  .btn-new:focus, .btn-new.focus {
    color: #ff4081;
    background-color: #e6e6e6;
    border-color: #c00041; }
  .btn-new:hover {
    color: #ff4081;
    background-color: #e6e6e6;
    border-color: #ff0359; }
  .btn-new:active, .btn-new.active,
  .open > .btn-new.dropdown-toggle {
    color: #ff4081;
    background-color: #e6e6e6;
    border-color: #ff0359; }
    .btn-new:active:hover, .btn-new:active:focus, .btn-new:active.focus, .btn-new.active:hover, .btn-new.active:focus, .btn-new.active.focus,
    .open > .btn-new.dropdown-toggle:hover,
    .open > .btn-new.dropdown-toggle:focus,
    .open > .btn-new.dropdown-toggle.focus {
      color: #ff4081;
      background-color: #d4d4d4;
      border-color: #c00041; }
  .btn-new:active, .btn-new.active,
  .open > .btn-new.dropdown-toggle {
    background-image: none; }
  .btn-new.disabled:hover, .btn-new.disabled:focus, .btn-new.disabled.focus, .btn-new[disabled]:hover, .btn-new[disabled]:focus, .btn-new[disabled].focus,
  fieldset[disabled] .btn-new:hover,
  fieldset[disabled] .btn-new:focus,
  fieldset[disabled] .btn-new.focus {
    background-color: #fff;
    border-color: #ff4081; }
  .btn-new .badge {
    color: #fff;
    background-color: #ff4081; }
  .btn-new:hover {
    border-color: #ff4081;
    background-color: #ff4081;
    color: #fff; }
  .btn-new[disabled]:hover {
    color: #ff4081; }

.btn-new {
  padding: 6px 16px;
  font-size: 12px; }

.btn-select {
  color: #03a9f4;
  background-color: #fff;
  border-color: #03a9f4; }
  .btn-select:focus, .btn-select.focus {
    color: #03a9f4;
    background-color: #e6e6e6;
    border-color: #015276; }
  .btn-select:hover {
    color: #03a9f4;
    background-color: #e6e6e6;
    border-color: #027fb8; }
  .btn-select:active, .btn-select.active,
  .open > .btn-select.dropdown-toggle {
    color: #03a9f4;
    background-color: #e6e6e6;
    border-color: #027fb8; }
    .btn-select:active:hover, .btn-select:active:focus, .btn-select:active.focus, .btn-select.active:hover, .btn-select.active:focus, .btn-select.active.focus,
    .open > .btn-select.dropdown-toggle:hover,
    .open > .btn-select.dropdown-toggle:focus,
    .open > .btn-select.dropdown-toggle.focus {
      color: #03a9f4;
      background-color: #d4d4d4;
      border-color: #015276; }
  .btn-select:active, .btn-select.active,
  .open > .btn-select.dropdown-toggle {
    background-image: none; }
  .btn-select.disabled:hover, .btn-select.disabled:focus, .btn-select.disabled.focus, .btn-select[disabled]:hover, .btn-select[disabled]:focus, .btn-select[disabled].focus,
  fieldset[disabled] .btn-select:hover,
  fieldset[disabled] .btn-select:focus,
  fieldset[disabled] .btn-select.focus {
    background-color: #fff;
    border-color: #03a9f4; }
  .btn-select .badge {
    color: #fff;
    background-color: #03a9f4; }
  .btn-select:hover {
    border-color: #03a9f4;
    background-color: #03a9f4;
    color: #fff; }
  .btn-select[disabled]:hover {
    color: #03a9f4; }

.btn-select {
  padding: 6px 16px;
  font-size: 12px; }

.btn-select-ad {
  color: #ff4081;
  background-color: #fff;
  border-color: #ff4081; }
  .btn-select-ad:focus, .btn-select-ad.focus {
    color: #ff4081;
    background-color: #e6e6e6;
    border-color: #c00041; }
  .btn-select-ad:hover {
    color: #ff4081;
    background-color: #e6e6e6;
    border-color: #ff0359; }
  .btn-select-ad:active, .btn-select-ad.active,
  .open > .btn-select-ad.dropdown-toggle {
    color: #ff4081;
    background-color: #e6e6e6;
    border-color: #ff0359; }
    .btn-select-ad:active:hover, .btn-select-ad:active:focus, .btn-select-ad:active.focus, .btn-select-ad.active:hover, .btn-select-ad.active:focus, .btn-select-ad.active.focus,
    .open > .btn-select-ad.dropdown-toggle:hover,
    .open > .btn-select-ad.dropdown-toggle:focus,
    .open > .btn-select-ad.dropdown-toggle.focus {
      color: #ff4081;
      background-color: #d4d4d4;
      border-color: #c00041; }
  .btn-select-ad:active, .btn-select-ad.active,
  .open > .btn-select-ad.dropdown-toggle {
    background-image: none; }
  .btn-select-ad.disabled:hover, .btn-select-ad.disabled:focus, .btn-select-ad.disabled.focus, .btn-select-ad[disabled]:hover, .btn-select-ad[disabled]:focus, .btn-select-ad[disabled].focus,
  fieldset[disabled] .btn-select-ad:hover,
  fieldset[disabled] .btn-select-ad:focus,
  fieldset[disabled] .btn-select-ad.focus {
    background-color: #fff;
    border-color: #ff4081; }
  .btn-select-ad .badge {
    color: #fff;
    background-color: #ff4081; }
  .btn-select-ad:hover {
    border-color: #ff4081;
    background-color: #ff4081;
    color: #fff; }
  .btn-select-ad[disabled]:hover {
    color: #ff4081; }

.btn-select-ad {
  padding: 6px 16px;
  font-size: 12px; }

.btn-save {
  color: #03a9f4;
  background-color: #fff;
  border-color: #03a9f4; }
  .btn-save:focus, .btn-save.focus {
    color: #03a9f4;
    background-color: #e6e6e6;
    border-color: #015276; }
  .btn-save:hover {
    color: #03a9f4;
    background-color: #e6e6e6;
    border-color: #027fb8; }
  .btn-save:active, .btn-save.active,
  .open > .btn-save.dropdown-toggle {
    color: #03a9f4;
    background-color: #e6e6e6;
    border-color: #027fb8; }
    .btn-save:active:hover, .btn-save:active:focus, .btn-save:active.focus, .btn-save.active:hover, .btn-save.active:focus, .btn-save.active.focus,
    .open > .btn-save.dropdown-toggle:hover,
    .open > .btn-save.dropdown-toggle:focus,
    .open > .btn-save.dropdown-toggle.focus {
      color: #03a9f4;
      background-color: #d4d4d4;
      border-color: #015276; }
  .btn-save:active, .btn-save.active,
  .open > .btn-save.dropdown-toggle {
    background-image: none; }
  .btn-save.disabled:hover, .btn-save.disabled:focus, .btn-save.disabled.focus, .btn-save[disabled]:hover, .btn-save[disabled]:focus, .btn-save[disabled].focus,
  fieldset[disabled] .btn-save:hover,
  fieldset[disabled] .btn-save:focus,
  fieldset[disabled] .btn-save.focus {
    background-color: #fff;
    border-color: #03a9f4; }
  .btn-save .badge {
    color: #fff;
    background-color: #03a9f4; }
  .btn-save:hover {
    border-color: #03a9f4;
    background-color: #03a9f4;
    color: #fff; }
  .btn-save[disabled]:hover {
    color: #03a9f4; }

.btn-save {
  padding: 6px 16px;
  font-size: 12px; }

.btn-delete {
  color: #fff;
  background-color: #ff4081;
  border-color: #ff2770; }
  .btn-delete:focus, .btn-delete.focus {
    color: #fff;
    background-color: #ff0d5f;
    border-color: #a60038; }
  .btn-delete:hover {
    color: #fff;
    background-color: #ff0d5f;
    border-color: #e8004f; }
  .btn-delete:active, .btn-delete.active,
  .open > .btn-delete.dropdown-toggle {
    color: #fff;
    background-color: #ff0d5f;
    border-color: #e8004f; }
    .btn-delete:active:hover, .btn-delete:active:focus, .btn-delete:active.focus, .btn-delete.active:hover, .btn-delete.active:focus, .btn-delete.active.focus,
    .open > .btn-delete.dropdown-toggle:hover,
    .open > .btn-delete.dropdown-toggle:focus,
    .open > .btn-delete.dropdown-toggle.focus {
      color: #fff;
      background-color: #e8004f;
      border-color: #a60038; }
  .btn-delete:active, .btn-delete.active,
  .open > .btn-delete.dropdown-toggle {
    background-image: none; }
  .btn-delete.disabled:hover, .btn-delete.disabled:focus, .btn-delete.disabled.focus, .btn-delete[disabled]:hover, .btn-delete[disabled]:focus, .btn-delete[disabled].focus,
  fieldset[disabled] .btn-delete:hover,
  fieldset[disabled] .btn-delete:focus,
  fieldset[disabled] .btn-delete.focus {
    background-color: #ff4081;
    border-color: #ff2770; }
  .btn-delete .badge {
    color: #ff4081;
    background-color: #fff; }

.btn-cancel {
  color: #fff;
  background-color: #cb3e34;
  border-color: #b7382f; }
  .btn-cancel:focus, .btn-cancel.focus {
    color: #fff;
    background-color: #a2322a;
    border-color: #511915; }
  .btn-cancel:hover {
    color: #fff;
    background-color: #a2322a;
    border-color: #862922; }
  .btn-cancel:active, .btn-cancel.active,
  .open > .btn-cancel.dropdown-toggle {
    color: #fff;
    background-color: #a2322a;
    border-color: #862922; }
    .btn-cancel:active:hover, .btn-cancel:active:focus, .btn-cancel:active.focus, .btn-cancel.active:hover, .btn-cancel.active:focus, .btn-cancel.active.focus,
    .open > .btn-cancel.dropdown-toggle:hover,
    .open > .btn-cancel.dropdown-toggle:focus,
    .open > .btn-cancel.dropdown-toggle.focus {
      color: #fff;
      background-color: #862922;
      border-color: #511915; }
  .btn-cancel:active, .btn-cancel.active,
  .open > .btn-cancel.dropdown-toggle {
    background-image: none; }
  .btn-cancel.disabled:hover, .btn-cancel.disabled:focus, .btn-cancel.disabled.focus, .btn-cancel[disabled]:hover, .btn-cancel[disabled]:focus, .btn-cancel[disabled].focus,
  fieldset[disabled] .btn-cancel:hover,
  fieldset[disabled] .btn-cancel:focus,
  fieldset[disabled] .btn-cancel.focus {
    background-color: #cb3e34;
    border-color: #b7382f; }
  .btn-cancel .badge {
    color: #cb3e34;
    background-color: #fff; }

.btn-open-news {
  color: #ff4081;
  background-color: #fff;
  border-color: #ff4081; }
  .btn-open-news:focus, .btn-open-news.focus {
    color: #ff4081;
    background-color: #e6e6e6;
    border-color: #c00041; }
  .btn-open-news:hover {
    color: #ff4081;
    background-color: #e6e6e6;
    border-color: #ff0359; }
  .btn-open-news:active, .btn-open-news.active,
  .open > .btn-open-news.dropdown-toggle {
    color: #ff4081;
    background-color: #e6e6e6;
    border-color: #ff0359; }
    .btn-open-news:active:hover, .btn-open-news:active:focus, .btn-open-news:active.focus, .btn-open-news.active:hover, .btn-open-news.active:focus, .btn-open-news.active.focus,
    .open > .btn-open-news.dropdown-toggle:hover,
    .open > .btn-open-news.dropdown-toggle:focus,
    .open > .btn-open-news.dropdown-toggle.focus {
      color: #ff4081;
      background-color: #d4d4d4;
      border-color: #c00041; }
  .btn-open-news:active, .btn-open-news.active,
  .open > .btn-open-news.dropdown-toggle {
    background-image: none; }
  .btn-open-news.disabled:hover, .btn-open-news.disabled:focus, .btn-open-news.disabled.focus, .btn-open-news[disabled]:hover, .btn-open-news[disabled]:focus, .btn-open-news[disabled].focus,
  fieldset[disabled] .btn-open-news:hover,
  fieldset[disabled] .btn-open-news:focus,
  fieldset[disabled] .btn-open-news.focus {
    background-color: #fff;
    border-color: #ff4081; }
  .btn-open-news .badge {
    color: #fff;
    background-color: #ff4081; }
  .btn-open-news:hover {
    border-color: #ff4081;
    background-color: #ff4081;
    color: #fff; }
  .btn-open-news[disabled]:hover {
    color: #ff4081; }

.btn-open-news {
  padding: 6px 16px;
  font-size: 12px; }

.btn-contents-save {
  color: #fff;
  background-color: #a2cf6e;
  border-color: #96c95b; }
  .btn-contents-save:focus, .btn-contents-save.focus {
    color: #fff;
    background-color: #89c248;
    border-color: #557b29; }
  .btn-contents-save:hover {
    color: #fff;
    background-color: #89c248;
    border-color: #77ad39; }
  .btn-contents-save:active, .btn-contents-save.active,
  .open > .btn-contents-save.dropdown-toggle {
    color: #fff;
    background-color: #89c248;
    border-color: #77ad39; }
    .btn-contents-save:active:hover, .btn-contents-save:active:focus, .btn-contents-save:active.focus, .btn-contents-save.active:hover, .btn-contents-save.active:focus, .btn-contents-save.active.focus,
    .open > .btn-contents-save.dropdown-toggle:hover,
    .open > .btn-contents-save.dropdown-toggle:focus,
    .open > .btn-contents-save.dropdown-toggle.focus {
      color: #fff;
      background-color: #77ad39;
      border-color: #557b29; }
  .btn-contents-save:active, .btn-contents-save.active,
  .open > .btn-contents-save.dropdown-toggle {
    background-image: none; }
  .btn-contents-save.disabled:hover, .btn-contents-save.disabled:focus, .btn-contents-save.disabled.focus, .btn-contents-save[disabled]:hover, .btn-contents-save[disabled]:focus, .btn-contents-save[disabled].focus,
  fieldset[disabled] .btn-contents-save:hover,
  fieldset[disabled] .btn-contents-save:focus,
  fieldset[disabled] .btn-contents-save.focus {
    background-color: #a2cf6e;
    border-color: #96c95b; }
  .btn-contents-save .badge {
    color: #a2cf6e;
    background-color: #fff; }

.btn-insight {
  color: #03a9f4;
  background-color: #fff;
  border-color: #03a9f4; }
  .btn-insight:focus, .btn-insight.focus {
    color: #03a9f4;
    background-color: #e6e6e6;
    border-color: #015276; }
  .btn-insight:hover {
    color: #03a9f4;
    background-color: #e6e6e6;
    border-color: #027fb8; }
  .btn-insight:active, .btn-insight.active,
  .open > .btn-insight.dropdown-toggle {
    color: #03a9f4;
    background-color: #e6e6e6;
    border-color: #027fb8; }
    .btn-insight:active:hover, .btn-insight:active:focus, .btn-insight:active.focus, .btn-insight.active:hover, .btn-insight.active:focus, .btn-insight.active.focus,
    .open > .btn-insight.dropdown-toggle:hover,
    .open > .btn-insight.dropdown-toggle:focus,
    .open > .btn-insight.dropdown-toggle.focus {
      color: #03a9f4;
      background-color: #d4d4d4;
      border-color: #015276; }
  .btn-insight:active, .btn-insight.active,
  .open > .btn-insight.dropdown-toggle {
    background-image: none; }
  .btn-insight.disabled:hover, .btn-insight.disabled:focus, .btn-insight.disabled.focus, .btn-insight[disabled]:hover, .btn-insight[disabled]:focus, .btn-insight[disabled].focus,
  fieldset[disabled] .btn-insight:hover,
  fieldset[disabled] .btn-insight:focus,
  fieldset[disabled] .btn-insight.focus {
    background-color: #fff;
    border-color: #03a9f4; }
  .btn-insight .badge {
    color: #fff;
    background-color: #03a9f4; }
  .btn-insight:hover {
    border-color: #03a9f4;
    background-color: #03a9f4;
    color: #fff; }
  .btn-insight[disabled]:hover {
    color: #03a9f4; }

.btn-insight {
  padding: 6px 16px;
  font-size: 12px; }

.btn-contents {
  color: #fff;
  background-color: #a2cf6e;
  border-color: #96c95b; }
  .btn-contents:focus, .btn-contents.focus {
    color: #fff;
    background-color: #89c248;
    border-color: #557b29; }
  .btn-contents:hover {
    color: #fff;
    background-color: #89c248;
    border-color: #77ad39; }
  .btn-contents:active, .btn-contents.active,
  .open > .btn-contents.dropdown-toggle {
    color: #fff;
    background-color: #89c248;
    border-color: #77ad39; }
    .btn-contents:active:hover, .btn-contents:active:focus, .btn-contents:active.focus, .btn-contents.active:hover, .btn-contents.active:focus, .btn-contents.active.focus,
    .open > .btn-contents.dropdown-toggle:hover,
    .open > .btn-contents.dropdown-toggle:focus,
    .open > .btn-contents.dropdown-toggle.focus {
      color: #fff;
      background-color: #77ad39;
      border-color: #557b29; }
  .btn-contents:active, .btn-contents.active,
  .open > .btn-contents.dropdown-toggle {
    background-image: none; }
  .btn-contents.disabled:hover, .btn-contents.disabled:focus, .btn-contents.disabled.focus, .btn-contents[disabled]:hover, .btn-contents[disabled]:focus, .btn-contents[disabled].focus,
  fieldset[disabled] .btn-contents:hover,
  fieldset[disabled] .btn-contents:focus,
  fieldset[disabled] .btn-contents.focus {
    background-color: #a2cf6e;
    border-color: #96c95b; }
  .btn-contents .badge {
    color: #a2cf6e;
    background-color: #fff; }

.btn-content-positive {
  color: #fff;
  background-color: #a2cf6e;
  border-color: #96c95b; }
  .btn-content-positive:focus, .btn-content-positive.focus {
    color: #fff;
    background-color: #89c248;
    border-color: #557b29; }
  .btn-content-positive:hover {
    color: #fff;
    background-color: #89c248;
    border-color: #77ad39; }
  .btn-content-positive:active, .btn-content-positive.active,
  .open > .btn-content-positive.dropdown-toggle {
    color: #fff;
    background-color: #89c248;
    border-color: #77ad39; }
    .btn-content-positive:active:hover, .btn-content-positive:active:focus, .btn-content-positive:active.focus, .btn-content-positive.active:hover, .btn-content-positive.active:focus, .btn-content-positive.active.focus,
    .open > .btn-content-positive.dropdown-toggle:hover,
    .open > .btn-content-positive.dropdown-toggle:focus,
    .open > .btn-content-positive.dropdown-toggle.focus {
      color: #fff;
      background-color: #77ad39;
      border-color: #557b29; }
  .btn-content-positive:active, .btn-content-positive.active,
  .open > .btn-content-positive.dropdown-toggle {
    background-image: none; }
  .btn-content-positive.disabled:hover, .btn-content-positive.disabled:focus, .btn-content-positive.disabled.focus, .btn-content-positive[disabled]:hover, .btn-content-positive[disabled]:focus, .btn-content-positive[disabled].focus,
  fieldset[disabled] .btn-content-positive:hover,
  fieldset[disabled] .btn-content-positive:focus,
  fieldset[disabled] .btn-content-positive.focus {
    background-color: #a2cf6e;
    border-color: #96c95b; }
  .btn-content-positive .badge {
    color: #a2cf6e;
    background-color: #fff; }

.btn-contents-white {
  color: #a2cf6e;
  background-color: #fff;
  border-color: #a2cf6e; }
  .btn-contents-white:focus, .btn-contents-white.focus {
    color: #a2cf6e;
    background-color: #e6e6e6;
    border-color: #628e2f; }
  .btn-contents-white:hover {
    color: #a2cf6e;
    background-color: #e6e6e6;
    border-color: #85c040; }
  .btn-contents-white:active, .btn-contents-white.active,
  .open > .btn-contents-white.dropdown-toggle {
    color: #a2cf6e;
    background-color: #e6e6e6;
    border-color: #85c040; }
    .btn-contents-white:active:hover, .btn-contents-white:active:focus, .btn-contents-white:active.focus, .btn-contents-white.active:hover, .btn-contents-white.active:focus, .btn-contents-white.active.focus,
    .open > .btn-contents-white.dropdown-toggle:hover,
    .open > .btn-contents-white.dropdown-toggle:focus,
    .open > .btn-contents-white.dropdown-toggle.focus {
      color: #a2cf6e;
      background-color: #d4d4d4;
      border-color: #628e2f; }
  .btn-contents-white:active, .btn-contents-white.active,
  .open > .btn-contents-white.dropdown-toggle {
    background-image: none; }
  .btn-contents-white.disabled:hover, .btn-contents-white.disabled:focus, .btn-contents-white.disabled.focus, .btn-contents-white[disabled]:hover, .btn-contents-white[disabled]:focus, .btn-contents-white[disabled].focus,
  fieldset[disabled] .btn-contents-white:hover,
  fieldset[disabled] .btn-contents-white:focus,
  fieldset[disabled] .btn-contents-white.focus {
    background-color: #fff;
    border-color: #a2cf6e; }
  .btn-contents-white .badge {
    color: #fff;
    background-color: #a2cf6e; }
  .btn-contents-white:hover {
    border-color: #a2cf6e;
    background-color: #a2cf6e;
    color: #fff; }
  .btn-contents-white[disabled]:hover {
    color: #a2cf6e; }

.btn-contents-white {
  padding: 6px 16px;
  font-size: 12px; }

.btn-recruit-save {
  color: #fff;
  background-color: #7248bd;
  border-color: #663ead; }
  .btn-recruit-save:focus, .btn-recruit-save.focus {
    color: #fff;
    background-color: #5b389a;
    border-color: #2f1d4f; }
  .btn-recruit-save:hover {
    color: #fff;
    background-color: #5b389a;
    border-color: #4c2e80; }
  .btn-recruit-save:active, .btn-recruit-save.active,
  .open > .btn-recruit-save.dropdown-toggle {
    color: #fff;
    background-color: #5b389a;
    border-color: #4c2e80; }
    .btn-recruit-save:active:hover, .btn-recruit-save:active:focus, .btn-recruit-save:active.focus, .btn-recruit-save.active:hover, .btn-recruit-save.active:focus, .btn-recruit-save.active.focus,
    .open > .btn-recruit-save.dropdown-toggle:hover,
    .open > .btn-recruit-save.dropdown-toggle:focus,
    .open > .btn-recruit-save.dropdown-toggle.focus {
      color: #fff;
      background-color: #4c2e80;
      border-color: #2f1d4f; }
  .btn-recruit-save:active, .btn-recruit-save.active,
  .open > .btn-recruit-save.dropdown-toggle {
    background-image: none; }
  .btn-recruit-save.disabled:hover, .btn-recruit-save.disabled:focus, .btn-recruit-save.disabled.focus, .btn-recruit-save[disabled]:hover, .btn-recruit-save[disabled]:focus, .btn-recruit-save[disabled].focus,
  fieldset[disabled] .btn-recruit-save:hover,
  fieldset[disabled] .btn-recruit-save:focus,
  fieldset[disabled] .btn-recruit-save.focus {
    background-color: #7248bd;
    border-color: #663ead; }
  .btn-recruit-save .badge {
    color: #7248bd;
    background-color: #fff; }

.btn-recruit-reverse {
  color: #7248bd;
  background-color: #fff;
  border-color: #7248bd; }
  .btn-recruit-reverse:focus, .btn-recruit-reverse.focus {
    color: #7248bd;
    background-color: #e6e6e6;
    border-color: #3a2362; }
  .btn-recruit-reverse:hover {
    color: #7248bd;
    background-color: #e6e6e6;
    border-color: #573593; }
  .btn-recruit-reverse:active, .btn-recruit-reverse.active,
  .open > .btn-recruit-reverse.dropdown-toggle {
    color: #7248bd;
    background-color: #e6e6e6;
    border-color: #573593; }
    .btn-recruit-reverse:active:hover, .btn-recruit-reverse:active:focus, .btn-recruit-reverse:active.focus, .btn-recruit-reverse.active:hover, .btn-recruit-reverse.active:focus, .btn-recruit-reverse.active.focus,
    .open > .btn-recruit-reverse.dropdown-toggle:hover,
    .open > .btn-recruit-reverse.dropdown-toggle:focus,
    .open > .btn-recruit-reverse.dropdown-toggle.focus {
      color: #7248bd;
      background-color: #d4d4d4;
      border-color: #3a2362; }
  .btn-recruit-reverse:active, .btn-recruit-reverse.active,
  .open > .btn-recruit-reverse.dropdown-toggle {
    background-image: none; }
  .btn-recruit-reverse.disabled:hover, .btn-recruit-reverse.disabled:focus, .btn-recruit-reverse.disabled.focus, .btn-recruit-reverse[disabled]:hover, .btn-recruit-reverse[disabled]:focus, .btn-recruit-reverse[disabled].focus,
  fieldset[disabled] .btn-recruit-reverse:hover,
  fieldset[disabled] .btn-recruit-reverse:focus,
  fieldset[disabled] .btn-recruit-reverse.focus {
    background-color: #fff;
    border-color: #7248bd; }
  .btn-recruit-reverse .badge {
    color: #fff;
    background-color: #7248bd; }
  .btn-recruit-reverse:hover {
    border-color: #7248bd;
    background-color: #7248bd;
    color: #fff; }
  .btn-recruit-reverse[disabled]:hover {
    color: #7248bd; }

.btn-recruit-reverse {
  padding: 6px 16px;
  font-size: 12px; }

.btn-insight-header {
  color: #fff;
  background-color: #03a9f4;
  border-color: #0398db; }
  .btn-insight-header:focus, .btn-insight-header.focus {
    color: #fff;
    background-color: #0286c2;
    border-color: #01405d; }
  .btn-insight-header:hover {
    color: #fff;
    background-color: #0286c2;
    border-color: #026e9e; }
  .btn-insight-header:active, .btn-insight-header.active,
  .open > .btn-insight-header.dropdown-toggle {
    color: #fff;
    background-color: #0286c2;
    border-color: #026e9e; }
    .btn-insight-header:active:hover, .btn-insight-header:active:focus, .btn-insight-header:active.focus, .btn-insight-header.active:hover, .btn-insight-header.active:focus, .btn-insight-header.active.focus,
    .open > .btn-insight-header.dropdown-toggle:hover,
    .open > .btn-insight-header.dropdown-toggle:focus,
    .open > .btn-insight-header.dropdown-toggle.focus {
      color: #fff;
      background-color: #026e9e;
      border-color: #01405d; }
  .btn-insight-header:active, .btn-insight-header.active,
  .open > .btn-insight-header.dropdown-toggle {
    background-image: none; }
  .btn-insight-header.disabled:hover, .btn-insight-header.disabled:focus, .btn-insight-header.disabled.focus, .btn-insight-header[disabled]:hover, .btn-insight-header[disabled]:focus, .btn-insight-header[disabled].focus,
  fieldset[disabled] .btn-insight-header:hover,
  fieldset[disabled] .btn-insight-header:focus,
  fieldset[disabled] .btn-insight-header.focus {
    background-color: #03a9f4;
    border-color: #0398db; }
  .btn-insight-header .badge {
    color: #03a9f4;
    background-color: #fff; }

.btn-ad-header {
  color: #fff;
  background-color: #ff4081;
  border-color: #ff2770; }
  .btn-ad-header:focus, .btn-ad-header.focus {
    color: #fff;
    background-color: #ff0d5f;
    border-color: #a60038; }
  .btn-ad-header:hover {
    color: #fff;
    background-color: #ff0d5f;
    border-color: #e8004f; }
  .btn-ad-header:active, .btn-ad-header.active,
  .open > .btn-ad-header.dropdown-toggle {
    color: #fff;
    background-color: #ff0d5f;
    border-color: #e8004f; }
    .btn-ad-header:active:hover, .btn-ad-header:active:focus, .btn-ad-header:active.focus, .btn-ad-header.active:hover, .btn-ad-header.active:focus, .btn-ad-header.active.focus,
    .open > .btn-ad-header.dropdown-toggle:hover,
    .open > .btn-ad-header.dropdown-toggle:focus,
    .open > .btn-ad-header.dropdown-toggle.focus {
      color: #fff;
      background-color: #e8004f;
      border-color: #a60038; }
  .btn-ad-header:active, .btn-ad-header.active,
  .open > .btn-ad-header.dropdown-toggle {
    background-image: none; }
  .btn-ad-header.disabled:hover, .btn-ad-header.disabled:focus, .btn-ad-header.disabled.focus, .btn-ad-header[disabled]:hover, .btn-ad-header[disabled]:focus, .btn-ad-header[disabled].focus,
  fieldset[disabled] .btn-ad-header:hover,
  fieldset[disabled] .btn-ad-header:focus,
  fieldset[disabled] .btn-ad-header.focus {
    background-color: #ff4081;
    border-color: #ff2770; }
  .btn-ad-header .badge {
    color: #ff4081;
    background-color: #fff; }

.btn-contents-header {
  color: #fff;
  background-color: #a2cf6e;
  border-color: #96c95b; }
  .btn-contents-header:focus, .btn-contents-header.focus {
    color: #fff;
    background-color: #89c248;
    border-color: #557b29; }
  .btn-contents-header:hover {
    color: #fff;
    background-color: #89c248;
    border-color: #77ad39; }
  .btn-contents-header:active, .btn-contents-header.active,
  .open > .btn-contents-header.dropdown-toggle {
    color: #fff;
    background-color: #89c248;
    border-color: #77ad39; }
    .btn-contents-header:active:hover, .btn-contents-header:active:focus, .btn-contents-header:active.focus, .btn-contents-header.active:hover, .btn-contents-header.active:focus, .btn-contents-header.active.focus,
    .open > .btn-contents-header.dropdown-toggle:hover,
    .open > .btn-contents-header.dropdown-toggle:focus,
    .open > .btn-contents-header.dropdown-toggle.focus {
      color: #fff;
      background-color: #77ad39;
      border-color: #557b29; }
  .btn-contents-header:active, .btn-contents-header.active,
  .open > .btn-contents-header.dropdown-toggle {
    background-image: none; }
  .btn-contents-header.disabled:hover, .btn-contents-header.disabled:focus, .btn-contents-header.disabled.focus, .btn-contents-header[disabled]:hover, .btn-contents-header[disabled]:focus, .btn-contents-header[disabled].focus,
  fieldset[disabled] .btn-contents-header:hover,
  fieldset[disabled] .btn-contents-header:focus,
  fieldset[disabled] .btn-contents-header.focus {
    background-color: #a2cf6e;
    border-color: #96c95b; }
  .btn-contents-header .badge {
    color: #a2cf6e;
    background-color: #fff; }

.btn-leaflets-header {
  color: #fff;
  background-color: #3a7de2;
  border-color: #246edf; }
  .btn-leaflets-header:focus, .btn-leaflets-header.focus {
    color: #fff;
    background-color: #1e63cb;
    border-color: #113872; }
  .btn-leaflets-header:hover {
    color: #fff;
    background-color: #1e63cb;
    border-color: #1954ac; }
  .btn-leaflets-header:active, .btn-leaflets-header.active,
  .open > .btn-leaflets-header.dropdown-toggle {
    color: #fff;
    background-color: #1e63cb;
    border-color: #1954ac; }
    .btn-leaflets-header:active:hover, .btn-leaflets-header:active:focus, .btn-leaflets-header:active.focus, .btn-leaflets-header.active:hover, .btn-leaflets-header.active:focus, .btn-leaflets-header.active.focus,
    .open > .btn-leaflets-header.dropdown-toggle:hover,
    .open > .btn-leaflets-header.dropdown-toggle:focus,
    .open > .btn-leaflets-header.dropdown-toggle.focus {
      color: #fff;
      background-color: #1954ac;
      border-color: #113872; }
  .btn-leaflets-header:active, .btn-leaflets-header.active,
  .open > .btn-leaflets-header.dropdown-toggle {
    background-image: none; }
  .btn-leaflets-header.disabled:hover, .btn-leaflets-header.disabled:focus, .btn-leaflets-header.disabled.focus, .btn-leaflets-header[disabled]:hover, .btn-leaflets-header[disabled]:focus, .btn-leaflets-header[disabled].focus,
  fieldset[disabled] .btn-leaflets-header:hover,
  fieldset[disabled] .btn-leaflets-header:focus,
  fieldset[disabled] .btn-leaflets-header.focus {
    background-color: #3a7de2;
    border-color: #246edf; }
  .btn-leaflets-header .badge {
    color: #3a7de2;
    background-color: #fff; }

.btn-leaflets-menu {
  color: #fff;
  background-color: #3a7de2;
  border-color: #246edf; }
  .btn-leaflets-menu:focus, .btn-leaflets-menu.focus {
    color: #fff;
    background-color: #1e63cb;
    border-color: #113872; }
  .btn-leaflets-menu:hover {
    color: #fff;
    background-color: #1e63cb;
    border-color: #1954ac; }
  .btn-leaflets-menu:active, .btn-leaflets-menu.active,
  .open > .btn-leaflets-menu.dropdown-toggle {
    color: #fff;
    background-color: #1e63cb;
    border-color: #1954ac; }
    .btn-leaflets-menu:active:hover, .btn-leaflets-menu:active:focus, .btn-leaflets-menu:active.focus, .btn-leaflets-menu.active:hover, .btn-leaflets-menu.active:focus, .btn-leaflets-menu.active.focus,
    .open > .btn-leaflets-menu.dropdown-toggle:hover,
    .open > .btn-leaflets-menu.dropdown-toggle:focus,
    .open > .btn-leaflets-menu.dropdown-toggle.focus {
      color: #fff;
      background-color: #1954ac;
      border-color: #113872; }
  .btn-leaflets-menu:active, .btn-leaflets-menu.active,
  .open > .btn-leaflets-menu.dropdown-toggle {
    background-image: none; }
  .btn-leaflets-menu.disabled:hover, .btn-leaflets-menu.disabled:focus, .btn-leaflets-menu.disabled.focus, .btn-leaflets-menu[disabled]:hover, .btn-leaflets-menu[disabled]:focus, .btn-leaflets-menu[disabled].focus,
  fieldset[disabled] .btn-leaflets-menu:hover,
  fieldset[disabled] .btn-leaflets-menu:focus,
  fieldset[disabled] .btn-leaflets-menu.focus {
    background-color: #3a7de2;
    border-color: #246edf; }
  .btn-leaflets-menu .badge {
    color: #3a7de2;
    background-color: #fff; }

.btn-admin-header {
  color: #fff;
  background-color: #221f20;
  border-color: #151313; }
  .btn-admin-header:focus, .btn-admin-header.focus {
    color: #fff;
    background-color: #070707;
    border-color: black; }
  .btn-admin-header:hover {
    color: #fff;
    background-color: #070707;
    border-color: black; }
  .btn-admin-header:active, .btn-admin-header.active,
  .open > .btn-admin-header.dropdown-toggle {
    color: #fff;
    background-color: #070707;
    border-color: black; }
    .btn-admin-header:active:hover, .btn-admin-header:active:focus, .btn-admin-header:active.focus, .btn-admin-header.active:hover, .btn-admin-header.active:focus, .btn-admin-header.active.focus,
    .open > .btn-admin-header.dropdown-toggle:hover,
    .open > .btn-admin-header.dropdown-toggle:focus,
    .open > .btn-admin-header.dropdown-toggle.focus {
      color: #fff;
      background-color: black;
      border-color: black; }
  .btn-admin-header:active, .btn-admin-header.active,
  .open > .btn-admin-header.dropdown-toggle {
    background-image: none; }
  .btn-admin-header.disabled:hover, .btn-admin-header.disabled:focus, .btn-admin-header.disabled.focus, .btn-admin-header[disabled]:hover, .btn-admin-header[disabled]:focus, .btn-admin-header[disabled].focus,
  fieldset[disabled] .btn-admin-header:hover,
  fieldset[disabled] .btn-admin-header:focus,
  fieldset[disabled] .btn-admin-header.focus {
    background-color: #221f20;
    border-color: #151313; }
  .btn-admin-header .badge {
    color: #221f20;
    background-color: #fff; }

.btn-account {
  color: #fff;
  background-color: #221f20;
  border-color: #151313; }
  .btn-account:focus, .btn-account.focus {
    color: #fff;
    background-color: #070707;
    border-color: black; }
  .btn-account:hover {
    color: #fff;
    background-color: #070707;
    border-color: black; }
  .btn-account:active, .btn-account.active,
  .open > .btn-account.dropdown-toggle {
    color: #fff;
    background-color: #070707;
    border-color: black; }
    .btn-account:active:hover, .btn-account:active:focus, .btn-account:active.focus, .btn-account.active:hover, .btn-account.active:focus, .btn-account.active.focus,
    .open > .btn-account.dropdown-toggle:hover,
    .open > .btn-account.dropdown-toggle:focus,
    .open > .btn-account.dropdown-toggle.focus {
      color: #fff;
      background-color: black;
      border-color: black; }
  .btn-account:active, .btn-account.active,
  .open > .btn-account.dropdown-toggle {
    background-image: none; }
  .btn-account.disabled:hover, .btn-account.disabled:focus, .btn-account.disabled.focus, .btn-account[disabled]:hover, .btn-account[disabled]:focus, .btn-account[disabled].focus,
  fieldset[disabled] .btn-account:hover,
  fieldset[disabled] .btn-account:focus,
  fieldset[disabled] .btn-account.focus {
    background-color: #221f20;
    border-color: #151313; }
  .btn-account .badge {
    color: #221f20;
    background-color: #fff; }

.btn-sub {
  color: #90939a;
  background-color: #fff;
  border-color: #90939a; }
  .btn-sub:focus, .btn-sub.focus {
    color: #90939a;
    background-color: #e6e6e6;
    border-color: #515459; }
  .btn-sub:hover {
    color: #90939a;
    background-color: #e6e6e6;
    border-color: #71747c; }
  .btn-sub:active, .btn-sub.active,
  .open > .btn-sub.dropdown-toggle {
    color: #90939a;
    background-color: #e6e6e6;
    border-color: #71747c; }
    .btn-sub:active:hover, .btn-sub:active:focus, .btn-sub:active.focus, .btn-sub.active:hover, .btn-sub.active:focus, .btn-sub.active.focus,
    .open > .btn-sub.dropdown-toggle:hover,
    .open > .btn-sub.dropdown-toggle:focus,
    .open > .btn-sub.dropdown-toggle.focus {
      color: #90939a;
      background-color: #d4d4d4;
      border-color: #515459; }
  .btn-sub:active, .btn-sub.active,
  .open > .btn-sub.dropdown-toggle {
    background-image: none; }
  .btn-sub.disabled:hover, .btn-sub.disabled:focus, .btn-sub.disabled.focus, .btn-sub[disabled]:hover, .btn-sub[disabled]:focus, .btn-sub[disabled].focus,
  fieldset[disabled] .btn-sub:hover,
  fieldset[disabled] .btn-sub:focus,
  fieldset[disabled] .btn-sub.focus {
    background-color: #fff;
    border-color: #90939a; }
  .btn-sub .badge {
    color: #fff;
    background-color: #90939a; }
  .btn-sub:hover {
    border-color: #90939a;
    background-color: #90939a;
    color: #fff; }
  .btn-sub[disabled]:hover {
    color: #90939a; }

.onoffswitch {
  position: relative;
  width: 32px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; }
  .onoffswitch.disabled {
    cursor: not-allowed; }
    .onoffswitch.disabled .onoffswitch-label {
      pointer-events: none; }

.onoffswitch-checkbox {
  display: none; }

.onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  height: 14px;
  padding: 0;
  line-height: 14px;
  border: 0px solid #FFFFFF;
  border-radius: 18px;
  background-color: #9E9E9E; }

.onoffswitch-label:before {
  content: "";
  display: block;
  width: 18px;
  margin: -2px;
  height: 18px;
  padding: 0;
  line-height: 18px;
  background: #FFFFFF;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 18px;
  border-radius: 18px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
  transition: all 0.1s linear 0s; }

.onoffswitch-checkbox:checked + .onoffswitch-label {
  background-color: #38DC77; }

.onoffswitch-checkbox:checked + .onoffswitch-label, .onoffswitch-checkbox:checked + .onoffswitch-label:before {
  border-color: #38DC77; }

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
  margin-left: 0; }

.onoffswitch-checkbox:checked + .onoffswitch-label:before {
  right: 0px;
  background-color: #FFFFFF; }

.checkbox-large span::before {
  content: '';
  width: 20px;
  height: 20px;
  display: inline-block;
  position: absolute;
  left: 4px;
  background-color: #fff;
  border: 2px solid #c6c6c6;
  border-radius: 1px 1px 1px 1px; }

.checkbox-large input {
  display: none; }

.checkbox-large input:checked + span::before {
  content: '\2713';
  font-size: 21px;
  color: #fff;
  background-color: #51cf20;
  border: 0; }

.checkbox-large span {
  margin-left: 16px; }

.btn-draft {
  margin-left: 8px; }

a.link-contents {
  color: #a2cf6e; }
  a.link-contents:hover, a.link-contents:focus, a.link-contents:active {
    color: #89c248; }

a.disable {
  color: #ddd; }
  a.disable:hover, a.disable:focus, a.disable:active {
    color: #ddd;
    text-decoration: none;
    cursor: not-allowed; }

a.link-delete {
  color: #cb3e34; }
  a.link-delete:hover, a.link-delete:focus, a.link-delete:active {
    color: #a2322a; }

a.disable {
  color: #ddd; }
  a.disable:hover, a.disable:focus, a.disable:active {
    color: #ddd;
    text-decoration: none;
    cursor: not-allowed; }

.swal2-container .swal2-popup.swal2-toast .swal2-html-container {
  font-size: 16px; }
  .swal2-container .swal2-popup.swal2-toast .swal2-html-container ul {
    margin: 0;
    padding-left: 20px; }

.swal2-container .swal2-popup.swal2-toast .swal2-title {
  font-size: 16px; }

.swal2-container .swal2-popup.swal2-toast .swal2-close {
  align-self: flex-start;
  color: '#ffffff'; }

.help-page .logo {
  padding: 6px 24px; }
  .help-page .logo img {
    width: 160px; }

.help-page .widget-container {
  padding: 80px 180px; }
  .help-page .widget-container .help-page-subtitle {
    font-weight: bold; }

.login {
  margin: 0;
  padding: 24px;
  background-color: #666; }

.login::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url(/assets/login.jpg) no-repeat center center fixed;
  background-size: cover;
  content: '';
  opacity: .4;
  z-index: -1; }

.login-container {
  position: absolute;
  left: 50%;
  width: 800px;
  height: 370px;
  margin-left: -400px; }
  @media (min-height: 394px) {
    .login-container {
      top: 50%;
      margin-top: -185px; } }
  .login-container .main-contents {
    height: 365px; }
  .login-container .login-logo,
  .login-container .login-form {
    width: 400px;
    float: left; }
  .login-container .login-logo {
    position: relative;
    height: 100%;
    color: #fff;
    font-family: 'Avenir Next', Verdana, '\30D2\30E9\30AE\30CE\89D2\30B4   Pro W3', 'Hiragino Kaku Gothic Pro', 'Yu Gothic', '\30E1\30A4\30EA\30AA', Meiryo, Osaka, sans-serif;
    font-size: 32px; }
    .login-container .login-logo .logo-wrapper {
      position: absolute;
      top: 50%;
      margin-top: -35px; }
    .login-container .login-logo img {
      width: 272px;
      height: 70px; }
    .login-container .login-logo .login-logo-logo {
      position: absolute;
      top: 5px;
      right: 25px;
      width: 400px;
      text-align: right; }
  .login-container .login-form {
    padding: 24px;
    border-radius: 3px;
    background-color: #fff; }
    .login-container .login-form .form-group {
      margin-bottom: 24px; }
    .login-container .login-form .form-control {
      height: auto;
      padding: 12px; }
  .login-container .help-link {
    margin-top: 5px;
    float: right;
    color: #fff; }
    .login-container .help-link .icon {
      font-size: 16px;
      vertical-align: -.2em; }

.copyright {
  position: absolute;
  right: 0;
  bottom: 16px;
  left: 0; }
  .copyright img {
    height: 20px; }

.shared-preview {
  min-width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  padding-top: 50px;
  background: #ccc; }
  .shared-preview .header {
    position: fixed;
    top: 0;
    width: 100%;
    height: 50px;
    background: #221f20;
    z-index: 1; }
    .shared-preview .header img {
      display: block;
      width: 104px;
      height: auto;
      margin: auto;
      margin-top: 14px; }
  .shared-preview .caution {
    position: fixed;
    right: 0;
    left: 0;
    padding: 8px;
    background: #fff;
    color: #ff4081;
    text-align: center;
    box-shadow: 0 1px 4px #999; }
  .shared-preview .content {
    margin-top: 80px; }
  .shared-preview .preview-wrapper {
    margin: auto;
    transition: 1s; }
    .shared-preview .preview-wrapper iframe {
      width: 100%;
      height: 100%;
      border: 0; }
  .shared-preview .article-body {
    width: 100%;
    height: 100%; }
  .shared-preview .preview-size {
    position: absolute;
    top: 50%;
    right: 16px;
    margin-top: -12px;
    color: #eee;
    line-height: 1;
    cursor: pointer; }
    .shared-preview .preview-size .text {
      display: inline-block;
      font-size: 12px; }
    .shared-preview .preview-size .material-icons {
      vertical-align: -.35em; }
    .shared-preview .preview-size .down {
      display: initial; }
    .shared-preview .preview-size .up {
      display: none; }
    .shared-preview .preview-size .choices {
      display: none;
      position: absolute;
      right: 8px;
      width: 106px;
      background: #fff;
      box-shadow: 0 0 4px #ccc;
      cursor: pointer; }
      .shared-preview .preview-size .choices .item {
        padding: 8px;
        color: #999;
        font-size: 12px; }
        .shared-preview .preview-size .choices .item:hover {
          background: #eee;
          color: #221f20; }
    .shared-preview .preview-size.open .choices {
      display: block; }
    .shared-preview .preview-size.open .down {
      display: none; }
    .shared-preview .preview-size.open .up {
      display: initial; }

.app {
  width: 100vw; }
  .app > header {
    position: sticky;
    top: 0;
    height: 56px;
    z-index: 1030; }
    .fullscreen .app > header {
      display: none; }
  .app > main {
    display: flex;
    max-width: 1280px;
    margin: 0 auto; }
    @media (max-width: 768px) {
      .app > main {
        flex-direction: column;
        max-width: 100%; } }
    @media (max-width: 768px) {
      .app > main > ul.sidebar > li {
        float: unset; } }
    .app > main > .sidebar {
      position: sticky;
      top: 56px;
      flex: 0 0 auto;
      width: 230px;
      height: calc(100vh - 56px);
      overflow-y: auto; }
      @media (max-width: 768px) {
        .app > main > .sidebar {
          position: unset;
          width: unset;
          height: unset;
          margin-bottom: 18px;
          padding: 0 calc(32px / 2); } }
      .fullscreen .app > main > .sidebar {
        display: none; }
    .app > main > .wrapper {
      flex: 1 1 auto;
      overflow: auto; }
      .app > main > .wrapper > .main {
        min-width: 768px;
        padding: 32px; }
        @media (max-width: 768px) {
          .app > main > .wrapper > .main {
            min-width: 100%;
            padding: calc(32px / 2); } }

.widget .widget-table.table .campaign-name,
.widget .widget-table.table .order-name {
  position: relative;
  padding-right: 2em; }
  .widget .widget-table.table .campaign-name .edit.right,
  .widget .widget-table.table .order-name .edit.right {
    position: absolute;
    top: 50%;
    right: 4px;
    margin-top: -7px; }

.circle-btn.ad {
  background: #ff4081; }

.ad-info {
  display: inline-block; }
  .ad-info .ad-info-label {
    display: inline;
    padding-right: 8px;
    color: #999;
    font-size: 10px;
    line-height: 12px; }
  .ad-info .ad-info-value {
    display: inline;
    margin-right: 32px;
    font-size: 12px;
    line-height: 12px; }
    .ad-info .ad-info-value br {
      display: none; }
    .ad-info .ad-info-value .time {
      margin-left: 4px;
      color: #999; }

.order-info .performance-table,
.campaign-info .performance-table {
  width: 100%;
  margin-top: 16px; }
  .order-info .performance-table.fixed,
  .campaign-info .performance-table.fixed {
    table-layout: fixed; }
  .order-info .performance-table.rows .value,
  .campaign-info .performance-table.rows .value {
    margin-left: 8px; }
  .order-info .performance-table td,
  .campaign-info .performance-table td {
    padding: 4px 0; }
  .order-info .performance-table .title,
  .order-info .performance-table .value,
  .campaign-info .performance-table .title,
  .campaign-info .performance-table .value {
    font-size: 12px; }
  .order-info .performance-table .title,
  .campaign-info .performance-table .title {
    color: #999; }
  .order-info .performance-table + .performance-table,
  .campaign-info .performance-table + .performance-table {
    margin-top: 4px; }

.order-info .order-name,
.order-info .campaign-name,
.campaign-info .order-name,
.campaign-info .campaign-name {
  max-width: 88%;
  float: left;
  font-size: 24px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

.order-info .order-name,
.campaign-info .order-name {
  max-width: 80%; }
  .order-info .order-name a,
  .campaign-info .order-name a {
    margin-left: 4px; }
    .order-info .order-name a .material-icons,
    .campaign-info .order-name a .material-icons {
      position: relative;
      top: -2px;
      font-size: 18px; }

.order-info .onoffswitch,
.campaign-info .onoffswitch {
  position: absolute;
  top: 20px;
  right: 24px; }

.order-info .widget-body,
.campaign-info .widget-body {
  clear: both; }

.create-campaign {
  padding-bottom: 16px; }

.campaign-list .widget .status,
.campaign-list .widget .cost,
.campaign-list .widget .vimp {
  width: 140px; }

.campaign-list .widget .term {
  width: 130px; }

.campaign-list .widget .budget {
  width: 120px; }

.campaign-list .widget .action-menu {
  width: 48px; }

.campaign-list .widget .emphasized-text {
  font-weight: bold; }

.campaign-list .widget .unit-font-size {
  font-size: 10px; }

.campaign-list .widget .help > .message {
  width: 120px; }

.campaign-info .ad-info .emphasized-text {
  font-weight: bold; }

.order-list .widget .emphasized-text {
  font-weight: bold; }

.order-list .widget .unit-font-size {
  font-size: 10px; }

.order-list .tag {
  top: 2px;
  width: 68px;
  padding: 2px 6px;
  border-radius: 8px;
  background-color: #666;
  color: #fff;
  line-height: 1; }

.frequency-settings .icon {
  cursor: pointer; }

.frequency-settings .icon.frequency {
  margin-left: 8px;
  color: #999;
  font-size: 20px;
  vertical-align: -.25em; }

.frequency-settings .add-frequency-icon {
  margin-right: 15px; }
  .frequency-settings .add-frequency-icon .material-icons {
    margin-right: 4px;
    color: #999;
    font-size: 20px;
    vertical-align: -.25em; }

.frequency-settings .optional-frequency-input {
  display: inline;
  width: 95%; }

.contents-optimize .header-item {
  margin-top: 12px;
  float: right;
  font-weight: bold; }

.contents-optimize .flex-box {
  display: flex;
  align-items: center; }
  .contents-optimize .flex-box .title {
    width: 70%; }
  .contents-optimize .flex-box .right-menu {
    width: 30%;
    text-align: right; }
    .contents-optimize .flex-box .right-menu .status {
      display: inline-block;
      font-weight: bold;
      vertical-align: middle; }
      .contents-optimize .flex-box .right-menu .status .status-label {
        display: inline; }
      .contents-optimize .flex-box .right-menu .status .status-value {
        display: inline; }
    .contents-optimize .flex-box .right-menu .btn {
      margin-left: 16px;
      padding: 5px 24px; }

.contents-optimize .value-label {
  padding-top: 7px; }

.contents-optimize i {
  vertical-align: middle; }

.contents-optimize .footer-item {
  text-align: right; }
  .contents-optimize .footer-item .btn-draft {
    margin-right: 8px; }

.contents-optimize-history .flex-box {
  display: flex;
  justify-content: space-between; }
  .contents-optimize-history .flex-box .left-box {
    width: 20%; }
    .contents-optimize-history .flex-box .left-box .widget-body {
      border-bottom: 1px solid #e9e9e9;
      cursor: pointer; }
      .contents-optimize-history .flex-box .left-box .widget-body.selected {
        background: rgba(162, 207, 110, 0.2); }
    .contents-optimize-history .flex-box .left-box .widget-body:hover {
      background: rgba(162, 207, 110, 0.1); }
      .contents-optimize-history .flex-box .left-box .widget-body:hover.selected {
        background: rgba(162, 207, 110, 0.2); }
    .contents-optimize-history .flex-box .left-box .widget-body:last-child {
      border-bottom: 0 none; }
  .contents-optimize-history .flex-box .right-box {
    width: 78%; }
  .contents-optimize-history .flex-box .optimize-variants-with-result .widget-body {
    margin: 16px; }

.editor-container.widget {
  height: calc(100vh - 120px); }

.editor {
  height: 100%;
  padding: 12px;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  font: 12pt/1.5 sans-serif;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
  overflow: scroll; }
  .editor:focus {
    outline: 0; }

.circle-btn.article {
  background: #a2cf6e; }

.contents-container.widget.readonly .content-editor-action,
.contents-container.widget.readonly .content-editor,
.contents-container.widget.readonly .btn-menu.publish-setting {
  cursor: not-allowed; }
  .contents-container.widget.readonly .content-editor-action > *,
  .contents-container.widget.readonly .content-editor > *,
  .contents-container.widget.readonly .btn-menu.publish-setting > * {
    pointer-events: none; }

.contents-container.widget .full-mask {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10000; }
  .contents-container.widget .full-mask.show {
    display: block; }

.contents-container.widget .widget-heading .back {
  color: #a2cf6e; }

.contents-container.widget .widget-heading .content-length {
  display: table-cell;
  padding: 0 16px;
  color: #999;
  line-height: 1;
  vertical-align: middle; }

.contents-container.widget .widget-heading .feedback {
  display: table-cell;
  transition: 1s;
  opacity: 0;
  vertical-align: middle;
  pointer-events: none; }
  .contents-container.widget .widget-heading .feedback.visible {
    opacity: 1; }
  .contents-container.widget .widget-heading .feedback .message {
    padding: 6px 18px;
    border-radius: 14px;
    background: #eee; }
    .contents-container.widget .widget-heading .feedback .message.warn {
      background: #ffd9e6;
      color: #ff4081; }
  .contents-container.widget .widget-heading .feedback .icon {
    margin-right: 4px;
    font-size: 16px;
    font-weight: bold;
    vertical-align: -.2em; }
  .contents-container.widget .widget-heading .feedback .text {
    line-height: 1; }

.contents-container.widget .widget-heading .btn-toolbar {
  position: absolute;
  top: 9px;
  right: 8px; }
  .contents-container.widget .widget-heading .btn-toolbar .btn {
    padding: 4px 8px;
    font-size: 13px; }

.contents-container.widget .editor-top-menu {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
  list-style: none; }
  .contents-container.widget .editor-top-menu .icon-menu,
  .contents-container.widget .editor-top-menu .btn-menu {
    display: table-cell;
    height: 56px;
    padding-right: 16px;
    transition: .3s;
    color: #999;
    font-family: 'icomoon', sans-serif;
    vertical-align: middle; }
  .contents-container.widget .editor-top-menu .btn-menu.publish-setting a {
    padding-right: 12px; }
  .contents-container.widget .editor-top-menu .btn-menu a {
    display: block;
    padding: 10px 24px 8px;
    transition: .3s;
    border-radius: 2px;
    background: #a2cf6e;
    color: #fff;
    line-height: 1; }
    .contents-container.widget .editor-top-menu .btn-menu a:hover {
      opacity: .8; }
    .contents-container.widget .editor-top-menu .btn-menu a:active {
      opacity: .4; }
  .contents-container.widget .editor-top-menu .save .icon {
    outline: 0;
    vertical-align: -.35em; }
  .contents-container.widget .editor-top-menu a {
    outline: 0;
    color: inherit; }
    .contents-container.widget .editor-top-menu a:hover, .contents-container.widget .editor-top-menu a:active, .contents-container.widget .editor-top-menu a:focus {
      text-decoration: none; }
    .contents-container.widget .editor-top-menu a[disabled] {
      color: #ccc; }
  .contents-container.widget .editor-top-menu .icon {
    vertical-align: -.25em; }
  .contents-container.widget .editor-top-menu .icon-menu:hover {
    color: #a2cf6e; }
  .contents-container.widget .editor-top-menu .icon-menu.comment {
    position: relative; }
    .contents-container.widget .editor-top-menu .icon-menu.comment .comment-count {
      position: absolute;
      top: 12px;
      left: 14px;
      width: 16px;
      height: 16px;
      padding-top: 2px;
      border-radius: 10px;
      background: #a2cf6e;
      color: #fff;
      font-family: 'Helvetica Neue', Helvetica;
      font-size: 10px;
      font-weight: 700;
      line-height: 1;
      text-align: center; }
  .contents-container.widget .editor-top-menu .icon-menu.download {
    position: relative; }
  .contents-container.widget .editor-top-menu .comment-setting {
    left: -80px; }
  .contents-container.widget .editor-top-menu .download-menu {
    left: -44px; }

.contents-container.widget .widget-body {
  transition: .5s;
  background-color: #fff;
  overflow-x: hidden;
  overflow-y: scroll; }
  .contents-container.widget .widget-body img.image-uploading {
    opacity: .5; }
  .contents-container.widget .widget-body progress {
    width: 100%; }
  .contents-container.widget .widget-body.with-toolbox {
    padding-right: 344px; }
    .contents-container.widget .widget-body.with-toolbox .widget-tools {
      right: 0; }
    .contents-container.widget .widget-body.with-toolbox .message {
      right: 360px; }
    .contents-container.widget .widget-body.with-toolbox .widget-tools-body .floating-button {
      right: 24px; }

.contents-container.widget .notice {
  position: fixed;
  top: 120px;
  right: 16px;
  min-width: 340px;
  padding: 32px;
  background: #eee;
  box-shadow: 0 0 4px 2px #ddd;
  z-index: 1; }
  .contents-container.widget .notice .title {
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: bold; }
  .contents-container.widget .notice .additional-message {
    margin-bottom: 14px;
    font-size: 12px; }
    .contents-container.widget .notice .additional-message :empty {
      display: none; }
  .contents-container.widget .notice .title,
  .contents-container.widget .notice .message,
  .contents-container.widget .notice .additional-message {
    color: #666; }
  .contents-container.widget .notice .buttons {
    margin-top: 32px;
    text-align: right; }
    .contents-container.widget .notice .buttons .ok {
      margin-left: 24px; }

.contents-container.widget .notice.attention {
  border: 0.6rem #ff4081 double;
  background: #fff; }
  .contents-container.widget .notice.attention .title {
    color: #ff4081; }

.contents-container.widget .add-comment {
  display: none;
  position: absolute;
  right: -20px;
  width: 40px;
  height: 40px;
  padding-top: 10px;
  transition: .3s;
  border: 1px solid #ccc;
  border-radius: 20px;
  background: #fff;
  line-height: 1;
  text-align: center;
  cursor: pointer; }
  .contents-container.widget .add-comment:hover {
    border-color: #a2cf6e;
    background: #a2cf6e;
    box-shadow: 0 1px 4px -2px #a2cf6e; }
    .contents-container.widget .add-comment:hover .material-icons {
      color: #fff; }
  .contents-container.widget .add-comment .material-icons {
    transition: .3s;
    color: #999;
    font-size: 20px; }

.content-body-block {
  -moz-overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  position: relative;
  height: calc(100% - 44px);
  margin-top: 4px;
  padding: 16px;
  padding-bottom: 40px;
  overflow: scroll; }
  .content-body-block .content-editor {
    position: relative;
    width: 660px;
    margin: 0 auto;
    padding-bottom: 1px;
    outline: 0;
    background-color: #fff;
    font-size: 14px;
    line-height: 1.5;
    box-shadow: 0 0 4px 1px #eee; }
    .content-body-block .content-editor.select-all [class^='np-'] span {
      background-color: #b3d8fd; }
    .content-body-block .content-editor.select-range [class^='np-'] span {
      background-color: #b3d8fd; }
  .content-body-block .review-comments {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0; }

.content-header-block {
  position: relative;
  height: 40px;
  background-color: #fff;
  text-align: center;
  box-shadow: 0 1px 3px #f0f0f0; }

.content-editor-action {
  display: inline-block;
  position: relative;
  padding: 10px 0;
  z-index: 1; }
  .content-editor-action .caret {
    margin-top: -4px; }
  .content-editor-action ul {
    margin: 0;
    padding: 0;
    list-style: none; }
    .content-editor-action ul li.more.active, .content-editor-action ul li.quote.active, .content-editor-action ul li.quote-small.active, .content-editor-action ul li.lead.active, .content-editor-action ul li.align.active:not(.disabled) .material-icons {
      -moz-filter: drop-shadow(0 0 4px #0f0);
      -webkit-filter: drop-shadow(0 0 4px #0f0);
      filter: drop-shadow(0 0 4px #0f0); }
    .content-editor-action ul::after {
      display: block;
      clear: both;
      content: ''; }
    .content-editor-action ul li {
      margin: 0;
      margin-right: 15px;
      padding: 0;
      float: left;
      transition: .3s;
      color: #999; }
      .content-editor-action ul li:hover {
        color: #a2cf6e; }
      .content-editor-action ul li a {
        color: inherit;
        font-size: 10px; }
        .content-editor-action ul li a:focus {
          text-decoration: none; }
      .content-editor-action ul li .text {
        font-size: 14px; }
      .content-editor-action ul li .separator {
        height: 12px;
        margin-top: 4px;
        border-left: 1px solid #d9d9d9; }
      .content-editor-action ul li.block-type .blockname {
        display: inline-block;
        width: 46px; }
      .content-editor-action ul li.bold.active .material-icons {
        font-weight: bold; }
      .content-editor-action ul li.disabled {
        color: #ccc; }
        .content-editor-action ul li.disabled a,
        .content-editor-action ul li.disabled i {
          cursor: default; }
        .content-editor-action ul li.disabled .material-icons.color {
          color: #ccc; }
  .content-editor-action i {
    display: block;
    padding-top: 3px;
    float: left;
    font-size: 14px;
    cursor: pointer; }
  .content-editor-action::after {
    display: block;
    clear: both;
    content: ''; }
  .content-editor-action .hover-description {
    position: absolute;
    top: 35px;
    padding: 4px 12px;
    border-radius: 2px;
    background: #666;
    color: #fff;
    font-size: 12px; }
    .content-editor-action .hover-description::before {
      position: absolute;
      top: -5px;
      left: 50%;
      margin-left: -6px;
      border-right: 6px solid transparent;
      border-bottom: 6px solid #666;
      border-left: 6px solid transparent;
      content: ''; }
  .content-editor-action .quote-small i {
    background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"><rect x="2" y="4.25" width="16" height="2.5" fill="%23999999" /><rect x="8" y="10.75" width="14" height="2.5" fill="%23999999" /><rect x="8" y="17.25" width="10" height="2.5" fill="%23999999" /><rect x="2" y="10.75" width="2.5" height="9" fill="%23999999" /></svg>') no-repeat;
    width: 14px;
    height: 14px;
    margin-top: 3px;
    padding-top: 0;
    background-size: contain; }
  .content-editor-action .quote-small:hover i {
    background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"><rect x="2" y="4.25" width="16" height="2.5" fill="%23a2cf6e" /><rect x="8" y="10.75" width="14" height="2.5" fill="%23a2cf6e" /><rect x="8" y="17.25" width="10" height="2.5" fill="%23a2cf6e" /><rect x="2" y="10.75" width="2.5" height="9" fill="%23a2cf6e" /></svg>') no-repeat; }
  .content-editor-action .quote-small.disabled i {
    background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"><rect x="2" y="4.25" width="16" height="2.5" fill="%23cccccc" /><rect x="8" y="10.75" width="14" height="2.5" fill="%23cccccc" /><rect x="8" y="17.25" width="10" height="2.5" fill="%23cccccc" /><rect x="2" y="10.75" width="2.5" height="9" fill="%23cccccc" /></svg>') no-repeat; }
  .content-editor-action .popup-menu {
    -moz-filter: drop-shadow(0 0 4px #ccc);
    -webkit-filter: drop-shadow(0 0 4px #ccc);
    filter: drop-shadow(0 0 4px #ccc);
    position: absolute;
    top: 32px;
    z-index: 1; }
    .content-editor-action .popup-menu ul {
      background: #fff; }
    .content-editor-action .popup-menu li {
      margin-right: 0;
      float: none; }
    .content-editor-action .popup-menu.block-types {
      left: 60px; }
      .content-editor-action .popup-menu.block-types .item {
        display: block;
        padding: 8px 16px;
        opacity: .7; }
        .content-editor-action .popup-menu.block-types .item:hover {
          opacity: 1; }
    .content-editor-action .popup-menu.color-pallet {
      left: 70px;
      width: 150px; }
      .content-editor-action .popup-menu.color-pallet ul {
        padding: 16px; }
        .content-editor-action .popup-menu.color-pallet ul::after {
          display: block;
          clear: both;
          content: ''; }
      .content-editor-action .popup-menu.color-pallet li {
        display: block;
        width: 10px;
        height: 10px;
        margin-left: 8px;
        float: left; }
        .content-editor-action .popup-menu.color-pallet li:first-child {
          margin-left: 0; }
      .content-editor-action .popup-menu.color-pallet .item {
        display: block;
        width: 100%;
        height: 100%; }
        .content-editor-action .popup-menu.color-pallet .item:hover {
          border: 1px solid #fff; }

.widget-tools {
  position: absolute;
  top: 0;
  right: -344px;
  bottom: 0;
  width: 344px;
  padding: 0;
  transition: .7s;
  box-shadow: -2px 0 3px -2px #ccc;
  z-index: 1;
  overflow-y: hidden; }

.widget-tools-header {
  position: relative;
  padding: 16px;
  border-bottom: 1px solid #d9d9d9;
  background: #fff;
  font-size: 18px; }
  .widget-tools-header::after {
    display: block;
    clear: both;
    content: ''; }
  .widget-tools-header .close-btn {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -12px; }
    .widget-tools-header .close-btn a {
      outline: 0;
      color: #999; }
  .widget-tools-header .title {
    float: left; }
  .widget-tools-header .help {
    margin-left: 4px;
    float: left; }
    .widget-tools-header .help .message {
      right: auto !important;
      left: -32px; }

.widget-tools-tabs {
  border-bottom: 1px solid #d9d9d9;
  background: #fff; }
  .widget-tools-tabs a {
    display: inline-block;
    width: 114.66667px;
    color: #999;
    line-height: 48px;
    text-align: center; }
    .widget-tools-tabs a.active {
      border-bottom: 3px solid #a2cf6e;
      outline: 0;
      color: #333333;
      font-weight: bold; }
    .widget-tools-tabs a:focus, .widget-tools-tabs a:active {
      outline: 0;
      text-decoration: none; }

.widget-tools-body {
  position: relative;
  height: calc(100% - 58px); }
  .widget-tools-body .floating-button {
    right: -100px;
    bottom: 24px;
    transition: .7s; }

.item-selector {
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 0 4px #fff;
  z-index: 100;
  pointer-events: auto; }
  .item-selector .selector-header {
    position: relative;
    padding: 16px;
    border-bottom: 1px solid #d9d9d9; }
    .item-selector .selector-header .title {
      font-weight: bold; }
    .item-selector .selector-header .close {
      position: absolute;
      top: 50%;
      right: 16px;
      margin-top: -12px; }
  .item-selector .selector-content {
    height: calc(100% - 120px);
    background: #f9f9f9;
    overflow: auto; }
    .item-selector .selector-content .fitler-area {
      display: table;
      width: 100%;
      padding: 16px; }
      .item-selector .selector-content .fitler-area .filter-item {
        display: table-cell;
        line-height: 1;
        vertical-align: middle; }
    .item-selector .selector-content .dropdown-choice {
      width: 72px;
      padding-right: 8px; }
      .item-selector .selector-content .dropdown-choice .btn {
        border-color: #ddd;
        background-color: #f9f9f9;
        font-size: 12px; }
        .item-selector .selector-content .dropdown-choice .btn:hover {
          background-color: #fff; }
      .item-selector .selector-content .dropdown-choice .dropdown-toggle {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        max-width: 120px;
        margin-top: 1px; }
  .item-selector .selector-footer {
    padding: 16px;
    border-top: 1px solid #d9d9d9;
    text-align: right; }
    .item-selector .selector-footer .selected-count {
      padding: 8px 0;
      float: left;
      color: #999; }
    .item-selector .selector-footer .btn.cancel {
      color: #a2cf6e; }

.article-selector.item-selector {
  position: absolute;
  top: 60px;
  left: 50%;
  width: 864px;
  height: calc(100% - 120px);
  margin-left: -432px; }
  .article-selector.item-selector .selector-content .article-list {
    padding: 16px; }
  .article-selector.item-selector .selector-content .article-row {
    margin-bottom: 16px;
    border: 1px solid transparent;
    cursor: pointer; }
    .article-selector.item-selector .selector-content .article-row.selected, .article-selector.item-selector .selector-content .article-row.selected:hover {
      border-color: #a2cf6e;
      background-color: #a2cf6e; }
      .article-selector.item-selector .selector-content .article-row.selected .title,
      .article-selector.item-selector .selector-content .article-row.selected .robot,
      .article-selector.item-selector .selector-content .article-row.selected .sub, .article-selector.item-selector .selector-content .article-row.selected:hover .title,
      .article-selector.item-selector .selector-content .article-row.selected:hover .robot,
      .article-selector.item-selector .selector-content .article-row.selected:hover .sub {
        color: #fff; }
    .article-selector.item-selector .selector-content .article-row:hover {
      border-color: #ccc; }
      .article-selector.item-selector .selector-content .article-row:hover .eyecatch {
        opacity: .64; }
    .article-selector.item-selector .selector-content .article-row .publisher span {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      display: block;
      max-width: 120px;
      margin-right: 2px;
      float: left; }
    .article-selector.item-selector .selector-content .article-row .published {
      float: left;
      line-height: 14px; }

.media-selector {
  position: absolute;
  top: 60px;
  left: 50%;
  width: 720px;
  height: calc(100% - 120px);
  margin-left: -360px; }
  .media-selector .items {
    padding: 16px; }
    .media-selector .items::after {
      display: block;
      clear: both;
      content: ''; }
  .media-selector .item {
    position: relative;
    width: 160px;
    height: 160px;
    margin: 0 16px 16px 0;
    float: left;
    border: 4px solid transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    cursor: pointer; }
    .media-selector .item:nth-child(4n) {
      margin-right: 0; }
    .media-selector .item.selected {
      border-color: #a2cf6e; }
      .media-selector .item.selected::before {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.32);
        content: ''; }
    .media-selector .item.selectable:hover {
      opacity: .72; }
      .media-selector .item.selectable:hover .open-detail {
        display: block; }
    .media-selector .item .open-detail {
      display: none;
      position: absolute;
      right: 0;
      bottom: 0;
      transition: .3s opacity;
      color: #fff;
      cursor: pointer; }
    .media-selector .item.add {
      border-color: #f9f9f9;
      background: #eee;
      text-align: center; }
      .media-selector .item.add label {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding-top: 16px;
        font-weight: normal;
        cursor: pointer; }
      .media-selector .item.add .material-icons {
        font-size: 96px; }
      .media-selector .item.add:hover {
        background-color: #a2cf6e;
        color: #fff; }

.article-preview .link-info {
  position: absolute;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 0 4px 1px #ccc;
  pointer-events: none; }
  .article-preview .link-info .external-link {
    padding: 16px; }
  .article-preview .link-info .article {
    width: 332px;
    padding: 16px; }
    .article-preview .link-info .article::after {
      display: block;
      clear: both;
      content: ''; }
  .article-preview .link-info .eyecatch {
    width: 300px;
    height: 120px;
    margin-top: 8px;
    background-size: cover; }
    .article-preview .link-info .eyecatch.no-image {
      padding-top: 52px;
      background-color: #eee; }
      .article-preview .link-info .eyecatch.no-image::before {
        display: block;
        color: #999;
        text-align: center;
        content: 'No Image'; }
  .article-preview .link-info .status-type {
    margin-top: 8px;
    color: #999;
    font-size: 12px;
    line-height: 1; }

.article-preview .button-info {
  position: absolute;
  width: 500px;
  padding: 16px;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 0 4px 1px #ccc;
  pointer-events: none; }

.no-preview {
  display: table;
  width: 100%;
  height: 100%;
  color: #000;
  font-size: 16px; }
  .no-preview .no-preview-msg {
    display: table-cell;
    height: 30px;
    line-height: 30px;
    text-align: center;
    vertical-align: middle; }

.media-thumbnail {
  position: absolute;
  width: 400px;
  padding: 8px;
  background: #f9f9f9;
  box-shadow: 0 0 4px 1px #ccc;
  z-index: 10000; }
  .media-thumbnail .checkered {
    background-image: repeating-conic-gradient(from 0deg, #fff 0deg 90deg, #ddd 90deg 180deg);
    background-size: 16px 16px;
    background-repeat: repeat; }
  .media-thumbnail .black {
    background-color: #000; }
  .media-thumbnail img {
    max-width: 100%; }
  .media-thumbnail .meta {
    margin-top: 8px;
    font-size: 10px; }
    .media-thumbnail .meta > div {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      margin-right: 8px;
      float: left; }
      .media-thumbnail .meta > div::before {
        display: inline-block;
        margin-right: 2px;
        color: #999; }
  .media-thumbnail .title::before {
    content: '\30BF\30A4\30C8\30EB:'; }
  .media-thumbnail .caption::before {
    content: '\30AD\30E3\30D7\30B7\30E7\30F3:'; }
  .media-thumbnail .created::before {
    content: '\4F5C\6210\8005:'; }

.editor-menu-popup {
  -moz-filter: drop-shadow(0 0 6px #ccc);
  -webkit-filter: drop-shadow(0 0 6px #ccc);
  filter: drop-shadow(0 0 6px #ccc);
  display: none;
  position: absolute;
  top: 88%;
  padding: 16px;
  border-radius: 4px;
  background: #fff; }
  .editor-menu-popup::before {
    display: block;
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -5px;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    border-left: 10px solid transparent;
    content: ''; }

.contents-container.widget .comment-setting {
  width: 242px;
  padding: 24px; }
  .contents-container.widget .comment-setting .setting-title {
    margin-bottom: 8px; }
  .contents-container.widget .comment-setting .dropdown-toggle {
    width: 100%;
    font-size: 12px;
    text-align: left; }
  .contents-container.widget .comment-setting .dropdown-menu {
    top: 101%;
    width: 100%;
    min-width: initial;
    text-align: left; }
    .contents-container.widget .comment-setting .dropdown-menu li a {
      color: #666; }
  .contents-container.widget .comment-setting .buttons {
    margin-top: 16px; }
    .contents-container.widget .comment-setting .buttons .btn {
      padding: 4px 16px; }
    .contents-container.widget .comment-setting .buttons .cancel {
      color: #a2cf6e; }
    .contents-container.widget .comment-setting .buttons .apply {
      background: #a2cf6e;
      color: #fff; }

.download-menu {
  width: 216px; }
  .download-menu ul {
    list-style: none;
    padding-left: 0; }
    .download-menu ul li {
      color: #999; }
      .download-menu ul li:not(:last-child) {
        margin-bottom: 8px; }
      .download-menu ul li .icon {
        margin-right: 8px; }

.filter {
  position: relative; }

.clear {
  position: absolute;
  top: 50%;
  right: 16px;
  margin-top: -7px; }
  .clear a {
    display: block;
    position: relative;
    transition: .3s;
    color: #ccc; }
    .clear a:hover {
      color: #999; }
    .clear a .icon {
      font-size: 14px; }

.link-popover {
  -moz-filter: drop-shadow(0 0 4px #ccc);
  -webkit-filter: drop-shadow(0 0 4px #ccc);
  filter: drop-shadow(0 0 4px #ccc);
  position: absolute;
  min-width: 300px;
  padding: 16px;
  background: #fff;
  z-index: 100; }
  .link-popover::before {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -10px;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    content: ''; }
  .link-popover.top::before {
    top: -10px;
    border-bottom: 10px solid #fff; }
  .link-popover.bottom::before {
    bottom: -10px;
    border-top: 10px solid #fff; }
  .link-popover .input-form {
    position: relative; }
    .link-popover .input-form .word {
      width: calc(100% - 40px); }
  .link-popover .show-list {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    padding: 7px;
    border: 1px solid #d9d9d9;
    border-left: 0;
    color: #999;
    cursor: pointer; }
    .link-popover .show-list:hover {
      background: #eee; }
  .link-popover .article {
    position: relative;
    width: 460px;
    margin-bottom: 8px;
    background: #fff; }
    .link-popover .article::after {
      display: block;
      clear: both;
      content: ''; }
    .link-popover .article .eyecatch {
      width: 100px;
      height: 40px;
      margin-right: 16px;
      float: left;
      background-color: #eee;
      background-size: contain; }
      .link-popover .article .eyecatch.empty::before {
        display: block;
        margin-top: 13px;
        color: #999;
        font-size: 12px;
        line-height: 1;
        text-align: center;
        content: 'No Image'; }
    .link-popover .article .title {
      width: calc(100% - 140px);
      float: left; }
      .link-popover .article .title .current {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        max-width: calc(100% - 32px);
        margin-right: 4px;
        float: left; }
      .link-popover .article .title .edit-title {
        width: 100%;
        height: auto;
        margin: 0;
        padding: 4px;
        color: #666;
        font-size: 12px;
        line-height: 1; }
      .link-popover .article .title .edit {
        margin-left: 4px;
        font-size: 18px;
        vertical-align: -.15em; }
    .link-popover .article .status-type {
      margin-top: 4px;
      float: left;
      color: #999;
      font-size: 12px; }
    .link-popover .article .clear {
      position: absolute;
      top: 50%;
      right: 0;
      margin-top: -12px;
      color: #999; }
      .link-popover .article .clear a {
        color: inherit; }
      .link-popover .article .clear .icon {
        font-size: 18px; }
  .link-popover [type='text'] {
    display: block;
    width: 460px;
    height: 40px;
    margin-bottom: 8px;
    padding-left: 8px;
    border: 1px solid #d9d9d9;
    outline: none; }
  .link-popover .word.link {
    color: #03a9f4; }
  .link-popover .footer {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end; }
    .link-popover .footer div {
      flex: 1; }
    .link-popover .footer .warning {
      color: #ff4081;
      font-size: 50%; }
    .link-popover .footer .btn {
      float: right;
      vertical-align: bottom; }
  .link-popover .unlink {
    margin: 0 10px;
    border-color: #ff4081;
    background-color: #ff4081;
    color: #fff; }
  .link-popover .search-result {
    position: absolute;
    top: 54px;
    right: 16px;
    left: 16px;
    background: #fff;
    box-shadow: 0 0 4px #999; }
  .link-popover .result-row {
    position: relative;
    padding: 8px;
    cursor: pointer; }
    .link-popover .result-row .eyecatch {
      width: 60px;
      height: 24px;
      float: left;
      background-color: #eee;
      background-size: contain; }
    .link-popover .result-row .title {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      width: calc(100% - 96px);
      margin-left: 16px;
      float: left;
      color: #666;
      line-height: 24px; }
    .link-popover .result-row .open-external {
      position: absolute;
      top: 50%;
      right: 8px;
      margin-top: -10px; }
      .link-popover .result-row .open-external .material-icons {
        font-size: 18px; }
    .link-popover .result-row:hover {
      background: #eee; }
      .link-popover .result-row:hover .title {
        color: #000; }
    .link-popover .result-row::after {
      display: block;
      clear: both;
      content: ''; }

.article-status .dropdown-toggle {
  padding-left: 16px; }
  .article-status .dropdown-toggle .status::before {
    margin-top: 5px; }

.article-status .status::before {
  display: block;
  width: 8px;
  height: 8px;
  margin: 5px 8px 0 0;
  float: left;
  border-radius: 4px;
  content: ''; }

.article-status .status {
  font-size: 12px; }
  .article-status .status::before {
    margin-bottom: 0; }
  .article-status .status.draft::before {
    background: #999; }
  .article-status .status.waiting-review::before {
    background: #ff4081; }
  .article-status .status.waiting-proof::before {
    background: #ff8cb3; }
  .article-status .status.proofed::before {
    background: #68cbf8; }
  .article-status .status.reviewed::before {
    background: #a2cf6e; }
  .article-status .status.rejected::before {
    background: #999; }
  .article-status .status.public::before {
    background: #03a9f4; }
  .article-status .status.waiting-reload::before {
    background: #000; }

.contents-container.widget .more-handle {
  position: absolute;
  right: 0;
  left: -60px;
  transition: .3s opacity;
  color: #a2cf6e;
  opacity: 0;
  pointer-events: none; }
  .contents-container.widget .more-handle.disabled {
    color: #999; }
    .contents-container.widget .more-handle.disabled .wrapper::before {
      border-top-color: #999; }
    .contents-container.widget .more-handle.disabled .wrapper .handle {
      pointer-events: none; }
  .contents-container.widget .more-handle.active {
    opacity: 1; }
    .contents-container.widget .more-handle.active .handle {
      pointer-events: auto; }
  .contents-container.widget .more-handle .wrapper {
    position: relative;
    width: 770px;
    height: 20px;
    margin: auto; }
    .contents-container.widget .more-handle .wrapper .handle {
      -moz-user-select: none;
      -webkit-user-select: none;
      user-select: none;
      display: inline-block;
      cursor: ns-resize; }
      .contents-container.widget .more-handle .wrapper .handle:active {
        pointer-events: none; }
    .contents-container.widget .more-handle .wrapper::before {
      display: block;
      position: absolute;
      top: 10px;
      right: 20px;
      left: 40px;
      border-top: 1px solid #a2cf6e;
      content: ''; }
    .contents-container.widget .more-handle .wrapper::after {
      display: block;
      clear: both;
      content: ''; }

.eyecatch-block {
  position: relative;
  margin: 0;
  margin-bottom: 32px; }
  .eyecatch-block::before {
    display: block;
    padding-top: 40%;
    content: ''; }
  .eyecatch-block.configured .circle-icon {
    background: rgba(162, 207, 110, 0.72); }
    .eyecatch-block.configured .circle-icon.decorate {
      display: inline-block; }
    .eyecatch-block.configured .circle-icon:hover {
      background: rgba(162, 207, 110, 0.88); }
  .eyecatch-block.configured .desc {
    background: rgba(0, 0, 0, 0.6);
    color: #fff; }
  .eyecatch-block.configured .block {
    display: none;
    background: transparent; }
  .eyecatch-block.configured .receive-image {
    display: none !important; }
  .eyecatch-block:hover.configured .mask,
  .eyecatch-block:hover.configured .block,
  .eyecatch-block:hover.configured .remove, .eyecatch-block.insert-target.configured .mask,
  .eyecatch-block.insert-target.configured .block,
  .eyecatch-block.insert-target.configured .remove {
    display: block; }
  .eyecatch-block.dragover .receive-image, .eyecatch-block.insert-target .receive-image {
    display: block; }
  .eyecatch-block.missing .notfound {
    display: block; }
  .eyecatch-block .image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-position: center;
    background-size: cover; }
  .eyecatch-block .content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
  .eyecatch-block .block {
    display: block;
    position: relative;
    height: 100%;
    padding-top: 80px;
    background: #fbfbfb;
    color: #999;
    font-weight: normal;
    text-align: center; }
  .eyecatch-block .buttons {
    text-align: center; }
  .eyecatch-block .circle-icon {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
    margin-left: 150px;
    transition: .3s background;
    border-radius: 40px;
    background: #e8e8e8;
    cursor: pointer; }
    .eyecatch-block .circle-icon .icon {
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -21px;
      margin-left: -21px;
      color: #fff; }
    .eyecatch-block .circle-icon:first-child {
      margin-left: 0; }
    .eyecatch-block .circle-icon.decorate {
      display: none; }
  .eyecatch-block .desc {
    display: inline-block;
    margin-top: 8px;
    padding: 6px 12px;
    border-radius: 4px; }
  .eyecatch-block .mask {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;
    content: '';
    opacity: .32; }
  .eyecatch-block .notfound .icon {
    margin-top: 76px;
    line-height: 1; }
    .eyecatch-block .notfound .icon .material-icons {
      font-size: 72px; }
  .eyecatch-block .notfound .title {
    margin-top: 16px; }
  .eyecatch-block .receive-image {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none; }
    .eyecatch-block .receive-image::before {
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: #a2cf6e;
      content: '';
      opacity: .3; }
    .eyecatch-block .receive-image .icon {
      -moz-filter: drop-shadow(0 0 8px #fff);
      -webkit-filter: drop-shadow(0 0 8px #fff);
      filter: drop-shadow(0 0 8px #fff);
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -16px;
      margin-left: -28px;
      color: #a2cf6e; }
  .eyecatch-block .remove {
    display: none;
    position: absolute;
    right: 8px;
    bottom: 8px;
    padding: 4px 16px;
    border-radius: 4px;
    background-color: rgba(255, 64, 129, 0.72);
    color: #fff;
    font-size: 12px;
    cursor: pointer; }
    .eyecatch-block .remove .material-icons {
      margin-right: 4px;
      font-size: 18px;
      vertical-align: -.2em; }
    .eyecatch-block .remove:hover {
      background-color: rgba(255, 64, 129, 0.88); }

.content-setting-popover {
  -moz-filter: drop-shadow(0 0 6px #ccc);
  -webkit-filter: drop-shadow(0 0 6px #ccc);
  filter: drop-shadow(0 0 6px #ccc);
  position: absolute;
  top: 49px;
  right: 16px;
  width: 300px;
  padding: 16px;
  transition: .3s;
  border-radius: 2px;
  background: #fff;
  opacity: 0;
  pointer-events: none; }
  .content-setting-popover::before {
    display: block;
    position: absolute;
    top: -9px;
    right: 14px;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #fff;
    border-left: 9px solid transparent;
    content: ''; }
  .content-setting-popover.show {
    opacity: 1;
    z-index: 10010;
    pointer-events: auto; }
  .content-setting-popover .save-title {
    font-size: 16px; }
  .content-setting-popover .setting-values {
    display: table;
    width: 100%;
    margin-top: 16px;
    table-layout: fixed; }
  .content-setting-popover .caret {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -2px;
    color: #999; }
  .content-setting-popover .dropdown-choice .dropdown-toggle {
    border: 1px solid #d9d9d9;
    cursor: pointer; }
  .content-setting-popover .dropdown-choice .dropdown-menu {
    top: calc(100% - 5px);
    right: 0;
    left: auto; }
  .content-setting-popover .publish-date {
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    border: 1px solid #d9d9d9;
    cursor: pointer; }
  .content-setting-popover .publisher .dropdown-toggle {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    height: 34px;
    padding: 10px 12px;
    font-size: 14px;
    font-weight: normal;
    text-align: left; }
  .content-setting-popover .without-publisher {
    margin-right: 8px; }
  .content-setting-popover .setting-section {
    display: table-row; }
  .content-setting-popover .setting-title,
  .content-setting-popover .setting-value {
    display: table-cell;
    position: relative;
    padding: 4px 0;
    vertical-align: middle; }
  .content-setting-popover .setting-title {
    width: 90px;
    color: #999; }
  .content-setting-popover .btns {
    margin-top: 24px;
    text-align: right; }
  .content-setting-popover .detail {
    display: table-cell;
    height: 34px;
    color: #a2cf6e;
    vertical-align: middle; }
  .content-setting-popover .btn {
    padding: 10px 16px;
    transition: .3s;
    font-size: 12px;
    line-height: 1;
    opacity: .8; }
    .content-setting-popover .btn:hover {
      opacity: 1; }
  .content-setting-popover .apply {
    background: #a2cf6e;
    color: #fff;
    letter-spacing: 1px; }
  .content-setting-popover .request-proof {
    margin-right: 8px;
    color: #a2cf6e; }
  .content-setting-popover .reject {
    margin-right: 8px;
    color: #ff4081; }
  .content-setting-popover .annotation {
    margin-top: 8px;
    color: #ff4081;
    font-size: 12px; }
    .content-setting-popover .annotation::before {
      content: '\203B'; }

.save-with-options-datetimepicker {
  z-index: 10011 !important; }

.article-row {
  width: 100%;
  margin-bottom: 16px;
  padding: 8px;
  background: #fff;
  box-shadow: 0 0 3px #ccc; }
  .article-row .article-info {
    display: table;
    width: 100%;
    table-layout: fixed; }
    .article-row .article-info .col {
      display: table-cell;
      padding: 8px;
      vertical-align: middle; }
      .article-row .article-info .col.select {
        -moz-user-select: none;
        -webkit-user-select: none;
        user-select: none;
        width: 32px;
        color: #999;
        line-height: 1; }
        .article-row .article-info .col.select i {
          cursor: pointer; }
      .article-row .article-info .col.eyecatch {
        width: 136px; }
        .article-row .article-info .col.eyecatch .image {
          width: 120px;
          height: 48px;
          background-color: #eee;
          background-repeat: no-repeat;
          background-position: center;
          background-size: contain; }
      .article-row .article-info .col .title {
        font-size: 1.4em; }
        .article-row .article-info .col .title a:hover,
        .article-row .article-info .col .title a:focus,
        .article-row .article-info .col .title a:active {
          outline: none;
          text-decoration: none; }
        .article-row .article-info .col .title .material-icons {
          margin-left: 4px;
          font-size: 16px;
          vertical-align: -.2em; }
      .article-row .article-info .col.created {
        width: 240px; }
      .article-row .article-info .col .second-row,
      .article-row .article-info .col .third-row {
        margin-top: 6px; }
        .article-row .article-info .col .second-row > :last-child,
        .article-row .article-info .col .third-row > :last-child {
          text-overflow: ellipsis;
          white-space: nowrap;
          overflow: hidden;
          float: none; }
      .article-row .article-info .col .article-status,
      .article-row .article-info .col .updated,
      .article-row .article-info .col .paid,
      .article-row .article-info .col .created,
      .article-row .article-info .col .lock,
      .article-row .article-info .col .contents-lengh,
      .article-row .article-info .col .publisher,
      .article-row .article-info .col .article-type {
        display: block;
        margin-right: 16px;
        float: left;
        line-height: 14px; }
      .article-row .article-info .col .created::before {
        margin-right: 4px;
        content: '\4F5C\6210   :'; }
      .article-row .article-info .col .updated::before {
        margin-right: 4px;
        content: '\66F4\65B0   :'; }
      .article-row .article-info .col .updated span {
        margin-right: 2px; }
      .article-row .article-info .col .contents-lengh::before {
        margin-right: 4px;
        content: '\6587\5B57\6570   :'; }
      .article-row .article-info .col .contents-lengh span {
        margin-right: 2px; }
      .article-row .article-info .col .lock .material-icons {
        margin-right: 2px;
        margin-left: 0;
        font-size: 14px;
        vertical-align: -.15em; }
      .article-row .article-info .col .destination-link .material-icons {
        font-size: 14px; }
      .article-row .article-info .col.published {
        width: 155px; }
        .article-row .article-info .col.published br {
          display: none; }
        .article-row .article-info .col.published .time {
          margin-left: 4px; }
      .article-row .article-info .col.actionmenu {
        width: 48px; }
        .article-row .article-info .col.actionmenu button {
          padding: 0 16px;
          border: 0;
          color: #ccc;
          font-size: 2em; }
      .article-row .article-info .col .sub {
        min-height: 16px;
        color: #999;
        font-size: 12px; }
  .article-row .article-experience {
    margin: 8px; }
  .article-row[draggable='true'] {
    cursor: -moz-grab;
    cursor: -webkit-grab;
    cursor: grab; }
  .article-row .article-status .status::before {
    margin: 3px 4px 0 0; }

.simple-preview {
  position: relative;
  background-color: #fff; }
  .simple-preview iframe,
  .simple-preview .no-preview {
    display: block;
    width: 375px;
    height: 605px;
    border: 0; }
    .simple-preview iframe .no-preview-msg,
    .simple-preview .no-preview .no-preview-msg {
      display: block;
      position: absolute;
      top: 280px;
      width: 100%;
      height: auto;
      line-height: 30px; }

.review-comment {
  -moz-filter: drop-shadow(0 0 2px #ddd);
  -webkit-filter: drop-shadow(0 0 2px #ddd);
  filter: drop-shadow(0 0 2px #ddd);
  position: absolute;
  left: 16px;
  width: 260px;
  padding: 16px;
  transition: left .5s, top .5s;
  border: 1px solid #ddd;
  border-radius: 4px;
  background-color: #fff; }
  .review-comment.edit {
    -moz-filter: drop-shadow(0 0 8px #ccc);
    -webkit-filter: drop-shadow(0 0 8px #ccc);
    filter: drop-shadow(0 0 8px #ccc);
    left: -4px;
    border: 0;
    z-index: 3; }
    .review-comment.edit::before {
      display: block;
      position: absolute;
      top: 4px;
      left: -14px;
      border-top: 0;
      border-right: 16px solid #fff;
      border-bottom: 16px solid transparent;
      content: ''; }
    .review-comment.edit .input-area {
      display: block; }
    .review-comment.edit .comment {
      display: none; }
  .review-comment.focused {
    z-index: 1; }
  .review-comment.focus {
    z-index: 2; }
  .review-comment:hover .actions {
    display: block; }
  .review-comment .comment-user {
    font-size: 12px; }
    .review-comment .comment-user .user-icon {
      width: 32px;
      height: 32px;
      margin-right: 8px;
      float: left; }
      .review-comment .comment-user .user-icon img {
        width: 100%;
        height: 100%; }
    .review-comment .comment-user::after {
      display: block;
      clear: both;
      content: ''; }
  .review-comment .commented-date {
    color: #999;
    font-size: 10px; }
  .review-comment .comment {
    margin-top: 8px;
    font-size: 12px; }
  .review-comment .actions {
    display: none;
    position: absolute;
    top: 16px;
    right: 16px; }
    .review-comment .actions .btn {
      padding: 6px 12px;
      color: #666;
      font-size: 10px; }
  .review-comment .input-area {
    display: none;
    margin-top: 8px; }
    .review-comment .input-area textarea {
      width: 100%;
      height: 30px;
      border-color: #ccc;
      font-size: 12px;
      resize: none; }
    .review-comment .input-area .buttons {
      margin-top: 16px;
      font-size: 12px;
      text-align: right; }
      .review-comment .input-area .buttons .btn {
        margin-left: 8px;
        padding: 6px 12px;
        font-size: 12px;
        line-height: 1; }
        .review-comment .input-area .buttons .btn.save {
          color: #a2cf6e; }
        .review-comment .input-area .buttons .btn.cancel {
          color: #666; }

.content-editor .np-heading, .content-editor .np-lead, .content-editor .np-quote, .content-editor .np-quote-small, .content-editor .np-text {
  min-height: 1.6em;
  margin: 20px 32px;
  letter-spacing: .07em;
  line-height: 1.6; }

.content-editor .np-title {
  margin-top: 20px;
  font-size: 1.8em; }

.content-editor .np-published {
  color: #999; }

.content-editor .np-heading {
  color: #221f20;
  font-size: 1.6em;
  font-weight: 600; }

.content-editor .np-image {
  margin: 20px 32px; }
  .content-editor .np-image img {
    width: 100%;
    transition: .3s;
    cursor: pointer; }
    .content-editor .np-image img:hover {
      opacity: .8; }
  .content-editor .np-image .caption-switch {
    margin-top: 6px;
    float: right;
    cursor: pointer; }
    .content-editor .np-image .caption-switch .icon {
      color: #999;
      font-size: 18px; }
    .content-editor .np-image .caption-switch .off {
      display: none; }
    .content-editor .np-image .caption-switch.off .on {
      display: none; }
    .content-editor .np-image .caption-switch.off .off {
      display: block; }
  .content-editor .np-image .np-caption {
    margin-top: 8px;
    margin-right: 20px;
    color: #999;
    font-size: 12px; }
    .content-editor .np-image .np-caption[data-hide='true'] {
      color: #eee; }
  .content-editor .np-image::after {
    display: block;
    clear: both;
    content: ''; }
  .content-editor .np-image.missing {
    height: 160px; }
    .content-editor .np-image.missing img,
    .content-editor .np-image.missing .np-caption,
    .content-editor .np-image.missing .caption-switch {
      display: none; }
  .content-editor .np-image .notfound .icon {
    margin-top: 32px;
    line-height: 1; }
    .content-editor .np-image .notfound .icon .material-icons {
      font-size: 48px; }
  .content-editor .np-image .notfound .title {
    margin-top: 16px; }
  .content-editor .np-image .edit-menu {
    margin-left: -68px; }
    .content-editor .np-image .edit-menu.resize .default-menu {
      display: none; }
    .content-editor .np-image .edit-menu.resize .resize-menu {
      display: block; }
  .content-editor .np-image .resize-item {
    width: 24px;
    height: 24px;
    float: left; }
    .content-editor .np-image .resize-item:last-child {
      margin-right: 0; }
    .content-editor .np-image .resize-item:hover .block {
      opacity: .4; }
    .content-editor .np-image .resize-item:hover::before, .content-editor .np-image .resize-item:hover::after {
      opacity: .4; }
    .content-editor .np-image .resize-item .block {
      height: 14px;
      transition: .3s;
      background-color: #fff; }
    .content-editor .np-image .resize-item::before, .content-editor .np-image .resize-item::after {
      display: block;
      width: 100%;
      height: 2px;
      transition: .3s;
      background: #fff;
      content: ''; }
    .content-editor .np-image .resize-item::before {
      margin-bottom: 3px; }
    .content-editor .np-image .resize-item::after {
      margin-top: 3px; }
    .content-editor .np-image .resize-item.natural .block {
      width: 12px;
      margin: auto; }
    .content-editor .np-image .resize-item.fill::before, .content-editor .np-image .resize-item.fill::after {
      width: 12px;
      margin-right: auto;
      margin-left: auto; }
    .content-editor .np-image .resize-item.fill-all .block {
      height: 24px; }
    .content-editor .np-image .resize-item.fill-all::before, .content-editor .np-image .resize-item.fill-all::after {
      display: none; }
  .content-editor .np-image .resize-menu {
    display: none; }
    .content-editor .np-image .resize-menu .text {
      right: -180px !important;
      left: -180px !important;
      line-height: 1.6 !important; }
  .content-editor .np-image .insert {
    display: none;
    position: absolute;
    left: 50%;
    margin-left: -1.5em;
    transition: .3s;
    cursor: pointer;
    opacity: .64; }
    .content-editor .np-image .insert:hover {
      opacity: 1; }
    .content-editor .np-image .insert .material-icons {
      border-radius: 32px;
      background: #a2cf6e;
      color: #fff; }
    .content-editor .np-image .insert.before {
      top: -20px; }
    .content-editor .np-image .insert.after {
      bottom: -8px; }
  .content-editor .np-image:hover .insert {
    display: block; }
  .content-editor .np-image.natural {
    text-align: center; }
    .content-editor .np-image.natural .img-content-wrapper {
      display: inline-block; }
    .content-editor .np-image.natural .np-caption {
      text-align: left; }
    .content-editor .np-image.natural img {
      display: block;
      width: auto;
      max-width: 100%;
      margin-right: auto;
      margin-left: auto; }
  .content-editor .np-image.fill {
    margin-right: 0;
    margin-left: 0; }
    .content-editor .np-image.fill .np-caption {
      margin-right: 32px;
      margin-left: 32px; }
  .content-editor .np-image.fill-all {
    margin: 0; }
    .content-editor .np-image.fill-all .np-caption,
    .content-editor .np-image.fill-all .caption-switch {
      display: none; }

.content-editor .np-lead {
  padding: 8px;
  background: #f0f0f0; }

.content-editor .np-quote {
  position: relative;
  padding: 35px 25px 18px;
  background-color: #f0f0f0;
  font-size: 16px;
  line-height: 2; }
  .content-editor .np-quote::before {
    display: inline-block;
    position: absolute;
    top: 12px;
    left: 12px;
    width: 1.5em;
    height: 1.5em;
    background: url(/assets/images/quote-large.svg) no-repeat;
    background-size: contain;
    content: ''; }

.content-editor .np-quote-small {
  padding: 5px 25px;
  border-left: 3px solid #222439; }

.content-editor .np-leaflet {
  margin: 0 32px 20px;
  padding: 32px;
  font-size: 16px;
  box-shadow: 0 1px 3px 1px #ccc;
  cursor: pointer; }
  .content-editor .np-leaflet [class^='leaflet-'] {
    pointer-events: none; }
  .content-editor .np-leaflet .leaflet-item-head::after {
    display: block;
    clear: both;
    content: ''; }
  .content-editor .np-leaflet .leaflet-item-icon {
    width: 40px;
    height: 40px;
    margin-right: 16px;
    float: left;
    border: 1px solid #d9d9d9;
    background-size: contain; }
  .content-editor .np-leaflet .leaflet-item-title {
    display: table-cell;
    height: 40px;
    padding-right: 1em;
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
    vertical-align: middle; }
  .content-editor .np-leaflet .description-switch {
    margin-top: 38px;
    padding: 0 8px;
    float: right; }
    .content-editor .np-leaflet .description-switch i {
      color: #999;
      font-size: 18px; }
    .content-editor .np-leaflet .description-switch .down {
      display: initial; }
    .content-editor .np-leaflet .description-switch .up {
      display: none; }
    .content-editor .np-leaflet .description-switch.expand .down {
      display: none; }
    .content-editor .np-leaflet .description-switch.expand .up {
      display: initial; }
  .content-editor .np-leaflet .leaflet-item-description {
    max-height: 48px;
    margin: 24px 0;
    overflow: hidden; }
    .content-editor .np-leaflet .leaflet-item-description.expand {
      max-height: initial;
      max-height: auto;
      overflow: auto; }
  .content-editor .np-leaflet .leaflet-item-requirement {
    padding: 20px 0;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9; }
    .content-editor .np-leaflet .leaflet-item-requirement table td,
    .content-editor .np-leaflet .leaflet-item-requirement table th {
      padding: 4px 0;
      vertical-align: top; }
    .content-editor .np-leaflet .leaflet-item-requirement table th {
      width: 60px;
      font-weight: normal;
      text-align: left; }
  .content-editor .np-leaflet .leaflet-application-btn {
    margin-top: 32px;
    padding: 10px 0;
    border: 1px solid #54ab23;
    border-radius: 2px;
    color: #54ab23;
    font-size: 14px;
    text-align: center; }
  .content-editor .np-leaflet .mask {
    height: 100%; }
  .content-editor .np-leaflet .action-menu {
    position: absolute;
    top: 12px;
    right: 12px;
    background-color: #fff; }

.content-editor .np-article-block {
  margin: 20px 32px; }
  .content-editor .np-article-block a {
    display: table;
    width: 100%;
    padding: 0;
    border-radius: 2px;
    background: #fff;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.12); }
    .content-editor .np-article-block a .image {
      display: table-cell;
      width: 240px; }
      .content-editor .np-article-block a .image img {
        max-width: 100%; }
      .content-editor .np-article-block a .image.no-image::before {
        display: block;
        height: 160px;
        padding-top: 72px;
        background: #999;
        color: #fff;
        line-height: 1;
        text-align: center;
        content: 'No Image'; }
      .content-editor .np-article-block a .image.no-image img {
        display: none; }
    .content-editor .np-article-block a .article-info {
      display: table-cell;
      padding: 16px;
      vertical-align: middle; }
      .content-editor .np-article-block a .article-info .title {
        color: #222;
        font-size: 14px;
        font-weight: bold;
        line-height: 24px; }
      .content-editor .np-article-block a .article-info .publish-info {
        display: flex;
        color: #90939a;
        font-size: 12px;
        font-weight: normal;
        letter-spacing: -.3px;
        line-height: 24px; }
        .content-editor .np-article-block a .article-info .publish-info .publisher {
          margin-right: 8px; }

.content-editor .np-toc {
  margin: 20px 32px; }
  .content-editor .np-toc .toc-content {
    position: relative;
    padding: 32px;
    z-index: 1; }
  .content-editor .np-toc .toc-title,
  .content-editor .np-toc .toc-description {
    color: #fff;
    text-align: center; }
  .content-editor .np-toc .toc-title {
    margin: 8px 0;
    font-size: 24px; }
  .content-editor .np-toc .toc-description {
    font-size: 12px; }
  .content-editor .np-toc ol {
    margin: 32px 0 0;
    padding: 0;
    color: #fff;
    list-style: none;
    counter-reset: toc-index; }
    .content-editor .np-toc ol.has-trailer {
      counter-reset: toc-index -1; }
    .content-editor .np-toc ol li {
      margin-bottom: 16px; }
      .content-editor .np-toc ol li::before {
        margin-top: -1px;
        margin-right: 16px;
        padding: 4px 8px;
        float: left;
        border: 1px solid #ccc;
        color: #ccc;
        font-size: 12px;
        line-height: 1;
        content: counters(toc-index, ".", decimal-leading-zero);
        counter-increment: toc-index; }
    .content-editor .np-toc ol a,
    .content-editor .np-toc ol span {
      display: table-cell;
      color: #fff; }
  .content-editor .np-toc .toc-cover {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
    .content-editor .np-toc .toc-cover::after {
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background-color: rgba(0, 0, 0, 0.72);
      content: ''; }
    .content-editor .np-toc .toc-cover .cover-image {
      width: 100%;
      height: 100%;
      background-position: center;
      background-size: cover; }

.content-editor .np-border {
  height: 22px;
  margin: 20px 32px;
  background-image: linear-gradient(to right, #f0f0f0, #f0f0f0 4px, transparent 4px, transparent 7px);
  background-repeat: repeat-x;
  background-position: center;
  background-size: 7px 2px; }

.content-editor .embedded[data-embedded-size='fill'] {
  margin-right: 0;
  margin-left: 0; }

.content-editor .embedded .mask-container {
  pointer-events: none; }
  .content-editor .embedded .mask-container .mask {
    margin: auto;
    background: #fff;
    opacity: .05;
    pointer-events: auto; }

.content-editor .embedded .edit-menu.resize .default-menu {
  display: none; }

.content-editor .embedded .edit-menu.resize .resize-menu {
  display: block; }

.content-editor .embedded .resize-item {
  width: 24px;
  height: 24px;
  float: left; }
  .content-editor .embedded .resize-item:last-child {
    margin-right: 0; }
  .content-editor .embedded .resize-item:hover .block {
    opacity: .4; }
  .content-editor .embedded .resize-item:hover::before, .content-editor .embedded .resize-item:hover::after {
    opacity: .4; }
  .content-editor .embedded .resize-item .block {
    height: 14px;
    transition: .3s;
    background-color: #fff; }
  .content-editor .embedded .resize-item::before, .content-editor .embedded .resize-item::after {
    display: block;
    width: 100%;
    height: 2px;
    transition: .3s;
    background: #fff;
    content: ''; }
  .content-editor .embedded .resize-item::before {
    margin-bottom: 3px; }
  .content-editor .embedded .resize-item::after {
    margin-top: 3px; }
  .content-editor .embedded .resize-item.fill::before, .content-editor .embedded .resize-item.fill::after {
    width: 12px;
    margin-right: auto;
    margin-left: auto; }

.content-editor .embedded .resize-menu {
  display: none; }
  .content-editor .embedded .resize-menu .text {
    right: -180px !important;
    left: -180px !important;
    line-height: 1.6 !important; }

.content-editor .np-tweet {
  text-align: center; }
  .content-editor .np-tweet .embed-container {
    margin: auto; }

.content-editor .np-instagram .embed-container {
  margin: auto; }

.content-editor .np-youtube {
  text-align: center; }

.content-editor .np-brightcove {
  text-align: center; }

.brightcove-container {
  height: 370px; }

.brightcove-preview {
  height: 280px; }

.content-editor .np-action-link {
  background: #fff;
  box-shadow: 0 1px 3px 1px #ccc; }
  .content-editor .np-action-link .upper {
    -webkit-box-shadow: #ccc 0 1px 0 0;
    box-shadow: #ccc 0 1px 0 0;
    margin: 0;
    padding: 10px; }
  .content-editor .np-action-link .lower {
    margin: 0;
    padding: 10px;
    color: #03a9f4; }

.content-editor .np-heading-index {
  margin: 20px 32px;
  border: 1px solid #ccc;
  border-radius: 2px;
  background: #fff;
  box-sizing: border-box; }
  .content-editor .np-heading-index .embed-container {
    margin-left: 14px; }
    .content-editor .np-heading-index .embed-container .index-header {
      display: flex;
      margin-top: 24px;
      margin-bottom: 16px; }
      .content-editor .np-heading-index .embed-container .index-header .title-triangle.open {
        width: 8px;
        height: 8px;
        transform: rotate(45deg);
        background: linear-gradient(135deg, #fff 0%, #fff 50%, #222 50%, #222 100%); }
      .content-editor .np-heading-index .embed-container .index-header .index-title {
        margin-left: 14px;
        color: #222;
        font-size: 18px;
        font-style: normal;
        font-weight: bold;
        line-height: 100%; }
    .content-editor .np-heading-index .embed-container ul {
      padding: 0;
      list-style-type: none; }
    .content-editor .np-heading-index .embed-container li {
      margin: 0 14px;
      border-bottom: 1px solid #e0e0e0;
      line-height: 226%; }

.content-editor .html-list {
  margin: 20px 32px;
  padding: 0 0 0 22px;
  background-color: #f2f2f2;
  letter-spacing: .07em;
  line-height: 1.6; }
  .content-editor .html-list li {
    margin: 16px 0; }

.content-editor .np-external-link a {
  display: table;
  width: 100%;
  padding: 0;
  border-radius: 2px;
  background: #fff;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.12); }
  .content-editor .np-external-link a .np-embed-content .np-embed-image {
    display: table-cell;
    width: 240px; }
    .content-editor .np-external-link a .np-embed-content .np-embed-image img {
      max-width: 100%; }
  .content-editor .np-external-link a .np-embed-content .np-embed-title h2 {
    margin-top: 0;
    color: #000;
    font-size: 20px;
    font-weight: 700; }
  .content-editor .np-external-link a .np-embed-content .np-embed-info {
    display: table-cell;
    padding: 16px;
    vertical-align: middle; }
    .content-editor .np-external-link a .np-embed-content .np-embed-info .np-embed-title {
      color: #222;
      font-size: 14px;
      font-weight: bold;
      line-height: 24px; }
    .content-editor .np-external-link a .np-embed-content .np-embed-info .np-embed-published-info {
      display: flex;
      color: #838383;
      font-size: 12px;
      font-weight: normal;
      letter-spacing: -.3px;
      line-height: 24px; }
      .content-editor .np-external-link a .np-embed-content .np-embed-info .np-embed-published-info .np-embed-publisher {
        margin-right: 8px; }
  .content-editor .np-external-link a .np-embed-content .np-embed-description {
    color: #000;
    font-size: 14px;
    font-weight: 400; }
  .content-editor .np-external-link a .np-embed-content .np-embed-footer {
    height: 20px;
    color: #000; }
    .content-editor .np-external-link a .np-embed-content .np-embed-footer img {
      height: 100%;
      padding-right: 5px; }

.content-editor .np-spotify .embed-container {
  margin: auto; }

.content-editor [class^='np-'] {
  position: relative;
  outline: 0; }
  .content-editor [class^='np-'][data-placeholder]:empty::before, .content-editor [class^='np-'][data-placeholder]:empty::after {
    display: block;
    color: #ccc;
    content: attr(data-placeholder); }
  .content-editor [class^='np-'][data-placeholder]:empty::after {
    display: none; }
  .content-editor [class^='np-'][data-placeholder]:empty.dragover.insert-before::after {
    display: block; }
  .content-editor [class^='np-'][data-placeholder]:empty:focus::before, .content-editor [class^='np-'][data-placeholder]:empty:focus::after {
    display: none; }
  .content-editor [class^='np-'].dragging {
    opacity: .7; }
  .content-editor [class^='np-'] a {
    cursor: pointer; }
  .content-editor [class^='np-'].mark-for-edit-change-target::before {
    display: block !important;
    margin-bottom: 16px;
    padding: 8px;
    border: 1px dashed #999;
    color: #999 !important;
    text-align: center;
    content: '\633F\5165\4F4D\7F6E\3092\3053\3053\306B\5909\66F4\3059\308B' !important;
    cursor: pointer; }
  .content-editor [class^='np-'].mark-for-edit-insert-target::before {
    display: block !important;
    padding: 8px;
    border: 1px solid #eee;
    background-color: #eee;
    color: #666 !important;
    text-align: center;
    content: '\3053\306E\4F4D\7F6E\306B\9078\629E\3057\305F\30B3\30F3\30C6\30F3\30C4\3092\633F\5165\3059\308B' !important; }
  .content-editor [class^='np-'] [data-comment-key] {
    font-style: normal; }

.content-editor.with-comment [data-comment-key] {
  background-color: #fff0b4; }
  .content-editor.with-comment [data-comment-key].selected {
    background-color: #ffe319; }

.content-editor .np-title,
.content-editor .np-published,
.content-editor .np-tweet,
.content-editor .np-instagram,
.content-editor .np-youtube,
.content-editor .np-vimeo,
.content-editor .np-brightcove,
.content-editor .np-action-link,
.content-editor .np-toc,
.content-editor .np-external-link,
.content-editor .np-datawrapper,
.content-editor .np-spotify {
  margin: 10px 32px; }

.content-editor .notfound {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #eee;
  text-align: center;
  z-index: 10; }

.content-editor .missing .notfound {
  display: block; }

.content-editor .np-image .mask,
.content-editor .np-leaflet .mask,
.content-editor .np-pdf .mask {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: #a2cf6e;
  opacity: .4;
  pointer-events: none; }

.content-editor .np-image .btn,
.content-editor .np-leaflet .btn,
.content-editor .np-pdf .btn {
  display: none;
  position: absolute;
  top: 12px;
  padding: 6px 12px;
  background: #fff;
  color: #999;
  font-size: 12px;
  line-height: 12px; }
  .content-editor .np-image .btn:hover,
  .content-editor .np-leaflet .btn:hover,
  .content-editor .np-pdf .btn:hover {
    background: #eee; }

.content-editor .np-image .link,
.content-editor .np-leaflet .link,
.content-editor .np-pdf .link {
  left: 12px;
  padding: 2px 12px; }
  .content-editor .np-image .link .material-icons,
  .content-editor .np-leaflet .link .material-icons,
  .content-editor .np-pdf .link .material-icons {
    font-size: 18px; }
  .content-editor .np-image .link.linked,
  .content-editor .np-leaflet .link.linked,
  .content-editor .np-pdf .link.linked {
    display: block; }
    .content-editor .np-image .link.linked .material-icons,
    .content-editor .np-leaflet .link.linked .material-icons,
    .content-editor .np-pdf .link.linked .material-icons {
      color: #03a9f4; }

.content-editor .np-image .delete,
.content-editor .np-leaflet .delete,
.content-editor .np-pdf .delete {
  right: 12px; }

.content-editor .np-image .edit,
.content-editor .np-leaflet .edit,
.content-editor .np-pdf .edit {
  left: 12px; }

.content-editor .np-image.selected .mask,
.content-editor .np-leaflet.selected .mask,
.content-editor .np-pdf.selected .mask {
  display: block; }

.content-editor .np-image.selected .delete,
.content-editor .np-image.selected .link,
.content-editor .np-image.selected .edit,
.content-editor .np-leaflet.selected .delete,
.content-editor .np-leaflet.selected .link,
.content-editor .np-leaflet.selected .edit,
.content-editor .np-pdf.selected .delete,
.content-editor .np-pdf.selected .link,
.content-editor .np-pdf.selected .edit {
  display: block; }

.content-editor .np-image .np-iframe-wrapper,
.content-editor .np-leaflet .np-iframe-wrapper,
.content-editor .np-pdf .np-iframe-wrapper {
  width: 100%;
  height: 600px;
  margin: 31px 0 0;
  overflow: hidden; }
  .content-editor .np-image .np-iframe-wrapper iframe,
  .content-editor .np-leaflet .np-iframe-wrapper iframe,
  .content-editor .np-pdf .np-iframe-wrapper iframe {
    width: 100%;
    height: 100%; }

.content-editor .np-image .mask-container .dummy,
.content-editor .np-leaflet .mask-container .dummy,
.content-editor .np-pdf .mask-container .dummy {
  width: 100%;
  height: 100%; }

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

.content-editor .align-center {
  text-align: center; }

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

.content-editor .dragover.insert-before::before,
.content-editor .dragover.insert-after::after {
  display: block !important;
  padding: 8px 0;
  border: 1px dashed #a2cf6e;
  border-radius: 3px;
  color: #a2cf6e !important;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  content: '\3053\3053\306B\8FFD\52A0' !important;
  pointer-events: none; }

.content-editor .dragover.insert-before::before {
  margin-bottom: 4px; }

.content-editor .dragover.insert-after::after {
  margin-top: 4px; }

.content-editor .linked {
  position: absolute;
  top: 12px;
  left: 12px;
  padding: 1px 12px 2px;
  border: 1px solid transparent;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.7); }
  .content-editor .linked .material-icons {
    color: #03a9f4;
    font-size: 18px;
    vertical-align: -.25em; }

.content-editor .insert-leaflet {
  margin: 32px;
  padding: 32px;
  border: 1px solid #eee;
  color: #999;
  cursor: pointer; }
  .content-editor .insert-leaflet:hover {
    box-shadow: 0 0 3px 2px #eee; }
  .content-editor .insert-leaflet .circle-icon {
    display: table-cell;
    width: 56px;
    height: 56px;
    border-radius: 28px;
    background: #eee;
    line-height: 1;
    text-align: center;
    vertical-align: middle; }
  .content-editor .insert-leaflet .message {
    display: table-cell;
    height: 56px;
    padding-left: 16px;
    font-size: 16px;
    line-height: 1;
    vertical-align: middle; }

.content-editor .leaflet {
  margin: 0 32px;
  padding: 40px 0;
  border-top: 1px solid #ccc; }
  .content-editor .leaflet h2 {
    margin: 0;
    color: #999;
    font-size: 20px;
    font-weight: 700; }
  .content-editor .leaflet .action-link {
    float: right; }
    .content-editor .leaflet .action-link a {
      color: #a2cf6e; }
    .content-editor .leaflet .action-link span {
      margin: 0 16px;
      border-right: 1px solid #eee; }

.content-editor .mask-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }
  .content-editor .mask-container .mask {
    width: 100%;
    height: 100%; }

.content-editor .edit-menu {
  -moz-filter: drop-shadow(0 0 4px #ccc);
  -webkit-filter: drop-shadow(0 0 4px #ccc);
  filter: drop-shadow(0 0 4px #ccc);
  display: none;
  position: absolute;
  top: -64px;
  left: 50%;
  margin-left: -32px;
  padding: 16px;
  transition: .3s;
  border-radius: 5px;
  background: #a2cf6e;
  line-height: 1;
  cursor: pointer; }
  .content-editor .edit-menu .menu-item {
    position: relative;
    margin-right: 16px;
    float: left;
    transition: .3s;
    color: #fff; }
    .content-editor .edit-menu .menu-item .text {
      display: none;
      position: absolute;
      top: 32px;
      right: -30px;
      left: -30px;
      padding: 4px 12px;
      border-radius: 4px;
      background: rgba(0, 0, 0, 0.5);
      color: #fff;
      font-size: 12px;
      line-height: 1;
      text-align: center;
      z-index: 1; }
      .content-editor .edit-menu .menu-item .text.wide-text {
        right: -45px;
        left: -45px; }
    .content-editor .edit-menu .menu-item:last-child {
      margin-right: 0; }
    .content-editor .edit-menu .menu-item:hover .icon {
      opacity: .4; }
    .content-editor .edit-menu .menu-item:hover .text {
      display: block; }
  .content-editor .edit-menu::after {
    display: block;
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -10px;
    border-top: 10px solid #a2cf6e;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    content: ''; }

.content-editor .selected .edit-menu {
  display: block; }

.content-editor .selected .mask-container .mask {
  background: #a2cf6e;
  opacity: .3; }

.content-editor .selection {
  padding: 4px;
  background: #d3e7fb; }

.widget-tools-body .buttons {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 16px;
  background: #fff;
  text-align: right;
  box-shadow: 0 -2px 4px #ccc; }

.widget-tools-body .draggable {
  cursor: -moz-grab;
  cursor: -webkit-grab;
  cursor: grab; }
  .widget-tools-body .draggable:active {
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
    cursor: grabbing; }
  .widget-tools-body .draggable:hover .mask, .widget-tools-body .draggable.selected .mask {
    display: block; }
  .widget-tools-body .draggable.selected .block {
    border: 3px solid #a2cf6e; }
  .widget-tools-body .draggable.selected .description {
    display: block; }

.widget-tools-body .block-wrapper {
  float: left;
  text-align: center; }
  .widget-tools-body .block-wrapper .block {
    position: relative;
    width: 114px;
    height: 114px;
    border: 3px solid #fff;
    background: #f2f2f2; }
  .widget-tools-body .block-wrapper .description {
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    display: none;
    position: absolute;
    top: 50%;
    width: 100%;
    margin-top: -.5em;
    color: #fff;
    font-size: .9em;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 1em; }
  .widget-tools-body .block-wrapper .mask {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .32; }

.widget-tools-body .search-container {
  display: table;
  width: 100%;
  margin-bottom: 4px;
  box-shadow: 0 1px 4px #ccc;
  z-index: 1; }
  .widget-tools-body .search-container .dropdown-choice {
    display: table-cell;
    width: 56px;
    margin: 8px 0;
    border-right: 1px solid #d9d9d9;
    color: #999;
    font-size: 12px;
    vertical-align: middle; }
    .widget-tools-body .search-container .dropdown-choice .dropdown-toggle {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      max-width: 104px;
      padding: 0 8px;
      padding-right: 24px;
      border: 0;
      background: transparent;
      font-size: 10px; }
  .widget-tools-body .search-container .search-title {
    display: table-cell;
    position: relative;
    width: 100%;
    height: 34px;
    border: 0;
    vertical-align: middle; }
    .widget-tools-body .search-container .search-title input {
      width: 100%;
      height: 34px;
      float: left;
      border: 0;
      outline: none;
      font-size: 12px;
      box-shadow: none; }

.widget-tools-body .empty-list {
  margin: 32px 0;
  text-align: center; }

.editor-tool-container.tools-image {
  position: relative;
  height: 100%; }
  .editor-tool-container.tools-image .blocks {
    height: calc(100% - 108px);
    overflow: auto; }
  .editor-tool-container.tools-image .block-wrapper .image,
  .editor-tool-container.tools-image .block-wrapper label {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain; }
  .editor-tool-container.tools-image .block-wrapper .open-detail {
    display: none;
    position: absolute;
    right: 0;
    bottom: 0;
    transition: .3s opacity;
    color: #fff;
    cursor: pointer; }
    .editor-tool-container.tools-image .block-wrapper .open-detail:hover {
      opacity: .72; }
  .editor-tool-container.tools-image .block-wrapper:hover .open-detail {
    display: block; }
  .editor-tool-container.tools-image .add label {
    padding: 8px;
    font-weight: normal;
    cursor: pointer; }
  .editor-tool-container.tools-image .add .icon .material-icons {
    font-size: 64px; }
  .editor-tool-container.tools-image .add .text {
    font-size: 12px;
    line-height: 1; }
  .editor-tool-container.tools-image .add:hover {
    background: #a2cf6e;
    color: #fff; }
    .editor-tool-container.tools-image .add:hover .text {
      display: block; }

.editor-tool-container.tools-phrase .phrase-container {
  padding: 16px; }
  .editor-tool-container.tools-phrase .phrase-container .phrase {
    margin-bottom: 16px;
    padding: 16px;
    background: #fff; }
    .editor-tool-container.tools-phrase .phrase-container .phrase .publisher {
      margin-top: 4px;
      color: #999;
      font-size: 12px; }

.editor-tool-container.tools-article {
  height: 100%;
  overflow-y: hidden; }
  .editor-tool-container.tools-article .article-container {
    height: calc(100% - 102px);
    padding: 16px;
    transition: height 1.2s;
    overflow-y: auto; }
    .editor-tool-container.tools-article .article-container .article {
      margin-bottom: 16px;
      padding: 16px;
      border: 1px solid #d9d9d9;
      background: #fff; }
      .editor-tool-container.tools-article .article-container .article.selected {
        border-color: #a2cf6e; }
      .editor-tool-container.tools-article .article-container .article:hover {
        box-shadow: 0 0 8px -2px #ccc; }
      .editor-tool-container.tools-article .article-container .article .title,
      .editor-tool-container.tools-article .article-container .article .publisher {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden; }
      .editor-tool-container.tools-article .article-container .article .publisher {
        min-height: 16px;
        margin-top: 4px;
        color: #999;
        font-size: 12px; }
      .editor-tool-container.tools-article .article-container .article .eyecatch {
        width: 100px;
        height: 40px;
        margin-right: 16px;
        float: left;
        background-color: #eee;
        background-position: center;
        background-size: contain; }
        .editor-tool-container.tools-article .article-container .article .eyecatch.empty::before {
          display: block;
          margin-top: 12px;
          color: #999;
          font-size: 12px;
          text-align: center;
          content: 'No Image'; }
      .editor-tool-container.tools-article .article-container .article::after {
        display: block;
        clear: both;
        content: ''; }

.editor-tool-container.tools-leaflet .leaflet-container {
  padding: 16px; }

.editor-tool-container.tools-leaflet .leaflet {
  padding: 8px;
  background: #fff; }
  .editor-tool-container.tools-leaflet .leaflet .title {
    font-size: 16px; }
  .editor-tool-container.tools-leaflet .leaflet .description {
    max-height: 2.8em;
    margin-top: 4px;
    color: #999;
    font-size: 12px;
    line-height: 1.4em;
    overflow: hidden; }

.editor-tool-container.tools-embedded {
  position: relative;
  height: 100%; }
  .editor-tool-container.tools-embedded .input-area {
    padding: 16px; }
    .editor-tool-container.tools-embedded .input-area input {
      margin-top: 8px; }
      .editor-tool-container.tools-embedded .input-area input.datepicker {
        width: 100%; }
    .editor-tool-container.tools-embedded .input-area label {
      display: block;
      position: relative;
      padding-left: 1em; }
      .editor-tool-container.tools-embedded .input-area label [type='checkbox'] {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        margin: auto; }
  .editor-tool-container.tools-embedded .preview {
    padding: 16px;
    border-top: 1px solid #d9d9d9; }
    .editor-tool-container.tools-embedded .preview .edit-menu {
      display: none; }
    .editor-tool-container.tools-embedded .preview .preview-wrapper {
      margin-top: 16px; }
      .editor-tool-container.tools-embedded .preview .preview-wrapper .np-action-link {
        background: #fff;
        box-shadow: 0 1px 3px 1px #ccc; }
        .editor-tool-container.tools-embedded .preview .preview-wrapper .np-action-link .upper {
          -webkit-box-shadow: #ccc 0 1px 0 0;
          box-shadow: #ccc 0 1px 0 0;
          margin: 0;
          padding: 10px; }
        .editor-tool-container.tools-embedded .preview .preview-wrapper .np-action-link .lower {
          margin: 0;
          padding: 10px;
          color: #03a9f4; }
      .editor-tool-container.tools-embedded .preview .preview-wrapper a .np-embed-content {
        display: block;
        padding: 0;
        border-radius: 2px;
        background: #fff;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.12); }
        .editor-tool-container.tools-embedded .preview .preview-wrapper a .np-embed-content .np-embed-image img {
          width: 100%; }
        .editor-tool-container.tools-embedded .preview .preview-wrapper a .np-embed-content .np-embed-info {
          padding: 16px; }
          .editor-tool-container.tools-embedded .preview .preview-wrapper a .np-embed-content .np-embed-info .np-embed-title {
            color: #222;
            font-size: 14px;
            font-weight: bold;
            line-height: 24px; }
          .editor-tool-container.tools-embedded .preview .preview-wrapper a .np-embed-content .np-embed-info .np-embed-published-info {
            display: flex;
            color: #838383;
            font-size: 12px;
            font-weight: normal;
            letter-spacing: -.3px;
            line-height: 24px; }
            .editor-tool-container.tools-embedded .preview .preview-wrapper a .np-embed-content .np-embed-info .np-embed-published-info .np-embed-publisher {
              margin-right: 8px; }
  .editor-tool-container.tools-embedded .embedded-menu {
    position: relative;
    box-shadow: 0 2px 4px #ccc; }
  .editor-tool-container.tools-embedded .embedde-content {
    height: calc(100% - 112px);
    background-color: #f9f9f9;
    overflow-y: auto; }
    .editor-tool-container.tools-embedded .embedde-content .title {
      color: #999; }
      .editor-tool-container.tools-embedded .embedde-content .title.not-first {
        margin-top: 16px; }
    .editor-tool-container.tools-embedded .embedde-content label {
      margin-top: 8px;
      font-weight: normal; }
  .editor-tool-container.tools-embedded .buttons {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 16px;
    background: #fff;
    text-align: right;
    box-shadow: 0 -2px 4px #ccc; }
  .editor-tool-container.tools-embedded .type-selector {
    padding: 7px; }
  .editor-tool-container.tools-embedded .dropdown-choice .dropdown-toggle {
    width: 100%;
    border: 1px solid #d9d9d9; }
  .editor-tool-container.tools-embedded .dropdown-choice .dropdown-menu {
    width: 100%; }
  .editor-tool-container.tools-embedded .tabs {
    display: table;
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 12px;
    list-style: none;
    table-layout: fixed;
    z-index: 1; }
    .editor-tool-container.tools-embedded .tabs li {
      display: table-cell;
      padding: 12px 0 8px;
      transition: .2s;
      border-bottom: 4px transparent solid;
      line-height: 1;
      text-align: center;
      cursor: pointer; }
      .editor-tool-container.tools-embedded .tabs li .help {
        margin-left: 1px; }
        .editor-tool-container.tools-embedded .tabs li .help .message {
          right: auto;
          font-weight: normal; }
    .editor-tool-container.tools-embedded .tabs .selected {
      border-bottom-color: #a2cf6e;
      font-weight: 700; }

.editor-tool-container.tools-book {
  position: relative;
  height: 100%; }
  .editor-tool-container.tools-book .book-list {
    height: calc(100% - 108px);
    padding: 16px;
    overflow-y: auto; }
  .editor-tool-container.tools-book .book {
    margin-bottom: 16px;
    padding: 16px;
    border: 1px solid #d9d9d9;
    background: #fff; }
    .editor-tool-container.tools-book .book .eyecatch {
      width: 100px;
      height: 40px;
      margin-right: 16px;
      float: left;
      background-position: center;
      background-size: cover; }
      .editor-tool-container.tools-book .book .eyecatch.noimage::before {
        display: block;
        height: 100%;
        padding-top: 12px;
        background: #eee;
        color: #999;
        line-height: 1;
        text-align: center;
        content: 'No Image'; }
    .editor-tool-container.tools-book .book .title {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      margin-bottom: 4px; }
    .editor-tool-container.tools-book .book .caption {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      color: #999;
      font-size: 12px; }
    .editor-tool-container.tools-book .book:hover {
      box-shadow: 0 0 8px -2px #ccc; }
    .editor-tool-container.tools-book .book[draggable='true'] {
      cursor: -moz-grab;
      cursor: -webkit-grab;
      cursor: grab; }
      .editor-tool-container.tools-book .book[draggable='true']:active {
        cursor: -moz-grabbing;
        cursor: -webkit-grabbing;
        cursor: grabbing; }
    .editor-tool-container.tools-book .book.selected {
      border-color: #a2cf6e;
      background-color: #a2cf6e;
      color: #fff; }
      .editor-tool-container.tools-book .book.selected .caption,
      .editor-tool-container.tools-book .book.selected .detail {
        color: #fff; }
      .editor-tool-container.tools-book .book.selected .eyecatch.noimage::before {
        background-color: #fff;
        color: #000; }

.editor-tool-container.tools-heading-index {
  position: relative;
  height: 100%; }
  .editor-tool-container.tools-heading-index .input-area {
    padding: 16px; }
    .editor-tool-container.tools-heading-index .input-area input {
      margin-top: 8px; }
      .editor-tool-container.tools-heading-index .input-area input.datepicker {
        width: 100%; }
    .editor-tool-container.tools-heading-index .input-area label {
      display: block;
      position: relative;
      padding-left: 1em; }
      .editor-tool-container.tools-heading-index .input-area label [type='checkbox'] {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        margin: auto; }
  .editor-tool-container.tools-heading-index .embedded-menu {
    position: relative;
    box-shadow: 0 2px 4px #ccc; }
  .editor-tool-container.tools-heading-index .embedde-content {
    height: calc(100% - 112px);
    background-color: #f9f9f9;
    overflow-y: auto; }
    .editor-tool-container.tools-heading-index .embedde-content .title {
      color: #999; }
      .editor-tool-container.tools-heading-index .embedde-content .title.not-first {
        margin-top: 16px; }
    .editor-tool-container.tools-heading-index .embedde-content label {
      margin-top: 8px;
      font-weight: normal; }
  .editor-tool-container.tools-heading-index .buttons {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 16px;
    background: #fff;
    text-align: right;
    box-shadow: 0 -2px 4px #ccc; }

.editor-dialog-content.contents-setting .dialog-item .summary textarea, .editor-dialog-content.contents-setting .dialog-item .copyright-notation textarea, .editor-dialog-content.contents-setting .related-picks .pick textarea, .bulkpick-dialog-content.contents-setting .dialog-item .summary textarea, .editor-dialog-content.contents-mobile-notification .dialog-item .summary textarea, .contents-leaflet textarea {
  width: 100%;
  height: 72px;
  padding: 4px 8px;
  resize: none; }

.editor-dialog {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2000; }
  .editor-dialog .dialog-background-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .8; }
  .editor-dialog .dialog-close {
    position: fixed;
    top: 8px;
    right: 24px;
    color: #fff;
    z-index: 10; }
    .editor-dialog .dialog-close a {
      transition: .3s;
      color: inherit; }
      .editor-dialog .dialog-close a:hover, .editor-dialog .dialog-close a:active, .editor-dialog .dialog-close a:focus {
        text-decoration: none; }
      .editor-dialog .dialog-close a:hover {
        -moz-filter: drop-shadow(0 0 5px #fff);
        -webkit-filter: drop-shadow(0 0 5px #fff);
        filter: drop-shadow(0 0 5px #fff); }
  .editor-dialog .dialog-content-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 80px 0;
    overflow: auto;
    pointer-events: none; }
  .editor-dialog .dummy-iframe {
    position: absolute;
    width: 100%;
    height: 100%; }
  .editor-dialog.full .dialog-content-wrapper {
    padding: 0; }

.editor-dialog-content,
.bulkpick-dialog-content {
  pointer-events: auto; }
  .editor-dialog-content .dropdown-choice .dropdown-toggle,
  .bulkpick-dialog-content .dropdown-choice .dropdown-toggle {
    text-align: left; }
  .editor-dialog-content .list,
  .bulkpick-dialog-content .list {
    color: #ddd;
    line-height: 2; }
    .editor-dialog-content .list a,
    .bulkpick-dialog-content .list a {
      color: inherit; }
      .editor-dialog-content .list a .material-icons,
      .bulkpick-dialog-content .list a .material-icons {
        display: none;
        color: inherit;
        font-size: 14px;
        vertical-align: -.15em; }
        .editor-dialog-content .list a .material-icons.rotate,
        .bulkpick-dialog-content .list a .material-icons.rotate {
          transform: rotate(180deg); }
      .editor-dialog-content .list a:active, .editor-dialog-content .list a:focus,
      .bulkpick-dialog-content .list a:active,
      .bulkpick-dialog-content .list a:focus {
        color: inherit;
        text-decoration: none; }
    .editor-dialog-content .list:hover,
    .bulkpick-dialog-content .list:hover {
      color: #fff; }
    .editor-dialog-content .list.selected,
    .bulkpick-dialog-content .list.selected {
      color: #3ed183; }
      .editor-dialog-content .list.selected .material-icons,
      .bulkpick-dialog-content .list.selected .material-icons {
        display: inline-block; }
  .editor-dialog-content .dialog-header,
  .bulkpick-dialog-content .dialog-header {
    padding: 18px 24px 16px;
    border-bottom: 1px solid #d9d9d9;
    font-size: 16px;
    line-height: 1; }
  .editor-dialog-content .dialog-content,
  .bulkpick-dialog-content .dialog-content {
    height: calc(100% - 121px);
    overflow: auto; }
    .editor-dialog-content .dialog-content .checkbox [type='checkbox'],
    .bulkpick-dialog-content .dialog-content .checkbox [type='checkbox'] {
      margin-top: 3px;
      margin-left: 0; }
  .editor-dialog-content .dialog-footer,
  .bulkpick-dialog-content .dialog-footer {
    position: relative;
    padding: 16px 24px;
    border-top: 1px solid #d9d9d9;
    text-align: right; }
    .editor-dialog-content .dialog-footer a,
    .bulkpick-dialog-content .dialog-footer a {
      margin-left: 16px;
      color: #a2cf6e; }
    .editor-dialog-content .dialog-footer .btn,
    .bulkpick-dialog-content .dialog-footer .btn {
      color: #fff; }
      .editor-dialog-content .dialog-footer .btn.invalidate,
      .bulkpick-dialog-content .dialog-footer .btn.invalidate {
        position: absolute;
        left: 24px;
        margin-left: 0;
        padding: 8px 16px;
        background: #ff4081; }
  .editor-dialog-content .btn.save,
  .bulkpick-dialog-content .btn.save {
    padding: 8px 16px;
    background: #a2cf6e;
    color: #fff; }
  .editor-dialog-content .btn.disabled,
  .bulkpick-dialog-content .btn.disabled {
    padding: 8px 16px;
    background: #999;
    color: #fff; }
  .editor-dialog-content .dialog-item,
  .bulkpick-dialog-content .dialog-item {
    padding: 24px;
    border-bottom: 1px solid #d9d9d9; }
    .editor-dialog-content .dialog-item .item-title,
    .bulkpick-dialog-content .dialog-item .item-title {
      margin-bottom: 32px;
      color: #a2cf6e; }
      .editor-dialog-content .dialog-item .item-title::after,
      .bulkpick-dialog-content .dialog-item .item-title::after {
        display: block;
        clear: both;
        content: ''; }
    .editor-dialog-content .dialog-item .item-subtitle,
    .bulkpick-dialog-content .dialog-item .item-subtitle {
      margin-top: 24px;
      color: #999; }
    .editor-dialog-content .dialog-item .item-title .float,
    .editor-dialog-content .dialog-item .item-subtitle .float,
    .bulkpick-dialog-content .dialog-item .item-title .float,
    .bulkpick-dialog-content .dialog-item .item-subtitle .float {
      float: left; }
    .editor-dialog-content .dialog-item .input-item,
    .bulkpick-dialog-content .dialog-item .input-item {
      margin-top: 8px; }
    .editor-dialog-content .dialog-item .input-block.half,
    .bulkpick-dialog-content .dialog-item .input-block.half {
      width: 50%;
      float: left; }
    .editor-dialog-content .dialog-item .input-block .item-subtitle,
    .bulkpick-dialog-content .dialog-item .input-block .item-subtitle {
      margin-top: 0; }
    .editor-dialog-content .dialog-item::after,
    .bulkpick-dialog-content .dialog-item::after {
      display: block;
      clear: both;
      content: ''; }
    .editor-dialog-content .dialog-item:last-child,
    .bulkpick-dialog-content .dialog-item:last-child {
      border-bottom: 0; }
  .editor-dialog-content .choice-items::after,
  .bulkpick-dialog-content .choice-items::after {
    display: block;
    clear: both;
    content: ''; }
  .editor-dialog-content .choice-item.inline,
  .bulkpick-dialog-content .choice-item.inline {
    margin-right: 24px;
    float: left; }
    .editor-dialog-content .choice-item.inline label,
    .bulkpick-dialog-content .choice-item.inline label {
      margin-left: 6px;
      font-weight: normal;
      cursor: pointer; }

.editor-dialog-content.contents-history .history-menu .revert, .editor-dialog-content.contents-history .devices .btn {
  padding: 4px 12px;
  transition: .3s;
  border: 1px solid #999;
  background: #555;
  color: #fff; }
  .editor-dialog-content.contents-history .history-menu .revert:hover, .editor-dialog-content.contents-history .devices .btn:hover {
    box-shadow: 0 0 5px #999; }

.editor-dialog-content.contents-setting {
  position: relative;
  width: 560px;
  height: 100%;
  margin: auto;
  border-radius: 2px;
  background: #fff;
  box-shadow: 0 0 2px #fff;
  overflow: hidden; }
  .editor-dialog-content.contents-setting .dialog-header {
    width: 560px; }
  .editor-dialog-content.contents-setting .dialog-content {
    position: relative; }
    .editor-dialog-content.contents-setting .dialog-content.has-notice {
      height: calc(100% - 155px); }
    .editor-dialog-content.contents-setting .dialog-content.is-invalid {
      padding-bottom: 220px; }
  .editor-dialog-content.contents-setting .value {
    margin-top: 8px; }
  .editor-dialog-content.contents-setting .dialog-item .help {
    margin-left: 4px; }
    .editor-dialog-content.contents-setting .dialog-item .help.green .icon {
      color: #a2cf6e; }
  .editor-dialog-content.contents-setting .update-status .dropdown-toggle {
    color: #666; }
  .editor-dialog-content.contents-setting .annotation {
    color: #ff4081;
    font-size: 12px; }
    .editor-dialog-content.contents-setting .annotation::before {
      content: '\203B'; }
  .editor-dialog-content.contents-setting .destination-publisher {
    width: 280px; }
  .editor-dialog-content.contents-setting .related-picks .pick {
    position: relative;
    margin-bottom: 16px;
    padding-bottom: 16px; }
    .editor-dialog-content.contents-setting .related-picks .pick .comment {
      margin-top: 12px;
      color: #666; }
    .editor-dialog-content.contents-setting .related-picks .pick .not-verified-warning {
      color: #ff0505;
      font-size: 12px;
      line-height: 12px; }
    .editor-dialog-content.contents-setting .related-picks .pick textarea {
      width: 100%;
      height: 88px;
      margin-top: 16px; }
  .editor-dialog-content.contents-setting .related-picks .picks .dropdown-choice .dropdown-menu {
    max-height: 240px;
    overflow-y: scroll; }
  .editor-dialog-content.contents-setting .dropdown-toggle {
    top: calc(100% - 4px);
    border: 1px solid #d9d9d9;
    color: #999; }
    .editor-dialog-content.contents-setting .dropdown-toggle.selected {
      font-weight: normal; }
  .editor-dialog-content.contents-setting .dropdown-menu {
    left: 0;
    padding: 0; }
  .editor-dialog-content.contents-setting .dropdown-toggle,
  .editor-dialog-content.contents-setting .dropdown-item {
    width: 280px; }
    .editor-dialog-content.contents-setting .dropdown-toggle .caret,
    .editor-dialog-content.contents-setting .dropdown-item .caret {
      position: absolute;
      top: 50%;
      right: 10px; }
  .editor-dialog-content.contents-setting .search-result {
    max-height: 200px; }
  .editor-dialog-content.contents-setting .related-user .item-title {
    margin: 0; }
  .editor-dialog-content.contents-setting .related-user .not-selected {
    margin: 16px 0;
    color: #999; }
  .editor-dialog-content.contents-setting .related-user .user-container {
    position: relative;
    padding: 24px 0; }
  .editor-dialog-content.contents-setting .related-user .dropdown-choice .dropdown-menu {
    width: auto;
    min-width: 280px;
    max-width: 500px;
    max-height: 240px;
    overflow-y: scroll; }
  .editor-dialog-content.contents-setting .related-user .dropdown-choice .dropdown-item {
    width: auto; }
  .editor-dialog-content.contents-setting .post .item-title {
    margin: 0; }
  .editor-dialog-content.contents-setting .post .not-selected {
    margin: 16px 0;
    color: #999; }
  .editor-dialog-content.contents-setting .post .user-container {
    position: relative;
    padding: 24px 0; }
  .editor-dialog-content.contents-setting .post .dropdown-choice .dropdown-menu {
    width: auto;
    min-width: 280px;
    max-width: 500px;
    max-height: 240px;
    overflow-y: scroll; }
  .editor-dialog-content.contents-setting .post .dropdown-choice .dropdown-item {
    width: auto; }
  .editor-dialog-content.contents-setting .related-article .icon,
  .editor-dialog-content.contents-setting .related-article .text {
    display: table-cell;
    line-height: 1;
    vertical-align: middle; }
  .editor-dialog-content.contents-setting .related-article .icon {
    font-size: 18px; }
  .editor-dialog-content.contents-setting .related-article .text {
    padding-left: 4px; }
  .editor-dialog-content.contents-setting .related-article .selected-articles {
    display: flex;
    width: auto;
    min-height: 24px;
    margin-bottom: 16px;
    vertical-align: middle; }
    .editor-dialog-content.contents-setting .related-article .selected-articles .index {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 10%; }
    .editor-dialog-content.contents-setting .related-article .selected-articles .title-with-status {
      display: block;
      width: 70%; }
      .editor-dialog-content.contents-setting .related-article .selected-articles .title-with-status .title {
        display: flex;
        align-items: center;
        margin-right: 0; }
        .editor-dialog-content.contents-setting .related-article .selected-articles .title-with-status .title div {
          display: inline-block;
          width: 100%;
          word-wrap: break-word; }
      .editor-dialog-content.contents-setting .related-article .selected-articles .title-with-status .article-status {
        padding-top: 2px; }
    .editor-dialog-content.contents-setting .related-article .selected-articles .delete {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 20%; }
      .editor-dialog-content.contents-setting .related-article .selected-articles .delete i {
        display: none;
        color: #999;
        font-size: 18px;
        cursor: pointer; }
  .editor-dialog-content.contents-setting .related-article .selected-articles:hover .delete i {
    display: block; }
  .editor-dialog-content.contents-setting .droppable-area {
    margin-top: 16px;
    padding: 24px;
    border: 1px dashed #d9d9d9;
    color: #999;
    text-align: center; }
    .editor-dialog-content.contents-setting .droppable-area .desc {
      font-size: .8em; }
  .editor-dialog-content.contents-setting .notice {
    position: relative;
    top: auto;
    right: auto;
    padding: 8px;
    background-color: #eee;
    color: #999;
    font-size: 12px;
    text-align: center;
    box-shadow: 0 -2px 8px -2px #ccc; }
  .editor-dialog-content.contents-setting .dialog-footer .delete {
    margin: 0;
    padding-top: 4px;
    float: left;
    color: #ff4081; }
    .editor-dialog-content.contents-setting .dialog-footer .delete .material-icons {
      vertical-align: -.25em; }
    .editor-dialog-content.contents-setting .dialog-footer .delete[disabled] {
      cursor: not-allowed;
      opacity: .64; }
      .editor-dialog-content.contents-setting .dialog-footer .delete[disabled]:hover, .editor-dialog-content.contents-setting .dialog-footer .delete[disabled]:active {
        text-decoration: none; }
  .editor-dialog-content.contents-setting .datepicker {
    width: 160px; }
  .editor-dialog-content.contents-setting .user-selector,
  .editor-dialog-content.contents-setting .community-member-selector {
    width: 280px; }
  .editor-dialog-content.contents-setting .dropdown-list .dropdown-item {
    display: block;
    padding: 8px;
    color: #999; }
    .editor-dialog-content.contents-setting .dropdown-list .dropdown-item::after {
      display: block;
      clear: both;
      content: ''; }
    .editor-dialog-content.contents-setting .dropdown-list .dropdown-item:hover {
      background: #eee;
      text-decoration: none; }
  .editor-dialog-content.contents-setting .share-content .share-value {
    margin-top: 16px; }
    .editor-dialog-content.contents-setting .share-content .share-value::after {
      display: block;
      clear: both;
      content: ''; }
  .editor-dialog-content.contents-setting .share-content .url {
    width: 80%;
    float: left; }
    .editor-dialog-content.contents-setting .share-content .url[disabled] {
      color: #999; }
  .editor-dialog-content.contents-setting .share-content .btn {
    height: 34px;
    margin-left: 10px;
    background: #a2cf6e;
    color: #fff; }
    .editor-dialog-content.contents-setting .share-content .btn[disabled] {
      background: #999;
      opacity: 1; }
  .editor-dialog-content.contents-setting .share-content .share-setting .onoffswitch {
    margin-top: 2px;
    margin-right: 10px;
    float: left; }
  .editor-dialog-content.contents-setting .share-content .share-setting .share-label {
    color: #999; }
  .editor-dialog-content.contents-setting .share-content .share-setting::after {
    display: block;
    clear: both;
    content: ''; }
  .editor-dialog-content.contents-setting .feedbacks {
    position: absolute;
    bottom: 70px;
    width: 560px;
    max-height: 220px;
    padding: 0 20px;
    background-color: #fff;
    overflow: scroll; }

.bulkpick-dialog-content.contents-setting {
  position: relative;
  width: 560px;
  height: 100%;
  margin: auto;
  border-radius: 2px;
  background: #fff;
  box-shadow: 0 0 2px #fff;
  overflow: hidden; }
  .bulkpick-dialog-content.contents-setting .dialog-header {
    width: 560px; }
  .bulkpick-dialog-content.contents-setting .dialog-content {
    position: relative; }
  .bulkpick-dialog-content.contents-setting .value {
    margin-top: 8px; }
  .bulkpick-dialog-content.contents-setting .caution {
    color: #ff4081;
    font-size: 18px; }
    .bulkpick-dialog-content.contents-setting .caution label {
      vertical-align: 5px; }
  .bulkpick-dialog-content.contents-setting .dialog-item .help {
    margin-left: 4px; }
    .bulkpick-dialog-content.contents-setting .dialog-item .help.green .icon {
      color: #a2cf6e; }
  .bulkpick-dialog-content.contents-setting .dialog-footer {
    display: flex;
    align-items: center; }
    .bulkpick-dialog-content.contents-setting .dialog-footer a {
      display: inline-block; }
    .bulkpick-dialog-content.contents-setting .dialog-footer .delete {
      margin: 0;
      padding-top: 4px;
      float: left;
      color: #ff4081; }
      .bulkpick-dialog-content.contents-setting .dialog-footer .delete .material-icons {
        vertical-align: -.25em; }
      .bulkpick-dialog-content.contents-setting .dialog-footer .delete[disabled] {
        cursor: not-allowed;
        opacity: .64; }
        .bulkpick-dialog-content.contents-setting .dialog-footer .delete[disabled]:hover, .bulkpick-dialog-content.contents-setting .dialog-footer .delete[disabled]:active {
          text-decoration: none; }
    .bulkpick-dialog-content.contents-setting .dialog-footer .confirm-check {
      margin-right: auto;
      text-align: left; }
    .bulkpick-dialog-content.contents-setting .dialog-footer input {
      vertical-align: -1px; }
    .bulkpick-dialog-content.contents-setting .dialog-footer label {
      margin-left: 4px;
      font-weight: normal; }
    .bulkpick-dialog-content.contents-setting .dialog-footer .cancel {
      margin-left: auto; }

.bulkpicked-list {
  width: 100%;
  margin-bottom: 0;
  border: 1px solid #ddd; }
  .bulkpicked-list > thead > tr > th {
    border-bottom: 1px solid #ddd; }
  .bulkpicked-list > tbody > tr:nth-child(odd) {
    background-color: #f0f0f0; }
  .bulkpicked-list > tbody > tr > td,
  .bulkpicked-list > thead > tr > th {
    padding: 8px;
    word-break: break-all; }

.editor-dialog-content.contents-preview .block-header {
  height: 56px;
  font-size: 16px; }
  .editor-dialog-content.contents-preview .block-header .title {
    padding: 16px 24px;
    color: #fff; }

.editor-dialog-content.contents-preview .contents-detail-block {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 400px;
  background-color: #4a4a4a;
  color: #fff; }
  .editor-dialog-content.contents-preview .contents-detail-block .block-header {
    box-shadow: 0 1px 8px -2px #000; }
  .editor-dialog-content.contents-preview .contents-detail-block .contents-detail-block-body {
    height: calc(100% - 56px);
    overflow-y: auto; }
  .editor-dialog-content.contents-preview .contents-detail-block .section {
    padding: 24px;
    border-bottom: 1px solid #666; }
    .editor-dialog-content.contents-preview .contents-detail-block .section .title {
      color: #999;
      font-weight: bold; }
    .editor-dialog-content.contents-preview .contents-detail-block .section:last-child {
      border-bottom: 0; }
  .editor-dialog-content.contents-preview .contents-detail-block .value {
    margin-top: 8px; }
    .editor-dialog-content.contents-preview .contents-detail-block .value.published br {
      display: none; }
    .editor-dialog-content.contents-preview .contents-detail-block .value.published .time {
      margin-left: 4px; }
    .editor-dialog-content.contents-preview .contents-detail-block .value .summary-content {
      max-height: 5.6em;
      line-height: 1.4em;
      overflow: hidden; }
    .editor-dialog-content.contents-preview .contents-detail-block .value .readmore {
      display: none;
      font-size: 12px;
      text-align: right; }
    .editor-dialog-content.contents-preview .contents-detail-block .value.overflowed .readmore {
      display: block; }
    .editor-dialog-content.contents-preview .contents-detail-block .value.expand .readmore {
      display: none; }
    .editor-dialog-content.contents-preview .contents-detail-block .value.expand .summary-content {
      max-height: initial;
      max-height: auto; }
    .editor-dialog-content.contents-preview .contents-detail-block .value.canonical-link a {
      word-break: break-all; }
    .editor-dialog-content.contents-preview .contents-detail-block .value.canonical-link .material-icons {
      margin-left: 2px;
      font-size: 14px;
      vertical-align: -.15em; }
  .editor-dialog-content.contents-preview .contents-detail-block .pick .comment {
    margin-top: 8px; }
  .editor-dialog-content.contents-preview .contents-detail-block .alternative-images {
    margin-top: 0; }
    .editor-dialog-content.contents-preview .contents-detail-block .alternative-images .block {
      margin-top: 24px; }
      .editor-dialog-content.contents-preview .contents-detail-block .alternative-images .block:first-child {
        margin-top: 0; }
    .editor-dialog-content.contents-preview .contents-detail-block .alternative-images .image {
      width: 200px;
      height: 80px;
      margin-top: 8px;
      background-position: center;
      background-size: contain;
      box-shadow: 0 0 3px #999; }
    .editor-dialog-content.contents-preview .contents-detail-block .alternative-images .ogp {
      width: 200px;
      height: 105px; }
    .editor-dialog-content.contents-preview .contents-detail-block .alternative-images .square {
      width: 200px;
      height: 200px; }

.editor-dialog-content.contents-preview .user::after {
  display: block;
  clear: both;
  content: ''; }

.editor-dialog-content.contents-preview .user .cover {
  width: 40px;
  height: 40px;
  margin-right: 16px;
  float: left;
  background-position: center;
  background-size: contain; }

.editor-dialog-content.contents-preview .user .job {
  margin-top: 2px;
  color: #999;
  font-size: 12px; }

.editor-dialog-content.contents-preview .loading-container {
  position: absolute;
  top: 300px;
  right: 0;
  left: 0; }
  .editor-dialog-content.contents-preview .loading-container .loading {
    background: none; }

.editor-dialog-content.contents-preview .preview-block {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 400px; }
  .editor-dialog-content.contents-preview .preview-block .block-header {
    background-color: rgba(0, 0, 0, 0.2);
    text-align: center;
    box-shadow: 0 4px 8px -3px #111; }
    .editor-dialog-content.contents-preview .preview-block .block-header .title {
      position: absolute; }
  .editor-dialog-content.contents-preview .preview-block .change {
    width: 120px; }

.editor-dialog-content.contents-preview .devices {
  display: inline-block;
  margin: 0;
  padding: 20px 0;
  color: #fff;
  list-style: none; }
  .editor-dialog-content.contents-preview .devices li {
    margin-left: 40px;
    float: left;
    font-size: 12px; }
    .editor-dialog-content.contents-preview .devices li:first-child {
      margin-left: 0; }
    .editor-dialog-content.contents-preview .devices li .material-icons {
      margin-right: 4px;
      font-size: 16px;
      vertical-align: -.2em; }
    .editor-dialog-content.contents-preview .devices li.selected {
      color: #3ed183; }
    .editor-dialog-content.contents-preview .devices li a {
      color: inherit; }
      .editor-dialog-content.contents-preview .devices li a:hover, .editor-dialog-content.contents-preview .devices li a:active, .editor-dialog-content.contents-preview .devices li a:focus {
        text-decoration: none; }

.editor-dialog-content.contents-preview .print {
  display: inline-block;
  position: absolute;
  margin: 20px 60px;
  padding-left: 30px;
  border-left: 1px solid #999;
  color: #fff;
  font-size: 12px; }
  .editor-dialog-content.contents-preview .print i {
    margin-left: 4px;
    font-size: 16px;
    vertical-align: -.1em; }
  .editor-dialog-content.contents-preview .print a {
    color: inherit; }
    .editor-dialog-content.contents-preview .print a:hover, .editor-dialog-content.contents-preview .print a:active, .editor-dialog-content.contents-preview .print a:focus {
      text-decoration: none; }
    .editor-dialog-content.contents-preview .print a:hover {
      opacity: .8; }

.editor-dialog-content.contents-preview .preview-wrapper {
  position: relative;
  margin: auto;
  margin-top: 32px;
  transition: 1s;
  border: 1px solid #999;
  background: #fff;
  box-shadow: 0 0 5px 1px #999;
  box-sizing: content-box; }
  .editor-dialog-content.contents-preview .preview-wrapper .preview {
    width: 100%;
    height: 100%;
    border: 0; }
  .editor-dialog-content.contents-preview .preview-wrapper .device-image {
    position: absolute; }

.editor-dialog-content.contents-mobile-notification {
  position: relative;
  width: 750px;
  height: 500px;
  margin: auto;
  border-radius: 2px;
  background: #fff;
  box-shadow: 0 0 2px #fff;
  overflow: hidden; }
  .editor-dialog-content.contents-mobile-notification .dialog-header {
    width: 750px; }
  .editor-dialog-content.contents-mobile-notification .dialog-content {
    position: relative; }
    .editor-dialog-content.contents-mobile-notification .dialog-content.has-notice {
      height: calc(100% - 155px); }
  .editor-dialog-content.contents-mobile-notification .value {
    margin-top: 8px; }
  .editor-dialog-content.contents-mobile-notification .dialog-item .help {
    margin-left: 4px; }
    .editor-dialog-content.contents-mobile-notification .dialog-item .help.green .icon {
      color: #a2cf6e; }
  .editor-dialog-content.contents-mobile-notification .notice {
    position: relative;
    top: auto;
    right: auto;
    padding: 8px;
    background-color: #eee;
    color: #999;
    font-size: 12px;
    text-align: center;
    box-shadow: 0 -2px 8px -2px #ccc; }
  .editor-dialog-content.contents-mobile-notification .feedback-list {
    padding: 24px; }
  .editor-dialog-content.contents-mobile-notification .dialog-footer .delete {
    margin: 0;
    padding-top: 4px;
    float: left;
    color: #ff4081; }
    .editor-dialog-content.contents-mobile-notification .dialog-footer .delete .material-icons {
      vertical-align: -.25em; }
    .editor-dialog-content.contents-mobile-notification .dialog-footer .delete[disabled] {
      cursor: not-allowed;
      opacity: .64; }
      .editor-dialog-content.contents-mobile-notification .dialog-footer .delete[disabled]:hover, .editor-dialog-content.contents-mobile-notification .dialog-footer .delete[disabled]:active {
        text-decoration: none; }

.editor-dialog-content.contents-history {
  position: relative;
  min-width: 960px;
  max-width: 1280px;
  height: 100%;
  margin: 0 auto; }
  .editor-dialog-content.contents-history .history-menu {
    position: fixed;
    top: 80px;
    bottom: 80px;
    width: 192px; }
    .editor-dialog-content.contents-history .history-menu .history-menu-title {
      padding-bottom: 8px;
      border-bottom: 1px solid #d9d9d9;
      color: #fff; }
    .editor-dialog-content.contents-history .history-menu .revisions {
      margin-top: 16px;
      padding: 0;
      list-style: none; }
    .editor-dialog-content.contents-history .history-menu .menu-block.user {
      position: absolute;
      bottom: 0;
      width: 100%; }
    .editor-dialog-content.contents-history .history-menu .revert {
      margin: 32px 0; }
      .editor-dialog-content.contents-history .history-menu .revert[disabled]:hover {
        box-shadow: none; }
    .editor-dialog-content.contents-history .history-menu .save-user {
      margin-top: 16px; }
      .editor-dialog-content.contents-history .history-menu .save-user .cover {
        float: left; }
        .editor-dialog-content.contents-history .history-menu .save-user .cover img {
          width: 40px; }
      .editor-dialog-content.contents-history .history-menu .save-user .name {
        display: table-cell;
        height: 40px;
        padding-left: 10px;
        color: #fff;
        vertical-align: middle; }
  .editor-dialog-content.contents-history .content-preview {
    width: 770px;
    height: 100%;
    margin: auto;
    background: #fff;
    box-shadow: 0 0 3px #fff;
    overflow: auto; }
  .editor-dialog-content.contents-history .preview-wrapper {
    position: relative;
    margin: auto;
    transition: 1s;
    border: 1px solid #999;
    background: #fff;
    box-shadow: 0 0 5px 1px #999;
    box-sizing: content-box; }
    .editor-dialog-content.contents-history .preview-wrapper .preview {
      width: 100%;
      height: 100%;
      border: 0; }
    .editor-dialog-content.contents-history .preview-wrapper .device-image {
      position: absolute; }
  .editor-dialog-content.contents-history .devices {
    position: absolute;
    right: 0;
    width: 120px;
    text-align: right; }
    .editor-dialog-content.contents-history .devices a {
      display: block; }
    .editor-dialog-content.contents-history .devices ul {
      margin: 0;
      margin-top: 16px;
      padding: 0;
      list-style: none; }
  .editor-dialog-content.contents-history .loading-container {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
    .editor-dialog-content.contents-history .loading-container .loading {
      top: 320px;
      height: 30px;
      background: none; }

.media-detail {
  position: relative;
  width: 960px;
  height: 500px;
  margin: auto;
  padding: 0;
  transition: 1s;
  box-shadow: 0 0 10px -2px #ccc;
  opacity: 0;
  pointer-events: none; }
  .media-detail.open {
    opacity: 1;
    pointer-events: auto; }
  .media-detail .media,
  .media-detail .media-info {
    position: relative;
    height: 100%;
    float: left; }
  .media-detail .media {
    width: 60%; }
    .media-detail .media .image {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background-color: #1f1f1f;
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain; }
    .media-detail .media .meta {
      position: absolute;
      bottom: 0;
      left: 0;
      padding: 4px 8px;
      font-size: 12px;
      z-index: 1; }
      .media-detail .media .meta .created-date,
      .media-detail .media .meta .username {
        float: left;
        color: #eee; }
      .media-detail .media .meta .created-date {
        margin-right: 8px; }
        .media-detail .media .meta .created-date::before {
          display: block;
          margin-right: 4px;
          float: left;
          color: #999;
          content: '\4F5C\6210\65E5:'; }
      .media-detail .media .meta .username {
        margin-right: 8px; }
        .media-detail .media .meta .username::before {
          display: block;
          margin-right: 4px;
          float: left;
          color: #999;
          content: '\4F5C\6210\8005:'; }
      .media-detail .media .meta::after {
        display: block;
        clear: both;
        content: ''; }
    .media-detail .media .actions {
      position: absolute;
      right: 0;
      bottom: 0;
      padding: 2px 4px;
      color: #eee;
      font-size: 12px; }
      .media-detail .media .actions a {
        display: block;
        padding: 2px 4px;
        color: inherit; }
        .media-detail .media .actions a:hover {
          background: #333;
          color: #fff;
          text-decoration: none; }
      .media-detail .media .actions .material-icons {
        font-size: 18px;
        vertical-align: -.25em; }
  .media-detail .media-info {
    width: 40%;
    background: #fff; }
    .media-detail .media-info .section {
      padding: 24px; }
      .media-detail .media-info .section .title {
        color: #a2cf6e; }
      .media-detail .media-info .section .value {
        margin-top: 16px; }
      .media-detail .media-info .section.use .value {
        height: 120px;
        overflow-y: auto; }
    .media-detail .media-info .main {
      font-size: 16px; }
    .media-detail .media-info .sub {
      color: #999;
      font-size: 12px; }
    .media-detail .media-info .buttons {
      position: absolute;
      right: 0;
      bottom: 0;
      left: 0; }
      .media-detail .media-info .buttons .right {
        float: right; }
      .media-detail .media-info .buttons .cancel {
        margin-right: 16px; }
      .media-detail .media-info .buttons::after {
        display: block;
        clear: both;
        content: ''; }
    .media-detail .media-info .delete {
      display: inline-block;
      padding-top: 8px;
      color: #ff4081; }
      .media-detail .media-info .delete .icon {
        vertical-align: -.25em; }
  .media-detail .dropdown-toggle.selected {
    font-weight: normal; }
  .media-detail .related-article {
    max-height: 120px;
    margin-bottom: 8px;
    margin-left: 12px;
    overflow-y: auto; }
    .media-detail .related-article .article-title {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      width: 320px; }
    .media-detail .related-article .article-meta {
      color: #999;
      font-size: 12px; }
      .media-detail .related-article .article-meta > div {
        margin-right: 8px;
        float: left; }
        .media-detail .related-article .article-meta > div:last-child {
          margin-right: 0; }
      .media-detail .related-article .article-meta::after {
        display: block;
        clear: both;
        content: ''; }
  .media-detail .empty-list {
    margin-top: 16px;
    color: #999;
    font-size: 12px; }

.contents-leaflet {
  position: relative;
  width: 560px;
  height: 100%;
  max-height: 742px;
  margin: auto;
  border-radius: 2px;
  background: #fff;
  box-shadow: 0 0 2px #fff;
  overflow: hidden; }
  .contents-leaflet .dialog-header {
    position: relative;
    width: 560px; }
  .contents-leaflet .dialog-content {
    max-height: 620px; }
  .contents-leaflet .mode-switch {
    position: absolute;
    top: 12px;
    right: 12px;
    bottom: 12px;
    padding: 6px 12px;
    border: 1px solid #a2cf6e;
    border-radius: 2px;
    color: #a2cf6e;
    font-size: 12px;
    cursor: pointer; }
    .contents-leaflet .mode-switch:hover {
      background: #a2cf6e;
      color: #fff; }
  .contents-leaflet .leaflet-icon {
    width: 60px;
    height: 60px;
    margin-right: 16px;
    margin-bottom: 0;
    float: left;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #999;
    font-weight: normal;
    text-align: center;
    cursor: pointer; }
    .contents-leaflet .leaflet-icon .icon {
      display: block;
      margin-top: 10px;
      color: #aaa; }
    .contents-leaflet .leaflet-icon span {
      font-size: 8px; }
  .contents-leaflet .job::after {
    display: block;
    clear: both;
    content: ''; }
  .contents-leaflet .annotation {
    margin-top: 4px;
    color: #ff4081;
    font-size: 12px; }
    .contents-leaflet .annotation::before {
      display: inline;
      padding-right: .3em;
      content: '\203B'; }
  .contents-leaflet .list-container {
    padding: 16px 32px; }
    .contents-leaflet .list-container .leaflet-item {
      margin: 16px 0;
      padding: 16px;
      border: 1px solid #d9d9d9;
      border-radius: 5px;
      cursor: pointer; }
      .contents-leaflet .list-container .leaflet-item .leaflet-title {
        font-size: 16px;
        font-weight: bold; }
      .contents-leaflet .list-container .leaflet-item .leaflet-description {
        max-height: 2.8em;
        margin-top: 8px;
        color: #999;
        font-size: 12px;
        line-height: 1.4em;
        overflow: hidden; }
      .contents-leaflet .list-container .leaflet-item.selected, .contents-leaflet .list-container .leaflet-item.selected:hover {
        border-color: #a2cf6e;
        background: #a2cf6e; }
        .contents-leaflet .list-container .leaflet-item.selected .leaflet-title,
        .contents-leaflet .list-container .leaflet-item.selected .leaflet-description, .contents-leaflet .list-container .leaflet-item.selected:hover .leaflet-title,
        .contents-leaflet .list-container .leaflet-item.selected:hover .leaflet-description {
          color: #fff; }
      .contents-leaflet .list-container .leaflet-item:hover {
        border-color: #a2cf6e;
        background: #ecf5e2; }
  .contents-leaflet .selected-count {
    position: absolute;
    top: 50%;
    left: 32px;
    margin-top: -10px;
    color: #999;
    font-size: 12px; }
  .contents-leaflet .full-loading {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }

.contents-leaflet.sort {
  width: 560px;
  height: 100%;
  max-height: 742px;
  margin: auto;
  border-radius: 2px;
  background: #fff;
  box-shadow: 0 0 2px #fff;
  overflow: hidden; }
  .contents-leaflet.sort .dialog-header {
    width: 560px; }
  .contents-leaflet.sort .dialog-content {
    max-height: 620px; }
  .contents-leaflet.sort .leaflets {
    position: relative;
    height: calc(100% - 30px);
    overflow: auto; }
    .contents-leaflet.sort .leaflets .leaflet {
      cursor: -moz-grab;
      cursor: -webkit-grab;
      cursor: grab;
      position: relative;
      margin: 16px;
      padding: 16px;
      border: 1px solid #ccc;
      border-radius: 5px; }
      .contents-leaflet.sort .leaflets .leaflet .leaflet-title {
        line-height: 1; }
      .contents-leaflet.sort .leaflets .leaflet:active {
        cursor: -moz-grabbing;
        cursor: -webkit-grabbing;
        cursor: grabbing;
        border-color: #a2cf6e !important;
        background-color: #a2cf6e;
        color: #fff !important; }
        .contents-leaflet.sort .leaflets .leaflet:active .clamp {
          color: #fff !important; }
      .contents-leaflet.sort .leaflets .leaflet .clamp {
        position: absolute;
        top: 50%;
        right: 10px;
        margin-top: -12px;
        color: #ccc; }
      .contents-leaflet.sort .leaflets .leaflet:hover {
        border-color: #999; }
        .contents-leaflet.sort .leaflets .leaflet:hover .clamp {
          color: #999; }

.contents-article.sort {
  width: 560px;
  height: 100%;
  max-height: 742px;
  margin: auto;
  border-radius: 2px;
  background: #fff;
  box-shadow: 0 0 2px #fff;
  overflow: hidden; }
  .contents-article.sort .dialog-header {
    width: 560px; }
    .contents-article.sort .dialog-header span {
      margin-top: 2px;
      float: right;
      color: #999;
      font-size: 12px; }
  .contents-article.sort .dialog-content {
    max-height: 620px; }
  .contents-article.sort .article-container {
    position: relative;
    height: calc(100% - 30px);
    overflow: auto; }
    .contents-article.sort .article-container .article {
      cursor: -moz-grab;
      cursor: -webkit-grab;
      cursor: grab;
      position: relative;
      margin: 16px;
      padding: 16px;
      border: 1px solid #ccc;
      border-radius: 5px; }
      .contents-article.sort .article-container .article .article-title {
        line-height: 1; }
      .contents-article.sort .article-container .article:active {
        cursor: -moz-grabbing;
        cursor: -webkit-grabbing;
        cursor: grabbing;
        border-color: #a2cf6e !important;
        background-color: #a2cf6e;
        color: #fff !important; }
        .contents-article.sort .article-container .article:active .clamp {
          color: #fff !important; }
      .contents-article.sort .article-container .article .clamp {
        position: absolute;
        top: 50%;
        right: 10px;
        margin-top: -12px;
        color: #ccc; }
      .contents-article.sort .article-container .article:hover {
        border-color: #999; }
        .contents-article.sort .article-container .article:hover .clamp {
          color: #999; }

.book-edit {
  position: relative;
  width: 1200px;
  height: 100%;
  max-height: 600px;
  margin: auto;
  border-radius: 2px;
  background: #fff;
  box-shadow: 0 0 2px #fff;
  overflow: hidden; }
  .book-edit.mask::before {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;
    content: '';
    opacity: .4;
    z-index: 50; }
  .book-edit .dialog-header {
    width: 1200px; }
  .book-edit .dialog-content {
    position: relative;
    max-height: 620px; }
  .book-edit .dialog-footer .alert {
    color: #ff4081; }
  .book-edit .dialog-footer .cancel {
    padding-right: 0;
    padding-left: 0; }
  .book-edit .dialog-footer .delete {
    margin-left: 0;
    padding: 6px 0;
    float: left;
    color: #ff4081; }
    .book-edit .dialog-footer .delete .material-icons {
      font-size: 20px;
      vertical-align: -.25em; }
  .book-edit .dialog-footer .btn-contents {
    color: #fff; }
  .book-edit .content-filters {
    float: right; }
  .book-edit .list-header::after {
    display: block;
    clear: both;
    content: ''; }
  .book-edit .select-header a {
    color: inherit; }
  .book-edit .select-header .icon {
    margin-right: 4px;
    vertical-align: -.25em; }
  .book-edit .content-container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
  .book-edit .book-info,
  .book-edit .selected-articles {
    position: relative;
    height: 100%;
    float: left;
    overflow-x: hidden;
    overflow-y: auto; }
  .book-edit .book-info {
    width: 480px;
    padding: 40px;
    box-shadow: 1px 0 4px #ccc;
    z-index: 1; }
    .book-edit .book-info .section {
      margin-bottom: 24px; }
      .book-edit .book-info .section textarea {
        resize: none; }
    .book-edit .book-info .title {
      color: #a2cf6e; }
    .book-edit .book-info .setting {
      margin-top: 12px; }
    .book-edit .book-info .value {
      margin-top: 24px; }
    .book-edit .book-info .user-container {
      position: relative;
      padding: 0 0 24px; }
    .book-edit .book-info .user {
      -moz-user-select: none;
      -webkit-user-select: none;
      user-select: none;
      position: relative;
      height: 50px;
      margin-bottom: 8px; }
      .book-edit .book-info .user:hover .actions .delete {
        display: block; }
      .book-edit .book-info .user .cover {
        display: table-cell; }
        .book-edit .book-info .user .cover img {
          width: 50px;
          height: 50px; }
      .book-edit .book-info .user .userinfo {
        display: table-cell;
        padding-left: 16px;
        vertical-align: middle; }
        .book-edit .book-info .user .userinfo .name {
          font-size: 1.2em; }
        .book-edit .book-info .user .userinfo .title {
          color: #999;
          font-size: .8em; }
      .book-edit .book-info .user .actions {
        position: absolute;
        top: 50%;
        right: 0;
        margin-top: -12px; }
        .book-edit .book-info .user .actions .delete,
        .book-edit .book-info .user .actions .draghandle {
          float: left; }
        .book-edit .book-info .user .actions .delete {
          display: none;
          cursor: pointer; }
        .book-edit .book-info .user .actions .draghandle {
          -moz-user-select: none;
          -webkit-user-select: none;
          user-select: none;
          cursor: -moz-grab;
          cursor: -webkit-grab;
          cursor: grab;
          margin-left: 8px; }
        .book-edit .book-info .user .actions .material-icons {
          color: #999; }
        .book-edit .book-info .user .actions:active {
          cursor: -moz-grabbing;
          cursor: -webkit-grabbing;
          cursor: grabbing; }
    .book-edit .book-info .user-selector {
      width: 260px; }
    .book-edit .book-info .book-images {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap; }
      .book-edit .book-info .book-images .image-block {
        flex-basis: calc(50% - 8px);
        margin: 0 8px 0 0; }
        .book-edit .book-info .book-images .image-block .image-uploader {
          position: relative;
          left: 0;
          height: 140px;
          margin: 0;
          margin-bottom: 32px; }
          .book-edit .book-info .book-images .image-block .image-uploader .image,
          .book-edit .book-info .book-images .image-block .image-uploader .uploader,
          .book-edit .book-info .book-images .image-block .image-uploader .checkered,
          .book-edit .book-info .book-images .image-block .image-uploader .black {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            cursor: pointer; }
          .book-edit .book-info .book-images .image-block .image-uploader .checkered {
            background-image: repeating-conic-gradient(from 0deg, #fff 0deg 90deg, #ddd 90deg 180deg);
            background-size: 16px 16px;
            background-repeat: repeat; }
          .book-edit .book-info .book-images .image-block .image-uploader .black {
            background-color: #000; }
          .book-edit .book-info .book-images .image-block .image-uploader .image {
            background-position: center;
            background-size: cover; }
            .book-edit .book-info .book-images .image-block .image-uploader .image .noimage::before {
              display: block;
              height: 140px;
              background: #eee;
              color: #999;
              line-height: 140px;
              text-align: center;
              content: 'No Image'; }
          .book-edit .book-info .book-images .image-block .image-uploader .uploader {
            height: 140px;
            z-index: 1; }
          .book-edit .book-info .book-images .image-block .image-uploader.configured .uploader {
            display: none; }
            .book-edit .book-info .book-images .image-block .image-uploader.configured .uploader label {
              background: rgba(0, 0, 0, 0.32); }
            .book-edit .book-info .book-images .image-block .image-uploader.configured .uploader .add-button {
              background: rgba(162, 207, 110, 0.72);
              color: #fff; }
            .book-edit .book-info .book-images .image-block .image-uploader.configured .uploader .desc {
              background: rgba(0, 0, 0, 0.5);
              color: #fff; }
          .book-edit .book-info .book-images .image-block .image-uploader.configured:hover .uploader {
            display: block; }
          .book-edit .book-info .book-images .image-block .image-uploader label {
            display: block;
            padding: 24px 0;
            background: #fbfbfb;
            color: #999;
            font-weight: normal;
            text-align: center;
            cursor: pointer; }
            .book-edit .book-info .book-images .image-block .image-uploader label.disabled {
              cursor: initial; }
          .book-edit .book-info .book-images .image-block .image-uploader .desc {
            display: inline-block;
            margin-top: 17px;
            padding: 4px 8px;
            border-radius: 4px; }
          .book-edit .book-info .book-images .image-block .image-uploader .add-button {
            position: relative;
            width: 48px;
            height: 48px;
            margin: auto;
            border-radius: 24px;
            background: #e8e8e8; }
            .book-edit .book-info .book-images .image-block .image-uploader .add-button .icon {
              position: absolute;
              top: 50%;
              left: 50%;
              margin-top: -14px;
              margin-left: -14px; }
          .book-edit .book-info .book-images .image-block .image-uploader .delete-button {
            position: absolute;
            top: 4px;
            right: 4px;
            color: #fff;
            cursor: pointer;
            z-index: 10; }
            .book-edit .book-info .book-images .image-block .image-uploader .delete-button:hover {
              transition: .3s;
              opacity: .8; }
          .book-edit .book-info .book-images .image-block .image-uploader .zoom-image-button {
            position: absolute;
            right: 4px;
            bottom: 4px;
            color: #fff;
            cursor: pointer;
            z-index: 10; }
            .book-edit .book-info .book-images .image-block .image-uploader .zoom-image-button:hover {
              transition: .3s;
              opacity: .8; }
  .book-edit .selected-articles {
    width: 720px;
    background-color: #f9f9f9; }
    .book-edit .selected-articles .selected-header {
      position: relative;
      padding: 16px 40px;
      border-bottom: 1px solid #d9d9d9; }
      .book-edit .selected-articles .selected-header .title {
        font-size: 16px; }
    .book-edit .selected-articles .add {
      position: absolute;
      top: 50%;
      right: 24px;
      margin-top: -12px; }
      .book-edit .selected-articles .add .icon,
      .book-edit .selected-articles .add .text {
        display: table-cell;
        line-height: 1;
        vertical-align: middle; }
      .book-edit .selected-articles .add .icon {
        font-size: 18px; }
      .book-edit .selected-articles .add .text {
        padding-left: 4px; }
  .book-edit .article-list {
    padding: 40px; }
    .book-edit .article-list.dragging .article {
      pointer-events: none; }
  .book-edit .trailer {
    padding: 40px;
    border-bottom: 1px solid #d9d9d9; }
    .book-edit .trailer .article {
      margin-bottom: 0; }
    .book-edit .trailer .article-row {
      margin-bottom: 0; }
  .book-edit .article {
    position: relative;
    margin-bottom: 16px; }
    .book-edit .article .index {
      position: absolute;
      top: 50%;
      left: 0;
      width: 40px;
      margin-top: -7px;
      line-height: 1; }
  .book-edit .article-row {
    width: calc(100% - 40px);
    margin-left: 40px; }
    .book-edit .article-row .title {
      font-size: 16px; }
      .book-edit .article-row .title.deleted {
        color: #ccc; }
        .book-edit .article-row .title.deleted::after {
          margin-left: 4px;
          content: '(\524A\9664\3055\308C\305F\8A18\4E8B)'; }
    .book-edit .article-row .actions {
      width: 72px;
      padding: 0;
      text-align: right;
      vertical-align: middle; }
      .book-edit .article-row .actions .icon {
        display: none;
        transition: .3s;
        color: #999;
        font-size: 20px; }
        .book-edit .article-row .actions .icon:hover {
          color: #ccc; }
      .book-edit .article-row .actions a {
        margin: 0 8px;
        line-height: 1; }
    .book-edit .article-row:hover .actions .icon {
      display: inline-block; }
  .book-edit .empty {
    color: #999;
    text-align: center; }
  .book-edit .help {
    margin-left: 4px; }
    .book-edit .help.green .icon {
      color: #a2cf6e; }

.dialog-content-wrapper .simple-preview {
  position: absolute;
  top: 50px;
  left: 50%;
  margin-left: -187px;
  box-shadow: 0 0 4px #ccc;
  z-index: 100;
  pointer-events: auto; }

.editor-dialog-content.eyecatch-editor {
  position: relative;
  width: 1000px;
  height: 615px;
  margin: auto;
  padding: 0;
  transition: 1s;
  box-shadow: 0 0 10px -2px #ccc;
  pointer-events: auto; }
  .editor-dialog-content.eyecatch-editor.mask::before {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;
    content: "";
    opacity: 0.4;
    z-index: 50; }
  .editor-dialog-content.eyecatch-editor .dialog-content {
    position: relative;
    height: 100%;
    overflow: hidden; }
  .editor-dialog-content.eyecatch-editor .eyecatch-preview,
  .editor-dialog-content.eyecatch-editor .configurations {
    position: relative;
    height: 100%;
    float: left; }
  .editor-dialog-content.eyecatch-editor .eyecatch-preview {
    width: 600px;
    background-color: #1f1f1f; }
    .editor-dialog-content.eyecatch-editor .eyecatch-preview .images {
      display: flex;
      position: absolute;
      flex-direction: column;
      justify-content: center;
      width: 100%;
      height: 100%; }
      .editor-dialog-content.eyecatch-editor .eyecatch-preview .images .image-container .image {
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain; }
        .editor-dialog-content.eyecatch-editor .eyecatch-preview .images .image-container .image.default, .editor-dialog-content.eyecatch-editor .eyecatch-preview .images .image-container .image.feed {
          height: 240px; }
        .editor-dialog-content.eyecatch-editor .eyecatch-preview .images .image-container .image.feed-v2 {
          height: 315px; }
    .editor-dialog-content.eyecatch-editor .eyecatch-preview .loading {
      top: 50%;
      height: 240px;
      margin-top: -120px;
      background: transparent; }
  .editor-dialog-content.eyecatch-editor .block {
    position: relative;
    width: 350px;
    margin-bottom: 24px; }
    .editor-dialog-content.eyecatch-editor .block.configured .select-image {
      display: none; }
    .editor-dialog-content.eyecatch-editor .block.configured .image:hover .select-image {
      display: block;
      background: rgba(0, 0, 0, 0.4); }
      .editor-dialog-content.eyecatch-editor .block.configured .image:hover .select-image .material-icons, .editor-dialog-content.eyecatch-editor .block.configured .image:hover .select-image::after {
        color: #fff; }
    .editor-dialog-content.eyecatch-editor .block.configured:hover .delete {
      display: block; }
    .editor-dialog-content.eyecatch-editor .block .image {
      position: relative;
      height: 140px;
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
      cursor: pointer; }
    .editor-dialog-content.eyecatch-editor .block .select-image {
      position: absolute;
      top: 0;
      width: 100%;
      height: 140px;
      background-color: #eee;
      text-align: center; }
      .editor-dialog-content.eyecatch-editor .block .select-image .material-icons {
        padding-top: 38px;
        color: #999; }
      .editor-dialog-content.eyecatch-editor .block .select-image:hover {
        opacity: 0.72; }
      .editor-dialog-content.eyecatch-editor .block .select-image::after {
        display: block;
        margin-top: 4px;
        color: #999;
        font-size: 12px;
        line-height: 1;
        content: "\753B\50CF\3092\9078\629E\3059\308B"; }
    .editor-dialog-content.eyecatch-editor .block .description {
      margin-bottom: 4px; }
      .editor-dialog-content.eyecatch-editor .block .description .help {
        margin-left: 2px; }
      .editor-dialog-content.eyecatch-editor .block .description::after {
        display: block;
        clear: both;
        content: ''; }
    .editor-dialog-content.eyecatch-editor .block .delete {
      display: none;
      position: absolute;
      top: 32px;
      right: 4px;
      color: #fff;
      cursor: pointer;
      z-index: 10; }
      .editor-dialog-content.eyecatch-editor .block .delete:hover {
        -moz-filter: drop-shadow(0 0 1px #000);
        -webkit-filter: drop-shadow(0 0 1px #000);
        filter: drop-shadow(0 0 1px #000); }
  .editor-dialog-content.eyecatch-editor .configurations {
    width: 400px;
    height: 100%;
    background: #fff; }
    .editor-dialog-content.eyecatch-editor .configurations .sections {
      height: calc(100% - 85px);
      overflow-y: auto; }
    .editor-dialog-content.eyecatch-editor .configurations .section {
      margin: 24px; }
      .editor-dialog-content.eyecatch-editor .configurations .section::after {
        display: block;
        clear: both;
        content: ''; }
      .editor-dialog-content.eyecatch-editor .configurations .section .title {
        color: #a2cf6e; }
      .editor-dialog-content.eyecatch-editor .configurations .section .value {
        margin-top: 16px; }
    .editor-dialog-content.eyecatch-editor .configurations .form-control.inline-item {
      width: 216px;
      margin-right: 16px;
      float: left; }
    .editor-dialog-content.eyecatch-editor .configurations .pt {
      padding-top: 6px; }
    .editor-dialog-content.eyecatch-editor .configurations .buttons {
      position: relative;
      padding: 24px;
      text-align: right;
      box-shadow: 0 -2px 4px -2px #ccc;
      z-index: 1; }
      .editor-dialog-content.eyecatch-editor .configurations .buttons a {
        margin-left: 16px;
        color: #a2cf6e; }
      .editor-dialog-content.eyecatch-editor .configurations .buttons .btn.save {
        color: #fff; }

.negative-warning {
  color: #ff4081;
  font-weight: bold;
  margin-bottom: 8px;
  margin-top: 8px; }

.editor-dialog-content.override-news {
  position: relative;
  width: 800px;
  height: 300px;
  margin: auto;
  border-radius: 2px;
  background: #fff;
  box-shadow: 0 0 2px #fff;
  overflow: hidden; }
  .editor-dialog-content.override-news .dialog-header span {
    margin-top: 2px;
    float: right;
    color: #999;
    font-size: 12px; }
  .editor-dialog-content.override-news .dialog-content {
    width: 70%;
    margin: 0 auto;
    padding-top: 36px; }
    .editor-dialog-content.override-news .dialog-content .caution {
      padding-top: 24px;
      color: #ff4081; }
      .editor-dialog-content.override-news .dialog-content .caution .material-icons {
        margin-right: 10px;
        vertical-align: -.2em; }
  .editor-dialog-content.override-news .dialog-footer .error {
    color: #ff4081; }

.arrange {
  position: relative;
  width: 960px;
  height: 100%;
  margin: auto;
  border-radius: 2px;
  background: #fff;
  box-shadow: 0 0 2px #fff;
  overflow: hidden; }
  .arrange .dialog-header {
    width: 960px; }
  .arrange .dialog-content::after {
    display: block;
    clear: both;
    content: ''; }
  .arrange .thumbnails,
  .arrange .images {
    position: relative;
    height: 100%;
    float: left;
    overflow: auto; }
  .arrange .thumbnails {
    width: 30%;
    border-right: 1px solid #d9d9d9; }
  .arrange .thumb {
    display: table;
    position: relative;
    width: 100%;
    margin: 16px 0; }
    .arrange .thumb:first-child .image-container:hover .up,
    .arrange .thumb:last-child .image-container:hover .down {
      display: none; }
    .arrange .thumb.selected .image-container {
      box-shadow: 0 0 4px 1px #a2cf6e; }
    .arrange .thumb .index {
      display: table-cell;
      padding-right: 4px;
      color: #999;
      font-size: 12px;
      text-align: right;
      vertical-align: top; }
    .arrange .thumb .image-container {
      display: table-cell;
      position: relative;
      width: 230px;
      height: 92px;
      margin: auto;
      background: #eee;
      cursor: pointer; }
      .arrange .thumb .image-container .thumbnail-image {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain; }
      .arrange .thumb .image-container .delete {
        display: none;
        position: absolute;
        top: 0;
        right: 0;
        color: #999;
        cursor: pointer;
        z-index: 1; }
      .arrange .thumb .image-container .up,
      .arrange .thumb .image-container .down {
        display: none;
        position: absolute;
        left: 50%;
        margin-left: -2em;
        color: #a2cf6e;
        cursor: pointer;
        z-index: 1; }
      .arrange .thumb .image-container .up {
        top: -24px; }
      .arrange .thumb .image-container .down {
        bottom: -30px; }
      .arrange .thumb .image-container:hover .delete,
      .arrange .thumb .image-container:hover .up,
      .arrange .thumb .image-container:hover .down {
        display: block; }
      .arrange .thumb .image-container:hover .thumbnail-image {
        opacity: .64; }
    .arrange .thumb::after {
      display: table-cell;
      width: 24px;
      content: ''; }
  .arrange .images {
    width: 70%; }
  .arrange .image {
    position: relative;
    margin: 32px 0;
    text-align: center; }
    .arrange .image::after {
      display: block;
      clear: both;
      content: ''; }
    .arrange .image img {
      max-width: 90%; }

.editor-dialog-content.contents-pdf .preview-block {
  position: absolute;
  top: 0;
  right: 0;
  left: 0; }
  .editor-dialog-content.contents-pdf .preview-block .block-header {
    height: 56px;
    font-size: 16px; }
    .editor-dialog-content.contents-pdf .preview-block .block-header .header-contents {
      display: flex;
      position: absolute;
      justify-content: space-between;
      width: 100%;
      padding: 0 36px; }
    .editor-dialog-content.contents-pdf .preview-block .block-header .title {
      padding: 16px 24px;
      color: #fff; }
    .editor-dialog-content.contents-pdf .preview-block .block-header .print {
      margin: 20px 60px;
      padding-left: 30px;
      border-left: 1px solid #999;
      color: #fff;
      font-size: 12px; }
      .editor-dialog-content.contents-pdf .preview-block .block-header .print i {
        margin-left: 4px;
        font-size: 16px;
        vertical-align: -.1em; }
      .editor-dialog-content.contents-pdf .preview-block .block-header .print a {
        color: inherit; }
        .editor-dialog-content.contents-pdf .preview-block .block-header .print a:hover, .editor-dialog-content.contents-pdf .preview-block .block-header .print a:active, .editor-dialog-content.contents-pdf .preview-block .block-header .print a:focus {
          text-decoration: none; }
        .editor-dialog-content.contents-pdf .preview-block .block-header .print a:hover {
          opacity: .8; }
  .editor-dialog-content.contents-pdf .preview-block .preview-wrapper {
    position: relative;
    width: 595px;
    height: 845px;
    margin: 32px auto 0;
    transition: 1s;
    border: 1px solid #999;
    background: #fff;
    box-shadow: 0 0 5px 1px #999;
    box-sizing: content-box; }
    .editor-dialog-content.contents-pdf .preview-block .preview-wrapper .preview {
      width: 100%;
      height: 100%;
      border: 0; }
    .editor-dialog-content.contents-pdf .preview-block .preview-wrapper .device-image {
      position: absolute; }
  .editor-dialog-content.contents-pdf .preview-block .loading-container {
    position: absolute;
    top: 400px;
    right: 0;
    left: 0; }
    .editor-dialog-content.contents-pdf .preview-block .loading-container .loading {
      background: none; }

.list-header .content-state {
  margin-top: 15px;
  margin-left: 8px;
  color: #999; }
  .list-header .content-state a {
    color: inherit;
    text-decoration: underline; }
    .list-header .content-state a:hover {
      color: #03a9f4;
      text-decoration: none; }
  .list-header .content-state.selected {
    color: #666;
    font-weight: bold; }
    .list-header .content-state.selected a {
      text-decoration: none;
      cursor: default; }
      .list-header .content-state.selected a:hover {
        color: inherit; }

.list-header .action-area {
  margin-left: 40px;
  float: left; }
  .list-header .action-area .btn {
    height: 34px;
    margin-left: 16px;
    padding: 4px 16px;
    border: 1px solid #ddd;
    border-radius: 2px;
    background: #f9f9f9;
    color: #666; }
    .list-header .action-area .btn:hover {
      background: #fff; }
    .list-header .action-area .btn .icon {
      vertical-align: -.25em; }

.articles {
  border: 0;
  background-color: transparent;
  box-shadow: none; }
  .articles .article-row .title.disabled {
    color: #666; }
  .articles .article-row .action-menu .dropdown-toggle {
    padding: 4px 0;
    text-align: center; }
    .articles .article-row .action-menu .dropdown-toggle a {
      display: block;
      width: 100%; }

.new-article .buttons {
  margin: 0 -15px;
  padding: 16px 16px 0;
  border-top: 1px solid #d9d9d9;
  text-align: right; }
  .new-article .buttons .cancel {
    color: #a2cf6e; }
  .new-article .buttons .select {
    margin-left: 16px; }

.new-article .templates {
  max-height: 400px;
  margin: -15px -15px 0;
  padding: 15px 15px 0;
  overflow: auto; }

.new-article .template {
  display: block;
  position: relative;
  margin-bottom: 12px;
  padding: 16px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  cursor: pointer; }
  .new-article .template::after {
    display: block;
    clear: both;
    content: ''; }
  .new-article .template:hover {
    border-color: #a2cf6e;
    color: #a2cf6e;
    box-shadow: 0 0 3px #a2cf6e; }
    .new-article .template:hover .template-description {
      color: #a2cf6e; }
  .new-article .template.selected {
    border-color: #a2cf6e;
    background-color: #a2cf6e;
    color: #fff; }
    .new-article .template.selected .template-image {
      color: #fff; }
    .new-article .template.selected .template-description {
      color: #fff; }
  .new-article .template .template-title {
    font-size: 20px; }
    .new-article .template .template-title .warning-notice {
      display: contents;
      color: #ff4081; }
  .new-article .template .template-image {
    position: relative;
    width: 60px;
    height: 60px;
    margin-right: 16px;
    float: left;
    color: #a2cf6e; }
    .new-article .template .template-image .icon {
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -16px;
      margin-left: -16px;
      font-size: 32px;
      line-height: 1; }
  .new-article .template .template-description {
    margin-top: 8px;
    color: #999; }

.widget-container .images {
  margin-top: 32px; }
  .widget-container .images::after {
    display: block;
    clear: both;
    content: ''; }
  .widget-container .images .image-block {
    display: block;
    width: 216px;
    height: 216px;
    margin-right: 30px;
    margin-bottom: 30px;
    float: left;
    transition: .3s;
    background-color: #999;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    cursor: pointer; }
    .widget-container .images .image-block:hover {
      opacity: .8; }

.article-import .result {
  position: relative;
  height: 100%;
  margin-top: 16px; }

.article-import .page {
  height: 100%; }
  .article-import .page .og-image {
    width: 100%;
    height: 100%;
    margin: 0 auto; }
    .article-import .page .og-image .thumb {
      width: 100%;
      height: 100%;
      background-color: #eee;
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
      cursor: pointer; }
      .article-import .page .og-image .thumb img {
        display: block;
        max-width: 568px;
        max-height: 568px;
        margin: 0 auto; }
    .article-import .page .og-image .no-image {
      height: 100%;
      background: #eee;
      color: #999;
      font-size: 16px;
      text-align: center; }
  .article-import .page .item-subtitle {
    margin-top: 24px;
    margin-bottom: 16px;
    color: #999; }
    .article-import .page .item-subtitle .float {
      float: left; }
    .article-import .page .item-subtitle .help {
      margin-left: 4px; }
      .article-import .page .item-subtitle .help.green .icon {
        color: #a2cf6e; }
  .article-import .page .checkbox [type='checkbox'] {
    margin-top: 3px;
    margin-left: 0; }
  .article-import .page .summary {
    height: 72px; }
  .article-import .page .dropdown-toggle {
    width: 280px;
    color: #999;
    text-align: left; }
    .article-import .page .dropdown-toggle.selected {
      font-weight: 400; }
  .article-import .page .choice-item.inline {
    display: inline;
    margin-right: 24px; }
    .article-import .page .choice-item.inline label {
      margin-left: 6px;
      font-weight: 400; }
  .article-import .page .publisher {
    margin-top: 16px;
    padding-left: 20px;
    background-image: url(/assets/publisher.png);
    background-repeat: no-repeat;
    background-size: 14px;
    color: #999;
    overflow: hidden;
    background-position-y: 2px; }
  .article-import .page .user-selector {
    width: 280px; }
  .article-import .page .search-result {
    width: 280px;
    max-height: 200px; }
  .article-import .page .pick {
    position: relative;
    margin-bottom: 16px;
    padding-bottom: 16px; }
    .article-import .page .pick .user {
      position: relative; }
    .article-import .page .pick .user::after {
      display: block;
      clear: both;
      content: ''; }
    .article-import .page .pick .cover {
      margin-right: 10px;
      float: left; }
      .article-import .page .pick .cover img {
        width: 40px;
        height: 40px; }
    .article-import .page .pick .profile .name {
      font-weight: bold; }
    .article-import .page .pick .profile .title {
      margin-top: 4px;
      color: #999;
      font-size: 12px;
      line-height: 1; }
    .article-import .page .pick .remove {
      position: absolute;
      top: 50%;
      right: 0;
      margin-top: -12px;
      color: #ccc; }
      .article-import .page .pick .remove .icon {
        font-size: 20px; }
    .article-import .page .pick textarea {
      width: 100%;
      height: 88px;
      margin-top: 16px; }
  .article-import .page .dropdown-list .dropdown-item {
    display: block;
    width: 280px;
    padding: 8px;
    color: #999; }
  .article-import .page .dropdown-list .dropdown-item::after {
    display: block;
    clear: both;
    content: ''; }
  .article-import .page .dropdown-list .cover {
    margin-right: 16px;
    float: left; }
    .article-import .page .dropdown-list .cover img {
      width: 40px;
      height: 40px; }
  .article-import .page .dropdown-list .userinfo .name {
    font-size: 16px; }
  .article-import .page .dropdown-list .userinfo .title {
    font-size: 12px; }
  .article-import .page::after {
    display: block;
    clear: both;
    content: ''; }

.article-import .notfound {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  margin-top: -10px;
  text-align: center; }

.article-import .buttons {
  margin-top: 16px;
  text-align: right; }
  .article-import .buttons .import {
    margin-left: 16px; }
  .article-import .buttons .cancel {
    color: #a2cf6e; }

.article-import .feedbacks {
  margin-top: 16px; }

.article-import .annotation {
  margin-top: 8px;
  color: #999;
  font-size: 12px; }
  .article-import .annotation::before {
    content: '\203B'; }

.contents-schedule.list-header {
  margin-bottom: 32px; }
  .contents-schedule.list-header .navigation-area {
    float: right; }
  .contents-schedule.list-header .date-nav {
    margin-right: 32px; }
    .contents-schedule.list-header .date-nav .nav-item {
      padding: 4px 16px;
      float: left;
      border: 1px solid #d9d9d9;
      cursor: pointer; }
      .contents-schedule.list-header .date-nav .nav-item .material-icons {
        vertical-align: -.2em; }
      .contents-schedule.list-header .date-nav .nav-item.today {
        margin-right: 16px;
        line-height: 24px; }
  .contents-schedule.list-header .period {
    margin-right: 32px; }
    .contents-schedule.list-header .period div {
      padding: 4px 16px;
      float: left;
      border: 1px solid #d9d9d9;
      line-height: 24px;
      cursor: pointer; }
  .contents-schedule.list-header .reload {
    padding: 4px 16px;
    float: left;
    border: 1px solid #d9d9d9;
    line-height: 24px; }

.contents-schedule .error {
  color: #ff4081; }

.contents-schedule .schedule-content {
  display: table;
  position: relative;
  width: 100%;
  margin-top: 16px;
  background-color: #fff;
  border-collapse: collapse;
  table-layout: fixed; }
  .contents-schedule .schedule-content.dragging .article {
    pointer-events: none; }
  .contents-schedule .schedule-content.dragging .add {
    display: none !important; }

.contents-schedule .sc-row {
  display: table-row; }

.contents-schedule .sc-col {
  display: table-cell;
  position: relative;
  padding: 10px;
  border: 1px solid #d9d9d9;
  vertical-align: top; }
  .contents-schedule .sc-col.period {
    width: 120px; }
    .contents-schedule .sc-col.period .time {
      color: #999;
      font-size: 12px; }
  .contents-schedule .sc-col.date {
    font-weight: bold; }
  .contents-schedule .sc-col.today {
    background: #f9f9f9; }
    .contents-schedule .sc-col.today.date {
      background: #fff;
      color: #a2cf6e; }
      .contents-schedule .sc-col.today.date::before {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        border: 1px solid #a2cf6e;
        content: ''; }
    .contents-schedule .sc-col.today .add {
      background: #f9f9f9; }
  .contents-schedule .sc-col.header {
    text-align: center;
    vertical-align: middle; }
  .contents-schedule .sc-col .add {
    display: none;
    position: absolute;
    right: 2px;
    bottom: 2px;
    background: #fff; }
    .contents-schedule .sc-col .add .material-icons {
      font-size: 18px;
      vertical-align: -.2em; }
  .contents-schedule .sc-col.dragover {
    background-color: rgba(162, 207, 110, 0.3); }
  .contents-schedule .sc-col:hover .add {
    display: block;
    text-decoration: none; }

.contents-schedule .article {
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  position: relative;
  margin-bottom: 8px;
  padding: 8px;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  background: #fff;
  overflow: hidden; }
  .contents-schedule .article[draggable='true'] {
    cursor: -moz-grab;
    cursor: -webkit-grab;
    cursor: grab; }
    .contents-schedule .article[draggable='true']:active {
      cursor: -moz-grabbing;
      cursor: -webkit-grabbing;
      cursor: grabbing; }
  .contents-schedule .article[draggable='false'] .drag-handle {
    display: none; }
  .contents-schedule .article[draggable='false'] .texts {
    width: calc(100% - 108px); }
  .contents-schedule .article.dragging {
    background-color: #eee; }
    .contents-schedule .article.dragging .setting,
    .contents-schedule .article.dragging .setting-switch,
    .contents-schedule .article.dragging .drag-handle {
      display: none; }
  .contents-schedule .article .robot,
  .contents-schedule .article .article-status,
  .contents-schedule .article .published,
  .contents-schedule .article .paid,
  .contents-schedule .article .lock {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-right: 8px;
    float: left;
    color: #999;
    font-size: 12px; }
  .contents-schedule .article .robot {
    float: none; }
  .contents-schedule .article .eyecatch {
    width: 100px;
    height: 40px;
    margin-right: 8px;
    float: left;
    background-size: contain; }
    .contents-schedule .article .eyecatch.no-image {
      background: #eee; }
      .contents-schedule .article .eyecatch.no-image::before {
        display: block;
        margin-top: 14px;
        color: #999;
        font-size: 12px;
        line-height: 1;
        text-align: center;
        content: 'No Image'; }
  .contents-schedule .article .texts {
    width: calc(100% - 140px);
    float: left; }
  .contents-schedule .article .title {
    margin: 2px 0; }
    .contents-schedule .article .title a {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      display: block; }
  .contents-schedule .article .drag-handle {
    padding-top: 8px; }
    .contents-schedule .article .drag-handle .material-icons {
      color: #ccc; }
      .contents-schedule .article .drag-handle .material-icons:hover {
        color: #999; }
  .contents-schedule .article .article-status .status::before {
    margin: 3px 4px 0 0; }
  .contents-schedule .article .setting {
    position: absolute;
    right: 0;
    bottom: -40px;
    left: 0;
    padding: 2px 8px 8px;
    transition: .4s;
    background-color: rgba(255, 255, 255, 0.88);
    line-height: 1;
    text-align: right; }
    .contents-schedule .article .setting .material-icons {
      margin-right: 4px;
      font-size: 16px;
      vertical-align: -.2em; }
    .contents-schedule .article .setting a {
      margin-right: 16px;
      color: #999;
      font-size: 12px; }
      .contents-schedule .article .setting a:last-child {
        margin-right: 0; }
  .contents-schedule .article.show-setting .setting {
    bottom: 0; }
  .contents-schedule .article.change-published .setting {
    display: block; }
    .contents-schedule .article.change-published .setting .check {
      display: none; }

.contents-schedule .date-selector {
  display: none;
  position: absolute;
  padding: 8px;
  background: #fff;
  box-shadow: 0 0 8px -1px #ccc; }
  .contents-schedule .date-selector .buttons {
    margin: 6px 8px 8px;
    text-align: right; }
    .contents-schedule .date-selector .buttons .cancel {
      margin-right: 16px; }
  .contents-schedule .date-selector .floating-datetimepicker {
    border: 0; }
  .contents-schedule .date-selector.show {
    display: block; }

.contents-schedule .annotation-text {
  color: #666;
  font-size: 16px; }

.books {
  padding-top: 16px; }
  .books .cards::after {
    display: block;
    clear: both;
    content: ''; }
  .books .book {
    position: relative;
    width: calc(100% / 2 - 32px);
    height: 284px;
    margin: 0 32px 32px 0;
    float: left;
    background: #fff;
    color: #666;
    cursor: pointer; }
    .books .book .cover-image {
      display: table-cell;
      width: 196px;
      max-width: 196px;
      height: 284px;
      background-color: #ccc;
      background-position: center;
      background-size: cover;
      color: #fff;
      text-align: center;
      vertical-align: middle; }
      .books .book .cover-image.noimage::before {
        display: block;
        content: 'No Image'; }
    .books .book .attributes {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      display: table-cell;
      position: relative;
      width: 256px;
      max-width: 256px; }
      .books .book .attributes .title {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        margin: 16px;
        font-size: 16px; }
    .books .book .contents {
      margin: 16px; }
      .books .book .contents .content {
        position: relative; }
        .books .book .contents .content::after {
          display: block;
          clear: both;
          content: ''; }
      .books .book .contents .content-title {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden; }
      .books .book .contents .index {
        margin-right: 8px;
        margin-bottom: 8px;
        float: left; }
        .books .book .contents .index::after {
          content: '.'; }
    .books .book .caption {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      margin: 16px;
      color: #999;
      font-size: 12px; }
    .books .book .all {
      position: absolute;
      right: 0;
      bottom: 6px;
      margin: 10px;
      color: #999;
      font-size: 12px; }
    .books .book:nth-child(2) {
      margin-right: 0; }
    .books .book:hover {
      color: #000;
      box-shadow: 0 0 8px #ccc; }
      .books .book:hover .remove {
        display: block; }

.upload-file-content {
  -webkit-box-shadow: 0 3px 9px #ccc;
  box-shadow: 0 3px 9px #ccc;
  position: relative;
  width: 600px;
  margin: auto;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  background-clip: padding-box;
  background-color: #fff; }
  .upload-file-content .upload-file-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5; }
    .upload-file-content .upload-file-header:before, .upload-file-content .upload-file-header:after {
      content: " ";
      display: table; }
    .upload-file-content .upload-file-header:after {
      clear: both; }
    .upload-file-content .upload-file-header .title {
      margin: 0;
      line-height: 1.42857; }
  .upload-file-content .upload-file {
    padding: 40px;
    text-align: center;
    pointer-events: auto; }
    .upload-file-content .upload-file .file-select {
      display: block;
      padding: 32px;
      background-color: #eee;
      font-weight: normal;
      cursor: pointer; }
    .upload-file-content .upload-file .material-icons {
      margin: 24px 0 8px;
      color: #999; }
    .upload-file-content .upload-file .description {
      color: #999;
      font-size: 12px; }
    .upload-file-content .upload-file progress {
      display: none;
      position: absolute;
      top: 50%;
      left: 100px;
      width: calc(100% - 200px); }
  .upload-file-content.in-progress .file-select {
    opacity: .4; }
  .upload-file-content.in-progress progress {
    display: block; }

.recruit-applicant .list-header .header-item .action-btn {
  position: relative;
  margin-left: 16px;
  padding: 10px 16px;
  font-size: 12px; }

.recruit-applicant .list-header .main-row .counts {
  display: inline;
  margin-left: 10px;
  font-size: 13px; }
  .recruit-applicant .list-header .main-row .counts .count-detail {
    display: inline;
    margin-left: 10px;
    color: #999; }

.recruit-applicant .widget {
  table-layout: fixed; }
  .recruit-applicant .widget .profile-summary,
  .recruit-applicant .widget .current-job .company {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 180px; }
  .recruit-applicant .widget .social-button {
    display: inline-block;
    width: 20px;
    margin-left: 8px;
    border: 1px solid;
    text-align: center; }
  .recruit-applicant .widget .application-summary,
  .recruit-applicant .widget .current-job,
  .recruit-applicant .widget .motivation,
  .recruit-applicant .widget .applicantion-date {
    font-size: 12px; }
  .recruit-applicant .widget .current-job .subtable td .small {
    white-space: normal; }
  .recruit-applicant .widget .btn {
    width: 100px;
    text-align: center; }
    .recruit-applicant .widget .btn:first-child {
      margin-bottom: 6px; }
  .recruit-applicant .widget .selection-status {
    position: relative; }
    .recruit-applicant .widget .selection-status .current-status {
      padding: 6px 8px;
      border: 1px solid #d9d9d9;
      text-align: center;
      cursor: pointer; }
      .recruit-applicant .widget .selection-status .current-status span {
        font-size: 12px; }
      .recruit-applicant .widget .selection-status .current-status .icon {
        font-size: 14px;
        vertical-align: -.2em; }
    .recruit-applicant .widget .selection-status .status-list {
      display: none;
      position: absolute;
      left: 0;
      width: 106px;
      background: #fff;
      box-shadow: 0 0 8px -1px #999;
      z-index: 1; }
      .recruit-applicant .widget .selection-status .status-list .status-item {
        padding: 8px 0;
        font-size: 12px;
        text-align: center;
        cursor: pointer; }
        .recruit-applicant .widget .selection-status .status-list .status-item:hover {
          background: #eee; }
    .recruit-applicant .widget .selection-status .mask {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0; }
      .recruit-applicant .widget .selection-status .mask.updated::before {
        background: #ecf5e2;
        opacity: .9; }
      .recruit-applicant .widget .selection-status .mask.updated .spinner {
        display: none; }
      .recruit-applicant .widget .selection-status .mask.updated .check {
        display: block; }
      .recruit-applicant .widget .selection-status .mask.error::before {
        background: #ffd9e6;
        opacity: .9; }
      .recruit-applicant .widget .selection-status .mask.error .spinner {
        display: none; }
      .recruit-applicant .widget .selection-status .mask.error .ng {
        display: block; }
      .recruit-applicant .widget .selection-status .mask::before {
        display: block;
        width: 100%;
        height: 100%;
        transition: .4s;
        background: #eee;
        content: '';
        opacity: .6; }
      .recruit-applicant .widget .selection-status .mask .fa {
        position: absolute;
        top: 50%;
        left: 50%; }
      .recruit-applicant .widget .selection-status .mask .spinner {
        margin-top: -8px;
        margin-left: -10px;
        color: #666; }
      .recruit-applicant .widget .selection-status .mask .check {
        display: none;
        margin-top: -7px;
        margin-left: -7px;
        color: #a2cf6e;
        text-shadow: 0 1px 3px #999; }
      .recruit-applicant .widget .selection-status .mask .ng {
        display: none;
        margin-top: -7px;
        margin-left: -2px;
        color: #ff4081;
        text-shadow: 0 1px 3px #999; }

.recruit-creator .list-header {
  margin-bottom: 16px; }

.recruit-creator .feedback {
  margin-bottom: 16px;
  padding: 12px 18px;
  background: #ffd9e6;
  color: #ff4081; }
  .recruit-creator .feedback .icon {
    margin-right: 4px;
    font-size: 16px;
    font-weight: bold;
    vertical-align: -.2em; }
  .recruit-creator .feedback .text {
    line-height: 1; }

.recruit-creator .empty {
  margin-top: 40px; }

.recruit-creator form .widget .form-group label .help {
  margin-left: 4px; }

.recruit-creator form .widget + .widget {
  margin-top: 16px; }

.recruit-creator form .widget-table tbody tr td {
  padding: 10px 0; }

.recruit-creator .feedback-list {
  margin-top: 20px; }

.recruit-creator .operation {
  margin-top: 16px; }

.leaflet-items .list-header .search-article input {
  width: 320px; }

.leaflet-items .widget {
  border: 0;
  background-color: transparent;
  box-shadow: none; }
  .leaflet-items .widget .leaflet-item {
    display: table;
    width: 100%;
    margin-bottom: 16px;
    padding: 8px;
    background: #fff;
    box-shadow: 0 0 3px #ccc;
    table-layout: fixed; }
    .leaflet-items .widget .leaflet-item .col {
      display: table-cell;
      padding: 8px;
      vertical-align: middle; }
      .leaflet-items .widget .leaflet-item .col .sub-text {
        color: #999;
        font-size: 12px; }
      .leaflet-items .widget .leaflet-item .col.created {
        width: 240px; }
    .leaflet-items .widget .leaflet-item .switch {
      width: 60px; }
      .leaflet-items .widget .leaflet-item .switch .onoffswitch-checkbox:checked + .onoffswitch-label {
        background-color: #7248bd; }
      .leaflet-items .widget .leaflet-item .switch .onoffswitch-checkbox:checked + .onoffswitch-label,
      .leaflet-items .widget .leaflet-item .switch .onoffswitch-checkbox:checked + .onoffswitch-label::before {
        border-color: #7248bd; }
    .leaflet-items .widget .leaflet-item .title a {
      font-size: 14px;
      cursor: pointer; }
    .leaflet-items .widget .leaflet-item .title .sub-text {
      margin-top: 4px; }

.widget.leaflet-item-edit {
  min-width: 1100px;
  padding-bottom: 40px;
  overflow: auto; }
  .widget.leaflet-item-edit .widget-heading {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    height: 56px;
    background: #fff;
    z-index: 1; }
    .widget.leaflet-item-edit .widget-heading .left {
      display: table;
      position: absolute;
      top: 0;
      left: 0;
      height: 56px; }
      .widget.leaflet-item-edit .widget-heading .left .title {
        display: table-cell;
        font-size: 16px;
        vertical-align: middle; }
      .widget.leaflet-item-edit .widget-heading .left .header-left-icon {
        color: #7248bd; }
    .widget.leaflet-item-edit .widget-heading .right {
      position: absolute;
      top: 50%;
      right: 0;
      margin-top: -19px;
      margin-right: 56px; }
      .widget.leaflet-item-edit .widget-heading .right .btn {
        margin-right: 16px; }
        .widget.leaflet-item-edit .widget-heading .right .btn:last-child {
          margin-right: 0; }
    .widget.leaflet-item-edit .widget-heading .widget-heading-content {
      width: 880px;
      margin: auto; }
  .widget.leaflet-item-edit .widget-body {
    width: 880px;
    margin: auto;
    margin-top: 56px;
    padding-top: 16px; }
  .widget.leaflet-item-edit .edit-steps {
    display: table;
    height: 56px; }
    .widget.leaflet-item-edit .edit-steps .step {
      display: table-cell;
      color: #999;
      vertical-align: middle; }
      .widget.leaflet-item-edit .edit-steps .step.active .content {
        color: #000;
        font-weight: bold; }
      .widget.leaflet-item-edit .edit-steps .step.active .index::before {
        background-color: #7248bd; }
      .widget.leaflet-item-edit .edit-steps .step.active .material-icons {
        color: #ddd; }
      .widget.leaflet-item-edit .edit-steps .step .index {
        position: relative;
        width: 20px;
        height: 20px;
        float: left; }
        .widget.leaflet-item-edit .edit-steps .step .index::before {
          position: absolute;
          width: 100%;
          height: 100%;
          border-radius: 10px;
          background: #ddd;
          content: ''; }
        .widget.leaflet-item-edit .edit-steps .step .index span {
          display: block;
          position: absolute;
          top: 50%;
          width: 100%;
          margin-top: -6px;
          color: #fff;
          font-size: 12px;
          line-height: 12px;
          text-align: center; }
      .widget.leaflet-item-edit .edit-steps .step .content {
        margin-left: 12px;
        float: left;
        line-height: 20px; }
    .widget.leaflet-item-edit .edit-steps .material-icons {
      display: table-cell;
      padding: 0 16px;
      color: #ddd;
      vertical-align: middle; }
  .widget.leaflet-item-edit .edit-content {
    padding-top: 24px; }
    .widget.leaflet-item-edit .edit-content .block {
      margin-bottom: 48px; }
      .widget.leaflet-item-edit .edit-content .block.with-border {
        padding-bottom: 40px;
        border-bottom: 1px solid #d9d9d9; }
    .widget.leaflet-item-edit .edit-content .block-title {
      margin-bottom: 32px;
      color: #7248bd;
      font-size: 20px;
      font-weight: bold; }
    .widget.leaflet-item-edit .edit-content .item-group {
      margin-bottom: 24px; }
      .widget.leaflet-item-edit .edit-content .item-group::after {
        display: block;
        clear: both;
        content: ''; }
      .widget.leaflet-item-edit .edit-content .item-group:last-child {
        margin-bottom: 0; }
      .widget.leaflet-item-edit .edit-content .item-group.multi-line .item-title {
        line-height: 1.4; }
    .widget.leaflet-item-edit .edit-content .item-title,
    .widget.leaflet-item-edit .edit-content .item-value {
      float: left; }
    .widget.leaflet-item-edit .edit-content .item-title {
      width: 170px;
      padding-right: 16px;
      font-weight: bold;
      line-height: 34px; }
      .widget.leaflet-item-edit .edit-content .item-title .sub {
        color: #636466;
        font-weight: normal; }
      .widget.leaflet-item-edit .edit-content .item-title .help {
        line-height: normal; }
    .widget.leaflet-item-edit .edit-content .item-value {
      width: calc(100% - 170px); }
      .widget.leaflet-item-edit .edit-content .item-value textarea {
        height: 9.6em;
        line-height: 1.6; }
        .widget.leaflet-item-edit .edit-content .item-value textarea.small {
          height: 4.8em; }
    .widget.leaflet-item-edit .edit-content .image-selector {
      width: 184px;
      height: 104px; }
      .widget.leaflet-item-edit .edit-content .image-selector.big {
        width: 300px;
        height: 158px; }
        .widget.leaflet-item-edit .edit-content .image-selector.big .circle-icon {
          margin-top: 48px; }
    .widget.leaflet-item-edit .edit-content .step-title {
      font-size: 20px;
      font-weight: bold; }
  .widget.leaflet-item-edit .step.preview {
    display: table;
    width: 100%; }
    .widget.leaflet-item-edit .step.preview .preview-block {
      display: table-cell;
      height: 100%; }
      .widget.leaflet-item-edit .step.preview .preview-block:first-child {
        vertical-align: middle; }
    .widget.leaflet-item-edit .step.preview .step-title {
      color: #7248bd; }
    .widget.leaflet-item-edit .step.preview .setp-description {
      margin-top: 24px;
      font-weight: bold; }
    .widget.leaflet-item-edit .step.preview .publish {
      margin-top: 24px; }
  .widget.leaflet-item-edit .preview-header::after {
    display: block;
    clear: both;
    content: ''; }
  .widget.leaflet-item-edit .edit {
    margin-left: 16px;
    float: left; }
    .widget.leaflet-item-edit .edit .btn {
      border: 1px solid #7248bd;
      border-radius: 4px;
      line-height: 12px; }
  .widget.leaflet-item-edit .tabs {
    display: inline-block;
    float: left;
    border-bottom: 1px solid #d9d9d9; }
    .widget.leaflet-item-edit .tabs::after {
      display: block;
      clear: both;
      content: ''; }
    .widget.leaflet-item-edit .tabs .tab {
      padding: 0 24px 8px;
      float: left;
      border-bottom: 3px solid transparent;
      color: #999;
      font-size: 16px; }
      .widget.leaflet-item-edit .tabs .tab.active {
        border-bottom-color: #7248bd;
        color: #000;
        font-weight: bold; }
  .widget.leaflet-item-edit .tab-contents {
    position: relative; }
    .widget.leaflet-item-edit .tab-contents .tab-content {
      display: none;
      padding: 32px 0; }
      .widget.leaflet-item-edit .tab-contents .tab-content.active {
        display: block; }
      .widget.leaflet-item-edit .tab-contents .tab-content .preview-frame {
        width: 375px;
        height: 560px;
        border-radius: 4px;
        box-shadow: 0 0 4px #ccc;
        overflow-y: auto; }
      .widget.leaflet-item-edit .tab-contents .tab-content .leaflet-preview .section {
        border-bottom: 8px solid #dadbdd; }
        .widget.leaflet-item-edit .tab-contents .tab-content .leaflet-preview .section:last-child {
          border-bottom: 0; }
        .widget.leaflet-item-edit .tab-contents .tab-content .leaflet-preview .section.company {
          padding: 0 0 16px; }
        .widget.leaflet-item-edit .tab-contents .tab-content .leaflet-preview .section .section-title {
          padding: 12px 16px;
          border-bottom: 1px solid #d9d9d9;
          font-weight: bold;
          line-height: 16px; }
          .widget.leaflet-item-edit .tab-contents .tab-content .leaflet-preview .section .section-title::before {
            display: block;
            width: 16px;
            height: 16px;
            margin-right: 8px;
            float: left;
            border-radius: 8px;
            background: #467bf8;
            content: ''; }
        .widget.leaflet-item-edit .tab-contents .tab-content .leaflet-preview .section .block {
          margin-bottom: 0;
          padding: 16px;
          border-bottom: 1px solid #d9d9d9; }
          .widget.leaflet-item-edit .tab-contents .tab-content .leaflet-preview .section .block:last-child {
            border-bottom: 0; }
      .widget.leaflet-item-edit .tab-contents .tab-content .leaflet-preview .overview {
        padding: 16px; }
        .widget.leaflet-item-edit .tab-contents .tab-content .leaflet-preview .overview .qualifications,
        .widget.leaflet-item-edit .tab-contents .tab-content .leaflet-preview .overview .salary {
          text-overflow: ellipsis;
          white-space: nowrap;
          overflow: hidden; }
          .widget.leaflet-item-edit .tab-contents .tab-content .leaflet-preview .overview .qualifications span,
          .widget.leaflet-item-edit .tab-contents .tab-content .leaflet-preview .overview .salary span {
            color: #999;
            font-size: 12px; }
        .widget.leaflet-item-edit .tab-contents .tab-content .leaflet-preview .overview .title {
          font-size: 20px;
          font-weight: bold; }
        .widget.leaflet-item-edit .tab-contents .tab-content .leaflet-preview .overview .company {
          margin: 8px 0; }
          .widget.leaflet-item-edit .tab-contents .tab-content .leaflet-preview .overview .company .company-icon {
            width: 24px;
            height: 24px;
            margin-right: 8px;
            float: left;
            border-radius: 12px;
            background: #999; }
          .widget.leaflet-item-edit .tab-contents .tab-content .leaflet-preview .overview .company .company-name {
            padding: 6px 0;
            color: #999;
            font-size: 12px;
            line-height: 1; }
          .widget.leaflet-item-edit .tab-contents .tab-content .leaflet-preview .overview .company::after {
            display: block;
            clear: both;
            content: ''; }
        .widget.leaflet-item-edit .tab-contents .tab-content .leaflet-preview .overview .conditions {
          margin-top: 8px;
          padding-top: 8px;
          border-top: 2px solid #f9f9f9;
          font-size: 12px; }
          .widget.leaflet-item-edit .tab-contents .tab-content .leaflet-preview .overview .conditions table {
            table-layout: fixed; }
          .widget.leaflet-item-edit .tab-contents .tab-content .leaflet-preview .overview .conditions th,
          .widget.leaflet-item-edit .tab-contents .tab-content .leaflet-preview .overview .conditions td {
            vertical-align: top; }
          .widget.leaflet-item-edit .tab-contents .tab-content .leaflet-preview .overview .conditions th {
            width: 44px;
            padding: 4px 0 2px;
            color: #777f97;
            font-size: 10px;
            text-align: left; }
          .widget.leaflet-item-edit .tab-contents .tab-content .leaflet-preview .overview .conditions td {
            padding: 2px 0;
            color: #222439; }
      .widget.leaflet-item-edit .tab-contents .tab-content .leaflet-preview .recruit .block:last-child {
        border-bottom: 0; }
      .widget.leaflet-item-edit .tab-contents .tab-content .leaflet-preview .recruit .heading {
        margin-bottom: 16px;
        color: #0d3f89;
        font-size: 18px;
        line-height: 1.6; }
      .widget.leaflet-item-edit .tab-contents .tab-content .leaflet-preview .icon {
        width: 24px;
        margin-right: 8px;
        font-size: 16px;
        text-align: center;
        vertical-align: -.2em; }
      .widget.leaflet-item-edit .tab-contents .tab-content .leaflet-preview .cover {
        width: 100%;
        height: 154px;
        margin: 16px 0;
        border-radius: 4px;
        background-size: cover; }
      .widget.leaflet-item-edit .tab-contents .tab-content .leaflet-preview .profile {
        margin-top: 16px; }
        .widget.leaflet-item-edit .tab-contents .tab-content .leaflet-preview .profile .heading {
          color: #032250;
          font-size: 22px; }
        .widget.leaflet-item-edit .tab-contents .tab-content .leaflet-preview .profile .block {
          margin-bottom: 24px;
          padding-bottom: 24px;
          border-bottom: 1px solid #d9d9d9; }
          .widget.leaflet-item-edit .tab-contents .tab-content .leaflet-preview .profile .block:last-child {
            padding-bottom: 0;
            border-bottom: 0; }
      .widget.leaflet-item-edit .tab-contents .tab-content .leaflet-preview .details .block {
        padding: 24px 16px;
        border-bottom: 1px solid #d9d9d9; }
        .widget.leaflet-item-edit .tab-contents .tab-content .leaflet-preview .details .block:last-child {
          border-bottom: 0; }
        .widget.leaflet-item-edit .tab-contents .tab-content .leaflet-preview .details .block .title {
          color: #032250;
          font-weight: bold; }
        .widget.leaflet-item-edit .tab-contents .tab-content .leaflet-preview .details .block .value {
          font-size: 16px;
          line-height: 1.5;
          white-space: pre-wrap; }
  .widget.leaflet-item-edit .edit-footer {
    margin-top: 88px; }
    .widget.leaflet-item-edit .edit-footer .btn {
      margin-right: 16px;
      float: left; }
    .widget.leaflet-item-edit .edit-footer .back {
      padding: 8px 24px;
      color: #90939a;
      cursor: pointer; }
    .widget.leaflet-item-edit .edit-footer .save {
      margin-right: 16px; }

@media only screen and (max-width: 1230px) {
  .widget.leaflet-item-edit .widget-heading .left .title {
    display: none; } }

.recruits .message-btn {
  position: relative; }
  .recruits .message-btn .fa-spinner {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -7px;
    margin-left: -7px; }
  .recruits .message-btn.disabled .fa-spinner {
    display: block; }

.applicant-detail {
  max-height: 600px;
  padding: 0;
  overflow: auto; }
  .applicant-detail .with-border {
    border-bottom: 1px solid #d9d9d9; }
  .applicant-detail .social-button {
    display: inline-block;
    width: 32px;
    height: 32px;
    margin-left: 16px;
    border: 1px solid;
    text-align: center; }
  .applicant-detail .open-np {
    display: block;
    margin-top: 8px;
    margin-left: 96px;
    color: #999; }
    .applicant-detail .open-np .icon {
      margin-right: 4px;
      font-size: 16px;
      vertical-align: -.2em; }
  .applicant-detail .work-history {
    position: relative;
    max-height: 3em;
    margin: 8px 60px 0 96px;
    line-height: 1.5;
    overflow: hidden; }
    .applicant-detail .work-history .readmore {
      display: none;
      position: absolute;
      right: 0;
      bottom: 0;
      padding-left: 8px;
      background: #fff; }
    .applicant-detail .work-history .title {
      width: 40px;
      float: left; }
    .applicant-detail .work-history.overflowed .readmore {
      display: block; }
    .applicant-detail .work-history.expand {
      max-height: initial;
      max-height: auto; }
      .applicant-detail .work-history.expand .readmore {
        display: none; }
  .applicant-detail .user {
    position: relative;
    padding: 40px; }
    .applicant-detail .user::after {
      display: block;
      clear: both;
      content: ''; }
    .applicant-detail .user .cover {
      margin-right: 16px;
      float: left; }
      .applicant-detail .user .cover img {
        width: 80px;
        height: 80px; }
    .applicant-detail .user .userinfo {
      position: relative; }
      .applicant-detail .user .userinfo .big {
        font-size: 24px; }
      .applicant-detail .user .userinfo .profile {
        margin-top: 8px; }
      .applicant-detail .user .userinfo .sub {
        color: #999; }
      .applicant-detail .user .userinfo .latest-application {
        margin-top: 2px; }
      .applicant-detail .user .userinfo .message {
        position: absolute;
        top: 0;
        right: 0; }
        .applicant-detail .user .userinfo .message .btn:first-child {
          margin-right: 16px; }
  .applicant-detail .bottom {
    display: table;
    width: 100%;
    background: #f0f0f0; }
  .applicant-detail .block {
    position: relative; }
    .applicant-detail .block .loading-container {
      position: static;
      height: 0;
      min-height: initial; }
  .applicant-detail .sub-block {
    padding: 0; }
    .applicant-detail .sub-block:first-child {
      border-right: 1px solid #d9d9d9; }
    .applicant-detail .sub-block .block-title {
      margin: 16px 24px;
      color: #999; }
    .applicant-detail .sub-block .block-content {
      margin: 16px 0;
      padding: 0 24px; }
  .applicant-detail .picks {
    display: table-cell;
    width: 60%; }
    .applicant-detail .picks .more {
      text-align: center; }
      .applicant-detail .picks .more a {
        color: #999; }
      .applicant-detail .picks .more .icon {
        margin-right: 4px;
        font-size: 16px;
        vertical-align: -.2em; }
  .applicant-detail .pick {
    margin-bottom: 24px;
    background: #fff; }
    .applicant-detail .pick .news {
      padding: 16px;
      border-bottom: 1px solid #d9d9d9; }
      .applicant-detail .pick .news::after {
        display: block;
        clear: both;
        content: ''; }
    .applicant-detail .pick .title {
      height: 48px;
      padding-top: 2px;
      font-size: 16px;
      overflow: hidden; }
    .applicant-detail .pick .image {
      width: 120px;
      height: 72px;
      margin-right: 16px;
      float: left;
      background-color: #eee;
      background-position: center;
      background-size: cover; }
    .applicant-detail .pick .meta {
      margin-top: 6px;
      color: #999; }
      .applicant-detail .pick .meta::after {
        display: block;
        clear: both;
        content: ''; }
    .applicant-detail .pick .publisher,
    .applicant-detail .pick .published {
      margin-right: 8px;
      padding-left: 18px;
      float: left;
      background-repeat: no-repeat;
      background-size: 14px;
      font-size: 12px; }
    .applicant-detail .pick .publisher {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      max-width: 168px;
      background-image: url(/assets/publisher.png);
      background-position-y: 1px; }
    .applicant-detail .pick .published {
      background-image: url(/assets/published.png); }
    .applicant-detail .pick .comment-wrapper {
      padding: 16px; }
      .applicant-detail .pick .comment-wrapper .comment {
        max-height: 4.5em;
        margin-bottom: 4px;
        line-height: 1.5;
        overflow: hidden;
        word-break: break-all; }
        .applicant-detail .pick .comment-wrapper .comment:empty::before {
          color: #999;
          content: '(\30B3\30E1\30F3\30C8\306A\3057)'; }
      .applicant-detail .pick .comment-wrapper .meta::after {
        display: block;
        clear: both;
        content: ''; }
      .applicant-detail .pick .comment-wrapper .meta .picked,
      .applicant-detail .pick .comment-wrapper .meta .likes {
        float: left;
        color: #999;
        font-size: 12px; }
      .applicant-detail .pick .comment-wrapper .meta .likes {
        margin-right: 8px;
        padding-left: 16px;
        background-image: url(/assets/like-g.png);
        background-repeat: no-repeat;
        background-size: 12px; }
  .applicant-detail .histories {
    display: table-cell;
    width: 40%; }
  .applicant-detail .history-list {
    padding: 0 16px;
    background: #fff; }
    .applicant-detail .history-list .history-item {
      padding: 16px 0;
      border-bottom: 1px solid #eee; }
      .applicant-detail .history-list .history-item::after {
        display: block;
        clear: both;
        content: ''; }
      .applicant-detail .history-list .history-item:last-child {
        border-bottom: 0; }
      .applicant-detail .history-list .history-item .history-icon {
        width: 48px;
        height: 48px;
        float: left;
        background: #eee;
        text-align: center; }
        .applicant-detail .history-list .history-item .history-icon .icon {
          color: #999;
          font-size: 24px;
          line-height: 48px; }
      .applicant-detail .history-list .history-item .history-detail {
        margin-left: 16px;
        float: left; }
        .applicant-detail .history-list .history-item .history-detail .enrollment-period {
          color: #90939a;
          font-size: 12px; }
      .applicant-detail .history-list .history-item .work-detail .company-title {
        font-size: 14px; }
      .applicant-detail .history-list .history-item .work-detail .company-name {
        color: #777f97;
        font-size: 12px; }
      .applicant-detail .history-list .history-item .academic-detail .school-name {
        font-size: 14px; }
      .applicant-detail .history-list .history-item .academic-detail .department-name {
        color: #777f97;
        font-size: 12px; }
  .applicant-detail .application {
    margin-bottom: 24px;
    padding: 16px;
    background: #fff; }
    .applicant-detail .application::after {
      display: block;
      clear: both;
      content: ''; }
    .applicant-detail .application .title {
      font-size: 16px; }
    .applicant-detail .application .summary {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      max-height: 1.5em;
      margin-top: 2px;
      color: #999;
      font-size: 12px; }
    .applicant-detail .application .application-date {
      margin-top: 4px;
      color: #999;
      font-size: 12px; }
      .applicant-detail .application .application-date br {
        display: none; }
      .applicant-detail .application .application-date .time {
        margin-left: 4px; }
  .applicant-detail .profiles {
    display: table;
    max-width: 800px;
    table-layout: fixed; }
    .applicant-detail .profiles .profile-row {
      display: table-row; }
    .applicant-detail .profiles .title,
    .applicant-detail .profiles .value {
      display: table-cell;
      padding: 4px 0; }
    .applicant-detail .profiles .title {
      width: 40px; }
    .applicant-detail .profiles .value {
      padding-right: 32px; }

.circle-btn.recruit {
  background: #03a9f4; }

.leaflets .list-header .filter-news {
  margin-left: 5px; }

.leaflets .list-header .clear-search {
  margin-left: 8px;
  font-size: 14px;
  line-height: 34px; }
  .leaflets .list-header .clear-search .clear-search-label {
    color: #666;
    text-decoration: underline; }
  .leaflets .list-header .clear-search:hover {
    color: #03a9f4;
    text-decoration: none; }

.leaflets .list-header .search-btn {
  margin-left: 16px; }

.leaflets .leaflets-container {
  border: 0;
  background-color: transparent;
  box-shadow: none; }
  .leaflets .leaflets-container .leaflet-row {
    display: table;
    width: 100%;
    margin-bottom: 16px;
    padding: 8px;
    background: #fff;
    box-shadow: 0 0 3px #ccc;
    table-layout: fixed; }
    .leaflets .leaflets-container .leaflet-row .col {
      display: table-cell;
      padding: 8px;
      vertical-align: middle; }
      .leaflets .leaflets-container .leaflet-row .col.select {
        -moz-user-select: none;
        -webkit-user-select: none;
        user-select: none;
        width: 32px;
        color: #999;
        line-height: 1; }
        .leaflets .leaflets-container .leaflet-row .col.select i {
          cursor: pointer; }
      .leaflets .leaflets-container .leaflet-row .col .title {
        font-size: 1.4em; }
      .leaflets .leaflets-container .leaflet-row .col .second-row {
        margin-top: 12px; }
        .leaflets .leaflets-container .leaflet-row .col .second-row > :last-child {
          text-overflow: ellipsis;
          white-space: nowrap;
          overflow: hidden;
          float: none; }
      .leaflets .leaflets-container .leaflet-row .col .sub {
        min-height: 16px;
        color: #999;
        font-size: 12px; }
      .leaflets .leaflets-container .leaflet-row .col .el {
        display: block;
        margin-right: 40px;
        float: left;
        line-height: 14px; }
        .leaflets .leaflets-container .leaflet-row .col .el .value {
          margin-left: 16px;
          color: #666; }
      .leaflets .leaflets-container .leaflet-row .col .box {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        width: 100px;
        padding: 4px 8px;
        border: 1px solid #eee;
        box-sizing: border-box; }
      .leaflets .leaflets-container .leaflet-row .col.actionmenu {
        width: 48px; }
        .leaflets .leaflets-container .leaflet-row .col.actionmenu .button {
          text-align: center; }
          .leaflets .leaflets-container .leaflet-row .col.actionmenu .button .btn {
            width: 90%;
            margin-top: 16px;
            margin-bottom: 16px; }
      .leaflets .leaflets-container .leaflet-row .col .disabled {
        background-color: #eee;
        cursor: not-allowed;
        opacity: 1; }
        .leaflets .leaflets-container .leaflet-row .col .disabled a {
          pointer-events: none; }
    .leaflets .leaflets-container .leaflet-row .main {
      width: 810px; }
    .leaflets .leaflets-container .leaflet-row[draggable='true'] {
      cursor: -moz-grab;
      cursor: -webkit-grab;
      cursor: grab; }
    .leaflets .leaflets-container .leaflet-row .leaflet-status .status::before {
      margin: 3px 4px 0 0; }
    .leaflets .leaflets-container .leaflet-row .title.disabled {
      color: #666; }
    .leaflets .leaflets-container .leaflet-row .action-menu .dropdown-toggle {
      padding: 4px 0;
      text-align: center; }
      .leaflets .leaflets-container .leaflet-row .action-menu .dropdown-toggle a {
        display: block;
        width: 100%; }

.leaflets .empty-list {
  margin-top: 40px; }

.leaflet-detail .right-menu {
  position: absolute;
  top: 16px;
  right: 16px; }

.leaflet-detail .value-label {
  padding-top: 7px; }

.leaflet-detail i {
  vertical-align: -.3em; }

.leaflet-basic-info-edit .switch {
  width: 70px;
  padding-top: 7px; }
  .leaflet-basic-info-edit .switch .switch-label {
    float: left; }
  .leaflet-basic-info-edit .switch .onoffswitch {
    float: right; }
    .leaflet-basic-info-edit .switch .onoffswitch .onoffswitch-checkbox:checked + .onoffswitch-label {
      background-color: #3a7de2; }

.leaflet-basic-info-edit .warning {
  padding-top: 5px;
  color: #ff4081; }
  .leaflet-basic-info-edit .warning i {
    font-size: 20px;
    vertical-align: -.3em; }
  .leaflet-basic-info-edit .warning label {
    padding-left: 5px;
    font-size: 13px;
    font-weight: normal; }

.leaflet-basic-info-edit textarea.form-control {
  resize: vertical; }

.leaflet-basic-info-edit .footer-nav {
  margin-bottom: 16px;
  float: right; }
  .leaflet-basic-info-edit .footer-nav .leaflet-text-nav-btn {
    margin: 10px 20px 10px 0;
    color: #000;
    cursor: pointer; }

.application-form-edit textarea.form-control {
  height: 100px;
  resize: vertical; }

.application-form-edit .leaflet-text-nav-btn {
  color: #000;
  cursor: pointer; }

.application-form-edit .footer-nav {
  margin-bottom: 16px;
  float: right; }
  .application-form-edit .footer-nav .leaflet-text-nav-btn {
    margin: 10px 20px 10px 0;
    color: #000;
    cursor: pointer; }

.form-items-edit .form-items {
  padding-top: 16px;
  padding-right: 16px;
  padding-left: 16px;
  background-color: #eee; }
  .form-items-edit .form-items .card {
    padding-bottom: 16px;
    background-color: #eee; }

.form-items-edit .footer-nav {
  margin-top: 16px;
  margin-bottom: 16px;
  float: right; }
  .form-items-edit .footer-nav .leaflet-text-nav-btn {
    margin: 10px 20px 10px 0;
    color: #000;
    cursor: pointer; }

.leaflet-reply-mail-edit .switch {
  padding-top: 9px; }
  .leaflet-reply-mail-edit .switch .onoffswitch .onoffswitch-checkbox:checked + .onoffswitch-label {
    background-color: #3a7de2; }

.leaflet-reply-mail-edit .warning {
  padding-top: 5px;
  color: #ff4081; }
  .leaflet-reply-mail-edit .warning i {
    font-size: 20px;
    vertical-align: -.3em; }
  .leaflet-reply-mail-edit .warning label {
    padding-left: 5px;
    font-size: 13px;
    font-weight: normal; }

.leaflet-reply-mail-edit textarea.form-control {
  height: 100px;
  resize: vertical; }

.leaflet-reply-mail-edit .leaflet-text-nav-btn {
  color: #000;
  cursor: pointer; }

.leaflet-reply-mail-edit .footer-nav {
  margin-bottom: 16px;
  float: right; }
  .leaflet-reply-mail-edit .footer-nav .leaflet-text-nav-btn {
    margin: 10px 20px 10px 0;
    color: #000;
    cursor: pointer; }

.account-users .back {
  display: block;
  margin-bottom: 16px; }

.account-connect .radio .select-user {
  margin-top: 24px;
  margin-left: 0; }

.account-connect .radio label {
  width: 80%;
  margin-left: 8px; }

.account-connect .userinfo {
  margin-top: 12px;
  color: #000; }
  .account-connect .userinfo .cover {
    margin-right: 16px;
    float: left; }
    .account-connect .userinfo .cover img {
      width: 40px;
      border-radius: 20px; }
  .account-connect .userinfo .info .username {
    font-size: 16px; }

.order-board-infeed.widget {
  border: 0; }
  .order-board-infeed.widget .widget-heading .right-area {
    position: absolute;
    top: 15px;
    right: 20px; }
  .order-board-infeed.widget .widget-heading .control-group {
    display: inline-block;
    margin-left: 32px;
    vertical-align: middle; }
  .order-board-infeed.widget .widget-title {
    display: inline-block; }
  .order-board-infeed.widget .widget-table > tbody > tr:hover {
    background-color: initial; }
  .order-board-infeed.widget .filter {
    background-color: #f4f4f4; }
    .order-board-infeed.widget .filter .filter-title {
      border: 0;
      color: #999;
      font-size: 70%;
      font-weight: normal;
      vertical-align: middle; }
    .order-board-infeed.widget .filter .checkbox-inline {
      margin-right: 16px; }
      .order-board-infeed.widget .filter .checkbox-inline input {
        transform: scale(1.5); }
  .order-board-infeed.widget .text {
    color: #636466; }

.order-board .widget-heading .widget-title {
  cursor: pointer; }

.order-board .right-area {
  position: absolute;
  top: 15px;
  right: 20px; }
  .order-board .right-area .control-group {
    display: inline-block; }
    .order-board .right-area .control-group:not(:last-child) {
      margin-right: 20px; }
  .order-board .right-area .text {
    color: #636466; }

.order-board .widget-table {
  table-layout: fixed; }
  .order-board .widget-table > tbody > tr > td:first-child {
    padding-left: 8px; }
  .order-board .widget-table th.prices {
    width: 10%; }
  .order-board .widget-table th.order-cards {
    width: 90%; }
  .order-board .widget-table td .name {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }

.order-board .widget-body {
  margin-bottom: 15px;
  padding: 24px; }
  .order-board .widget-body .right-area {
    position: absolute;
    top: 15px;
    right: 20px;
    white-space: nowrap; }
    .order-board .widget-body .right-area .delivering {
      position: relative;
      padding: 1px 12px;
      font-size: 13px; }
      .order-board .widget-body .right-area .delivering::before {
        position: absolute;
        left: -1px;
        width: 4px;
        height: 100%;
        background-color: #4277fb;
        content: ''; }
    .order-board .widget-body .right-area .over {
      position: relative;
      padding: 1px 12px;
      font-size: 13px; }
      .order-board .widget-body .right-area .over::before {
        position: absolute;
        left: -1px;
        width: 4px;
        height: 100%;
        background-color: #f7c114;
        content: ''; }
    .order-board .widget-body .right-area .last-day {
      position: relative;
      padding: 1px 12px;
      font-size: 13px; }
      .order-board .widget-body .right-area .last-day::before {
        position: absolute;
        left: -1px;
        width: 4px;
        height: 100%;
        background-color: #ff4081;
        content: ''; }
    .order-board .widget-body .right-area .over.last-day {
      position: relative;
      padding: 1px 12px;
      font-size: 13px; }
      .order-board .widget-body .right-area .over.last-day::before {
        position: absolute;
        left: -1px;
        width: 4px;
        height: 100%;
        background-color: #fc9003;
        content: ''; }

.order-board .card-items {
  display: flex;
  flex-wrap: wrap;
  padding: 0; }
  .order-board .card-items li {
    margin-bottom: 4px;
    list-style: none; }
    .order-board .card-items li .order-card {
      height: 100%; }

.order-card {
  width: 164px;
  margin: 4px;
  float: left;
  cursor: pointer; }
  .order-card .widget {
    padding: 4px;
    border-left: 4px #999 solid; }
    .order-card .widget.delivering {
      border-left: 4px #4277fb solid; }
    .order-card .widget.over {
      border-left: 4px #f7c114 solid; }
    .order-card .widget.last-day {
      border-left: 4px #ff4081 solid; }
    .order-card .widget.over.last-day {
      border-left: 4px #fc9003 solid; }
  .order-card .header {
    margin-bottom: 12px;
    font-size: 12px; }
    .order-card .header .main {
      border-bottom: 1px solid rgba(153, 153, 153, 0.6);
      font-weight: bold;
      text-overflow: ellipsis; }
    .order-card .header .sub {
      color: #999; }
    .order-card .header .tag {
      position: absolute;
      top: 2px;
      right: 2px;
      padding: 2px 6px;
      border-radius: 8px;
      background-color: #666;
      color: #fff;
      line-height: 1; }
  .order-card .vimps {
    position: absolute;
    bottom: 4px;
    font-size: 12px; }
    .order-card .vimps .divider {
      padding: 0 8px; }
    .order-card .vimps .unit {
      margin-left: 8px;
      color: #999; }

.order-popup .row-detail {
  position: absolute;
  padding: 0; }
  .order-popup .row-detail .header {
    padding: 4px 8px; }
    .order-popup .row-detail .header .close {
      position: absolute;
      top: 0;
      right: 0;
      padding: 4px;
      font-size: 18px; }
    .order-popup .row-detail .header .main {
      font-size: 16px;
      line-height: 1.5; }
      .order-popup .row-detail .header .main .material-icons {
        font-size: 14px;
        vertical-align: -.2em; }
    .order-popup .row-detail .header .sub {
      width: 270px;
      font-size: 12px; }
  .order-popup .row-detail .separator {
    margin: 4px 0;
    border-top: 1px solid rgba(153, 153, 153, 0.6); }
  .order-popup .row-detail .item {
    line-height: 2; }
    .order-popup .row-detail .item .value.right {
      text-align: right; }
    .order-popup .row-detail .item .value .divider {
      padding: 0 8px; }
  .order-popup .row-detail .period {
    font-size: 12px; }

.order-popup .overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1; }

.admin-leaflets .operation {
  width: 80px; }

.admin-leaflets .action-menu {
  text-align: center;
  cursor: pointer; }
  .admin-leaflets .action-menu .inactive {
    color: #eee; }
    .admin-leaflets .action-menu .inactive .icon {
      color: #eee; }
    .admin-leaflets .action-menu .inactive:hover {
      cursor: not-allowed; }

.applicants .widget {
  margin-top: 24px; }

.content-review .eyecatch-thumbnail {
  width: 120px;
  height: 48px;
  background-position: center;
  background-size: contain; }
  .content-review .eyecatch-thumbnail.no-image {
    padding-top: 18px;
    background-color: #eee; }
    .content-review .eyecatch-thumbnail.no-image::before {
      display: block;
      color: #999;
      font-size: 12px;
      line-height: 1;
      text-align: center;
      content: 'No Image'; }

.content-review .loading-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center; }

.publisher-edit .cover {
  width: 120px;
  height: 120px; }
  .publisher-edit .cover .circle-icon {
    margin-top: 22px; }

.publisher-edit .message {
  padding-top: 7px;
  color: #999; }

.publisher-edit .radio-inline[disabled] {
  color: #999;
  cursor: not-allowed; }

.publisher-edit .panel.success {
  margin-top: 16px;
  padding: 16px; }
  .publisher-edit .panel.success span {
    padding-left: 3px;
    vertical-align: middle; }
  .publisher-edit .panel.success .icon {
    font-size: 20px;
    vertical-align: middle; }

.publisher-edit .panel-danger {
  margin-top: 16px; }

.publisher-edit .buttons {
  margin-top: 16px; }

.accounts .search {
  width: 300px; }

.accounts .suggestion {
  position: relative;
  z-index: 1; }
  .accounts .suggestion input {
    box-shadow: none; }
  .accounts .suggestion .suggestion-block {
    position: relative;
    height: 0;
    margin-top: -1px;
    border-top: 1px dashed #fff; }
    .accounts .suggestion .suggestion-block::before {
      border-left: 1px solid #66afe9;
      content: ''; }
    .accounts .suggestion .suggestion-block .suggestion-list {
      position: absolute;
      top: -1px;
      left: 0;
      width: 500px;
      padding: 0;
      border: 1px solid #66afe9;
      outline: 0;
      background: #fff;
      z-index: -1; }
      .accounts .suggestion .suggestion-block .suggestion-list li {
        padding: 8px 28px;
        float: none;
        cursor: pointer;
        list-style-type: none; }
        .accounts .suggestion .suggestion-block .suggestion-list li.suggestion-title {
          padding: 8px 20px;
          background-color: #d3d3d3;
          font-size: .9rem;
          cursor: default; }
        .accounts .suggestion .suggestion-block .suggestion-list li .arrow-icon {
          position: relative;
          top: 21px;
          right: 10%;
          height: 0;
          color: #999; }
          .accounts .suggestion .suggestion-block .suggestion-list li .arrow-icon:hover {
            color: #03a9f4; }
          .accounts .suggestion .suggestion-block .suggestion-list li .arrow-icon i {
            position: relative;
            top: -39px;
            left: 110%; }
        .accounts .suggestion .suggestion-block .suggestion-list li.active {
          background-color: #f4f4f4; }
        .accounts .suggestion .suggestion-block .suggestion-list li:hover {
          background-color: #f4f4f4; }

.accounts .loading-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.accounts .empty-list {
  margin-top: 40px; }

.accounts .pagination-container {
  margin-left: 16px; }

.accounts .title {
  white-space: nowrap;
  overflow: hidden; }

.accounts .help {
  margin-left: 4px; }

.accounts .tag {
  display: inline-block;
  margin-right: 0;
  margin-bottom: 2px;
  margin-left: 8px;
  padding: 6px;
  border-radius: 4px;
  background-color: #f0f0f0;
  font-size: .75em;
  text-align: center;
  vertical-align: middle; }

.accounts-new .radio-inline [type='checkbox'],
.accounts-new .radio-inline [type='radio'],
.accounts-new .checkbox-inline [type='checkbox'],
.accounts-new .checkbox-inline [type='radio'] {
  margin-top: 2px; }

.accounts-new .btn-group {
  margin-top: 16px; }
  .accounts-new .btn-group button:not(:last-child) {
    margin-right: 8px; }

.accounts-edit .radio-inline [type='checkbox'],
.accounts-edit .radio-inline [type='radio'],
.accounts-edit .checkbox-inline [type='checkbox'],
.accounts-edit .checkbox-inline [type='radio'] {
  margin-top: 2px; }

.accounts-edit .btn-group {
  margin-top: 16px; }
  .accounts-edit .btn-group button:not(:last-child) {
    margin-right: 8px; }

.accounts-edit .accounts-edit-alert {
  overflow: auto; }
  .accounts-edit .accounts-edit-alert .material-icons {
    top: -3px;
    color: #ff4081;
    text-align: right; }

.accounts-edit .form-wrapper {
  clear: left; }

.accounts-edit .help {
  margin-left: 4px; }

.forecast-search {
  margin-bottom: 20px; }
  .forecast-search .annotation {
    margin-top: 8px;
    color: #ff4081;
    font-size: 12px; }
    .forecast-search .annotation.text-lead::before {
      content: '\203B'; }
    .forecast-search .annotation li {
      margin-left: 32px; }
  .forecast-search .bold {
    font-weight: bold; }
  .forecast-search .header-item {
    margin-right: 8px; }
  .forecast-search .clear-search {
    margin-top: 15px;
    color: #999;
    text-decoration: underline; }
    .forecast-search .clear-search:hover {
      color: #03a9f4;
      text-decoration: none; }
  .forecast-search .dropdown-toggle-large {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 215px;
    margin-top: 1px;
    padding-left: 12px;
    text-align: left; }
  .forecast-search .checkbox-large {
    margin-left: 8px; }

.forecast-search-condition .search-condition {
  padding: 8px; }
  .forecast-search-condition .search-condition .search-condition-row {
    padding: 8px; }
    .forecast-search-condition .search-condition .search-condition-row .title {
      font-weight: bold; }

.forecast-table th {
  text-align: right; }
  .forecast-table th.group-type {
    width: 154px; }
  .forecast-table th.vimp {
    width: 136px; }
    .forecast-table th.vimp.emphasis {
      color: #000;
      font-weight: bold; }
  .forecast-table th span {
    font-size: 12px; }

.forecast-table td {
  height: 54px; }
  .forecast-table td .vimp {
    display: inline-block;
    width: 100%;
    height: 24px;
    color: #999;
    font-size: 14px;
    text-align: right;
    white-space: nowrap; }
    .forecast-table td .vimp.emphasis {
      color: #000; }

.forecast-table .header {
  transition: all .2s ease-in;
  cursor: pointer; }
  .forecast-table .header .expand::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 40px;
    transition: all .2s ease-in;
    border: solid transparent;
    border-width: 7px;
    border-top-color: #666;
    text-align: left;
    content: '';
    vertical-align: middle; }
  .forecast-table .header.state-open {
    background-color: #fff;
    text-decoration: none; }
    .forecast-table .header.state-open .expand::after {
      margin-top: -10px;
      transform: rotateX(180deg); }

.forecast-table .unviewable td {
  border-bottom: 0;
  background-color: #fff;
  cursor: auto; }
  .forecast-table .unviewable td .expand::after {
    display: none; }

.forecast-table .item-expand-transition {
  transition: all .3s ease-in;
  overflow: hidden; }

.forecast-table .item-expand-enter {
  height: 0;
  padding: 0 10px;
  opacity: 0; }

.forecast-table .item-expand-leave {
  height: 0;
  padding: 0 10px;
  opacity: 0; }

.forecast-download {
  margin-bottom: 20px; }
  .forecast-download .header-item {
    margin-right: 8px; }
  .forecast-download .form-title {
    font-size: 18px; }
  .forecast-download .download {
    padding: 5px 16px; }
    .forecast-download .download i {
      margin-left: 7px;
      color: #fff;
      font-size: 20px;
      vertical-align: middle; }

.provisional-order-new .annotation {
  margin-top: 8px;
  color: #ff4081;
  font-size: 12px; }
  .provisional-order-new .annotation::before {
    content: '\203B'; }
  .provisional-order-new .annotation li {
    margin-left: 32px; }

.provisional-order-search .filter-conditions {
  display: flex;
  justify-content: space-between; }

.provisional-order-search .filter-button {
  width: 30%;
  margin-top: 8px;
  float: right; }
  .provisional-order-search .filter-button .btn {
    height: 35px; }

.provisional-order-search .header-item {
  margin-top: 8px;
  margin-right: 8px; }
  .provisional-order-search .header-item.large {
    width: 50%; }
  .provisional-order-search .header-item.middle {
    width: 43%; }
  .provisional-order-search .header-item.large-left {
    width: 32%;
    min-width: 316px; }
  .provisional-order-search .header-item.large-right {
    width: 30%;
    margin-right: initial; }
  .provisional-order-search .header-item.middle-right-join {
    width: 35%;
    margin-right: initial; }
  .provisional-order-search .header-item.large-right-join {
    width: 50%;
    margin-right: initial; }
  .provisional-order-search .header-item .form-label {
    margin: 9px 5px;
    float: left;
    font-weight: normal; }
  .provisional-order-search .header-item .user-name {
    position: relative; }
    .provisional-order-search .header-item .user-name input {
      background-color: #fff; }
    .provisional-order-search .header-item .user-name .field-icon > a {
      position: absolute;
      top: 8px;
      right: 10px;
      color: #999; }
  .provisional-order-search .header-item.id-form {
    width: 135px;
    min-width: 135px; }
  .provisional-order-search .header-item.external-system-id-form {
    width: 175px;
    min-width: 175px; }
  .provisional-order-search .header-item .v-select {
    height: 34px;
    background-color: #fff; }
    .provisional-order-search .header-item .v-select .dropdown-toggle {
      height: 34px; }
    .provisional-order-search .header-item .v-select .open-indicator {
      bottom: 10px; }
  .provisional-order-search .header-item [type='search'] {
    padding-left: 5px;
    background-image: none;
    background-repeat: no-repeat;
    background-position: 5px center;
    background-size: 20px; }

.provisional-order-search .clear-search {
  margin-top: 15px;
  margin-right: 8px;
  color: #999;
  text-decoration: underline; }
  .provisional-order-search .clear-search:hover {
    color: #03a9f4;
    text-decoration: none; }

.provisional-order-search .provisional-order-row {
  display: table;
  width: 100%;
  padding: 8px;
  background: #fff;
  box-shadow: 0 0 3px #ccc;
  table-layout: fixed; }

.provisional-order-search .provisional-orders {
  border: 0;
  box-shadow: none; }

.provisional-order-search .col {
  display: table-cell;
  padding-right: 8px;
  padding-left: 8px; }
  .provisional-order-search .col .row .external-system-id,
  .provisional-order-search .col .row .name,
  .provisional-order-search .col .row .id,
  .provisional-order-search .col .row .sponsor,
  .provisional-order-search .col .row .vimp,
  .provisional-order-search .col .row .categories,
  .provisional-order-search .col .row .status-type,
  .provisional-order-search .col .row .sales,
  .provisional-order-search .col .row .expired,
  .provisional-order-search .col .row .period {
    display: block;
    margin-right: 16px;
    float: left;
    line-height: 14px; }
  .provisional-order-search .col .row .external-system-id,
  .provisional-order-search .col .row .id {
    width: 100px; }
  .provisional-order-search .col .row .sponsor {
    width: 160px; }
    .provisional-order-search .col .row .sponsor .body {
      margin-bottom: 8px; }
    .provisional-order-search .col .row .sponsor small {
      color: #999; }
  .provisional-order-search .col .row .vimp {
    width: 50px; }
    .provisional-order-search .col .row .vimp .body {
      padding-right: 10px;
      text-align: right; }
  .provisional-order-search .col .row .categories {
    width: 60px; }
  .provisional-order-search .col .row .status-type {
    width: 88px; }
  .provisional-order-search .col .row .sales,
  .provisional-order-search .col .row .expired,
  .provisional-order-search .col .row .period {
    width: 110px; }
  .provisional-order-search .col .row > :last-child {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    float: none; }
  .provisional-order-search .col .row .header {
    min-height: 16px;
    margin-bottom: 8px;
    color: #999;
    font-size: 70%; }
  .provisional-order-search .col .first-row {
    min-height: 20px;
    font-weight: bold; }
  .provisional-order-search .col.actionmenu {
    width: 48px; }
    .provisional-order-search .col.actionmenu .dropdown-toggle {
      padding-right: 0;
      padding-left: 4px; }
    .provisional-order-search .col.actionmenu .inactive {
      color: #eee; }
      .provisional-order-search .col.actionmenu .inactive .icon {
        color: #eee; }
      .provisional-order-search .col.actionmenu .inactive:hover {
        cursor: not-allowed; }

.provisional-order-search .dropdown-toggle-large {
  width: 172px;
  padding-left: 12px;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

.provisional-order-search .checkbox-large {
  margin-left: 8px; }

.provisional-order-search .empty-list {
  margin-top: 40px; }

.provisional-order-search .tag {
  top: 2px;
  width: 68px;
  margin-bottom: 3px;
  padding: 2px 6px;
  border-radius: 8px;
  background-color: #666;
  color: #fff;
  line-height: 1; }

.provisional-order-select .form-half-width {
  display: inline-block;
  width: 50%;
  margin-right: 16px; }

.provisional-order-select .btn-create-campaign {
  height: 34px;
  border-color: #ff4081;
  background-color: #ff4081;
  color: #fff; }

.provisional-order-select .message {
  margin-top: 4px;
  color: #ff0505;
  font-size: 12px;
  line-height: 12px; }

.circle-btn.admin {
  background-color: #221f20; }

.company-profile, .default-leaflet {
  padding-bottom: 40px; }
  .company-profile textarea, .default-leaflet textarea {
    height: 10.8em;
    line-height: 1.8; }
    .company-profile textarea.small, .default-leaflet textarea.small {
      height: 5.4em; }
  .company-profile .group-set, .default-leaflet .group-set {
    margin-bottom: 56px; }
  .company-profile .widget-block, .default-leaflet .widget-block {
    position: relative; }
    .company-profile .widget-block.with-separator, .default-leaflet .widget-block.with-separator {
      margin-bottom: 16px; }
      .company-profile .widget-block.with-separator::after, .default-leaflet .widget-block.with-separator::after {
        display: block;
        height: 1px;
        margin-right: -16px;
        margin-left: -16px;
        background: #d9d9d9;
        content: ''; }
  .company-profile .block-title, .default-leaflet .block-title {
    margin: 0 0 16px 16px; }
  .company-profile .image-selector, .default-leaflet .image-selector {
    position: relative;
    width: 184px;
    height: 104px; }
  .company-profile .logo .image-selector, .default-leaflet .logo .image-selector {
    width: 128px;
    height: 128px; }
    .company-profile .logo .image-selector .circle-icon, .default-leaflet .logo .image-selector .circle-icon {
      margin-top: 28px; }
    .company-profile .logo .image-selector .text, .default-leaflet .logo .image-selector .text {
      margin-top: 16px; }
  .company-profile .bg-image .image-selector, .default-leaflet .bg-image .image-selector {
    width: 300px;
    height: 158px; }
    .company-profile .bg-image .image-selector .circle-icon, .default-leaflet .bg-image .image-selector .circle-icon {
      margin-top: 48px; }
  .company-profile .btn, .default-leaflet .btn {
    position: relative;
    transition: 1.5s opacity; }
    .company-profile .btn .mask, .default-leaflet .btn .mask {
      position: absolute;
      top: 0;
      right: 0;
      width: 100%;
      height: 100%;
      line-height: 35px; }
      .company-profile .btn .mask::before, .default-leaflet .btn .mask::before {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background: #666;
        content: '';
        opacity: .4; }
    .company-profile .btn.saved, .default-leaflet .btn.saved {
      opacity: .4;
      pointer-events: none; }

.widget-container.list-header.publishers .title {
  float: none; }

.widget-container.list-header.publishers .search-publisher {
  width: 300px; }

.widget.publishers .publisher-icon {
  width: 60px;
  padding-right: 0; }

.widget.publishers .loading-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.widget.publishers .empty-list {
  margin-top: 40px; }

.widget.publishers .pagination-container {
  margin-left: 16px; }

.messages .btn-send-mail {
  color: #fff;
  background-color: #03a9f4;
  border-color: #0398db; }
  .messages .btn-send-mail:focus, .messages .btn-send-mail.focus {
    color: #fff;
    background-color: #0286c2;
    border-color: #01405d; }
  .messages .btn-send-mail:hover {
    color: #fff;
    background-color: #0286c2;
    border-color: #026e9e; }
  .messages .btn-send-mail:active, .messages .btn-send-mail.active,
  .open > .messages .btn-send-mail.dropdown-toggle {
    color: #fff;
    background-color: #0286c2;
    border-color: #026e9e; }
    .messages .btn-send-mail:active:hover, .messages .btn-send-mail:active:focus, .messages .btn-send-mail:active.focus, .messages .btn-send-mail.active:hover, .messages .btn-send-mail.active:focus, .messages .btn-send-mail.active.focus,
    .open > .messages .btn-send-mail.dropdown-toggle:hover,
    .open > .messages .btn-send-mail.dropdown-toggle:focus,
    .open > .messages .btn-send-mail.dropdown-toggle.focus {
      color: #fff;
      background-color: #026e9e;
      border-color: #01405d; }
  .messages .btn-send-mail:active, .messages .btn-send-mail.active,
  .open > .messages .btn-send-mail.dropdown-toggle {
    background-image: none; }
  .messages .btn-send-mail.disabled:hover, .messages .btn-send-mail.disabled:focus, .messages .btn-send-mail.disabled.focus, .messages .btn-send-mail[disabled]:hover, .messages .btn-send-mail[disabled]:focus, .messages .btn-send-mail[disabled].focus,
  fieldset[disabled] .messages .btn-send-mail:hover,
  fieldset[disabled] .messages .btn-send-mail:focus,
  fieldset[disabled] .messages .btn-send-mail.focus {
    background-color: #03a9f4;
    border-color: #0398db; }
  .messages .btn-send-mail .badge {
    color: #03a9f4;
    background-color: #fff; }

.messages .column {
  position: relative;
  height: 100%; }

.messages .message-header {
  padding: 16px;
  border-bottom: 1px solid #d9d9d9; }

.messages .user::after {
  display: block;
  clear: both;
  content: ''; }

.messages .user .cover {
  width: 48px;
  height: 48px;
  margin-right: 16px;
  float: left; }

.messages .user .name {
  font-size: 16px; }

.messages .left {
  width: 360px;
  float: left;
  border-right: 1px solid #efefef;
  background-color: #fff; }
  .messages .left .message-header::after {
    display: block;
    clear: both;
    content: ''; }
  .messages .left .title {
    padding-top: 8px;
    font-weight: bold; }
  .messages .left .filter-area {
    float: right; }
  .messages .left .dropdown-toggle {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 200px;
    font-size: 12px; }
  .messages .left .search-area {
    padding: 16px;
    border-bottom: 1px solid #d9d9d9; }
  .messages .left .talks {
    position: relative;
    height: calc(100% - 134px);
    overflow: auto; }
  .messages .left .empty-list {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    margin: 0;
    margin-top: -.5em;
    line-height: 1;
    text-align: center; }
  .messages .left .loading-container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
  .messages .left .talk {
    position: relative;
    padding: 16px;
    transition: .4s;
    border-bottom: 1px solid #efefef;
    background: #fff;
    cursor: pointer; }
    .messages .left .talk.selected {
      background: #efefef; }
    .messages .left .talk .updated {
      float: right;
      color: #999;
      font-size: 12px; }
      .messages .left .talk .updated .time {
        margin-left: 4px; }
      .messages .left .talk .updated br {
        display: none; }
    .messages .left .talk .message {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      margin-top: 2px; }

.messages .right {
  position: relative;
  width: 80px;
  float: right; }
  .messages .right::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    content: '';
    opacity: .4; }
  .messages .right .close-btn {
    position: relative;
    width: 40px;
    height: 40px;
    margin: 20px;
    transition: .3s;
    border-radius: 20px;
    background: #000;
    color: #fff;
    opacity: .4; }
    .messages .right .close-btn .icon {
      position: absolute;
      top: 50%;
      right: 0;
      left: 0;
      margin-top: -12px;
      text-align: center; }
    .messages .right .close-btn:hover {
      opacity: .6; }

.messages .main {
  margin-right: 80px;
  margin-left: 360px;
  background-color: #fff;
  box-shadow: 3px 0 5px -2px #ccc; }
  .messages .main .message-header {
    height: 52px; }
    .messages .main .message-header .title {
      font-size: 16px;
      font-weight: bold; }
  .messages .main .profile-area {
    width: 320px;
    height: calc(100% - 52px);
    float: right;
    border-left: 1px solid #efefef;
    overflow: auto; }
    .messages .main .profile-area .profile-area-block {
      padding: 24px 32px;
      border-bottom: 1px solid #d9d9d9; }
    .messages .main .profile-area .userinfo .title {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      margin-top: 4px;
      font-size: 12px; }
    .messages .main .profile-area .applicant-profile {
      display: table;
      width: 100%;
      margin-top: 18px;
      font-size: 12px; }
      .messages .main .profile-area .applicant-profile .profile-row {
        display: table-row; }
      .messages .main .profile-area .applicant-profile .title,
      .messages .main .profile-area .applicant-profile .value {
        display: table-cell;
        padding: 6px 0; }
      .messages .main .profile-area .applicant-profile .title {
        width: 88px; }
      .messages .main .profile-area .applicant-profile .value {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        max-width: 1px; }
    .messages .main .profile-area .applications .applcation-date {
      color: #999;
      font-size: 12px; }
    .messages .main .profile-area .applications .title {
      margin-bottom: 16px; }
    .messages .main .profile-area .applications .application {
      margin-bottom: 16px; }
    .messages .main .profile-area .applications .leaflet-title {
      color: #999;
      font-size: 12px; }
  .messages .main .history-list .history-item {
    padding: 16px 0;
    border-bottom: 1px solid #eee; }
    .messages .main .history-list .history-item::after {
      display: block;
      clear: both;
      content: ''; }
    .messages .main .history-list .history-item:last-child {
      border-bottom: 0; }
  .messages .main .history-list .history-icon {
    width: 48px;
    height: 48px;
    float: left;
    background: #eee;
    text-align: center; }
    .messages .main .history-list .history-icon .icon {
      color: #999;
      font-size: 24px;
      line-height: 48px; }
  .messages .main .history-list .history-detail {
    margin-left: 16px;
    float: left; }
    .messages .main .history-list .history-detail .enrollment-period {
      color: #90939a;
      font-size: 12px; }
  .messages .main .history-list .work-detail .company-title {
    font-size: 12px; }
  .messages .main .history-list .work-detail .company-name {
    color: #777f97;
    font-size: 12px; }
  .messages .main .history-list .academic-detail .school-name {
    font-size: 12px; }
  .messages .main .history-list .academic-detail .department-name {
    color: #777f97;
    font-size: 12px; }
  .messages .main .message-area {
    position: relative;
    height: calc(100% - 52px);
    overflow: hidden; }
  .messages .main .message-container {
    height: calc(100% - 160px);
    background: #fff;
    overflow: auto; }
  .messages .main .message-editor {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 160px;
    background: #fafafa; }
    .messages .main .message-editor textarea {
      width: 100%;
      height: 100%;
      padding: 8px;
      border: 1px solid #efefef;
      border-radius: 2px;
      outline: 0;
      resize: none; }
    .messages .main .message-editor .editor-wrapper {
      height: calc(100% - 53px);
      padding: 8px 8px 0; }
    .messages .main .message-editor .btn-wrapper {
      margin: 8px;
      text-align: right; }
  .messages .main .mask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
    .messages .main .mask::before {
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: #eee;
      content: '';
      opacity: .3; }

.messages .message-row {
  position: relative;
  padding: 16px;
  background: #fff; }
  .messages .message-row::after {
    display: block;
    clear: both;
    content: ''; }
  .messages .message-row .updated {
    float: right;
    color: #999;
    font-size: 12px; }
    .messages .message-row .updated .time {
      margin-left: 4px; }
    .messages .message-row .updated br {
      display: none; }
  .messages .message-row .cover {
    width: 40px;
    height: 40px;
    margin-right: 16px;
    float: left; }
  .messages .message-row .name {
    font-weight: bold; }
  .messages .message-row .message {
    margin: 8px 100px 0 56px;
    line-height: 1.6; }

.messages .message-sample {
  padding: 16px;
  color: #999;
  line-height: 1.6; }

.messages .work-experience {
  font-size: 12px; }
  .messages .work-experience .title {
    padding: 6px 0; }
  .messages .work-experience .value {
    max-height: 5.5em;
    line-height: 1.4;
    overflow: hidden; }
  .messages .work-experience .readmore {
    display: none;
    text-align: right; }
  .messages .work-experience.expand .value {
    max-height: initial;
    max-height: auto; }
  .messages .work-experience.expand .readmore {
    display: none; }
  .messages .work-experience.overflowed .readmore {
    display: block; }

.article-detail {
  margin: 0;
  padding: 0; }
  .article-detail .left {
    height: 1000px;
    padding: 24px 40px;
    border-bottom-left-radius: 3px;
    background: #efefef;
    overflow: auto; }
  .article-detail .article {
    position: relative;
    background: #fff; }
    .article-detail .article .thumbnail {
      height: 240px;
      margin: 0;
      border: 0;
      background-position: center;
      background-size: cover; }
    .article-detail .article .title {
      margin: 16px 24px;
      font-size: 24px;
      font-weight: bold;
      line-height: 1.5; }
      .article-detail .article .title a i {
        margin-left: 4px;
        font-size: 80%; }
    .article-detail .article .meta {
      margin: 16px 24px 0;
      padding-bottom: 16px;
      color: #999; }
      .article-detail .article .meta::after {
        display: block;
        clear: both;
        content: ''; }
      .article-detail .article .meta .publisher,
      .article-detail .article .meta .published,
      .article-detail .article .meta .content-length {
        margin-right: 8px;
        padding-left: 24px;
        float: left;
        background-repeat: no-repeat;
        background-size: 16px; }
      .article-detail .article .meta .publisher {
        background-image: url(/assets/publisher.png);
        background-position-y: 2px; }
      .article-detail .article .meta .published {
        background-image: url(/assets/published.png);
        background-position-y: 1px; }
  .article-detail .pick-count {
    position: absolute;
    top: 16px;
    right: 0;
    border: 1px solid #fff;
    border-right: 0;
    color: #fff; }
    .article-detail .pick-count .cover {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: #000;
      opacity: .3; }
    .article-detail .pick-count .values {
      position: relative;
      padding: 6px 12px; }
      .article-detail .pick-count .values .count {
        font-size: 18px; }
      .article-detail .pick-count .values .unit {
        font-size: 12px; }
  .article-detail .download-csv {
    margin-top: 16px;
    margin-bottom: 8px;
    font-size: 12px;
    text-align: right; }
    .article-detail .download-csv .fa-spinner {
      margin-right: 4px;
      color: #999;
      font-size: 1.2em; }
    .article-detail .download-csv .disabled {
      outline: none;
      color: #999;
      text-decoration: none;
      cursor: default; }
  .article-detail .comment-loading {
    position: relative;
    height: 20px; }
  .article-detail .comments {
    padding: 24px;
    background: #fff; }
    .article-detail .comments.no-comment {
      margin-top: 16px; }
    .article-detail .comments .section-title {
      margin-bottom: 16px;
      color: #221f20;
      font-size: 12px;
      font-weight: bold; }
  .article-detail .comment-row {
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid #d9d9d9; }
    .article-detail .comment-row:last-child {
      margin-bottom: 0;
      padding-bottom: 0;
      border-bottom: 0; }
  .article-detail .picker {
    height: 40px;
    margin-bottom: 5px; }
    .article-detail .picker .cover {
      display: block;
      width: 40px;
      height: 40px;
      float: left; }
    .article-detail .picker .profile {
      margin-left: 50px; }
      .article-detail .picker .profile .username {
        color: #221f20;
        font-size: 16px;
        font-weight: 600; }
        .article-detail .picker .profile .username .user-badge {
          width: 27px;
          margin-top: -3px;
          margin-left: 8px; }
      .article-detail .picker .profile .followers {
        margin-left: 8px;
        color: #999;
        font-size: 12px;
        font-weight: normal; }
        .article-detail .picker .profile .followers::after {
          margin-left: 3px;
          font-size: 9px;
          content: '\30D5\30A9\30ED\30EF\30FC'; }
      .article-detail .picker .profile .verified {
        display: inline;
        margin-left: 8px;
        color: #a2cf6e;
        font-size: 12px;
        font-weight: normal; }
        .article-detail .picker .profile .verified .material-icons {
          margin-right: 4px;
          font-size: 14px;
          font-weight: bold;
          vertical-align: -.15em; }
      .article-detail .picker .profile .userprofile {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        margin-top: 2px;
        color: #999;
        font-size: 12px; }
        .article-detail .picker .profile .userprofile .picked {
          margin-left: 4px; }
  .article-detail .comment-wrapper {
    position: relative; }
    .article-detail .comment-wrapper .comment {
      margin: 8px 50px 0;
      line-height: 1.75;
      word-break: break-all; }
    .article-detail .comment-wrapper .like-wrapper {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0; }
      .article-detail .comment-wrapper .like-wrapper .middle {
        display: table;
        height: 100%; }
      .article-detail .comment-wrapper .like-wrapper .like {
        display: table-cell;
        color: #999;
        font-size: 12px;
        text-align: center;
        vertical-align: middle; }
        .article-detail .comment-wrapper .like-wrapper .like img {
          width: 10px;
          margin-bottom: 2px; }
        .article-detail .comment-wrapper .like-wrapper .like .count,
        .article-detail .comment-wrapper .like-wrapper .like .unit {
          line-height: 1; }
  .article-detail .right {
    padding: 0; }
    .article-detail .right .section {
      padding: 24px;
      border-bottom: 1px solid #d9d9d9; }
      .article-detail .right .section .section-title {
        color: #999;
        font-size: 14px; }
      .article-detail .right .section.no-border {
        border-bottom: 0; }
  .article-detail .insight .counts {
    margin-top: 16px; }
    .article-detail .insight .counts::after {
      display: block;
      clear: both;
      content: ''; }
    .article-detail .insight .counts .total {
      width: 50%;
      float: left; }
      .article-detail .insight .counts .total .count {
        font-size: 32px;
        font-weight: 500; }
  .article-detail .insight .chart {
    margin-top: 16px; }
    .article-detail .insight .chart .tick {
      font-size: 10px;
      fill: #666; }
    .article-detail .insight .chart .v {
      font-size: 12px;
      font-weight: 500; }
    .article-detail .insight .chart rect {
      fill: #1eaaf0; }
  .article-detail .actions table {
    width: 100%;
    margin-top: 24px; }
    .article-detail .actions table th {
      color: #999;
      font-size: 10px;
      font-weight: 600; }
      .article-detail .actions table th.i-label {
        font-size: 1em; }
    .article-detail .actions table .value-rect {
      padding-right: 8px; }
      .article-detail .actions table .value-rect div {
        width: 0;
        height: 8px;
        background: #1eaaf0; }
  .article-detail .open-links table {
    width: 100%;
    table-layout: fixed; }
    .article-detail .open-links table th {
      color: #999;
      font-size: 10px;
      text-align: right; }
    .article-detail .open-links table td.number {
      text-align: right; }
  .article-detail .open-links .ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
  .article-detail .channels .fan text,
  .article-detail .page-logins .fan text {
    font-size: 12px;
    fill: #fff;
    text-anchor: middle; }
  .article-detail .channels .legend text,
  .article-detail .channels .title text,
  .article-detail .page-logins .legend text,
  .article-detail .page-logins .title text {
    fill: #666; }
  .article-detail .channels .canvas,
  .article-detail .page-logins .canvas {
    margin-top: 24px; }
  .article-detail .channels .section-body,
  .article-detail .page-logins .section-body {
    display: table; }
    .article-detail .channels .section-body .page,
    .article-detail .page-logins .section-body .page {
      display: table-cell; }

@media screen and (max-width: 768px) {
  ul li {
    float: left; }
  .dropdown-menu {
    position: absolute !important;
    background: #fff !important;
    box-shadow: 0 0 4px #999 !important; }
    .dropdown-menu li {
      float: none; } }

.modal-lg {
  width: 1024px; }

.modal.in .modal-dialog {
  transform: initial; }

.report-list thead th:last-child {
  width: 65px; }

.report-list .radio-inline [type='radio'],
.report-list .checkbox-inline [type='radio'] {
  margin-top: 2px; }

.report-list .help .material-icons.icon {
  margin-left: 2px;
  font-size: 16px; }

.report-list .account-icon {
  width: 60px;
  padding-right: 0; }

.report-list .loading-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.report-list .empty-list {
  margin-top: 40px; }

.report-list .download {
  padding: 5px 16px; }
  .report-list .download i {
    margin-left: 7px;
    color: #fff;
    font-size: 20px;
    vertical-align: middle; }

.main-row .link {
  display: inline-block;
  position: absolute;
  top: 10px;
  left: 9em; }
  .main-row .link a {
    text-decoration: none;
    cursor: pointer;
    vertical-align: text-top; }
    .main-row .link a i {
      font-size: 14px;
      vertical-align: text-bottom; }

.report-list .created {
  width: 120px; }

.report-list .article-count {
  width: 50px; }

.report-list .title a {
  font-size: 1.2em;
  cursor: pointer; }

.report-list .lock-status {
  width: 200px; }
  .report-list .lock-status .lock {
    color: #999;
    line-height: 14px; }
    .report-list .lock-status .lock .material-icons {
      margin-right: 4px;
      font-size: 14px;
      vertical-align: -.15em; }

.report-list .operation {
  width: 72px; }
  .report-list .operation .action-menu li a.inactive {
    color: #eee; }
    .report-list .operation .action-menu li a.inactive .icon {
      color: #eee; }
    .report-list .operation .action-menu li a.inactive:hover {
      cursor: not-allowed; }

@keyframes blink {
  75% {
    opacity: 0; } }

.reports-user-profile {
  display: table;
  flex-direction: row; }
  .reports-user-profile .reports-user-profile-img {
    display: table-cell;
    width: 60px;
    vertical-align: middle; }
    .reports-user-profile .reports-user-profile-img img {
      width: 60px;
      height: 60px; }
  .reports-user-profile .reports-user-profile-body {
    display: table-cell;
    vertical-align: middle; }
    .reports-user-profile .reports-user-profile-body .reports-user-profile-body-content {
      display: table;
      margin-left: 20px; }
  .reports-user-profile .reports-user-profile-name {
    display: table-row; }
  .reports-user-profile .reports-user-profile-name-text {
    display: table-cell;
    font-weight: bold;
    vertical-align: bottom; }
    .reports-user-profile .reports-user-profile-name-text img {
      height: 15px;
      padding-left: 5px;
      vertical-align: text-bottom; }
  .reports-user-profile .reports-user-profile-role {
    display: table-row; }
  .reports-user-profile .reports-user-profile-role-text {
    display: table-cell;
    color: #6d6d6d; }

.report-container .widget-heading .back-link {
  display: table-cell;
  padding: 0 16px;
  color: #999;
  line-height: 1;
  vertical-align: middle; }

.report-container .widget-heading .feedback {
  display: table-cell;
  transition: 1s;
  opacity: 0;
  vertical-align: middle;
  pointer-events: none; }
  .report-container .widget-heading .feedback.visible {
    opacity: 1; }
  .report-container .widget-heading .feedback.error {
    color: #dc143c; }
    .report-container .widget-heading .feedback.error .message {
      background-color: #ffefd5; }
      .report-container .widget-heading .feedback.error .message .icon {
        color: #dc143c;
        font-weight: normal; }
  .report-container .widget-heading .feedback .message {
    padding: 6px 18px;
    border-radius: 14px;
    background: #eee; }
    .report-container .widget-heading .feedback .message.warn {
      background: #ffd9e6;
      color: #ff4081; }
  .report-container .widget-heading .feedback .icon {
    margin-right: 4px;
    font-size: 16px;
    font-weight: bold;
    vertical-align: -.2em; }
  .report-container .widget-heading .feedback .text {
    line-height: 1; }

.report-container .widget-heading .top-menu {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
  list-style: none; }
  .report-container .widget-heading .top-menu .icon-menu {
    display: table-cell;
    height: 56px;
    padding-right: 16px;
    transition: .3s;
    color: #999;
    vertical-align: middle; }
    .report-container .widget-heading .top-menu .icon-menu:hover {
      color: #a2cf6e; }
    .report-container .widget-heading .top-menu .icon-menu .icon {
      vertical-align: -.25em; }
    .report-container .widget-heading .top-menu .icon-menu a {
      outline: 0;
      color: inherit; }
      .report-container .widget-heading .top-menu .icon-menu a:hover, .report-container .widget-heading .top-menu .icon-menu a:active, .report-container .widget-heading .top-menu .icon-menu a:focus {
        text-decoration: none; }
  .report-container .widget-heading .top-menu .calculation-status {
    animation: blink 1s ease-in-out infinite; }
  .report-container .widget-heading .top-menu .save .icon {
    outline: 0;
    vertical-align: -.35em; }

.report-container .widget-body .report-body {
  position: relative;
  height: 100%;
  padding-top: 32px;
  padding-right: 32px;
  padding-bottom: 16px;
  padding-left: 262px;
  overflow: scroll; }

.report-container .widget-body .report-row .row-heading {
  position: relative;
  height: 48px;
  padding: 16px;
  border-bottom: 1px solid #d9d9d9; }
  .report-container .widget-body .report-row .row-heading .title {
    font-weight: bold; }
    .report-container .widget-body .report-row .row-heading .title .help .material-icons.icon {
      margin-left: 20px;
      color: #b1b1b1;
      font-size: 16px; }

.report-container .widget-body .report-row .row-body {
  padding: 32px 16px; }
  .report-container .widget-body .report-row .row-body.border-bottom {
    border-bottom: 1px solid #d9d9d9; }

.report-container .widget-body .form-row {
  display: flex;
  flex-direction: row;
  height: 34px; }

.report-container .widget-body .form-label {
  margin-right: 20px;
  margin-left: 20px;
  font-size: 12px;
  line-height: 34px;
  white-space: nowrap; }
  .report-container .widget-body .form-label.left {
    margin-left: 0; }

.report-container .widget-body .form-control {
  font-size: 12px;
  line-height: 18px; }

.report-container .widget-body .reports-summary {
  width: 100%; }
  .report-container .widget-body .reports-summary td,
  .report-container .widget-body .reports-summary th {
    padding: 10px;
    vertical-align: top; }

.report-container .widget-body .reports-purpose {
  width: 825px;
  height: 80px;
  resize: none; }

.report-container .widget-body .reports-summary-text {
  width: 825px;
  height: 170px;
  resize: none; }

.report-container .widget-body .reports-plan {
  width: 100%; }
  .report-container .widget-body .reports-plan td,
  .report-container .widget-body .reports-plan th {
    padding: 10px;
    vertical-align: top; }

.report-container .widget-body .reports-plan-concept {
  width: 825px;
  height: 80px;
  resize: none; }

.report-container .widget-body .reports-plan-body {
  width: 825px;
  height: 80px;
  resize: none; }

.report-container .widget-body .reports-plan-aim {
  width: 825px;
  height: 80px;
  resize: none; }

.report-container .widget-body .reports-kpi {
  width: 60%; }
  .report-container .widget-body .reports-kpi td,
  .report-container .widget-body .reports-kpi th {
    padding: 10px; }
  .report-container .widget-body .reports-kpi .reports-kpi-col {
    width: 30%; }
  .report-container .widget-body .reports-kpi .achieved {
    color: #abcc7a; }
  .report-container .widget-body .reports-kpi .unachieved {
    color: #ee668f; }

.report-container .widget-body .reports-item-list {
  display: flex;
  flex-direction: column;
  width: 100%; }

.report-container .widget-body .reports-item-list-row {
  display: flex;
  flex-direction: row;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 20px;
  border: 1px solid #f0f0f0;
  border-radius: 3px;
  background-color: #f8f8f9; }
  .report-container .widget-body .reports-item-list-row.user {
    height: 100px; }
  .report-container .widget-body .reports-item-list-row.suggestion {
    height: 300px; }
  .report-container .widget-body .reports-item-list-row.staff-comment {
    height: 300px; }

.report-container .widget-body .reports-user-profile {
  width: 50%; }

.report-container .widget-body .reports-user-profile-action {
  display: table;
  height: 60px;
  margin-left: 20px; }

.report-container .widget-body .reports-user-stats {
  display: table;
  height: 100%;
  padding-left: 10px;
  vertical-align: middle; }

.report-container .widget-body .reports-user-stats-title {
  display: table-cell;
  padding-left: 10px;
  font-weight: bold;
  vertical-align: middle; }

.report-container .widget-body .reports-user-stats-value {
  display: table-cell;
  padding-left: 10px;
  color: #6d6d6d;
  font-weight: bold;
  vertical-align: middle; }

.report-container .widget-body .reports-item-action {
  display: table;
  width: 100px;
  height: 100%;
  margin-right: 0;
  margin-left: auto; }
  .report-container .widget-body .reports-item-action.hide {
    display: none; }

.report-container .widget-body .reports-item-action-btn {
  display: table-cell;
  cursor: pointer;
  vertical-align: middle; }

.report-container .widget-body .reports-item-add {
  display: table;
  cursor: pointer; }

.report-container .widget-body .reports-item-add-btn {
  display: table-cell;
  vertical-align: middle; }

.report-container .widget-body .reports-item-add-btn-text {
  display: table-cell;
  padding-left: 20px;
  color: #73bdf4;
  vertical-align: middle; }

.report-container .widget-body .reports-suggestion {
  width: 780px;
  height: 255px; }
  .report-container .widget-body .reports-suggestion th,
  .report-container .widget-body .reports-suggestion td {
    padding: 10px;
    text-align: left;
    vertical-align: top; }
  .report-container .widget-body .reports-suggestion th {
    width: 100px; }
  .report-container .widget-body .reports-suggestion textarea {
    height: 80px;
    resize: none; }

.report-container .widget-body .reports-staff-comment {
  width: 780px;
  height: 255px; }
  .report-container .widget-body .reports-staff-comment th,
  .report-container .widget-body .reports-staff-comment td {
    padding: 10px;
    text-align: left;
    vertical-align: top; }
  .report-container .widget-body .reports-staff-comment th {
    width: 100px; }
  .report-container .widget-body .reports-staff-comment textarea {
    height: 80px;
    resize: none; }
  .report-container .widget-body .reports-staff-comment .reports-user-profile {
    width: auto; }

.report-container .full-mask {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10000; }
  .report-container .full-mask.show {
    display: block; }

.report-container .report-chkbox label {
  height: 24px;
  margin: 0;
  vertical-align: middle; }
  .report-container .report-chkbox label .report-chkbox-label-text {
    display: inline-block;
    margin-left: 10px;
    line-height: 24px;
    vertical-align: top; }

.report-container .report-chkbox label::before {
  display: inline-block;
  width: 24px;
  height: 24px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  background-color: #fff;
  content: ''; }

.report-container .report-chkbox .report-chkbox-input[type='checkbox'] {
  display: none; }

.report-container .report-chkbox .report-chkbox-input[type='checkbox']:checked + .report-chkbox-label::before {
  border: 1px solid transparent;
  background-color: #46a7ee;
  color: #fff;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  content: '\2713'; }

.report-container .reports-edit-nav {
  display: flex;
  flex-direction: row;
  width: 200px;
  margin-left: auto; }
  .report-container .reports-edit-nav .reports-edit-nav-btn {
    cursor: pointer; }
  .report-container .reports-edit-nav .reports-edit-nav-back {
    width: 100px;
    text-align: right; }
    .report-container .reports-edit-nav .reports-edit-nav-back .reports-edit-nav-btn {
      display: inline-block;
      padding: 10px 20px; }
  .report-container .reports-edit-nav .reports-edit-nav-next {
    width: 150px;
    text-align: center; }
    .report-container .reports-edit-nav .reports-edit-nav-next .reports-edit-nav-btn {
      display: inline-block;
      width: 125px;
      padding: 10px 20px;
      background-color: #46a7ee;
      color: #fff; }

.report-container .user-selector .search-result {
  height: 200px; }

.report-container .notice {
  position: fixed;
  top: 120px;
  right: 16px;
  min-width: 340px;
  padding: 32px;
  background: #eee;
  box-shadow: 0 0 4px 2px #ddd;
  z-index: 1; }
  .report-container .notice .title {
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: bold; }
  .report-container .notice .title,
  .report-container .notice .message {
    color: #666; }
  .report-container .notice .buttons {
    margin-top: 32px;
    text-align: right; }
    .report-container .notice .buttons .ok {
      margin-left: 24px; }

.report-container.readonly .widget .form-row,
.report-container.readonly .widget .article-list,
.report-container.readonly .widget .reports-summary,
.report-container.readonly .widget .reports-plan,
.report-container.readonly .reports-edit-nav-next {
  cursor: not-allowed; }
  .report-container.readonly .widget .form-row > *,
  .report-container.readonly .widget .article-list > *,
  .report-container.readonly .widget .reports-summary > *,
  .report-container.readonly .widget .reports-plan > *,
  .report-container.readonly .reports-edit-nav-next > * {
    pointer-events: none; }

.editor-dialog.reports-edit {
  padding: 20px 0; }

.editor-dialog-content.report {
  width: 1200px;
  height: 100%;
  margin: auto;
  border-radius: 2px;
  background-color: #fff; }
  .editor-dialog-content.report .dialog-content {
    overflow: hidden; }
  .editor-dialog-content.report .dialog-content-cols {
    display: flex;
    flex-direction: row;
    height: 100%; }
  .editor-dialog-content.report .dialog-content-col {
    height: 100%;
    overflow: auto; }
    .editor-dialog-content.report .dialog-content-col.articles {
      width: 30%;
      background-color: #4e4e4e;
      color: #fff; }
      .editor-dialog-content.report .dialog-content-col.articles .article-image {
        padding-bottom: 10px; }
        .editor-dialog-content.report .dialog-content-col.articles .article-image img {
          width: 120px;
          height: 50px; }
      .editor-dialog-content.report .dialog-content-col.articles .article-title {
        padding-bottom: 5px; }
      .editor-dialog-content.report .dialog-content-col.articles .article-pick {
        padding-bottom: 5px; }
      .editor-dialog-content.report .dialog-content-col.articles .article-published {
        color: #cdd4dd; }
      .editor-dialog-content.report .dialog-content-col.articles .dialog-content-row.selected {
        background-color: #5a5a5a; }
      .editor-dialog-content.report .dialog-content-col.articles .loading-container .loading {
        background-color: transparent; }
    .editor-dialog-content.report .dialog-content-col.comments {
      width: 35%;
      background-color: #e9e9e9; }
      .editor-dialog-content.report .dialog-content-col.comments .dialog-content-row-body {
        padding: 20px;
        border-radius: 5px;
        background-color: #fff; }
      .editor-dialog-content.report .dialog-content-col.comments .comment-body {
        display: -webkit-box;
        max-height: 95px;
        padding-bottom: 5px;
        font-size: 14px;
        text-overflow: ellipsis;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 5; }
      .editor-dialog-content.report .dialog-content-col.comments .comment-reactions {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        margin-top: 10px;
        margin-bottom: 10px; }
        .editor-dialog-content.report .dialog-content-col.comments .comment-reactions .comment-reaction-box {
          display: flex;
          flex-direction: row;
          flex-wrap: nowrap; }
        .editor-dialog-content.report .dialog-content-col.comments .comment-reactions .comment-reaction-title {
          padding-right: 10px;
          color: #6d6d6d;
          font-size: 12px;
          font-weight: 200;
          line-height: 21px; }
        .editor-dialog-content.report .dialog-content-col.comments .comment-reactions .comment-reaction-value.blue {
          color: #4a90e2; }
        .editor-dialog-content.report .dialog-content-col.comments .comment-reactions .comment-reaction-boundary {
          display: inline;
          padding: 1px 10px;
          color: #6d6d6d;
          font-weight: 100; }
        .editor-dialog-content.report .dialog-content-col.comments .comment-reactions .loading-container .loading {
          background-color: transparent; }
    .editor-dialog-content.report .dialog-content-col.selected-comments {
      width: 35%; }
      .editor-dialog-content.report .dialog-content-col.selected-comments .comment-body {
        padding-bottom: 5px;
        font-size: 14px; }
      .editor-dialog-content.report .dialog-content-col.selected-comments .comment-reactions {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        margin-top: 10px;
        margin-bottom: 10px; }
        .editor-dialog-content.report .dialog-content-col.selected-comments .comment-reactions .comment-reaction-box {
          display: flex;
          flex-direction: row;
          flex-wrap: nowrap; }
        .editor-dialog-content.report .dialog-content-col.selected-comments .comment-reactions .comment-reaction-title {
          padding-right: 10px;
          color: #6d6d6d;
          font-size: 12px;
          font-weight: 200;
          line-height: 21px; }
        .editor-dialog-content.report .dialog-content-col.selected-comments .comment-reactions .comment-reaction-value.blue {
          color: #4a90e2; }
        .editor-dialog-content.report .dialog-content-col.selected-comments .comment-reactions .comment-reaction-boundary {
          display: inline;
          padding: 1px 10px;
          color: #6d6d6d;
          font-weight: 100; }
        .editor-dialog-content.report .dialog-content-col.selected-comments .comment-reactions .loading-container .loading {
          background-color: transparent; }
  .editor-dialog-content.report .dialog-content-row {
    padding: 20px;
    cursor: pointer; }
    .editor-dialog-content.report .dialog-content-row.header {
      cursor: auto; }
  .editor-dialog-content.report .reports-user-profile {
    padding-bottom: 10px; }
  .editor-dialog-content.report.influencer {
    width: 800px; }
    .editor-dialog-content.report.influencer .dialog-content-col.comments {
      width: 50%; }
    .editor-dialog-content.report.influencer .dialog-content-col.selected-comments {
      width: 50%; }
    .editor-dialog-content.report.influencer .reports-user-profile {
      padding-bottom: 0; }
    .editor-dialog-content.report.influencer .reports-user-follower-count {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap; }
    .editor-dialog-content.report.influencer .reports-user-follower-count-title {
      padding-right: 10px;
      color: #6d6d6d;
      font-size: 12px;
      font-weight: 200;
      line-height: 21px; }
    .editor-dialog-content.report.influencer .reports-user-follower-count-value {
      color: #4a90e2; }
  .editor-dialog-content.report.engaged-user {
    width: 800px; }
    .editor-dialog-content.report.engaged-user .dialog-content-col.comments {
      width: 50%; }
    .editor-dialog-content.report.engaged-user .dialog-content-col.selected-comments {
      width: 50%; }

.report-side {
  position: fixed;
  top: 56px;
  bottom: 0;
  width: 231px;
  overflow: auto;
  z-index: 1000; }
  .report-side .report-side-nav {
    margin: 0;
    padding: 20px;
    border: 0;
    border-bottom: 1px solid #d8dadc;
    border-left: 6px solid transparent;
    background-color: #fff; }
    .report-side .report-side-nav li {
      display: block;
      padding: 10px 0 0 30px;
      color: #000;
      font-size: 14px; }
      .report-side .report-side-nav li a {
        color: #000;
        text-decoration: none;
        cursor: pointer; }
    .report-side .report-side-nav .report-side-nav-title {
      margin-bottom: 20px;
      font-weight: bold; }
      .report-side .report-side-nav .report-side-nav-title .report-side-nav-icon {
        display: inline;
        position: absolute;
        margin-top: -1px;
        margin-left: -30px; }
        .report-side .report-side-nav .report-side-nav-title .report-side-nav-icon img {
          width: 20px;
          height: 20px; }
    .report-side .report-side-nav.active {
      padding-left: 17px;
      border-left: 6px solid #47a8ee; }
    .report-side .report-side-nav.articles {
      margin-top: 10px; }
      .report-side .report-side-nav.articles .report-side-nav-title {
        margin-bottom: 0; }
      .report-side .report-side-nav.articles .report-side-nav-title-sub {
        margin-bottom: 20px;
        font-size: 12px;
        font-weight: bold; }
      .report-side .report-side-nav.articles.active {
        padding-left: 17px;
        border-left: 6px solid #ec5381; }

[v-cloak] {
  display: none; }

/*# sourceMappingURL=main.css.map*/