.custom-datetimepicker .icon-area {
  background-repeat: no-repeat;
}

.is-datetimepicker .ui-timepicker-div {
  margin-top: 10px;
  width: 100%;
  border-top: 1px solid #c9c9c9;
}

.is-datetimepicker .ui-datepicker-buttonpane {
  margin-top: 15px;
  padding-top: 20px;
}

.custom-datepicker,
.custom-timepicker,
.custom-datetimepicker {
  display: block;
  position: relative;
}

.custom-datepicker .icon-area,
.custom-timepicker .icon-area,
.custom-datetimepicker .icon-area {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
  content: "";
  width: 40px;
  height: 40px;
  background-position: 0 -342px;
  cursor: pointer;
}

.custom-timepicker .icon-area {
  background-position: 0 -428px;
}

.ui-timepicker-div {
  margin-top: -10px;
  width: 220px;
}

.ui-timepicker-div .ui-widget-header .ui-datepicker-title {
  display: none;
}

.ui-timepicker-div .ui-timepicker-select {
  display: block;
  margin-bottom: 10px;
  width: 80px;
  height: 30px;
  border: 1px solid #c9c9c9;
}

.ui-timepicker-div .ui_tpicker_time {
  display: block;
  margin-bottom: 10px;
  height: 30px;
  line-height: 30px;
}

.ui-timepicker-div .ui_tpicker_time_label,
.ui-timepicker-div .ui_tpicker_hour_label,
.ui-timepicker-div .ui_tpicker_minute_label {
  display: block;
  margin-bottom: 10px;
  float: left;
  clear: both;
  width: 80px;
  height: 30px;
  line-height: 30px;
}

.ui-timepicker-div .ui_tpicker_unit_hide {
  display: none !important;
}

.ui-datepicker-buttonpane .ui-priority-secondary,
.ui-datepicker-buttonpane .ui-priority-primary {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0 25px;
  min-width: 120px;
  height: 40px;
  border: 0;
  outline: 0;
  font-size: 12px;
  color: #fff;
  line-height: 40px;
  text-align: center;
  text-transform: uppercase;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}

.icon-cart {
  display: inline-block;
  width: 26px;
  height: 26px;
  background-position: 0 -2585px;
}

.thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sprites-sprite,
.icon-readmore,
.icon-more-up-indicator,
.icon-more-down-indicator,
a:hover .icon-readmore,
.tagline-banner.short-banner .wrap .banner .banner-image,
.tagline-banner .wrap .banner .banner-image,
.tagline-banner.new-layout .wrap .banner .banner-image,
.calendar .fc-content .fc-event.fc-event-end:after,
.calendar .fc-content .fc-event.fc-event-start:before,
.freeze-pane .dataTables_filter label:before,
.freeze-pane .dataTables_paginate > .paginate_button.previous,
.freeze-pane .dataTables_paginate > .paginate_button.next,
.custom-chosen .chosen-container-single .chosen-single div b,
.custom-chosen .chosen-container-single .chosen-single:hover div b,
.custom-chosen .chosen-container-single .chosen-single:active div b,
.custom-chosen
  .chosen-container-single.chosen-container-active.chosen-with-drop
  .chosen-single
  div
  b,
.header .top-navigation .navigation .menu > li.has-child > a:before,
.header .top-navigation .navigation .menu > li.has-child > span.wrapper:before,
.header
  .top-navigation
  .navigation
  .menu
  .expand-notification
  > a
  .notif-count:before,
.header .top-navigation .expand-menu .sub-menu-child-indicator,
.header .top-navigation .expand-menu .sub-menu-child-indicator.primary,
.header .top-navigation .expand-menu .sub-menu-child-indicator.zebra,
.header .top-navigation .expand-menu .sub-menu.cloning-menu li.has-menu a:after,
.header .top-navigation .expand-menu .sub-menu li.has-menu a:after,
.breadcrumb .wrap ul li:before,
.user-role .wrap .field .component .login-role:after,
.custom-datepicker .icon-area,
.custom-uploader .icon-area,
.custom-search .icon-area,
.custom-combobox:after,
.custom-combobox:hover:after,
.custom-combobox.disabled:hover:after,
.custom-multiselect .btn-group.open .multiselect .caret,
.custom-multiselect .btn-group.open .multiselect .caret:hover,
.custom-multiselect .btn-group .multiselect .caret,
.pagination .page-button .prev.disabled,
.pagination .page-button .next.disabled,
.pagination .page-button .prev.disabled:hover,
.pagination .page-button .prev.disabled:active,
.pagination .page-button .next.disabled:hover,
.pagination .page-button .next.disabled:active,
.pagination .page-button .prev,
.pagination .page-button .next,
.accordion .item-wrap.current .head .indicator,
.toggle .item-wrap.current .head .indicator,
.accordion .item-wrap .head .indicator,
.toggle .item-wrap .head .indicator,
.chatting
  .list-content-type
  .action.type-two
  .message-heading
  .close-new-message,
.widget .widget-perspective-meter .perspective-meter:after,
.widget .widget-performance-meter .performance-meter:after,
.widget .widget-wheel-meter .wheel-meter:after,
.footer
  .footer-widget
  .group-item
  .item
  .binus-education
  .education-link
  .ffSelectWrapper
  .ffSelect
  .ffSelectButton:after,
.footer
  .footer-widget
  .group-item
  .item
  .binus-education
  .education-link
  .ffSelectWrapper:hover
  .ffSelect
  .ffSelectButton:after,
.footer
  .footer-widget
  .group-item
  .item
  .binus-education
  .education-link
  .ffSelectWrapper.active
  .ffSelect
  .ffSelectButton:after,
select.custom
  + span.select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  background-image: url("../images/sprites-s75ce3b8a05.png");
  background-repeat: no-repeat;
}

.sprites-icon-sprite,
.icon-burger-menu,
.icon-burger-menu.white,
.icon-search,
.icon-information,
.icon-cart,
.icon-download,
.icon-download-disable,
.icon-upload,
.icon-marker,
.icon-contact-mail,
.icon-checklist,
.icon-reply,
.icon-edit,
.icon-add,
.icon-trash,
.icon-facebook,
.icon-twitter,
.icon-rss,
.icon-youtube,
.icon-google-plus,
.icon-view,
.icon-progress-bar.success,
.icon-progress-bar.failed,
.icon-quote,
.button.with-icon.icon-btn-add:before,
.calendar table.fc-header .with-icon.icon-btn-add.fc-button-today:before,
.button.with-icon.icon-btn-edit:before,
.calendar table.fc-header .with-icon.icon-btn-edit.fc-button-today:before,
.button.with-icon.icon-btn-delete:before,
.calendar table.fc-header .with-icon.icon-btn-delete.fc-button-today:before,
.button.with-icon.icon-btn-upload:before,
.calendar table.fc-header .with-icon.icon-btn-upload.fc-button-today:before,
.button.with-icon.icon-btn-download:before,
.calendar table.fc-header .with-icon.icon-btn-download.fc-button-today:before,
.button.with-icon.icon-btn-print:before,
.calendar table.fc-header .with-icon.icon-btn-print.fc-button-today:before,
.button.with-icon.icon-btn-comment:before,
.calendar table.fc-header .with-icon.icon-btn-comment.fc-button-today:before,
.loader.success .indicator,
.loader.failed .indicator,
.form-bubble .form-bubble-close,
.form-bubble .fc-dialog .fc-dclose,
.form-bubble .fc-dialog .fc-dclose:hover,
.form-bubble .fc-dialog .fc-dclose:active,
.calendar .fc-button-prev,
.calendar .fc-button-prev:hover,
.calendar .fc-button-prev:active,
.calendar .fc-button-next,
.calendar .fc-button-next:hover,
.calendar .fc-button-next:active,
.calendar .fc-dialog .fc-dclose,
.calendar .fc-dialog .fc-dclose:hover,
.calendar .fc-dialog .fc-dclose:active,
.calendar .view-type .icon-grid-view,
.calendar .view-type .icon-list-view,
.ui-datepicker .ui-datepicker-header .ui-corner-all.ui-datepicker-prev,
.ui-datepicker .ui-datepicker-header .ui-corner-all.ui-datepicker-next,
.custom-chosen .chosen-container .chosen-search:after,
.header
  .top-navigation
  .navigation
  .menu
  > li.expand-menu.current
  > a
  .icon-burger-menu,
.header
  .top-navigation
  .navigation
  .menu
  > li.expand-menu.current
  > span.wrapper
  .icon-burger-menu,
.header .top-navigation .expand-menu .sub-menu li.has-icon a .icon-btn-print,
.body-navigation .nav-head.has-navigation .btn-nav.prev,
.body-navigation .nav-head.has-navigation .btn-nav.next,
.agenda-navigation .heading .icon-calendar,
.agenda-navigation .nav-item .nav.prev-button,
.agenda-navigation .nav-item .nav.next-button,
.chatting .icon.icon-chatting-network,
.chatting .icon.icon-chatting-personal,
.chatting .icon.icon-chatting-attachment,
.chatting .icon.icon-chatting-invite,
.chatting .icon.icon-chatting-more-info,
.chatting .list-content-type .action .search-form .search-container:before,
.chatting
  .group-item
  .item.chat-content
  .chat-wrap
  .chat-footer
  .group-item
  .item.thumbnail
  .attachment:hover
  .icon.icon-chatting-attachment,
.chatting
  .group-item
  .item.chat-content
  .chat-wrap
  .chat-footer
  .group-item
  .item.component
  .message-container:after,
.widget-parent .widget .widget-head.has-navigation .nav-container .btn-nav.prev,
.widget-parent .widget .widget-head.has-navigation .nav-container .btn-nav.next,
.widget-parent .widget .widget-head.has-navigation .nav-container .btn-nav.up,
.widget-parent .widget .widget-head.has-navigation .nav-container .btn-nav.down,
.widget-parent
  .widget
  .widget-footer.has-navigation
  > span
  .nav-container
  .btn-nav.prev,
.widget-parent
  .widget
  .widget-footer.has-navigation
  > span
  .nav-container
  .btn-nav.next,
.widget-parent
  .widget
  .widget-footer.has-navigation
  > span
  .nav-container
  .btn-nav.up,
.widget-parent
  .widget
  .widget-footer.has-navigation
  > span
  .nav-container
  .btn-nav.down,
.widget
  .widget-perspective-meter
  .perspective-meter
  .perspective-legend
  .state-value
  .icon-indicator.icon-sad,
.widget
  .widget-perspective-meter
  .perspective-meter
  .perspective-legend
  .state-value
  .icon-indicator.icon-smile,
.widget
  .widget-performance-meter
  .performance-meter
  .performance-legend
  .state-value
  .icon-indicator.icon-sad,
.widget
  .widget-performance-meter
  .performance-meter
  .performance-legend
  .state-value
  .icon-indicator.icon-smile,
.widget .widget-big-state .state-item .indicator.icon-checklist,
.widget .widget-big-state .state-item .indicator.icon-sandwatch,
.widget .widget-state .state-item .indicator.icon-checklist,
.widget .widget-state .state-item .indicator.icon-sandwatch {
  background-image: url("../images/sprites-icon-s8924ee1713.png");
  background-repeat: no-repeat;
}

.sprites-icon-widget-sprite,
.icon-widget-action,
.icon-widget-calendar,
.icon-widget-finding,
.icon-widget-schedule,
.icon-widget-verified,
.icon-widget-editor,
.icon-widget-profile,
.icon-widget-head-brain,
.icon-widget-address,
.icon-widget-company-information,
.icon-widget-configuration,
.icon-widget-data-matches,
.icon-widget-event-created,
.icon-widget-experience,
.icon-widget-family-member,
.icon-widget-formal-education,
.icon-widget-informal-education,
.icon-widget-language-skill,
.icon-widget-open-vacancy,
.icon-widget-other-info,
.icon-widget-personal,
.icon-widget-personal-data,
.icon-widget-personal-doc,
.icon-widget-reference,
.icon-widget-search-doc,
.icon-widget-statistic,
.icon-widget-academic,
.icon-widget-achievement,
.icon-widget-attendance,
.icon-widget-group,
.icon-widget-message,
.icon-widget-news,
.icon-widget-recommended,
.icon-widget-telephone,
.icon-widget-performance {
  background-image: url("../images/sprites-icon-widget-se80ec0a777.png");
  background-repeat: no-repeat;
}

/*! normalize.css v3.0.1 | MIT License | git.io/normalize */

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,
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: 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 {
  -moz-box-sizing: content-box;
  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;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  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;
}

/*! Fonts using webfont */

@font-face {
  font-family: "Open Sans";
  src: url("../fonts/opensans/opensans-regular.eot?") format("eot"),
    url("../fonts/opensans/opensans-regular.woff") format("woff"),
    url("../fonts/opensans/opensans-regular.ttf") format("truetype");
  font-weight: normal;
}

@font-face {
  font-family: "Open Sans";
  src: url("../fonts/opensans/opensans-light.eot?") format("eot"),
    url("../fonts/opensans/opensans-light.woff") format("woff"),
    url("../fonts/opensans/opensans-light.ttf") format("truetype");
  font-weight: 300;
}

@font-face {
  font-family: "Open Sans";
  src: url("../fonts/opensans/opensans-bold.eot?") format("eot"),
    url("../fonts/opensans/opensans-bold.woff") format("woff"),
    url("../fonts/opensans/opensans-bold.ttf") format("truetype");
  font-weight: bold;
}

@font-face {
  font-family: "Open Sans";
  src: url("../fonts/opensans/opensans-semibold.eot?") format("eot"),
    url("../fonts/opensans/opensans-semibold.woff") format("woff"),
    url("../fonts/opensans/opensans-semibold.ttf") format("truetype");
  font-weight: 500;
}

@font-face {
  font-family: "Open Sans";
  src: url("../fonts/opensans/opensans-italic.eot?") format("eot"),
    url("../fonts/opensans/opensans-italic.woff") format("woff"),
    url("../fonts/opensans/opensans-italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: "Open Sans";
  src: url("../fonts/opensans/opensans-bolditalic.eot?") format("eot"),
    url("../fonts/opensans/opensans-bolditalic.woff") format("woff"),
    url("../fonts/opensans/opensans-bolditalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: "Interstate";
  src: url("../fonts/interstate/interstate-regular.eot?") format("eot"),
    url("../fonts/interstate/interstate-regular.woff") format("woff"),
    url("../fonts/interstate/interstate-regular.ttf") format("truetype");
  font-weight: normal;
}

@font-face {
  font-family: "Interstate";
  src: url("../fonts/interstate/interstate-thin.eot?") format("eot"),
    url("../fonts/interstate/interstate-thin.woff") format("woff"),
    url("../fonts/interstate/interstate-thin.ttf") format("truetype");
  font-weight: 100;
}

@font-face {
  font-family: "Interstate";
  src: url("../fonts/interstate/interstate-light.eot?") format("eot"),
    url("../fonts/interstate/interstate-light.woff") format("woff"),
    url("../fonts/interstate/interstate-light.ttf") format("truetype");
  font-weight: 300;
}

@font-face {
  font-family: "Interstate";
  src: url("../fonts/interstate/interstate-bold.eot?") format("eot"),
    url("../fonts/interstate/interstate-bold.woff") format("woff"),
    url("../fonts/interstate/interstate-bold.ttf") format("truetype");
  font-weight: bold;
}

@font-face {
  font-family: "Interstate";
  src: url("../fonts/interstate/interstate-black.eot?") format("eot"),
    url("../fonts/interstate/interstate-black.woff") format("woff"),
    url("../fonts/interstate/interstate-black.ttf") format("truetype");
  font-weight: 900;
}

@font-face {
  font-family: "Interstate";
  src: url("../fonts/interstate/interstate-italic.eot?") format("eot"),
    url("../fonts/interstate/interstate-italic.woff") format("woff"),
    url("../fonts/interstate/interstate-italic.ttf") format("truetype");
  font-style: italic;
}

/*! Mixins */

/*! Icons */

.icon-burger-menu {
  display: inline-block;
  width: 24px;
  height: 18px;
  background-position: 0 -281px;
}

.icon-burger-menu.white {
  display: inline-block;
  width: 24px;
  height: 18px;
  background-position: 0 -260px;
}

.icon-search {
  display: inline-block;
  width: 13px;
  height: 15px;
  background-position: 0 -2229px;
}

.icon-information {
  display: inline-block;
  width: 26px;
  height: 26px;
  background-position: 0 -1505px;
}

.icon-download {
  display: inline-block;
  width: 20px;
  height: 19px;
  background-position: 0 -1108px;
}

.icon-download-disable {
  display: inline-block;
  width: 20px;
  height: 19px;
  background-position: 0 -1086px;
}

.icon-upload {
  display: inline-block;
  width: 20px;
  height: 19px;
  background-position: 0 -2373px;
}

.icon-marker {
  display: inline-block;
  width: 13px;
  height: 20px;
  background-position: 0 -1552px;
}

.icon-contact-mail {
  display: inline-block;
  width: 40px;
  height: 40px;
  background-position: 0 -1043px;
}

.icon-contact-mail:hover,
.icon-contact-mail.icon-contact-mail-hover {
  background-position: 0 -1000px;
}

.icon-checklist {
  display: inline-block;
  width: 16px;
  height: 15px;
  background-position: 0 -859px;
}

.icon-reply {
  display: inline-block;
  width: 21px;
  height: 19px;
  background-position: 0 -2121px;
}

.icon-edit {
  display: inline-block;
  width: 21px;
  height: 20px;
  background-position: 0 -1130px;
}

.icon-add {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-position: 0 0;
}

.icon-trash {
  display: inline-block;
  width: 17px;
  height: 20px;
  background-position: 0 -2264px;
}

.icon-readmore {
  display: inline-block;
  width: 6px;
  height: 8px;
  vertical-align: middle;
  background-position: 0 -1431px;
}

.icon-readmore:hover,
.icon-readmore.readmore-indicator-hover {
  background-position: 0 -1420px;
}

.icon-more-up-indicator {
  display: inline-block;
  width: 10px;
  height: 6px;
  vertical-align: middle;
  background-position: 0 -923px;
}

.icon-more-down-indicator {
  display: inline-block;
  width: 10px;
  height: 6px;
  vertical-align: middle;
  background-position: 0 -914px;
}

.icon-facebook {
  display: inline-block;
  width: 40px;
  height: 40px;
  background-position: 0 -1196px;
}

.icon-facebook:hover,
.icon-facebook.icon-facebook-hover {
  background-position: 0 -1153px;
}

.icon-twitter {
  display: inline-block;
  width: 40px;
  height: 40px;
  background-position: 0 -2330px;
}

.icon-twitter:hover,
.icon-twitter.icon-twitter-hover {
  background-position: 0 -2287px;
}

.icon-rss {
  display: inline-block;
  width: 40px;
  height: 40px;
  background-position: 0 -2186px;
}

.icon-rss:hover,
.icon-rss.icon-rss-hover {
  background-position: 0 -2143px;
}

.icon-youtube {
  display: inline-block;
  width: 40px;
  height: 40px;
  background-position: 0 -2543px;
}

.icon-youtube:hover,
.icon-youtube.icon-youtube-hover {
  background-position: 0 -2500px;
}

.icon-google-plus {
  display: inline-block;
  width: 40px;
  height: 40px;
  background-position: 0 -1282px;
}

.icon-google-plus:hover,
.icon-google-plus.icon-googleplus-hover {
  background-position: 0 -1239px;
}

.icon-view {
  display: inline-block;
  width: 20px;
  height: 16px;
  background-position: 0 -2481px;
}

.icon-progress-bar.success {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-position: 0 -2070px;
}

.icon-progress-bar.failed {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-position: 0 -2037px;
}

.icon-quote {
  display: inline-block;
  width: 20px;
  height: 15px;
  background-position: 0 -2103px;
}

/*! Icons widget */

.icon-widget-action {
  display: inline-block;
  width: 30px;
  height: 24px;
  background-position: 0 -65px;
}

.icon-widget-calendar {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-position: 0 -151px;
}

.icon-widget-finding {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-position: 0 -405px;
}

.icon-widget-schedule {
  display: inline-block;
  width: 25px;
  height: 29px;
  background-position: 0 -917px;
}

.icon-widget-verified {
  display: inline-block;
  width: 28px;
  height: 30px;
  background-position: 0 -1046px;
}

.icon-widget-editor {
  display: inline-block;
  width: 30px;
  height: 27px;
  background-position: 0 -284px;
}

.icon-widget-profile {
  display: inline-block;
  width: 24px;
  height: 30px;
  background-position: 0 -822px;
}

.icon-widget-head-brain {
  display: inline-block;
  width: 26px;
  height: 31px;
  background-position: 0 -484px;
}

.icon-widget-address {
  display: inline-block;
  width: 30px;
  height: 28px;
  background-position: 0 -92px;
}

.icon-widget-company-information {
  display: inline-block;
  width: 31px;
  height: 31px;
  background-position: 0 -184px;
}

.icon-widget-configuration {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-position: 0 -218px;
}

.icon-widget-data-matches {
  display: inline-block;
  width: 26px;
  height: 30px;
  background-position: 0 -251px;
}

.icon-widget-event-created {
  display: inline-block;
  width: 30px;
  height: 29px;
  background-position: 0 -314px;
}

.icon-widget-experience {
  display: inline-block;
  width: 32px;
  height: 31px;
  background-position: 0 -346px;
}

.icon-widget-family-member {
  display: inline-block;
  width: 30px;
  height: 22px;
  background-position: 0 -380px;
}

.icon-widget-formal-education {
  display: inline-block;
  width: 30px;
  height: 20px;
  background-position: 0 -438px;
}

.icon-widget-informal-education {
  display: inline-block;
  width: 30px;
  height: 24px;
  background-position: 0 -518px;
}

.icon-widget-language-skill {
  display: inline-block;
  width: 30px;
  height: 29px;
  background-position: 0 -545px;
}

.icon-widget-open-vacancy {
  display: inline-block;
  width: 30px;
  height: 25px;
  background-position: 0 -634px;
}

.icon-widget-other-info {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-position: 0 -662px;
}

.icon-widget-personal {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-position: 0 -789px;
}

.icon-widget-personal-data {
  display: inline-block;
  width: 29px;
  height: 30px;
  background-position: 0 -723px;
}

.icon-widget-personal-doc {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-position: 0 -756px;
}

.icon-widget-reference {
  display: inline-block;
  width: 30px;
  height: 26px;
  background-position: 0 -888px;
}

.icon-widget-search-doc {
  display: inline-block;
  width: 31px;
  height: 30px;
  background-position: 0 -949px;
}

.icon-widget-statistic {
  display: inline-block;
  width: 30px;
  height: 29px;
  background-position: 0 -982px;
}

.icon-widget-academic {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-position: 0 0;
}

.icon-widget-achievement {
  display: inline-block;
  width: 26px;
  height: 29px;
  background-position: 0 -33px;
}

.icon-widget-attendance {
  display: inline-block;
  width: 31px;
  height: 25px;
  background-position: 0 -123px;
}

.icon-widget-group {
  display: inline-block;
  width: 30px;
  height: 20px;
  background-position: 0 -461px;
}

.icon-widget-message {
  display: inline-block;
  width: 29px;
  height: 30px;
  background-position: 0 -577px;
}

.icon-widget-news {
  display: inline-block;
  width: 31px;
  height: 21px;
  background-position: 0 -610px;
}

.icon-widget-recommended {
  display: inline-block;
  width: 21px;
  height: 30px;
  background-position: 0 -855px;
}

.icon-widget-telephone {
  display: inline-block;
  width: 28px;
  height: 29px;
  background-position: 0 -1014px;
}

.icon-widget-performance {
  display: inline-block;
  width: 30px;
  height: 25px;
  background-position: 0 -695px;
}

/*! Themes */

/*! University theme */

/*! Theme color */

/*! Button */

/*! Background Menu */

/*! Fullcalendar custom */

/*! Reset elements */

body {
  margin: 0;
  padding: 0;
  background: #fff;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: normal;
  color: #5e5e5e;
  line-height: 22px;
}

p {
  display: block;
  margin: 24px 0;
  padding: 0;
}

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

a {
  color: #0098d7;
  text-decoration: none;
}

a .icon-readmore {
  margin-top: -1px;
}

a:hover {
  color: #f48b31;
}

a:hover .icon-readmore {
  background-position: 0 -1420px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  display: block;
  margin: 0 0 24px;
  padding: 30px 0 0;
  font-weight: normal;
}

table {
  width: 100%;
  border-collapse: collapse;
}

table thead {
  background: #e4e4e4;
}

table thead tr {
  border-top: 1px solid #fff;
}

table thead tr:first-child {
  border-top: 0;
}

table thead tr th {
  padding: 13px;
  font-size: 12px;
  font-weight: bold;
  line-height: 14px;
  text-align: left;
  text-transform: uppercase;
}

table tbody tr {
  background: #fff;
  border-bottom: 1px solid #e2e2e2;
}

table tbody tr th {
  padding: 13px;
  font-size: 13px;
  line-height: 15px;
  background: #d4d4d4;
}

table tbody tr td {
  padding: 13px;
  font-size: 13px;
  line-height: 15px;
}

table tfoot {
  background: #f1f1f1;
}

table tfoot tr td {
  padding: 13px;
  font-size: 13px;
  line-height: 15px;
}

table.zebra tbody tr:nth-child(even) {
  background: #f2f2f2;
}

table.horizontal tbody tr th {
  text-align: right;
  text-transform: uppercase;
}

table.horizontal.bordered tbody tr th {
  border: 1px solid #e2e2e2;
  border-bottom: 1px solid #fff;
}

table.horizontal.bordered tbody tr:last-child th {
  border-bottom: 1px solid #e2e2e2;
}

table.bordered thead {
  border: 1px solid #e2e2e2;
}

table.bordered thead tr th {
  border-left: 1px solid #fff;
}

table.bordered thead tr th:first-child {
  border-left: 0;
}

table.bordered tbody tr td {
  border: 1px solid #e2e2e2;
}

table.bordered tfoot tr td {
  border: 1px solid #e2e2e2;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="tel"],
textarea {
  display: block;
  margin: 0;
  padding: 0 10px;
  width: 100%;
  height: 40px;
  border: 1px solid #c9c9c9;
  outline: 0;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
  border-color: #ff9024;
}

input[type="text"][readonly="readonly"],
input[type="text"][disabled="disabled"],
input[type="email"][readonly="readonly"],
input[type="email"][disabled="disabled"],
input[type="password"][readonly="readonly"],
input[type="password"][disabled="disabled"],
input[type="search"][readonly="readonly"],
input[type="search"][disabled="disabled"],
textarea[readonly="readonly"],
textarea[disabled="disabled"] {
  background: #e4e4e4;
}

input[type="text"].has-success,
input[type="email"].has-success,
input[type="password"].has-success,
input[type="search"].has-success,
textarea.has-success {
  border-color: #74b71b;
}

input[type="text"].has-warning,
input[type="email"].has-warning,
input[type="password"].has-warning,
input[type="search"].has-warning,
textarea.has-warning {
  border-color: #ff9024;
}

input[type="text"].has-error,
input[type="email"].has-error,
input[type="password"].has-error,
input[type="search"].has-error,
textarea.has-error {
  border-color: #d12f2e;
}

textarea {
  padding: 10px;
  resize: none;
  height: auto;
  line-height: 20px;
}

form {
  display: block;
}

form .row {
  margin: 0 -10px;
}

form .row .column {
  padding: 0 10px;
}

form p {
  display: block;
  margin: 0 0 20px;
  padding: 0;
}

form p.action.has-border {
  margin: 10px 0;
  padding: 20px 0 0;
  border-top: 1px solid #c9c9c9;
}

form p.action.has-loader .loader {
  display: block;
  float: left;
  line-height: 40px;
}

form label {
  display: block;
  margin: 0 0 8px;
  padding: 0;
  font-size: 12px;
  color: #909090;
  line-height: 15px;
  text-transform: uppercase;
}

form label .required {
  color: #d12f2e;
}

form small {
  display: block;
  padding-top: 10px;
  font-size: 12px;
  color: #919191;
  line-height: 15px;
}

ul.custom-list {
  display: block;
  margin: 0;
  padding: 0;
}

ul.custom-list li {
  display: block;
  position: relative;
  margin: 0 0 8px;
  padding: 0 0 0 18px;
}

ul.custom-list li:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  content: "";
  margin-top: 5px;
  width: 6px;
  height: 6px;
  -webkit-border-radius: 100%;
  -khtml-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  background: #0098d7;
}

code {
  padding: 3px 5px;
  background: #5e5e5e;
  color: #fff;
}

blockquote {
  display: block;
  margin: 20px 0;
  padding: 20px;
  background: #f6f6f6;
}

/*! Reusable Patterns */

.clearfix:after,
form p.action.has-loader:after,
.container:after,
.row:after,
.calendar-wrap:after,
.ui-datepicker .ui-datepicker-header .ui-datepicker-title:after,
.header .navigator ul:after,
.header .top-navigation .navigation:after,
.header .top-navigation .navigation .menu:after,
.agenda-navigation .agenda-content ul:after,
.archives .post-item.has-thumbnail:after,
.widget-parent .widget-group:after,
.widget-parent
  .widget
  .widget-footer.has-navigation
  > span
  .nav-container.has-label
  .btn-nav:after,
.clearfix:before,
form p.action.has-loader:before,
.container:before,
.row:before,
.calendar-wrap:before,
.ui-datepicker .ui-datepicker-header .ui-datepicker-title:before,
.header .navigator ul:before,
.header .top-navigation .navigation:before,
.header .top-navigation .navigation .menu:before,
.agenda-navigation .agenda-content ul:before,
.archives .post-item.has-thumbnail:before,
.widget-parent .widget-group:before,
.widget-parent
  .widget
  .widget-footer.has-navigation
  > span
  .nav-container.has-label
  .btn-nav:before {
  display: table;
  content: "";
}

.clearfix:after,
form p.action.has-loader:after,
.container:after,
.row:after,
.calendar-wrap:after,
.ui-datepicker .ui-datepicker-header .ui-datepicker-title:after,
.header .navigator ul:after,
.header .top-navigation .navigation:after,
.header .top-navigation .navigation .menu:after,
.agenda-navigation .agenda-content ul:after,
.archives .post-item.has-thumbnail:after,
.widget-parent .widget-group:after,
.widget-parent
  .widget
  .widget-footer.has-navigation
  > span
  .nav-container.has-label
  .btn-nav:after {
  clear: both;
}

.left {
  float: left;
}

.right {
  float: right;
}

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

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

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

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

.text-success {
  display: inline-block;
  padding: 1px 5px;
  color: #74b71b;
  background: #f2f7ec;
}

.text-error {
  display: inline-block;
  padding: 1px 5px;
  color: #d12f2e;
  background: #f9f2f4;
}

.text-warning {
  display: inline-block;
  padding: 1px 5px;
  color: #ff9024;
  background: #f5efe9;
}

.button,
.calendar table.fc-header .fc-button-today {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0 25px;
  min-width: 120px;
  height: 40px;
  border: 0;
  outline: 0;
  font-size: 12px;
  color: #fff;
  line-height: 40px;
  text-align: center;
  text-transform: uppercase;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}

.button.wide,
.calendar table.fc-header .wide.fc-button-today {
  width: 100%;
  margin-bottom: 10px;
}

.button.button-primary,
.calendar table.fc-header .fc-button-today {
  background: #34aee2;
  background-color: #34aee2;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#34aee2),
    to(#0098d7)
  );
  background-image: -webkit-linear-gradient(top, #34aee2, #0098d7);
  background-image: -moz-linear-gradient(top, #34aee2, #0098d7);
  background-image: -ms-linear-gradient(top, #34aee2, #0098d7);
  background-image: -o-linear-gradient(top, #34aee2, #0098d7);
  background-image: linear-gradient(top, #34aee2, #0098d7);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorStr='#34aee2', endColorStr='#0098d7');
}

.button.button-primary:hover,
.calendar table.fc-header .fc-button-today:hover {
  background: #0083bf;
  color: #fff;
}

.button.button-primary:active,
.calendar table.fc-header .fc-button-today:active,
.button.button-primary.active,
.calendar table.fc-header .active.fc-button-today {
  background: #0071a6;
  color: #fff;
}

.button.button-secondary,
.calendar table.fc-header .button-secondary.fc-button-today {
  background: #bababa;
}

.button.button-secondary:hover,
.calendar table.fc-header .button-secondary.fc-button-today:hover {
  background: #a1a1a1;
  color: #fff;
}

.button.button-secondary.active,
.calendar table.fc-header .button-secondary.active.fc-button-today {
  background: #878787;
  color: #fff;
}

.button.button-orange,
.calendar table.fc-header .button-orange.fc-button-today {
  background: #f59949;
  filter: progid: DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFf59949', endColorstr='#FFe5842e');
  background-image: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #f59949),
    color-stop(99%, #e5842e)
  );
  background-image: -webkit-linear-gradient(top, #f59949 0%, #e5842e 99%);
  background-image: -moz-linear-gradient(top, #f59949 0%, #e5842e 99%);
  background-image: -o-linear-gradient(top, #f59949 0%, #e5842e 99%);
  background-image: linear-gradient(top, #f59949 0%, #e5842e 99%);
}

.button.button-orange:hover,
.calendar table.fc-header .button-orange.fc-button-today:hover {
  background: #db7e2c;
  color: #fff;
}

.button.button-orange.active,
.calendar table.fc-header .button-orange.active.fc-button-today {
  background: #c26f27;
  color: #fff;
}

.button.with-icon,
.calendar table.fc-header .with-icon.fc-button-today {
  position: relative;
  padding: 0 15px 0 50px;
  text-align: left;
}

.button.with-icon.wide,
.calendar table.fc-header .with-icon.wide.fc-button-today {
  text-align: center;
}

.button.with-icon:before,
.calendar table.fc-header .with-icon.fc-button-today:before {
  display: block;
  position: absolute;
  top: 50%;
  left: 10px;
  z-index: 1;
  content: "";
  margin-top: -10px;
  width: 20px;
  height: 20px;
}

.button.with-icon:after,
.calendar table.fc-header .with-icon.fc-button-today:after {
  display: block;
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 40px;
  content: "";
  width: 1px;
  background: #fff;
}

.button.with-icon.icon-btn-add:before,
.calendar table.fc-header .with-icon.icon-btn-add.fc-button-today:before {
  background-position: 0 -99px;
}

.button.with-icon.icon-btn-edit:before,
.calendar table.fc-header .with-icon.icon-btn-edit.fc-button-today:before {
  background-position: 0 -191px;
}

.button.with-icon.icon-btn-delete:before,
.calendar table.fc-header .with-icon.icon-btn-delete.fc-button-today:before {
  background-position: 0 -145px;
}

.button.with-icon.icon-btn-upload:before,
.calendar table.fc-header .with-icon.icon-btn-upload.fc-button-today:before {
  background-position: 0 -237px;
}

.button.with-icon.icon-btn-download:before,
.calendar table.fc-header .with-icon.icon-btn-download.fc-button-today:before {
  background-position: 0 -168px;
}

.button.with-icon.icon-btn-print:before,
.calendar table.fc-header .with-icon.icon-btn-print.fc-button-today:before {
  background-position: 0 -214px;
}

.button.with-icon.icon-btn-comment:before,
.calendar table.fc-header .with-icon.icon-btn-comment.fc-button-today:before {
  background-position: 0 -122px;
}

/*! Update 6 May 2015 */

.loader {
  display: inline-block;
  height: 30px;
  font-size: 0;
}

.loader .indicator {
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  background-image: url("../images/progress-bar.GIF");
}

.loader .progress-text {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  font-size: 14px;
  color: #0098d7;
  line-height: 16px;
}

.loader.success .indicator {
  background-position: 0 -2070px;
}

.loader.success .progress-text {
  color: #47af74;
}

.loader.failed .indicator {
  background-position: 0 -2037px;
}

.loader.failed .progress-text {
  color: #ff5555;
}

/*! Basic structure */

body.fixed-body {
  overflow: hidden;
}

body .scrollbar-measure {
  width: 100px;
  height: 100px;
  overflow: scroll;
  position: absolute;
  top: -9999px;
}

#page {
  display: block;
  position: relative;
}

#page .page-heading {
  display: block;
  position: relative;
  margin: 0 0 30px;
}

#page .page-heading h1 {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 24px;
  font-weight: bold;
  color: #0098d7;
  line-height: 28px;
  text-transform: uppercase;
}

#page .page-sub-heading {
  display: block;
  position: relative;
  margin-bottom: 20px;
  padding: 0 0 20px;
  border-bottom: 1px solid #c9c9c9;
}

#page .page-sub-heading h2 {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 20px;
  font-weight: normal;
  color: #5e5e5e;
  line-height: 22px;
}

#page .page-sub-heading.no-border {
  padding: 0;
  border-bottom: 0;
}

#site-content {
  display: block;
  position: relative;
}

#site-content .divider {
  display: block;
  width: 100%;
  height: 1px;
  background: #c9c9c9;
}

#main-content {
  display: block;
  position: relative;
  padding: 10px 0 10px;
}

#main-content.has-widget {
  z-index: 1;
  margin-top: -1px;
  padding: 40px 0 80px;
  background: #f1f1f1;
  border-top: 1px solid #c9c9c9;
}

#main-content.has-widget .widget-parent .widget {
  background: #fff;
}

#main-content.has-widget .widget-parent .widget .widget-footer {
  background: #fff;
}

#main-content.has-widget .box-container {
  display: block;
  position: relative;
  margin-bottom: 20px;
  padding: 20px;
  background: #fff;
  border: 1px solid #c9c9c9;
}

.container {
  display: block;
  width: 940px;
  margin: auto;
}

.container.w-640px {
  width: 740px;
}

.container.w-720px {
  width: 720px;
}

.container.w-800px {
  width: 800px;
}

.container.w-880px {
  width: 880px;
}

.tagline-banner {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 90;
  width: 100%;
  height: 0;
}

.tagline-banner.short-banner {
  position: fixed;
}

.tagline-banner.short-banner .wrap .banner {
  padding: 0;
}

.tagline-banner.short-banner .wrap .banner .banner-image {
  margin-top: -20px;
  height: 114px;
  background-position: 0 -1442px;
}

.tagline-banner.short-banner .wrap .tagline {
  display: none;
}

.tagline-banner .container {
  height: 0;
}

.tagline-banner .wrap {
  display: block;
  margin-left: -80px;
  width: 53px;
}

.tagline-banner .wrap .banner {
  display: block;
  padding: 187px 0 0;
  background: #0098d7;
}

.tagline-banner .wrap .banner .banner-image {
  display: block;
  width: 53px;
  height: 204px;
  background-color: #fff;
  background-position: 0 -1559px;
}

.tagline-banner .wrap .tagline {
  display: block;
  margin: 50px 0 0;
  font-family: "Interstate";
  font-size: 12px;
  font-weight: bold;
  color: #474a4a;
  line-height: 14px;
}

.tagline-banner.new-layout .wrap {
  margin-left: 0;
}

.tagline-banner.new-layout .wrap .banner {
  padding: 0;
}

.tagline-banner.new-layout .wrap .banner .banner-image {
  margin-top: -20px;
  height: 114px;
  background-position: 0 -1442px;
}

.tagline-banner.new-layout .wrap .tagline {
  display: none;
}

.tagline-banner.new-layout.short-banner {
  display: none;
}

.row {
  display: block;
}

.row .column {
  display: block;
  float: left;
  width: 100%;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.row .column.one-half {
  width: 50%;
}

.row .column.two-thirds {
  width: 66.67%;
}

.row .column.one-third {
  width: 33.33%;
}

.row .column.one-fourth {
  width: 25%;
}

.row .column.one-fifth {
  width: 20%;
}

.group-item {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.group-item .rows {
  display: table-row;
}

.group-item .item {
  display: table-cell;
}

.group-item .item.one-half {
  width: 50%;
}

.group-item .item.two-thirds {
  width: 66.67%;
}

.group-item .item.one-third {
  width: 33.33%;
}

.group-item .item.one-fourth {
  width: 25%;
}

.group-item .item.one-fifth {
  width: 20%;
}

.absolute-divider {
  display: block;
  position: absolute;
  left: auto;
  z-index: 1;
  content: "";
  width: 100%;
  height: 1px;
  background: #c9c9c9;
}

.absolute-divider.top {
  bottom: 100%;
}

.absolute-divider.bottom {
  top: 100%;
}

.heading {
  display: block;
  margin: 0 0 20px;
  padding: 0;
  font-size: 24px;
  font-weight: normal;
  color: #0098d7;
  line-height: 28px;
  text-align: center;
  text-transform: uppercase;
}

.heading.new-layout {
  margin: 0 0 30px;
  padding: 0 0 20px;
  font-size: 20px;
  text-align: left;
  line-height: 24px;
  border-bottom: 1px solid #c9c9c9;
}

.ffTextBoxWrapper,
.ffPasswordWrapper,
.ffCheckboxWrapper,
.ffRadioWrapper,
.ffTextAreaWrapper,
.ffSubmitWrapper,
.ffResetWrapper,
.ffButtonWrapper {
  display: inline-block;
  zoom: 1;
  *display: inline;
  margin: 5px 0;
}

.ffSelectWrapper {
  display: inline-block;
  zoom: 1;
  margin: 5px 0;
}

.ffTextBoxLeft,
.ffTextBoxRight,
.ffPasswordLeft,
.ffPasswordRight,
.ffCheckbox,
.ffRadio,
.ffSelectButton,
.ffSelectButton span,
.ffSelectMenuWrapper div.ffSelectMenuTop,
.ffSelectMenuWrapper div.ffSelectMenuBottom,
.ffSelectMenuWrapper > div > span,
.ffTextAreaTop,
.ffTextAreaTop span,
.ffTextAreaBottom,
.ffTextAreaBottom span,
.ffSubmitWrapper a,
.ffSubmitWrapper a span,
.ffResetWrapper a,
.ffResetWrapper a span,
.ffButtonWrapper a,
.ffButtonWrapper a span {
  background-repeat: no-repeat;
}

.ffTextBoxRight,
.ffPasswordRight {
  background-position: right -256px;
  padding-right: 5px;
}

.ffTextBoxLeft,
.ffPasswordLeft {
  background-position: 0 0;
  padding: 0 5px 0 10px;
}

.ffTextBoxLeft input,
.ffPasswordLeft input {
  border: 0;
  height: 28px;
  background-color: transparent;
  margin-top: 6px\9;
  height: 22px\9;
}

.ffTextBoxRight:hover,
.ffPasswordRight:hover {
  background-position: right -288px;
}

.ffTextBoxLeft:hover,
.ffPasswordLeft:hover {
  background-position: 0 -32px;
}

.focus .ffTextBoxRight,
.focus .ffPasswordRight {
  background-position: right -320px;
}

.focus .ffTextBoxLeft,
.focus .ffPasswordLeft {
  background-position: 0 -64px;
}

.ffTextBoxWrapper.disabled .ffTextBoxRight,
.ffPasswordWrapper.disabled .ffPasswordRight {
  background-position: right -352px;
}

.ffTextBoxWrapper.disabled .ffTextBoxLeft,
.ffPasswordWrapper.disabled .ffPasswordLeft {
  background-position: 0 -96px;
  color: #999;
}

.ffCheckboxWrapper a {
  text-decoration: none;
  color: #6f6f6f;
  position: relative;
  top: 1px;
  font-size: 14px;
  padding-left: 5px;
  margin-right: 10px;
}

.ffCheckbox {
  width: 21px;
  height: 21px;
  float: left;
  background-position: 0 -288px;
  cursor: pointer;
}

.ffCheckboxWrapper:hover a,
.ffCeckboxWrapper.focus a {
  color: #4e4e4e;
}

.ffCheckboxWrapper:hover .ffCheckbox,
.ffCeckboxWrapper.focus .ffCheckbox {
  background-position: -30px -288px;
}

.ffCheckboxWrapper.on .ffCheckbox {
  background-position: -60px -288px;
}

.ffCheckboxWrapper.on:hover .ffCheckbox,
.ffCeckboxWrapper.on.focus .ffCheckbox {
  background-position: -90px -288px;
}

.ffCheckboxWrapper.disabled .ffCheckbox {
  background-position: -120px -288px;
}

.ffCheckboxWrapper.on.disabled .ffCheckbox {
  background-position: -150px -288px;
}

.ffCheckboxWrapper.disabled a,
.ffCeckboxWrapper.disabled:hover a,
.ffCeckboxWrapper.disabled.focus a {
  color: #999;
}

.ffRadioWrapper a {
  text-decoration: none;
  color: #555;
  position: relative;
  top: 1px;
  font-size: 14px;
  padding-left: 5px;
  margin-right: 10px;
}

.ffRadio {
  width: 18px;
  height: 18px;
  float: left;
  background-position: -180px -288px;
  cursor: pointer;
}

.ffRadioWrapper:hover a,
.ffRadioWrapper.focus a {
  color: #4e4e4e;
}

.ffRadioWrapper:hover .ffRadio,
.ffRadioWrapper.focus .ffRadio {
  background-position: -210px -288px;
}

.ffRadioWrapper.on .ffRadio {
  background-position: -240px -288px;
}

.ffRadioWrapper.on:hover .ffRadio,
.ffRadioWrapper.on.focus .ffRadio {
  background-position: -270px -288px;
}

.ffRadioWrapper.disabled .ffRadio {
  background-position: -300px -288px;
}

.ffRadioWrapper.on.disabled .ffRadio {
  background-position: -330px -288px;
}

.ffRadioWrapper.disabled a,
.ffRadioWrapper.disabled:hover a,
.ffRadioWrapper.disabled.focus a {
  color: #999;
}

.ffSelectWrapper {
  width: 200px;
  *clear: both;
}

.ffSelect {
  position: relative;
}

.ffSelect > a {
  background-position: right -128px;
  display: block;
  text-decoration: none;
  outline: 0;
  cursor: default;
}

.ffSelect > a > span {
  display: block;
  height: 28px;
  margin-right: 40px;
  padding-left: 10px;
  background-position: 0 0;
  overflow: hidden;
  line-height: 28px;
  font-size: 14px;
  color: #555;
  white-space: nowrap;
  *white-space: normal;
  text-overflow: ellipsis;
}

.ffSelect:hover > a,
.ffSelectWrapper.focus .ffSelect > a {
  background-position: right -160px;
}

.ffSelect:hover > a > span,
.ffSelectWrapper.focus .ffSelect > a > span {
  background-position: 0 -32px;
}

.ffSelectWrapper.active .ffSelect > a {
  background-position: right -192px;
  z-index: 1005;
  position: relative;
}

.ffSelectWrapper.active .ffSelect > a > span {
  background-position: 0 -64px;
}

.ffSelectWrapper.disabled .ffSelect > a {
  background-position: right -224px;
}

.ffSelectWrapper.disabled .ffSelect > a > span {
  background-position: 0 -96px;
  color: #999;
}

.ffSelectMenuWrapper {
  width: 100%;
}

.ffSelectMenuWrapper .ffSelectMenuMidBG ul {
  list-style-type: none;
  margin: 0 0;
  padding: 0;
  list-style: none !important;
}

.ffSelectMenuWrapper .ffSelectMenuMidBG li {
  padding: 5px;
  cursor: default;
  background-color: #fff;
  list-style: none !important;
  margin: 0;
}

.ffSelectMenuWrapper .ffSelectMenuMidBG li span {
  font-size: 14px;
}

.ffSelectMenuWrapper .ffSelectMenuMidBG li.disabled span {
  color: #888;
}

.ffSelectMenuWrapper .ffSelectMenuMidBG li.on {
  background-color: #ccc;
}

.ffSelectMenuTop {
  height: 5px;
  background-position: 0 -394px;
}

.ffSelectMenuTop span {
  display: block;
  height: 5px;
  margin-left: 8px;
  background: right -384px;
}

.ffSelectMenuBottom {
  height: 5px;
  background-position: 0 -414px;
}

.ffSelectMenuBottom span {
  display: block;
  height: 5px;
  margin-left: 8px;
  background-position: right -404px;
}

.ffSelectMenuMidBG {
  background: url(../images/fancyfields/sides.png) repeat-y right 0;
}

.ffSelectMenuMid {
  max-height: 200px;
  overflow: auto;
  background: url(../images/fancyfields/sides.png) repeat-y 0 0;
  padding-left: 4px;
  margin-right: 4px;
}

.scrollingBarWrapper {
  width: 24px;
  height: 200px;
  background: url(../images/fancyfields/scrollingBarBg.png) no-repeat;
  right: 3px !important;
}

.scrollingHandle {
  width: 24px;
  padding-top: 20px;
  background: url(../images/fancyfields/scrollingHandleTop.png) no-repeat 0 0;
}

.scrollingHandleBottom {
  width: 24px;
  background: url(../images/fancyfields/scrollingHandleBottom.png) no-repeat 0px
    bottom;
}

.ffTextAreaWrapper textarea {
  border: 0;
  margin: 10px 10px 10px 15px;
  padding: 0;
  font-size: 14px;
  color: #555;
  background: none;
  resize: none;
}

.ffTextAreaTop {
  height: 5px;
  background-position: 0 -394px;
}

.ffTextAreaTop span {
  display: block;
  height: 5px;
  margin-left: 8px;
  background-position: right -384px;
}

.ffTextAreaMid {
  background: transparent url(../images/fancyfields/sides.png) repeat-y right 0;
}

.ffTextAreaMid .ffTextAreaLeft {
  background: url(../images/fancyfields/sides.png) repeat-y 0 0;
  margin-right: 4px;
}

.ffTextAreaBottom {
  height: 5px;
  background-position: 0 -414px;
}

.ffTextAreaBottom span {
  display: block;
  height: 5px;
  margin-left: 6px;
  background-position: right -404px;
}

.ffButtonWrapper > a {
  background-position: right -585px;
  display: block;
  text-decoration: none;
  outline: 0;
}

.ffButtonWrapper > a > span {
  display: block;
  height: 36px;
  padding-bottom: 2px;
  line-height: 39px;
  font-size: 15px;
  background-position: 0 -424px;
  text-align: center;
  padding: 0 10px 0 15px;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  margin-right: 5px;
}

.ffButtonWrapper:hover > a {
  background-position: right -625px;
}

.ffButtonWrapper:hover > a > span {
  background-position: 0 -464px;
}

.ffButtonWrapper > a:active {
  background-position: right -665px;
  position: relative;
}

.ffButtonWrapper > a:active > span {
  background-position: 0 -504px;
}

.ffButtonWrapper.disabled > a {
  background-position: right -705px;
  position: static;
}

.ffButtonWrapper.disabled > a > span {
  background-position: 0 -544px;
  color: #c1c1c1;
}

input[type="text"],
input[type="password"],
input[type="tel"],
textarea,
select {
  outline: none;
}

select.mobileSelect {
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  top: 0;
  display: block;
}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */

.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
}

.fancybox-skin {
  position: relative;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.fancybox-opened {
  z-index: 8030;
}

.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer,
.fancybox-inner {
  position: relative;
}

.fancybox-inner {
  overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}

.fancybox-error {
  color: #444;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}

.fancybox-image,
.fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}

.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}

#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
  background-image: url("../images/fancybox/fancybox_sprite.png");
}

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060;
}

#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url("../images/fancybox/fancybox_loading.gif") center center
    no-repeat;
}

.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040;
}

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url("../images/fancybox/blank.gif");
  -webkit-tap-highlight-color: transparent;
  z-index: 8040;
}

.fancybox-prev {
  left: 0;
}

.fancybox-next {
  right: 0;
}

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
}

.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px;
}

.fancybox-next span {
  right: 10px;
  background-position: 0 -72px;
}

.fancybox-nav:hover span {
  visibility: visible;
}

.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}

.fancybox-lock {
  overflow: hidden !important;
  width: auto;
}

.fancybox-lock body {
  overflow: hidden !important;
}

.fancybox-lock-test {
  overflow-y: hidden !important;
}

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url("../images/fancybox/fancybox_overlay.png");
}

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}

.fancybox-title {
  visibility: hidden;
  position: relative;
  text-shadow: none;
  z-index: 8050;
}

.fancybox-opened .fancybox-title {
  visibility: visible;
}

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center;
}

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent;
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #fff;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}

.fancybox-title-inside-wrap {
  padding-top: 10px;
}

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min--moz-device-pixel-ratio: 1.5),
  only screen and (min-device-pixel-ratio: 1.5) {
  #fancybox-loading,
  .fancybox-close,
  .fancybox-prev span,
  .fancybox-next span {
    background-image: url("../images/fancybox/fancybox_sprite@2x.png");
    background-size: 44px 152px;
  }
  #fancybox-loading div {
    background-image: url("../images/fancybox/fancybox_loading@2x.gif");
    background-size: 24px 24px;
  }
}

/*!
 * FullCalendar v1.6.4 Stylesheet
 * Docs & License: http://arshaw.com/fullcalendar/
 * (c) 2013 Adam Shaw
 */

.fc {
  direction: ltr;
  text-align: left;
}

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

html .fc,
.fc table {
  font-size: 1em;
}

.fc td,
.fc th {
  padding: 0;
  vertical-align: top;
}

.fc-header td {
  white-space: nowrap;
}

.fc-header-left {
  width: 25%;
  text-align: left;
}

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

.fc-header-right {
  width: 25%;
  text-align: right;
}

.fc-header-title {
  display: inline-block;
  vertical-align: top;
}

.fc-header-title h2 {
  margin-top: 0;
  white-space: nowrap;
}

.fc .fc-header-space {
  padding-left: 10px;
}

.fc-header .fc-button {
  margin-bottom: 1em;
  vertical-align: top;
}

.fc-header .fc-button {
  margin-right: -1px;
}

.fc-header .fc-corner-right,
.fc-header .ui-corner-right {
  margin-right: 0;
}

.fc-header .fc-state-hover,
.fc-header .ui-state-hover {
  z-index: 2;
}

.fc-header .fc-state-down {
  z-index: 3;
}

.fc-header .fc-state-active,
.fc-header .ui-state-active {
  z-index: 4;
}

.fc-content {
  clear: both;
  zoom: 1;
}

.fc-view {
  width: 100%;
  overflow: hidden;
}

.fc-widget-header,
.fc-widget-content {
  border: 1px solid #ddd;
}

.fc-state-highlight {
  background: #fcf8e3;
}

.fc-cell-overlay {
  background: #bce8f1;
  opacity: 0.3;
  filter: alpha(opacity=30);
}

.fc-button {
  position: relative;
  display: inline-block;
  padding: 0 0.6em;
  overflow: hidden;
  height: 1.9em;
  line-height: 1.9em;
  white-space: nowrap;
  cursor: pointer;
}

.fc-state-default {
  border: 1px solid;
}

.fc-state-default.fc-corner-left {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.fc-state-default.fc-corner-right {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.fc-text-arrow {
  margin: 0 0.1em;
  font-size: 2em;
  font-family: "Courier New", Courier, monospace;
  vertical-align: baseline;
}

.fc-button-prev .fc-text-arrow,
.fc-button-next .fc-text-arrow {
  font-weight: bold;
}

.fc-button .fc-icon-wrap {
  position: relative;
  float: left;
  top: 50%;
}

.fc-button .ui-icon {
  position: relative;
  float: left;
  margin-top: -50%;
  *margin-top: 0;
  *top: -50%;
}

.fc-state-default {
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    from(#fff),
    to(#e6e6e6)
  );
  background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
  background-image: -o-linear-gradient(top, #fff, #e6e6e6);
  background-image: linear-gradient(to bottom, #fff, #e6e6e6);
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),
    0 1px 2px rgba(0, 0, 0, 0.05);
}

.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
  color: #333333;
  background-color: #e6e6e6;
}

.fc-state-hover {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
}

.fc-state-down,
.fc-state-active {
  background-color: #cccccc;
  background-image: none;
  outline: 0;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.fc-state-disabled {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  box-shadow: none;
}

.fc-event-container > * {
  z-index: 8;
}

.fc-event-container > .ui-draggable-dragging,
.fc-event-container > .ui-resizable-resizing {
  z-index: 9;
}

.fc-event {
  border: 1px solid #3a87ad;
  background-color: #3a87ad;
  color: #fff;
  font-size: 0.85em;
  cursor: default;
}

a.fc-event {
  text-decoration: none;
}

a.fc-event,
.fc-event-draggable {
  cursor: pointer;
}

.fc-rtl .fc-event {
  text-align: right;
}

.fc-event-inner {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.fc-event-time,
.fc-event-title {
  padding: 0 1px;
}

.fc .ui-resizable-handle {
  display: block;
  position: absolute;
  z-index: 99999;
  overflow: hidden;
  font-size: 300%;
  line-height: 50%;
}

.fc-event-hori {
  border-width: 1px 0;
  margin-bottom: 1px;
}

.fc-ltr .fc-event-hori.fc-event-start,
.fc-rtl .fc-event-hori.fc-event-end {
  border-left-width: 1px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.fc-ltr .fc-event-hori.fc-event-end,
.fc-rtl .fc-event-hori.fc-event-start {
  border-right-width: 1px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.fc-event-hori .ui-resizable-e {
  top: 0 !important;
  right: -3px !important;
  width: 7px !important;
  height: 100% !important;
  cursor: e-resize;
}

.fc-event-hori .ui-resizable-w {
  top: 0 !important;
  left: -3px !important;
  width: 7px !important;
  height: 100% !important;
  cursor: w-resize;
}

.fc-event-hori .ui-resizable-handle {
  _padding-bottom: 14px;
}

table.fc-border-separate {
  border-collapse: separate;
}

.fc-border-separate th,
.fc-border-separate td {
  border-width: 1px 0 0 1px;
}

.fc-border-separate th.fc-last,
.fc-border-separate td.fc-last {
  border-right-width: 1px;
}

.fc-border-separate tr.fc-last th,
.fc-border-separate tr.fc-last td {
  border-bottom-width: 1px;
}

.fc-border-separate tbody tr.fc-first td,
.fc-border-separate tbody tr.fc-first th {
  border-top-width: 0;
}

.fc-grid th {
  text-align: center;
}

.fc .fc-week-number {
  width: 22px;
  text-align: center;
}

.fc .fc-week-number div {
  padding: 0 2px;
}

.fc-grid .fc-day-number {
  float: right;
  padding: 0 2px;
}

.fc-grid .fc-other-month .fc-day-number {
  opacity: 0.3;
  filter: alpha(opacity=30);
}

.fc-grid .fc-day-content {
  clear: both;
  padding: 2px 2px 1px;
}

.fc-grid .fc-event-time {
  font-weight: bold;
}

.fc-rtl .fc-grid .fc-day-number {
  float: left;
}

.fc-rtl .fc-grid .fc-event-time {
  float: right;
}

.fc-agenda table {
  border-collapse: separate;
}

.fc-agenda-days th {
  text-align: center;
}

.fc-agenda .fc-agenda-axis {
  width: 50px;
  padding: 0 4px;
  vertical-align: middle;
  text-align: right;
  white-space: nowrap;
  font-weight: normal;
}

.fc-agenda .fc-week-number {
  font-weight: bold;
}

.fc-agenda .fc-day-content {
  padding: 2px 2px 1px;
}

.fc-agenda-days .fc-agenda-axis {
  border-right-width: 1px;
}

.fc-agenda-days .fc-col0 {
  border-left-width: 0;
}

.fc-agenda-allday th {
  border-width: 0 1px;
}

.fc-agenda-allday .fc-day-content {
  min-height: 34px;
  _height: 34px;
}

.fc-agenda-divider-inner {
  height: 2px;
  overflow: hidden;
}

.fc-widget-header .fc-agenda-divider-inner {
  background: #eee;
}

.fc-agenda-slots th {
  border-width: 1px 1px 0;
}

.fc-agenda-slots td {
  border-width: 1px 0 0;
  background: none;
}

.fc-agenda-slots td div {
  height: 20px;
}

.fc-agenda-slots tr.fc-slot0 th,
.fc-agenda-slots tr.fc-slot0 td {
  border-top-width: 0;
}

.fc-agenda-slots tr.fc-minor th,
.fc-agenda-slots tr.fc-minor td {
  border-top-style: dotted;
}

.fc-agenda-slots tr.fc-minor th.ui-widget-header {
  *border-top-style: solid;
}

.fc-event-vert {
  border-width: 0 1px;
}

.fc-event-vert.fc-event-start {
  border-top-width: 1px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.fc-event-vert.fc-event-end {
  border-bottom-width: 1px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.fc-event-vert .fc-event-time {
  white-space: nowrap;
  font-size: 10px;
}

.fc-event-vert .fc-event-inner {
  position: relative;
  z-index: 2;
}

.fc-event-vert .fc-event-bg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0.25;
  filter: alpha(opacity=25);
}

.fc .ui-draggable-dragging .fc-event-bg,
.fc-select-helper .fc-event-bg {
  display: none\9;
}

.fc-event-vert .ui-resizable-s {
  bottom: 0 !important;
  width: 100% !important;
  height: 8px !important;
  overflow: hidden !important;
  line-height: 8px !important;
  font-size: 11px !important;
  font-family: monospace;
  text-align: center;
  cursor: s-resize;
}

.fc-agenda .ui-resizable-resizing {
  _overflow: hidden;
}

.calendar-wrap {
  display: block;
  margin: 0 auto 40px;
  position: relative;
}

.calendar-wrap .legend {
  margin-top: 20px;
}

.calendar-wrap .calendar-mode {
  position: absolute;
  top: 0;
  right: 0;
}

.fc-day .events-view-more {
  padding: 2px 10px 5px;
  text-transform: uppercase;
  font-size: 11px;
  text-align: center;
}

/*! Form bubble */

.form-bubble {
  display: none;
  position: absolute;
  float: left;
  z-index: 101;
  padding: 0;
  background-color: #fff;
  background: #e2e2e2;
  margin-left: 1px;
  box-shadow: 0 0 5px #888;
}

.form-bubble h5 {
  background: #c9c9c9;
  padding: 5px 15px 6px;
  margin: 0 0 10px;
}

.form-bubble .fc-event {
  padding: 1px 10px;
  line-height: 1.4;
  display: block;
  width: 200px !important;
  position: relative;
  border: none;
}

.form-bubble a.fc-event:hover {
  text-decoration: underline;
}

.form-bubble .form-bubble-close {
  display: block;
  position: absolute;
  background-position: 0 -959px;
  width: 15px;
  height: 15px;
  cursor: pointer;
  right: 4px;
  top: 4px;
}

.form-bubble .form-bubble-close:hover,
.form-bubble .form-bubble-close.icon-close-tooltip-calendar-hover {
  background-position: 0 -941px;
}

.form-bubble .form-bubble-close:active,
.form-bubble .form-bubble-close.icon-close-tooltip-calendar-active {
  background-position: 0 -923px;
}

.form-bubble .form-bubble-pointer-right,
.form-bubble .form-bubble-pointer-top-right,
.form-bubble .form-bubble-pointer-left,
.form-bubble .form-bubble-pointer-top-left,
.form-bubble .form-bubble-pointer-bottom-left {
  background-repeat: no-repeat;
  float: left;
  height: 13px;
  position: absolute;
  width: 14px;
}

.form-bubble .form-bubble-pointer-right,
.form-bubble .form-bubble-pointer-top-right {
  right: -14px;
}

.form-bubble .form-bubble-pointer-right {
  margin-top: -6px;
  top: 50%;
}

.form-bubble .form-bubble-pointer-top-right {
  top: 8px;
}

.form-bubble .form-bubble-pointer-left,
.form-bubble .form-bubble-pointer-top-left,
.form-bubble .form-bubble-pointer-bottom-left {
  left: -14px;
}

.form-bubble .form-bubble-pointer-left {
  margin-top: -6px;
  top: 50%;
}

.form-bubble .form-bubble-pointer-top-left {
  top: 8px;
}

.form-bubble .form-bubble-pointer-bottom-left {
  bottom: 14px;
}

.form-bubble ul {
  position: relative;
  margin: 0;
  padding: 0;
}

.form-bubble ul li {
  margin: 0 0 1px;
  padding: 0;
  list-style: none;
  white-space: normal;
  overflow: visible;
}

.form-bubble ul li h5 {
  height: 24px;
  line-height: 24px;
  padding: 0 15px;
}

.form-bubble .form-bubble-content {
  padding: 0 0 15px;
}

.form-bubble .form-bubble-close {
  z-index: 20;
}

.form-bubble .fc-event {
  cursor: pointer;
  overflow: visible;
  margin: 0 15px;
}

.form-bubble .fc-event:hover {
  cursor: pointer;
  overflow: visible;
}

.form-bubble .fc-event.fc-desktop:hover .fc-dialog {
  display: block;
}

.form-bubble .fc-event .fc-event-title {
  overflow: hidden;
  white-space: nowrap;
}

.form-bubble .fc-dialog {
  display: none;
  position: absolute;
  left: 50% !important;
  bottom: 25px;
  z-index: 1001;
  width: 400px;
  background: #fff;
  margin-left: -201px;
  color: transparent;
  border: 1px solid #c9c9c9;
}

.form-bubble .fc-dialog.active {
  display: block;
}

.form-bubble .fc-dialog:before {
  position: absolute;
  left: 50%;
  top: 100%;
  z-index: 140;
  content: "";
  height: 0;
  width: 0;
  border: 12px solid;
  border-top-color: #c9c9c9;
  margin-left: -12px;
}

.form-bubble .fc-dialog:after {
  position: absolute;
  left: 50%;
  top: 100%;
  z-index: 140;
  content: "";
  height: 0;
  width: 0;
  border: 10px solid;
  border-top-color: #fff;
  margin-left: -10px;
}

.form-bubble .fc-dialog .fc-dcontent {
  position: relative;
  background: #fff;
  color: #444446;
  padding: 20px;
}

.form-bubble .fc-dialog .fc-dcontent .fc-dtitle {
  font-size: 14px;
  line-height: 20px;
  color: #6f273d;
  padding: 0 25px 10px 0;
  margin: 0 0 10px;
  border-bottom: 1px solid #c9c9c9;
}

.form-bubble .fc-dialog .fc-dcontent .fc-ddate {
  font-size: 12px;
  color: #555;
  margin-bottom: 10px;
}

.form-bubble .fc-dialog .fc-dcontent .fc-ddesc {
  margin-bottom: 10px;
}

.form-bubble .fc-dialog .fc-dcontent .fc-ddesc p {
  margin: 0;
  padding: 0;
  white-space: normal;
  word-wrap: break-word;
}

.form-bubble .fc-dialog .fc-dclose {
  display: inline-block;
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 20;
  content: "";
  width: 15px;
  height: 15px;
  background-position: 0 -959px;
}

.form-bubble .fc-dialog .fc-dclose:hover,
.form-bubble .fc-dialog .fc-dclose.icon-close-tooltip-calendar-hover {
  background-position: 0 -941px;
}

.form-bubble .fc-dialog .fc-dclose:active,
.form-bubble .fc-dialog .fc-dclose.icon-close-tooltip-calendar-active {
  background-position: 0 -923px;
}

.form-bubble .fc-dialog .fc-dclose:hover {
  background-position: 0 -941px;
}

.form-bubble .fc-dialog .fc-dclose:active {
  background-position: 0 -923px;
}

/*! Fullcalendar custom style */

.calendar-wrapper {
  display: block;
  position: relative;
  margin: auto;
  width: 100%;
}

.calendar-wrapper .legend {
  margin-top: 30px;
}

.calendar {
  display: block;
  position: relative;
}

.calendar table.fc-header {
  margin: 30px 0 0;
}

.calendar table.fc-header .fc-header-space {
  display: inline-block;
  height: 40px;
  width: 1px;
  background: #c9c9c9;
  padding: 0;
  margin: 0 15px;
}

.calendar table.fc-header .fc-button-today.fc-state-disabled {
  background: #34aee2;
  background-color: #34aee2;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#34aee2),
    to(#0098d7)
  );
  background-image: -webkit-linear-gradient(top, #34aee2, #0098d7);
  background-image: -moz-linear-gradient(top, #34aee2, #0098d7);
  background-image: -ms-linear-gradient(top, #34aee2, #0098d7);
  background-image: -o-linear-gradient(top, #34aee2, #0098d7);
  background-image: linear-gradient(top, #34aee2, #0098d7);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorStr='#34aee2', endColorStr='#0098d7');
}

.calendar table.fc-header .fc-button-today .fc-header-left {
  padding-right: 10px;
}

.calendar table.fc-header tbody tr {
  border-bottom: 0;
}

.calendar table.fc-header tbody tr.fc-week {
  background: #f9f9f9;
}

.calendar table.fc-header .fc-button {
  cursor: pointer;
}

.calendar table.fc-header .fc-header-left {
  width: 70px;
  height: 40px;
  line-height: 0;
}

.calendar table.fc-header .fc-header-center {
  padding-left: 15px;
  vertical-align: top;
  text-align: left;
}

.calendar table.fc-header .fc-header-center .fc-header-title {
  height: 40px;
  line-height: 40px;
  padding: 0 0 0 15px;
  border-left: 1px solid #c9c9c9;
}

.calendar table.fc-header .fc-header-center .fc-header-title h2 {
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: normal;
  color: #5e5e5e;
  text-transform: uppercase;
}

.calendar table.fc-header .fc-header-right {
  width: 157px;
  padding: 0;
}

.calendar table.fc-header .fc-button-prev,
.calendar table.fc-header .fc-button-next {
  vertical-align: top;
  margin-top: 5px;
}

.calendar .fc-widget-header,
.calendar .fc-widget-content {
  border: 1px solid #c9c9c9;
}

.calendar .fc-button-prev,
.calendar .fc-button-next {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-bottom: 0;
  text-indent: -99999em;
  padding: 0;
  background-color: #fff;
  border: 0;
  box-shadow: none;
}

.calendar .fc-button-prev {
  margin-right: 15px;
  background-position: 0 -1773px;
}

.calendar .fc-button-prev:hover,
.calendar .fc-button-prev.icon-pointer-left-hover {
  background-position: 0 -1740px;
}

.calendar .fc-button-prev:active,
.calendar .fc-button-prev.icon-pointer-left-active {
  background-position: 0 -1674px;
}

.calendar .fc-button-prev:hover {
  background-position: 0 -1740px;
}

.calendar .fc-button-prev:active {
  background-position: 0 -1674px;
}

.calendar .fc-button-next {
  background-position: 0 -1905px;
}

.calendar .fc-button-next:hover,
.calendar .fc-button-next.icon-pointer-right-hover {
  background-position: 0 -1872px;
}

.calendar .fc-button-next:active,
.calendar .fc-button-next.icon-pointer-right-active {
  background-position: 0 -1806px;
}

.calendar .fc-button-next:hover {
  background-position: 0 -1872px;
}

.calendar .fc-button-next:active {
  background-position: 0 -1806px;
}

.calendar .fc-day-header {
  padding: 10px 0;
}

.calendar .fc-content {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #c9c9c9;
}

.calendar .fc-content table.fc-border-separate {
  border-collapse: collapse;
}

.calendar .fc-content table thead tr th {
  text-align: center;
}

.calendar .fc-content table tbody {
  border-right: 1px solid #c9c9c9;
}

.calendar .fc-content table tbody tr {
  border-bottom: 1px solid #c9c9c9;
}

.calendar .fc-content table tbody tr:first-child {
  border-top: 1px solid #c9c9c9;
}

.calendar .fc-content table tbody tr td {
  vertical-align: top;
  border-left: 1px solid #c9c9c9;
}

.calendar .fc-content table tbody tr td .fc-day-number {
  margin: 4px 4px 0 0;
  z-index: 20;
  position: relative;
  font-size: 9.5px;
  color: #5e5e5e;
}

.calendar .fc-content .fc-event {
  color: white;
  height: 20px;
  overflow: hidden;
  background: #57aae0;
  border: none;
  -webkit-border-radius: 0 !important;
  -khtml-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -o-border-radius: 0 !important;
  border-radius: 0 !important;
}

.calendar .fc-content .fc-event:hover {
  overflow: auto;
  height: auto;
}

.calendar .fc-content .fc-event.fc-event-end {
  padding-right: 10px;
}

.calendar .fc-content .fc-event.fc-event-end:after {
  content: "";
  width: 11px;
  height: 20px;
  background-position: 0 -106px;
  position: absolute;
  top: 0;
  right: 0;
}

.calendar .fc-content .fc-event.fc-event-start {
  padding-left: 10px;
}

.calendar .fc-content .fc-event.fc-event-start:before {
  content: "";
  width: 11px;
  height: 20px;
  background-position: 0 -129px;
  position: absolute;
  top: 0;
  left: 0;
}

.calendar .fc-content .fc-event.fc-event-start.fc-event-end {
  padding-left: 3px;
  padding-right: 3px;
}

.calendar .fc-content .fc-event.fc-event-start.fc-event-end:before {
  display: none;
}

.calendar .fc-content .fc-event.fc-event-start.fc-event-end:after {
  display: none;
}

.calendar .fc-content .fc-event .fc-event-inner {
  position: relative;
  z-index: 1000;
  padding: 0 5px;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.calendar .fc-list-view {
  display: none;
  position: absolute;
  top: 30px;
  z-index: 20;
  width: 100%;
  background: #fff;
}

.calendar .fc-list-view.active {
  display: block;
}

.calendar .fc-list-view .table-list-view {
  display: table;
  width: 100%;
}

.calendar .fc-list-view .table-list-view tr.current {
  background: #dff1fb;
}

.calendar .fc-list-view .table-list-view td {
  padding: 10px 13px;
  vertical-align: middle;
  border-color: #c9c9c9;
}

.calendar .fc-list-view .table-list-view .list-view-date {
  width: 90px;
  text-align: center;
}

.calendar .fc-list-view .table-list-view .list-view-color {
  width: 15px;
  text-align: right;
}

.calendar .fc-list-view .table-list-view .list-view-day {
  display: block;
  font-size: 28px;
  color: #0098d7;
  line-height: 23px;
}

.calendar .fc-list-view .table-list-view .list-view-month {
  display: block;
  font-size: 14px;
  color: #919191;
}

.calendar .fc-list-view .table-list-view .list-view-time {
  width: 150px;
  font-size: 14px;
  color: #494949;
  text-align: center;
}

.calendar .fc-list-view .table-list-view .list-view-title {
  font-size: 14px;
  color: #5e5e5e;
}

.calendar .fc-list-view .table-list-view .list-view-title.no-left-border {
  border-left: 0 !important;
  padding-left: 0 !important;
}

.calendar .fc-list-view .table-list-view .list-view-blank {
  display: block;
  height: 45px;
}

.calendar .fc-list-view .table-list-view .list-view-bullet {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #0098d7;
  vertical-align: middle;
  -webkit-border-radius: 100%;
  -khtml-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}

.calendar .fc-view {
  overflow: visible;
}

.calendar .fc-content {
  position: relative;
}

.calendar .fc-content .fc-event,
.calendar .fc-content .fc-event:hover {
  cursor: pointer;
  overflow: visible;
  height: 20px;
}

.calendar .fc-content .fc-event .fc-event-inner,
.calendar .fc-content .fc-event:hover .fc-event-inner {
  position: relative;
  overflow: visible;
  padding: 0;
}

.calendar .fc-content .fc-event .fc-event-inner .fc-event-title,
.calendar .fc-content .fc-event:hover .fc-event-inner .fc-event-title {
  height: 20px;
  overflow: hidden;
  line-height: 20px;
}

.calendar .fc-content table tbody tr td .fc-day-number {
  z-index: 5;
}

.calendar .fc-grid .fc-event-time {
  display: inline-block;
  vertical-align: top;
}

.calendar .fc-grid .fc-event-title {
  display: inline-block;
  width: 100%;
  min-width: 112px;
  white-space: nowrap;
}

.calendar .fc-index {
  z-index: 20 !important;
}

.calendar .fc-dialog {
  display: none;
  position: absolute;
  left: 50%;
  bottom: 25px;
  z-index: 1001;
  width: 400px;
  background: #fff;
  margin-left: -201px;
  color: transparent;
  border: 1px solid #c9c9c9;
}

.calendar .fc-dialog.active {
  display: block;
}

.calendar .fc-dialog:before {
  position: absolute;
  left: 50%;
  top: 100%;
  z-index: 140;
  content: "";
  height: 0;
  width: 0;
  border: 12px solid;
  border-top-color: #c9c9c9;
  margin-left: -12px;
}

.calendar .fc-dialog:after {
  position: absolute;
  left: 50%;
  top: 100%;
  z-index: 140;
  content: "";
  height: 0;
  width: 0;
  border: 10px solid;
  border-top-color: #fff;
  margin-left: -10px;
}

.calendar .fc-dialog .fc-dcontent {
  position: relative;
  background: #fff;
  color: #5e5e5e;
  padding: 20px;
}

.calendar .fc-dialog .fc-dcontent .fc-dtitle {
  font-size: 14px;
  line-height: 20px;
  color: #0098d7;
  padding: 0 25px 10px 0;
  margin: 0 0 10px;
  border-bottom: 1px solid #c9c9c9;
}

.calendar .fc-dialog .fc-dcontent .fc-ddate {
  font-size: 12px;
  color: #555;
  margin-bottom: 10px;
}

.calendar .fc-dialog .fc-dcontent .fc-ddesc {
  margin-bottom: 10px;
}

.calendar .fc-dialog .fc-dcontent .fc-ddesc p {
  margin: 0;
  padding: 0;
  white-space: normal;
  word-wrap: break-word;
  line-height: 18px;
}

.calendar .fc-dialog .fc-dclose {
  display: inline-block;
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 20;
  content: "";
  width: 15px;
  height: 15px;
  background-position: 0 -959px;
}

.calendar .fc-dialog .fc-dclose:hover,
.calendar .fc-dialog .fc-dclose.icon-close-tooltip-calendar-hover {
  background-position: 0 -941px;
}

.calendar .fc-dialog .fc-dclose:active,
.calendar .fc-dialog .fc-dclose.icon-close-tooltip-calendar-active {
  background-position: 0 -923px;
}

.calendar .fc-dialog .fc-dclose:hover {
  background-position: 0 -941px;
}

.calendar .fc-dialog .fc-dclose:active {
  background-position: 0 -923px;
}

.calendar .fc-event.fc-desktop:hover .fc-dialog {
  display: block;
}

.calendar .view-type {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  width: 40px;
  height: 40px;
  background: #c9c9c9;
  margin-left: 1px;
  cursor: pointer;
}

.calendar .view-type.active {
  background: #f48b31;
}

.calendar .view-type .icon-grid-view {
  display: inline-block;
  width: 40px;
  height: 40px;
  background-position: 0 -2395px;
}

.calendar .view-type .icon-list-view {
  display: inline-block;
  width: 40px;
  height: 40px;
  background-position: 0 -2438px;
}

.calendar .fc-state-highlight {
  background: #dff1fb;
}

/*! Datepicker */

.ui-datepicker {
  display: none;
  z-index: 10;
  padding: 20px;
  background: #fff;
  border: 1px solid #c9c9c9;
}

.ui-datepicker .ui-datepicker-header {
  display: block;
  position: relative;
  margin: 0 0 10px;
  height: 40px;
}

.ui-datepicker .ui-datepicker-header .ui-corner-all {
  display: block;
  position: absolute;
  top: 50%;
  z-index: 1;
  margin-top: -15px;
  width: 30px;
  height: 30px;
  font-size: 0;
  line-height: 0;
  cursor: pointer;
}

.ui-datepicker .ui-datepicker-header .ui-corner-all.ui-datepicker-prev {
  left: 0;
  display: inline-block;
  width: 30px;
  height: 30px;
  background-position: 0 -1773px;
}

.ui-datepicker .ui-datepicker-header .ui-corner-all.ui-datepicker-prev:hover,
.ui-datepicker
  .ui-datepicker-header
  .ui-corner-all.ui-datepicker-prev.icon-pointer-left-hover {
  background-position: 0 -1740px;
}

.ui-datepicker .ui-datepicker-header .ui-corner-all.ui-datepicker-prev:active,
.ui-datepicker
  .ui-datepicker-header
  .ui-corner-all.ui-datepicker-prev.icon-pointer-left-active {
  background-position: 0 -1674px;
}

.ui-datepicker .ui-datepicker-header .ui-corner-all.ui-datepicker-next {
  right: 0;
  display: inline-block;
  width: 30px;
  height: 30px;
  background-position: 0 -1905px;
}

.ui-datepicker .ui-datepicker-header .ui-corner-all.ui-datepicker-next:hover,
.ui-datepicker
  .ui-datepicker-header
  .ui-corner-all.ui-datepicker-next.icon-pointer-right-hover {
  background-position: 0 -1872px;
}

.ui-datepicker .ui-datepicker-header .ui-corner-all.ui-datepicker-next:active,
.ui-datepicker
  .ui-datepicker-header
  .ui-corner-all.ui-datepicker-next.icon-pointer-right-active {
  background-position: 0 -1806px;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
  display: block;
  position: relative;
  padding: 0 40px;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month,
.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year {
  display: block;
  margin-top: 5px;
  width: 49%;
  height: 30px;
  border: 1px solid #c9c9c9;
  outline: 0;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month {
  float: right;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year {
  float: left;
}

.ui-datepicker .ui-datepicker-calendar {
  width: 100%;
}

.ui-datepicker .ui-datepicker-calendar thead tr {
  background: #fff;
  border-bottom: 1px solid #c9c9c9;
}

.ui-datepicker .ui-datepicker-calendar tbody tr {
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-calendar tbody tr td {
  padding: 3px;
}

.ui-datepicker .ui-datepicker-calendar tbody tr td a {
  display: inline-block;
  width: 25px;
  height: 25px;
  color: #5e5e5e;
  line-height: 25px;
  text-align: center;
  border: 2px solid #fff;
  -webkit-border-radius: 100%;
  -khtml-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}

.ui-datepicker .ui-datepicker-calendar tbody tr td a:hover {
  color: #ff9024;
}

.ui-datepicker .ui-datepicker-calendar tbody tr td a.ui-state-highlight {
  border-color: #0098d7;
}

.ui-datepicker .ui-datepicker-calendar tbody tr td a.ui-state-active {
  color: #fff;
  background: #0098d7;
  border-color: #0098d7;
}

.mCustomScrollbar {
  -ms-touch-action: none;
  touch-action: none;
}

.mCustomScrollbar.mCS_no_scrollbar {
  -ms-touch-action: auto;
  touch-action: auto;
}

.mCustomScrollBox {
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: none;
  direction: ltr;
}

.mCSB_container {
  overflow: hidden;
  width: auto;
  height: auto;
}

.mCSB_inside > .mCSB_container {
  margin-right: 30px;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-left: 30px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0;
}

.mCSB_scrollTools {
  position: absolute;
  width: 16px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0;
}

.mCSB_outside + .mCSB_scrollTools {
  right: -26px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  right: auto;
  left: 0;
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  left: -26px;
}

.mCSB_scrollTools .mCSB_draggerContainer {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger {
  cursor: pointer;
  width: 100%;
  height: 30px;
  z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  position: relative;
  width: 4px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  text-align: center;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
  .mCSB_dragger.mCSB_dragger_onDrag_expanded
  .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
  .mCSB_draggerContainer:hover
  .mCSB_dragger
  .mCSB_dragger_bar {
  width: 12px;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
  .mCSB_dragger.mCSB_dragger_onDrag_expanded
  + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
  .mCSB_draggerContainer:hover
  .mCSB_draggerRail {
  width: 8px;
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0;
}

.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-bottom: 30px;
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
  min-height: 100%;
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 16px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
}

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox
  + .mCSB_scrollTools
  + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -26px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0 20px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 30px;
  height: 100%;
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
  .mCSB_dragger.mCSB_dragger_onDrag_expanded
  .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
  .mCSB_draggerContainer:hover
  .mCSB_dragger
  .mCSB_dragger_bar {
  height: 12px;
  margin: 2px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
  .mCSB_dragger.mCSB_dragger_onDrag_expanded
  + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
  .mCSB_draggerContainer:hover
  .mCSB_draggerRail {
  height: 8px;
  margin: 4px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  right: 0;
}

.mCSB_container_wrapper {
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: 30px;
  margin-bottom: 30px;
}

.mCSB_container_wrapper > .mCSB_container {
  padding-right: 30px;
  padding-bottom: 30px;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 20px;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 20px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden
  + .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden
  + .mCSB_scrollTools
  ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl
  > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside
  > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0;
}

.mCS-dir-rtl
  > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside
  > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 20px;
}

.mCS-dir-rtl
  > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside
  > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden
  + .mCSB_scrollTools
  ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
  margin-right: 0;
  margin-left: 30px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
  padding-right: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
  padding-bottom: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside
  > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
  margin-left: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside
  > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  -webkit-transition: opacity 0.2s ease-in-out,
    background-color 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
  -webkit-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s,
    margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s,
    margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s,
    opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -moz-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s,
    margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s,
    margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s,
    opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -o-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s,
    margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s,
    margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s,
    opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s,
    margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s,
    margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s,
    opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.mCSB_scrollTools {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 0;
  filter: "alpha(opacity=0)";
  -ms-filter: "alpha(opacity=0)";
}

.mCustomScrollbar
  > .mCustomScrollBox
  > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar
  > .mCustomScrollBox
  ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
}

.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4);
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
  filter: "alpha(opacity=85)";
  -ms-filter: "alpha(opacity=85)";
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  background-image: url(mCSB_buttons.png);
  background-repeat: no-repeat;
  opacity: 0.4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 0;
}

.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -20px;
}

.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -40px;
}

.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -56px;
}

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
  opacity: 0.9;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools
  .mCSB_dragger.mCSB_dragger_onDrag
  .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px 0;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -20px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -40px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -56px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools
  .mCSB_dragger.mCSB_dragger_onDrag
  .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px 0;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -20px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -40px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -56px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools
  .mCSB_dragger.mCSB_dragger_onDrag
  .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px 0;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -20px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -40px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -56px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools
  .mCSB_dragger.mCSB_dragger_onDrag
  .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px 0;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -20px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -40px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -56px;
}

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
}

.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px;
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools
  .mCSB_dragger.mCSB_dragger_onDrag
  .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.15);
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
  height: 14px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 14px;
  margin: 0 1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 14px;
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal
  .mCSB_dragger
  .mCSB_dragger_bar {
  height: 14px;
  margin: 1px 0;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
  .mCSB_dragger.mCSB_dragger_onDrag_expanded
  .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
  .mCSB_draggerContainer:hover
  .mCSB_dragger
  .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
  .mCSB_dragger.mCSB_dragger_onDrag_expanded
  .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
  .mCSB_draggerContainer:hover
  .mCSB_dragger
  .mCSB_dragger_bar {
  width: 16px;
  height: 16px;
  margin: -1px 0;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
  .mCSB_dragger.mCSB_dragger_onDrag_expanded
  + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
  .mCSB_draggerContainer:hover
  .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
  .mCSB_dragger.mCSB_dragger_onDrag_expanded
  + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
  .mCSB_draggerContainer:hover
  .mCSB_draggerRail {
  width: 4px;
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
  .mCSB_dragger.mCSB_dragger_onDrag_expanded
  .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
  .mCSB_draggerContainer:hover
  .mCSB_dragger
  .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
  .mCSB_dragger.mCSB_dragger_onDrag_expanded
  .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
  .mCSB_draggerContainer:hover
  .mCSB_dragger
  .mCSB_dragger_bar {
  height: 16px;
  width: 16px;
  margin: 0 -1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
  .mCSB_dragger.mCSB_dragger_onDrag_expanded
  + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
  .mCSB_draggerContainer:hover
  .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
  .mCSB_dragger.mCSB_dragger_onDrag_expanded
  + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
  .mCSB_draggerContainer:hover
  .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 -72px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -92px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -112px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -128px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools
  .mCSB_dragger.mCSB_dragger_onDrag
  .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools
  .mCSB_dragger.mCSB_dragger_onDrag
  .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px -72px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -92px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -112px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -128px;
}

.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
  width: 4px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  background-color: transparent;
  background-position: center;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
  background-repeat: repeat-y;
  opacity: 0.3;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
  background-repeat: repeat-x;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px -72px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -92px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -112px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -128px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px -72px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -92px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -112px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -128px;
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-y;
  background-image: -moz-linear-gradient(
    left,
    rgba(255, 255, 255, 0.5) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0%, rgba(255, 255, 255, 0.5)),
    color-stop(100%, rgba(255, 255, 255, 0))
  );
  background-image: -webkit-linear-gradient(
    left,
    rgba(255, 255, 255, 0.5) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  background-image: -o-linear-gradient(
    left,
    rgba(255, 255, 255, 0.5) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  background-image: -ms-linear-gradient(
    left,
    rgba(255, 255, 255, 0.5) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  background-image: linear-gradient(
    to right,
    rgba(255, 255, 255, 0.5) 0%,
    rgba(255, 255, 255, 0) 100%
  );
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(
    top,
    rgba(255, 255, 255, 0.5) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, rgba(255, 255, 255, 0.5)),
    color-stop(100%, rgba(255, 255, 255, 0))
  );
  background-image: -webkit-linear-gradient(
    top,
    rgba(255, 255, 255, 0.5) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  background-image: -o-linear-gradient(
    top,
    rgba(255, 255, 255, 0.5) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  background-image: -ms-linear-gradient(
    top,
    rgba(255, 255, 255, 0.5) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  background-image: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.5) 0%,
    rgba(255, 255, 255, 0) 100%
  );
}

.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 70px;
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 70px;
}

.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 8px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5),
    inset -1px 0 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools
  .mCSB_dragger.mCSB_dragger_onDrag
  .mCSB_dragger_bar {
  background-color: #555;
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 8px;
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 8px;
  margin: 4px 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5),
    inset 0 -1px 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 8px;
  margin: 4px auto;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  right: 1px;
}

.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1),
    inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  bottom: 1px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1),
    inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
  width: 12px;
  margin: 2px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools
  .mCSB_dragger.mCSB_dragger_onDrag
  .mCSB_dragger_bar {
  background-color: #555;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  width: auto;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

.mCS-3d-thick-dark.mCSB_scrollTools {
  box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1),
    inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4),
    inset -1px 0 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4),
    inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools
  .mCSB_dragger.mCSB_dragger_onDrag
  .mCSB_dragger_bar {
  background-color: #777;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #fff;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  right: 0;
  margin: 12px 0;
}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal
  + .mCSB_scrollTools
  + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark
  + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark
  + .mCSB_scrollTools
  + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 0;
  margin: 0 12px;
}

.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  left: 0;
  right: auto;
}

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 50px;
}

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 50px;
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools
  .mCSB_dragger.mCSB_dragger_onDrag
  .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools
  .mCSB_dragger.mCSB_dragger_onDrag
  .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}

.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  width: 6px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
}

.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
}

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 6px;
  margin: 5px 0;
}

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
  .mCSB_dragger.mCSB_dragger_onDrag_expanded
  + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
  .mCSB_draggerContainer:hover
  .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
  .mCSB_dragger.mCSB_dragger_onDrag_expanded
  + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
  .mCSB_draggerContainer:hover
  .mCSB_draggerRail {
  width: 12px;
}

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
  .mCSB_dragger.mCSB_dragger_onDrag_expanded
  + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
  .mCSB_draggerContainer:hover
  .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
  .mCSB_dragger.mCSB_dragger_onDrag_expanded
  + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
  .mCSB_draggerContainer:hover
  .mCSB_draggerRail {
  height: 12px;
  margin: 2px 0;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools
  .mCSB_dragger.mCSB_dragger_onDrag
  .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 12px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
}

.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  margin: 3px 5px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 6px;
  margin: 5px 3px;
  position: absolute;
  width: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 12px;
  margin: 2px 0;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools
  .mCSB_dragger.mCSB_dragger_onDrag
  .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools
  .mCSB_dragger.mCSB_dragger_onDrag
  .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools
  .mCSB_dragger.mCSB_dragger_onDrag
  .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
  border-color: rgba(255, 255, 255, 0.2);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  border-color: #000;
  border-color: rgba(0, 0, 0, 0.2);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.6);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools
  .mCSB_dragger.mCSB_dragger_onDrag
  .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools
  .mCSB_dragger.mCSB_dragger_onDrag
  .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

/*! Custom scrollbar */

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #0098d7;
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background: #0098d7;
}

.mCSB_scrollTools .mCSB_draggerRail {
  background: #c9c9c9;
}

.mCSB_scrollTools.mCSB_scrollTools_onDrag .mCSB_dragger .mCSB_dragger_bar {
  background: #0098d7;
}

/*! Freeze pane */

.freeze-pane {
  display: block;
  position: relative;
  overflow: auto;
  /*! Update 12 May 2015 */
  /*! Update 22 May 2015 */
}

.freeze-pane table {
  white-space: nowrap;
}

.freeze-pane table.bordered thead tr th {
  border-left: 0;
  border-right: 1px solid #fff;
}

.freeze-pane table.bordered thead tr th:last-child {
  border-right: 1px solid #e2e2e2;
}

.freeze-pane table.bordered.DTFC_Cloned thead tr th:last-child {
  border-right: 1px solid #fff;
}

.freeze-pane .dataTables_filter {
  display: block;
  margin: 0;
  padding: 20px 20px 20px 210px;
  background: #e4e4e4;
  border-bottom: 1px solid #fff;
}

.freeze-pane .dataTables_filter label {
  display: block;
  position: relative;
  margin: auto;
  padding: 0;
  font-size: 0;
  line-height: 0;
}

.freeze-pane .dataTables_filter label:before {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  content: "";
  width: 40px;
  height: 40px;
  background-position: 0 -589px;
}

.freeze-pane .dataTables_filter label input[type="search"] {
  position: relative;
  font-size: 14px;
}

.freeze-pane .dataTables_wrapper {
  position: relative;
  text-align: right;
}

.freeze-pane .DTFC_ScrollWrapper {
  text-align: left;
  border: 1px solid #e2e2e2;
}

.freeze-pane .dataTables_info {
  display: inline-block;
  margin-top: 20px;
  height: 40px;
  line-height: 40px;
  vertical-align: top;
}

.freeze-pane .dataTables_paginate {
  display: inline-block;
  position: relative;
  margin-top: 20px;
  margin-left: 10px;
  padding-left: 10px;
  height: 40px;
  line-height: 40px;
  vertical-align: top;
  border-left: 1px solid #c9c9c9;
}

.freeze-pane .dataTables_paginate > .paginate_button {
  display: block;
  position: absolute;
  top: 0;
  z-index: 2;
  content: "";
  width: 40px;
  height: 40px;
  cursor: pointer;
  font-size: 0;
}

.freeze-pane .dataTables_paginate > .paginate_button.previous {
  right: 41px;
  background-position: 0 -1173px;
}

.freeze-pane .dataTables_paginate > .paginate_button.previous:hover,
.freeze-pane
  .dataTables_paginate
  > .paginate_button.previous.pagination-prev-hover {
  background-position: 0 -1130px;
}

.freeze-pane .dataTables_paginate > .paginate_button.previous:active,
.freeze-pane
  .dataTables_paginate
  > .paginate_button.previous.pagination-prev-active {
  background-position: 0 -1087px;
}

.freeze-pane .dataTables_paginate > .paginate_button.next {
  right: 0;
  background-position: 0 -1044px;
}

.freeze-pane .dataTables_paginate > .paginate_button.next:hover,
.freeze-pane
  .dataTables_paginate
  > .paginate_button.next.pagination-next-hover {
  background-position: 0 -1001px;
}

.freeze-pane .dataTables_paginate > .paginate_button.next:active,
.freeze-pane
  .dataTables_paginate
  > .paginate_button.next.pagination-next-active {
  background-position: 0 -958px;
}

.freeze-pane .dataTables_paginate > span {
  display: block;
  position: relative;
  z-index: 1;
  padding-right: 95px;
}

.freeze-pane .dataTables_paginate > span .paginate_button {
  display: inline-block;
  font-size: 13px;
  padding: 0 6px;
  color: #919191;
  outline: 0;
  box-shadow: none;
  cursor: pointer;
}

.freeze-pane .dataTables_paginate > span .paginate_button:active {
  box-shadow: none;
}

.freeze-pane .dataTables_paginate > span .paginate_button.current {
  color: #5e5e5e;
  text-decoration: underline;
}

.freeze-pane .dataTables_length {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 185px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  background: #e4e4e4;
}

.freeze-pane .dataTables_length select {
  display: inline-block;
  padding: 0 15px;
  height: 40px;
  border: 0;
  outline: 1px solid #c9c9c9;
  outline-offset: -1px;
  outline-style: outline;
  background: #fff;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}

/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com

Version 1.3.0
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011-2014 Harvest http://getharvest.com

MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/

.chosen-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  zoom: 1;
  *display: inline;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.chosen-container * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.chosen-container .chosen-drop {
  position: absolute;
  top: 100%;
  left: -9999px;
  z-index: 1010;
  width: 100%;
  border: 1px solid #aaa;
  border-top: 0;
  background: #fff;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}

.chosen-container.chosen-with-drop .chosen-drop {
  left: 0;
}

.chosen-container a {
  cursor: pointer;
}

.chosen-container-single .chosen-single {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0 0 0 8px;
  height: 25px;
  border: 1px solid #aaa;
  border-radius: 5px;
  background-color: #fff;
  background: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(20%, #fff),
    color-stop(50%, #f6f6f6),
    color-stop(52%, #eee),
    color-stop(100%, #f4f4f4)
  );
  background: -webkit-linear-gradient(
    top,
    #fff 20%,
    #f6f6f6 50%,
    #eee 52%,
    #f4f4f4 100%
  );
  background: -moz-linear-gradient(
    top,
    #fff 20%,
    #f6f6f6 50%,
    #eee 52%,
    #f4f4f4 100%
  );
  background: -o-linear-gradient(
    top,
    #fff 20%,
    #f6f6f6 50%,
    #eee 52%,
    #f4f4f4 100%
  );
  background: linear-gradient(
    top,
    #fff 20%,
    #f6f6f6 50%,
    #eee 52%,
    #f4f4f4 100%
  );
  background-clip: padding-box;
  box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
  color: #444;
  text-decoration: none;
  white-space: nowrap;
  line-height: 24px;
}

.chosen-container-single .chosen-default {
  color: #999;
}

.chosen-container-single .chosen-single span {
  display: block;
  overflow: hidden;
  margin-right: 26px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.chosen-container-single .chosen-single-with-deselect span {
  margin-right: 38px;
}

.chosen-container-single .chosen-single abbr {
  position: absolute;
  top: 6px;
  right: 26px;
  display: block;
  width: 12px;
  height: 12px;
  background: url("../images/chosen/chosen-sprite.png") -42px 1px no-repeat;
  font-size: 1px;
}

.chosen-container-single .chosen-single abbr:hover {
  background-position: -42px -10px;
}

.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
  background-position: -42px -10px;
}

.chosen-container-single .chosen-single div {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 18px;
  height: 100%;
}

.chosen-container-single .chosen-single div b {
  display: block;
  width: 100%;
  height: 100%;
  background: url("../images/chosen/chosen-sprite.png") no-repeat 0px 2px;
}

.chosen-container-single .chosen-search {
  position: relative;
  z-index: 1010;
  margin: 0;
  padding: 3px 4px;
  white-space: nowrap;
}

.chosen-container-single .chosen-search input[type="text"] {
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  width: 100%;
  height: auto;
  outline: 0;
  border: 1px solid #aaa;
  background: #fff url("../images/chosen/chosen-sprite.png") no-repeat 100% -20px;
  background: url("../images/chosen/chosen-sprite.png") no-repeat 100% -20px;
  font-size: 1em;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}

.chosen-container-single .chosen-drop {
  margin-top: -1px;
  border-radius: 0 0 4px 4px;
  background-clip: padding-box;
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  left: -9999px;
}

.chosen-container .chosen-results {
  color: #444;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 4px 4px 0;
  padding: 0 0 0 4px;
  max-height: 240px;
  -webkit-overflow-scrolling: touch;
}

.chosen-container .chosen-results li {
  display: none;
  margin: 0;
  padding: 5px 6px;
  list-style: none;
  line-height: 15px;
  word-wrap: break-word;
  -webkit-touch-callout: none;
}

.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer;
}

.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #ccc;
  cursor: default;
}

.chosen-container .chosen-results li.highlighted {
  background-color: #3875d7;
  background-image: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(20%, #3875d7),
    color-stop(90%, #2a62bc)
  );
  background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%);
  background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%);
  background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%);
  background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
  color: #fff;
}

.chosen-container .chosen-results li.no-results {
  color: #777;
  display: list-item;
  background: #f4f4f4;
}

.chosen-container .chosen-results li.group-result {
  display: list-item;
  font-weight: bold;
  cursor: default;
}

.chosen-container .chosen-results li.group-option {
  padding-left: 15px;
}

.chosen-container .chosen-results li em {
  font-style: normal;
  text-decoration: underline;
}

.chosen-container-multi .chosen-choices {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0 5px;
  width: 100%;
  height: auto !important;
  height: 1%;
  border: 1px solid #aaa;
  background-color: #fff;
  background-image: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(1%, #eee),
    color-stop(15%, #fff)
  );
  background-image: -webkit-linear-gradient(#eee 1%, #fff 15%);
  background-image: -moz-linear-gradient(#eee 1%, #fff 15%);
  background-image: -o-linear-gradient(#eee 1%, #fff 15%);
  background-image: linear-gradient(#eee 1%, #fff 15%);
  cursor: text;
}

.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none;
}

.chosen-container-multi .chosen-choices li.search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  margin: 1px 0;
  padding: 0;
  height: 25px;
  outline: 0;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none;
  color: #999;
  font-size: 100%;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}

.chosen-container-multi .chosen-choices li.search-choice {
  position: relative;
  margin: 3px 5px 3px 0;
  padding: 3px 20px 3px 5px;
  border: 1px solid #aaa;
  max-width: 100%;
  border-radius: 3px;
  background-color: #eeeeee;
  background-image: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(20%, #f4f4f4),
    color-stop(50%, #f0f0f0),
    color-stop(52%, #e8e8e8),
    color-stop(100%, #eee)
  );
  background-image: -webkit-linear-gradient(
    #f4f4f4 20%,
    #f0f0f0 50%,
    #e8e8e8 52%,
    #eee 100%
  );
  background-image: -moz-linear-gradient(
    #f4f4f4 20%,
    #f0f0f0 50%,
    #e8e8e8 52%,
    #eee 100%
  );
  background-image: -o-linear-gradient(
    #f4f4f4 20%,
    #f0f0f0 50%,
    #e8e8e8 52%,
    #eee 100%
  );
  background-image: linear-gradient(
    #f4f4f4 20%,
    #f0f0f0 50%,
    #e8e8e8 52%,
    #eee 100%
  );
  background-size: 100% 19px;
  background-repeat: repeat-x;
  background-clip: padding-box;
  box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  color: #333;
  line-height: 13px;
  cursor: default;
}

.chosen-container-multi .chosen-choices li.search-choice span {
  word-wrap: break-word;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  position: absolute;
  top: 4px;
  right: 3px;
  display: block;
  width: 12px;
  height: 12px;
  background: url("../images/chosen/chosen-sprite.png") -42px 1px no-repeat;
  font-size: 1px;
}

.chosen-container-multi
  .chosen-choices
  li.search-choice
  .search-choice-close:hover {
  background-position: -42px -10px;
}

.chosen-container-multi .chosen-choices li.search-choice-disabled {
  padding-right: 5px;
  border: 1px solid #ccc;
  background-color: #e4e4e4;
  background-image: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(20%, #f4f4f4),
    color-stop(50%, #f0f0f0),
    color-stop(52%, #e8e8e8),
    color-stop(100%, #eee)
  );
  background-image: -webkit-linear-gradient(
    top,
    #f4f4f4 20%,
    #f0f0f0 50%,
    #e8e8e8 52%,
    #eee 100%
  );
  background-image: -moz-linear-gradient(
    top,
    #f4f4f4 20%,
    #f0f0f0 50%,
    #e8e8e8 52%,
    #eee 100%
  );
  background-image: -o-linear-gradient(
    top,
    #f4f4f4 20%,
    #f0f0f0 50%,
    #e8e8e8 52%,
    #eee 100%
  );
  background-image: linear-gradient(
    top,
    #f4f4f4 20%,
    #f0f0f0 50%,
    #e8e8e8 52%,
    #eee 100%
  );
  color: #666;
}

.chosen-container-multi .chosen-choices li.search-choice-focus {
  background: #d4d4d4;
}

.chosen-container-multi
  .chosen-choices
  li.search-choice-focus
  .search-choice-close {
  background-position: -42px -10px;
}

.chosen-container-multi .chosen-results {
  margin: 0;
  padding: 0;
}

.chosen-container-multi .chosen-drop .result-selected {
  display: list-item;
  color: #ccc;
  cursor: default;
}

.chosen-container-active .chosen-single {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.chosen-container-active.chosen-with-drop .chosen-single {
  border: 1px solid #aaa;
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
  background-image: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(20%, #eee),
    color-stop(80%, #fff)
  );
  background-image: -webkit-linear-gradient(#eee 20%, #fff 80%);
  background-image: -moz-linear-gradient(#eee 20%, #fff 80%);
  background-image: -o-linear-gradient(#eee 20%, #fff 80%);
  background-image: linear-gradient(#eee 20%, #fff 80%);
  box-shadow: 0 1px 0 #fff inset;
}

.chosen-container-active.chosen-with-drop .chosen-single div {
  border-left: none;
  background: transparent;
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: -18px 2px;
}

.chosen-container-active .chosen-choices {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.chosen-container-active .chosen-choices li.search-field input[type="text"] {
  color: #222 !important;
}

.chosen-disabled {
  opacity: 0.5 !important;
  cursor: default;
}

.chosen-disabled .chosen-single {
  cursor: default;
}

.chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default;
}

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

.chosen-rtl .chosen-single {
  overflow: visible;
  padding: 0 8px 0 0;
}

.chosen-rtl .chosen-single span {
  margin-right: 0;
  margin-left: 26px;
  direction: rtl;
}

.chosen-rtl .chosen-single-with-deselect span {
  margin-left: 38px;
}

.chosen-rtl .chosen-single div {
  right: auto;
  left: 3px;
}

.chosen-rtl .chosen-single abbr {
  right: auto;
  left: 26px;
}

.chosen-rtl .chosen-choices li {
  float: right;
}

.chosen-rtl .chosen-choices li.search-field input[type="text"] {
  direction: rtl;
}

.chosen-rtl .chosen-choices li.search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 5px 3px 19px;
}

.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
  right: auto;
  left: 4px;
}

.chosen-rtl.chosen-container-single-nosearch .chosen-search,
.chosen-rtl .chosen-drop {
  left: 9999px;
}

.chosen-rtl.chosen-container-single .chosen-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0;
}

.chosen-rtl .chosen-results li.group-option {
  padding-right: 15px;
  padding-left: 0;
}

.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
  border-right: none;
}

.chosen-rtl .chosen-search input[type="text"] {
  padding: 4px 5px 4px 20px;
  background: #fff url("../images/chosen/chosen-sprite.png") no-repeat -30px -20px;
  background: url("../images/chosen/chosen-sprite.png") no-repeat -30px -20px;
  direction: rtl;
}

.chosen-rtl.chosen-container-single .chosen-single div b {
  background-position: 6px 2px;
}

.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
  background-position: -12px 2px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min-resolution: 144dpi) {
  .chosen-rtl .chosen-search input[type="text"],
  .chosen-container-single .chosen-single abbr,
  .chosen-container-single .chosen-single div b,
  .chosen-container-single .chosen-search input[type="text"],
  .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
  .chosen-container .chosen-results-scroll-down span,
  .chosen-container .chosen-results-scroll-up span {
    background-image: url("../images/chosen/chosen-sprite@2x.png") !important;
    background-size: 52px 37px !important;
    background-repeat: no-repeat !important;
  }
}

/*! Custom chosen */

.custom-chosen {
  display: block;
  *display: block;
  position: relative;
}

.custom-chosen .chosen-container {
  display: block;
  width: 100% !important;
  height: 40px;
}

.custom-chosen .chosen-container .chosen-drop {
  z-index: 2;
  padding: 0;
  box-shadow: none;
  background: #b8b8b8;
  border: 1px solid #c9c9c9;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}

.custom-chosen .chosen-container .chosen-search {
  display: block;
  position: relative;
  padding: 10px;
  background: #dfdfdf;
}

.custom-chosen .chosen-container .chosen-search input[type="text"] {
  display: block;
  position: relative;
  padding: 0 10px;
  margin: 0;
  width: 100%;
  height: 40px;
  background: #fff;
  border: 1px solid #c9c9c9;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.custom-chosen .chosen-container .chosen-search:after {
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  z-index: 1;
  content: "";
  margin-top: -8px;
  width: 13px;
  height: 15px;
  background-position: 0 -1534px;
}

.custom-chosen .chosen-container .chosen-results {
  display: block;
  margin: 0;
  padding: 0;
}

.custom-chosen .chosen-container .chosen-results li {
  padding: 0 10px;
  height: 40px;
  line-height: 40px;
  color: #fff;
  border-top: 1px solid #fff;
}

.custom-chosen .chosen-container .chosen-results li:before {
  display: none;
}

.custom-chosen .chosen-container .chosen-results li:hover,
.custom-chosen .chosen-container .chosen-results li.result-selected,
.custom-chosen .chosen-container .chosen-results li.highlighted {
  background: #f48b31;
  background-color: #f48b31;
}

.custom-chosen .chosen-container .chosen-results li em {
  text-decoration: none;
}

.custom-chosen .chosen-container .chosen-results li.no-results {
  color: #5e5e5e;
}

.custom-chosen .chosen-container-single .chosen-single {
  padding: 0 10px;
  height: 40px;
  background: #fff;
  background-color: #fff;
  box-shadow: none;
  border: 1px solid #c9c9c9;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}

.custom-chosen .chosen-container-single .chosen-single span {
  height: 40px;
  line-height: 40px;
}

.custom-chosen .chosen-container-single .chosen-single div {
  width: 40px;
}

.custom-chosen .chosen-container-single .chosen-single div b {
  background-position: 0 -299px;
}

.custom-chosen .chosen-container-single .chosen-single div b:hover,
.custom-chosen
  .chosen-container-single
  .chosen-single
  div
  b.fancy-arrow-down-hover {
  background-position: 0 -256px;
}

.custom-chosen .chosen-container-single .chosen-single div b:active,
.custom-chosen
  .chosen-container-single
  .chosen-single
  div
  b.fancy-arrow-down-active {
  background-position: 0 -213px;
}

.custom-chosen .chosen-container-single .chosen-single:hover div b {
  background-position: 0 -256px;
}

.custom-chosen .chosen-container-single .chosen-single:active div b {
  background-position: 0 -213px;
}

.custom-chosen
  .chosen-container-single.chosen-container-active.chosen-with-drop
  .chosen-single
  div
  b {
  background-position: 0 -213px;
}

/*! CKEditor custom */

.cke_editor_editor {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -ms-box-shadow: none !important;
  -o-box-shadow: none !important;
  box-shadow: none !important;
  border: 1px solid #c9c9c9 !important;
}

.cke_top {
  border-bottom-color: #c9c9c9 !important;
}

.cke_bottom {
  border-top: 1px solid #c9c9c9 !important;
  background: #f6f6f6 !important;
  background-color: #f6f6f6 !important;
  background-image: none !important;
}

.cke_toolgroup {
  background: none !important;
  background-color: none !important;
  background-image: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -ms-box-shadow: none !important;
  -o-box-shadow: none !important;
  box-shadow: none !important;
  border: 0 !important;
  border-bottom: 0 !important;
}

a.cke_button {
  border: 1px solid transparent !important;
}

a.cke_button_off:hover,
a.cke_button_off:focus,
a.cke_button_off:active,
a.cke_button_disabled:hover,
a.cke_button_disabled:focus,
a.cke_button_disabled:active {
  background: #f6f6f6 !important;
  background-color: #f6f6f6 !important;
  background-image: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -ms-box-shadow: none !important;
  -o-box-shadow: none !important;
  box-shadow: none !important;
  border-color: #c9c9c9 !important;
}

a.cke_button_on {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -ms-box-shadow: none !important;
  -o-box-shadow: none !important;
  box-shadow: none !important;
  border-color: #c9c9c9 !important;
}

a.cke_button_on:hover,
a.cke_button_on:focus,
a.cke_button_on:active {
  background: #e2e2e2 !important;
  background-color: #e2e2e2 !important;
  background-image: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -ms-box-shadow: none !important;
  -o-box-shadow: none !important;
  box-shadow: none !important;
}

.qtip {
  position: absolute;
  left: -28000px;
  top: -28000px;
  display: none;
  max-width: 280px;
  min-width: 50px;
  font-size: 10.5px;
  line-height: 12px;
  direction: ltr;
  box-shadow: none;
  padding: 0;
}

.qtip-content {
  position: relative;
  padding: 5px 9px;
  overflow: hidden;
  text-align: left;
  word-wrap: break-word;
}

.qtip-titlebar {
  position: relative;
  padding: 5px 35px 5px 10px;
  overflow: hidden;
  border-width: 0 0 1px;
  font-weight: bold;
}

.qtip-titlebar + .qtip-content {
  border-top-width: 0 !important;
}

.qtip-close {
  position: absolute;
  right: -9px;
  top: -9px;
  z-index: 11;
  cursor: pointer;
  outline: medium none;
  border: 1px solid transparent;
}

.qtip-titlebar .qtip-close {
  right: 4px;
  top: 50%;
  margin-top: -9px;
}

* html .qtip-titlebar .qtip-close {
  top: 16px;
}

.qtip-titlebar .ui-icon,
.qtip-icon .ui-icon {
  display: block;
  text-indent: -1000em;
  direction: ltr;
}

.qtip-icon,
.qtip-icon .ui-icon {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  text-decoration: none;
}

.qtip-icon .ui-icon {
  width: 18px;
  height: 14px;
  line-height: 14px;
  text-align: center;
  text-indent: 0;
  font: normal bold 10px/13px Tahoma, sans-serif;
  color: inherit;
  background: transparent none no-repeat -100em -100em;
}

.qtip-default {
  border: 1px solid #f1d031;
  background-color: #ffffa3;
  color: #555;
}

.qtip-default .qtip-titlebar {
  background-color: #ffef93;
}

.qtip-default .qtip-icon {
  border-color: #ccc;
  background: #f1f1f1;
  color: #777;
}

.qtip-default .qtip-titlebar .qtip-close {
  border-color: #aaa;
  color: #111;
}

/*! Header */

.header {
  display: block;
  position: relative;
  border-bottom: 1px solid #c9c9c9;
}

.header .navigator {
  display: block;
  padding: 10px 0;
  border-bottom: 1px solid #c9c9c9;
}

.header .navigator ul {
  display: block;
  margin: 0;
  padding: 0 0 0 25px;
}

.header .navigator ul li {
  display: block;
  position: relative;
  margin: 0 30px 0 0;
  padding: 0 0 0 20px;
  list-style: none;
  float: left;
  font-size: 12px;
  color: #808080;
}

.header .navigator ul li:before {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
  content: "";
  margin: -2px 0 0 -6px;
  width: 6px;
  height: 6px;
  background: #0098d7;
  -webkit-border-radius: 100%;
  -khtml-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}

.header .navigator ul li:first-child:before {
  display: none;
}

.header .logo {
  display: block;
  padding: 20px 12px 15px 88px;
}

.header .logo a {
  display: inline-block;
}

/*! Top navigation */

.header .top-navigation {
  display: block;
  height: 35px;
}

.header .top-navigation .navigation {
  display: block;
  height: 35px;
}

.header .top-navigation .navigation.fixed-layout {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 50;
  padding: 10px 0 0;
  width: 100%;
  height: auto;
  background: #fff;
  box-shadow: 0px 1px 5px #d8d8d8;
}

.header .top-navigation .navigation.fixed-layout:after {
  display: none;
}

.header .top-navigation .navigation.fixed-layout .logo-nav {
  display: block;
}

.header .top-navigation .navigation.fixed-layout .menu {
  padding-top: 10px;
}

.header .top-navigation .navigation.fixed-layout .absolute-divider {
  display: none;
}

.header .top-navigation .navigation .logo-nav {
  display: none;
  margin-right: 20px;
}

.header .top-navigation .navigation .logo-nav a {
  display: block;
  padding: 0;
  width: 231px;
  height: 75px;
  background: url("../images/logo-small.png");
}

.header .top-navigation .navigation .logo-nav .logo-text {
  display: block;
  padding: 5px 0 0;
  font-size: 14px;
  font-weight: bold;
  color: #0098d7;
  line-height: 16px;
}

.header .top-navigation .navigation .logo-nav .logo-text .business-unit {
  display: inline-block;
  vertical-align: top;
}

.header .top-navigation .navigation .logo-nav .logo-text .app-name {
  display: inline-block;
  vertical-align: top;
  margin-left: 15px;
  padding-left: 15px;
  border-left: 1px solid #c9c9c9;
}

.header .top-navigation .navigation .menu {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
}

.header .top-navigation .navigation .menu > li {
  display: block;
  position: relative;
  list-style: none;
  margin: 0;
  padding: 7px 0 0;
  float: left;
  height: 40px;
  line-height: 30px;
  border-top: 1px solid #fff;
}

.header .top-navigation .navigation .menu > li.current {
  background: #f9f9f9;
  border-top-color: #c9c9c9;
}

.header .top-navigation .navigation .menu > li.current:before {
  display: block;
  position: absolute;
  top: 0;
  right: 100%;
  z-index: 1;
  content: "";
  width: 1px;
  height: 100%;
  background: #c9c9c9;
}

.header .top-navigation .navigation .menu > li.current:after {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  content: "";
  width: 1px;
  height: 100%;
  background: #c9c9c9;
}

.header .top-navigation .navigation .menu > li.current > a,
.header .top-navigation .navigation .menu > li.current > span.wrapper {
  position: relative;
}

.header .top-navigation .navigation .menu > li.current > a:after,
.header .top-navigation .navigation .menu > li.current > span.wrapper:after {
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 30;
  margin-top: 6px;
  content: "";
  width: 100%;
  height: 5px;
  background: #f9f9f9;
}

.header .top-navigation .navigation .menu > li.current:first-child:before {
  right: auto;
  left: 0;
}

.header .top-navigation .navigation .menu > li > a,
.header .top-navigation .navigation .menu > li > span.wrapper {
  display: inline-block;
  vertical-align: top;
  padding: 0 10px;
  height: 30px;
  color: #777;
  border-right: 1px solid #c9c9c9;
}

.header .top-navigation .navigation .menu > li > a .icon,
.header .top-navigation .navigation .menu > li > span.wrapper .icon {
  vertical-align: middle;
}

.header .top-navigation .navigation .menu > li > a .label,
.header .top-navigation .navigation .menu > li > span.wrapper .label {
  display: inline-block;
  font-size: 12px;
}

.header .top-navigation .navigation .menu > li:first-child > a,
.header .top-navigation .navigation .menu > li:first-child > span.wrapper {
  border-left: 1px solid #c9c9c9;
}

.header .top-navigation .navigation .menu > li.has-child > a,
.header .top-navigation .navigation .menu > li.has-child > span.wrapper {
  padding: 0 28px 0 13px;
}

.header .top-navigation .navigation .menu > li.has-child > a:before,
.header .top-navigation .navigation .menu > li.has-child > span.wrapper:before {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 1;
  content: "";
  margin: -3px 14px 0 0;
  width: 8px;
  height: 5px;
  background-position: 0 -906px;
}

.header .top-navigation .navigation .menu > li.has-child.current > a:before,
.header
  .top-navigation
  .navigation
  .menu
  > li.has-child.current
  > span.wrapper:before {
  margin: -1px 13px 0 0;
}

.header .top-navigation .navigation .menu > li.expand-menu > a .label,
.header
  .top-navigation
  .navigation
  .menu
  > li.expand-menu
  > span.wrapper
  .label {
  text-transform: uppercase;
}

.header .top-navigation .navigation .menu > li.expand-menu.current {
  background: #0090d1;
}

.header .top-navigation .navigation .menu > li.expand-menu.current > a,
.header
  .top-navigation
  .navigation
  .menu
  > li.expand-menu.current
  > span.wrapper {
  background: #0090d1;
}

.header .top-navigation .navigation .menu > li.expand-menu.current > a:after,
.header
  .top-navigation
  .navigation
  .menu
  > li.expand-menu.current
  > span.wrapper:after {
  background: #0090d1;
}

.header
  .top-navigation
  .navigation
  .menu
  > li.expand-menu.current
  > a
  .icon-burger-menu,
.header
  .top-navigation
  .navigation
  .menu
  > li.expand-menu.current
  > span.wrapper
  .icon-burger-menu {
  background-position: 0 -260px;
}

.header .top-navigation .navigation .menu > li.expand-menu.current > a .label,
.header
  .top-navigation
  .navigation
  .menu
  > li.expand-menu.current
  > span.wrapper
  .label {
  color: #fff;
}

.header
  .top-navigation
  .navigation
  .menu
  > li.expand-menu.current
  .expand-menu-container
  > .sub-menu {
  display: block;
  top: 0;
}

.header .top-navigation .navigation .menu .sub-menu {
  display: none;
  position: absolute;
  top: 47px;
  left: 0;
  z-index: 25;
  margin: 0;
  padding: 0;
}

.header .top-navigation .navigation .menu .sub-menu li {
  display: block;
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
}

.header .top-navigation .navigation .menu .expand-menu {
  display: block;
}

.header .top-navigation .navigation .menu .expand-menu > a {
  padding: 0 20px 0 20px;
}

.header .top-navigation .navigation .menu .expand-menu > a .label {
  margin-left: 5px;
}

.header .top-navigation .navigation .menu .expand-notification {
  display: block;
}

.header
  .top-navigation
  .navigation
  .menu
  .expand-notification
  > a
  .notif-count {
  display: block;
  position: absolute;
  bottom: 100%;
  left: 50%;
  z-index: 1;
  margin-bottom: -7px;
  margin-left: -8px;
  width: 33px;
  height: 15px;
  font-size: 10px;
  color: #fff;
  line-height: 15px;
  text-align: center;
  background: #f48b31;
}

.header
  .top-navigation
  .navigation
  .menu
  .expand-notification
  > a
  .notif-count:before {
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1;
  content: "";
  margin-top: -1px;
  width: 7px;
  height: 5px;
  color: #fff;
  background-position: 0 -932px;
}

.header
  .top-navigation
  .navigation
  .menu
  .expand-notification.current
  > a
  .notif-count {
  margin-bottom: 0;
}

.header .top-navigation .navigation .menu .expand-settings {
  display: block;
}

.header .top-navigation .navigation .menu .expand-settings > a img {
  display: inline-block;
  margin-left: 10px;
  width: 30px;
  height: 30px;
  vertical-align: middle;
  border-radius: 50%;
  object-fit: cover;
}

.header .top-navigation .navigation .menu .expand-settings .sub-menu {
  left: auto;
  right: 0;
}

.header .top-navigation .navigation .menu .expand-search-form {
  display: block;
}

.header .top-navigation .navigation .menu .expand-search-form > span.wrapper {
  padding: 0 4px 0 14px;
}

.header .top-navigation .navigation .menu .expand-search-form .icon-click-area {
  display: block;
  position: absolute;
  top: 10px;
  left: 0;
  z-index: 1;
  width: 43px;
  height: 30px;
  cursor: pointer;
}

.header .top-navigation .navigation .menu .expand-search-form .search-form {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}

.header
  .top-navigation
  .navigation
  .menu
  .expand-search-form
  .search-form
  .search-form-field {
  display: none;
  padding: 0;
  width: 0;
  height: 22px;
  font-size: 12px;
  color: #5e5e5e;
  line-height: 12px;
  background: #fff;
  border: 0;
  outline: 0;
  border-bottom: 1px solid #fff;
}

.header
  .top-navigation
  .navigation
  .menu
  .expand-search-form
  .search-form
  .search-form-field.has-border {
  border-bottom-color: #0098d7;
}

.header .top-navigation .expand-menu .expand-menu-container {
  display: block;
  position: absolute;
  top: 47px;
  left: 0;
  z-index: 26;
  width: 940px;
  overflow: hidden;
}

.header .top-navigation .expand-menu .sub-menu-child-indicator {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 27;
  content: "";
  width: 12px;
  height: 20px;
  background-position: 0 -883px;
}

.header .top-navigation .expand-menu .sub-menu-child-indicator.primary {
  background-position: 0 -837px;
}

.header .top-navigation .expand-menu .sub-menu-child-indicator.zebra {
  background-position: 0 -860px;
}

.header .top-navigation .expand-menu .sub-menu {
  width: 235px;
  background: #0090d1;
  border: 1px solid #c9c9c9;
}

.header .top-navigation .expand-menu .sub-menu.cloning-menu {
  background: #f1f1f1;
  box-shadow: 0 0 5px #d8d8d8;
}

.header .top-navigation .expand-menu .sub-menu.cloning-menu.zebra {
  background: #e2e2e2;
}

.header .top-navigation .expand-menu .sub-menu.cloning-menu li a {
  color: #5e5e5e;
}

.header .top-navigation .expand-menu .sub-menu.cloning-menu li:before {
  background: #c9c9c9;
}

.header .top-navigation .expand-menu .sub-menu.cloning-menu li:hover a {
  color: #0098d7;
}

.header
  .top-navigation
  .expand-menu
  .sub-menu.cloning-menu
  li.has-menu
  a:after {
  background-position: 0 -814px;
}

.header .top-navigation .expand-menu .sub-menu.cloning-menu li.current a {
  color: #0098d7;
}

.header .top-navigation .expand-menu .sub-menu.cloning-menu li.current a:after {
  background: #bababa;
}

.header .top-navigation .expand-menu .sub-menu.cloning-menu li.divider {
  background: #f9f9f9;
  border-top: 1px solid #c9c9c9;
  border-bottom: 1px solid #c9c9c9;
}

.header .top-navigation .expand-menu .sub-menu.cloning-menu li.divider:before {
  display: none;
}

.header .top-navigation .expand-menu .sub-menu li {
  /*! Update 11 May 2015 */
}

.header .top-navigation .expand-menu .sub-menu li:before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 20px;
  right: 20px;
  z-index: 1;
  content: "";
  height: 1px;
  background: #30a3d7;
}

.header .top-navigation .expand-menu .sub-menu li a {
  display: block;
  position: relative;
  padding: 20px 40px 20px 20px;
  font-size: 14px;
  color: #fff;
  line-height: 18px;
}

.header .top-navigation .expand-menu .sub-menu li.divider {
  z-index: 1;
  margin-top: -1px;
  height: 1px;
  background: #0090d1;
  border-top: 1px solid #30a3d7;
  border-bottom: 1px solid #30a3d7;
}

.header .top-navigation .expand-menu .sub-menu li.divider:before {
  display: none;
}

.header .top-navigation .expand-menu .sub-menu li.sub-title a {
  font-size: 15px;
  font-weight: 500;
}

.header .top-navigation .expand-menu .sub-menu li.has-menu a {
  position: relative;
}

.header .top-navigation .expand-menu .sub-menu li.has-menu a:after {
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  z-index: 1;
  content: "";
  margin-top: -10px;
  width: 12px;
  height: 20px;
  background-position: 0 -791px;
}

.header .top-navigation .expand-menu .sub-menu li.current a {
  color: #fff;
}

.header .top-navigation .expand-menu .sub-menu li.current a:after {
  margin-top: -1px;
  width: 12px;
  height: 2px;
  background: #fff;
}

.header .top-navigation .expand-menu .sub-menu li.cloning-title a {
  font-weight: bold;
}

.header .top-navigation .expand-menu .sub-menu li:hover a {
  color: #fff;
}

.header .top-navigation .expand-menu .sub-menu li.has-icon a {
  padding: 20px 40px 20px 50px;
}

.header .top-navigation .expand-menu .sub-menu li.has-icon a .icon {
  display: inline-block;
  position: absolute;
  left: 20px;
  top: 50%;
  z-index: 1;
  margin-top: -10px;
  width: 20px;
  height: 20px;
}

.header .top-navigation .expand-menu .sub-menu li.has-icon a .icon-btn-print {
  background-position: 0 -214px;
}

.header .top-navigation .expand-menu .sub-menu .sub-sub-menu {
  display: none;
}

.header .top-navigation .expand-menu .sub-menu .mCSB_inside > .mCSB_container {
  margin-right: 0;
  overflow: inherit;
}

.header
  .top-navigation
  .expand-menu
  .sub-menu
  .mCSB_scrollTools
  .mCSB_draggerRail {
  background: none;
}

.header .top-navigation .expand-menu .sub-menu .mCustomScrollBox {
  overflow: inherit;
}

.header .top-navigation .expand-notification .sub-menu {
  width: 278px;
  border: 1px solid #c9c9c9;
}

.header .top-navigation .expand-notification .sub-menu li.sub-title {
  padding: 10px 20px;
  font-size: 12px;
  font-weight: bold;
  line-height: 12px;
  background: #f9f9f9;
  border-bottom: 1px solid #c9c9c9;
}

.header .top-navigation .expand-notification .sub-menu li.sub-alert {
  padding: 20px 20px;
  font-size: 12px;
  line-height: 12px;
  background: #f6ffc9;
}

.header .top-navigation .expand-notification .sub-menu li.sub-title a {
  display: inline-block;
  position: absolute;
  right: 20px;
  z-index: 1;
  font-size: 12px;
  font-weight: normal;
  color: #919191;
  line-height: 12px;
}

.header .top-navigation .expand-notification .sub-menu li.list-notification {
  padding: 0 20px;
  background: #fff;
}

.header
  .top-navigation
  .expand-notification
  .sub-menu
  li.list-notification
  .notification {
  display: block;
  position: relative;
  padding: 20px 0;
  border-top: 1px solid #c9c9c9;
}

.header
  .top-navigation
  .expand-notification
  .sub-menu
  li.list-notification
  .notification:first-child {
  border-top: 0;
}

.header
  .top-navigation
  .expand-notification
  .sub-menu
  li.list-notification
  .notification
  .thumbnail {
  display: block;
  position: absolute;
  top: 20px;
  left: 0px;
  z-index: 1;
  padding: 1px;
  width: 45px;
  height: 45px;
  overflow: hidden;
  background: #fff;
  border: 1px solid #c9c9c9;
  -webkit-border-radius: 100%;
  -khtml-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}

.header
  .top-navigation
  .expand-notification
  .sub-menu
  li.list-notification
  .notification
  .thumbnail
  img {
  display: block;
  width: 100%;
  height: auto;
}

.header
  .top-navigation
  .expand-notification
  .sub-menu
  li.list-notification
  .notification
  .details {
  display: block;
  position: relative;
  padding-left: 58px;
}

.header
  .top-navigation
  .expand-notification
  .sub-menu
  li.list-notification
  .notification
  .details
  .description {
  display: block;
  margin-bottom: 5px;
  font-size: 13px;
  color: #5e5e5e;
  line-height: 15px;
}

.header
  .top-navigation
  .expand-notification
  .sub-menu
  li.list-notification
  .notification
  .details
  .description
  a {
  color: #5e5e5e;
  text-decoration: underline;
}

.header
  .top-navigation
  .expand-notification
  .sub-menu
  li.list-notification
  .notification
  .details
  .date {
  display: block;
  font-size: 10px;
  line-height: 10px;
  color: #5e5e5e;
}

.header .top-navigation .expand-notification .sub-menu li.view-all {
  display: block;
  height: 43px;
  line-height: 43px;
  text-align: center;
  text-transform: uppercase;
  background: #bababa;
}

.header .top-navigation .expand-notification .sub-menu li.view-all a {
  display: block;
  height: 43px;
  font-size: 12px;
  color: #fff;
}

.header .top-navigation .expand-settings .sub-menu {
  width: 278px;
  border: 1px solid #c9c9c9;
}

.header .top-navigation .expand-settings .sub-menu li.sub-title {
  padding: 10px 20px;
  font-size: 12px;
  font-weight: bold;
  line-height: 12px;
  background: #f9f9f9;
  border-bottom: 1px solid #c9c9c9;
}

.header .top-navigation .expand-settings .sub-menu li.setting-content {
  padding: 20px;
  min-height: 85px;
  background: #fff;
}

.header .top-navigation .expand-settings .sub-menu li.setting-content .avatar {
  display: block;
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 1;
  width: 80px;
  height: 80px;
  overflow: hidden;
  background: #fff;
  border: 1px solid #c9c9c9;
  -webkit-border-radius: 100%;
  -khtml-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}

.header
  .top-navigation
  .expand-settings
  .sub-menu
  li.setting-content
  .avatar
  img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.header .top-navigation .expand-settings .sub-menu li.setting-content .details {
  display: block;
  padding-left: 100px;
  color: #5e5e5e;
}

.header
  .top-navigation
  .expand-settings
  .sub-menu
  li.setting-content
  .details
  .student-name {
  display: block;
  margin-bottom: 3px;
  font-size: 12px;
  line-height: 14px;
  text-transform: uppercase;
}

.header
  .top-navigation
  .expand-settings
  .sub-menu
  li.setting-content
  .details
  .email-address {
  display: block;
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 12px;
  word-break: break-all;
}

.header
  .top-navigation
  .expand-settings
  .sub-menu
  li.setting-content
  .details
  .link {
  display: block;
  margin-bottom: 4px;
  font-size: 13px;
  font-weight: 500;
  line-height: 13px;
}

.header
  .top-navigation
  .expand-settings
  .sub-menu
  li.setting-content
  .details
  .link
  a {
  color: #5e5e5e;
  text-decoration: underline;
}

.header .top-navigation .expand-settings .sub-menu li.logout {
  display: block;
  height: 43px;
  line-height: 43px;
  text-align: center;
  text-transform: uppercase;
  background: #f48b31;
}

.header .top-navigation .expand-settings .sub-menu li.logout a {
  display: block;
  height: 43px;
  font-size: 12px;
  color: #fff;
}

/*! Components */

/*! Breadcrumb */

.breadcrumb {
  display: block;
  position: relative;
  padding: 30px 0;
}

.breadcrumb .wrap {
  display: block;
}

.breadcrumb .wrap ul {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
  text-align: left;
}

.breadcrumb .wrap ul li {
  display: inline-block;
  position: relative;
  list-style: none;
  margin: 0 0 0 28px;
  padding: 0;
  font-size: 12px;
  color: #0098d7;
  line-height: 12px;
}

.breadcrumb .wrap ul li a {
  color: #919191;
}

.breadcrumb .wrap ul li:before {
  display: block;
  position: absolute;
  top: 50%;
  right: 100%;
  z-index: 1;
  content: "";
  margin: -7px 10px 0 0;
  width: 8px;
  height: 14px;
  background-position: 0 -89px;
}

.breadcrumb .wrap ul li:first-child {
  margin: 0;
}

.breadcrumb .wrap ul li:first-child:before {
  display: none;
}

.box-container .breadcrumb {
  margin-bottom: 20px;
  padding: 0 0 20px;
  border-bottom: 1px solid #c9c9c9;
}

/*! User profile */

.user-profile {
  display: block;
  position: relative;
  padding: 50px 0;
  border-bottom: 1px solid #c9c9c9;
}

.user-profile .thumbnail {
  display: block;
  float: left;
  width: 240px;
}

.user-profile .thumbnail .avatar {
  display: block;
  margin: auto;
  width: 167px;
  height: 167px;
  overflow: hidden;
  border: 1px solid #c9c9c9;
  -webkit-border-radius: 167px;
  -khtml-border-radius: 167px;
  -moz-border-radius: 167px;
  -ms-border-radius: 167px;
  -o-border-radius: 167px;
  border-radius: 167px;
}

.user-profile .thumbnail .avatar img {
  display: block;
  width: 100%;
  height: auto;
}

.user-profile .details {
  display: block;
  float: left;
  width: 695px;
}

.user-profile .details .student-name {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 24px;
  font-weight: bold;
  color: #0098d7;
}

.user-profile .details .position {
  display: block;
}

.user-profile .details .field {
  display: block;
  margin: 0 0 10px;
}

.user-profile .details .field.with-divider {
  padding-bottom: 5px;
  border-bottom: 1px solid #c9c9c9;
}

.user-profile .details .field .label {
  display: block;
  font-weight: bold;
}

.user-profile .details .field .value {
  display: block;
  font-size: 13px;
  color: #919191;
  line-height: 19px;
}

.user-profile .details .action {
  display: block;
  text-align: right;
}

.user-profile .details .action a {
  display: inline-block;
  padding: 2px 10px;
  font-size: 12px;
  color: #5e5e5e;
  text-transform: uppercase;
  border-left: 1px solid #c9c9c9;
}

/*! User role */

.user-role {
  display: block;
}

.user-role .wrap {
  display: block;
  position: relative;
  padding: 40px 0 30px;
}

.user-role .wrap .field {
  display: block;
  padding: 0 30px;
}

.user-role .wrap .field .label {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

.user-role .wrap .field .component {
  display: inline-block;
  vertical-align: middle;
  /*! Update 8 May 2015 */
}

.user-role .wrap .field .component .login-role {
  display: block;
  position: relative;
  width: 200px;
  height: 40px;
  min-height: 40px;
}

.user-role .wrap .field .component .login-role:after {
  display: block;
  position: absolute;
  top: 0;
  right: 10px;
  z-index: 1;
  content: "";
  width: 10px;
  height: 40px;
  background-position: 0 -170px;
}

.user-role .wrap .field .component .login-role select {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 40px;
  min-height: 40px;
  zoom: 1;
  filter: alpha(opacity=0);
  opacity: 0;
}

.user-role .wrap .field .component .login-role .combobox-label {
  display: block;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  padding: 0 30px 0 10px;
  height: 40px;
  color: #0098d7;
  line-height: 40px;
  background: #fff;
  border: 1px solid #0098d7;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.user-role .wrap .field .component .login-role .combobox-label:after {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
  content: "";
  width: 30px;
  height: 100%;
  background: #fff;
}

.user-role .wrap .field .component.new-layout .login-role:after {
  right: 10px;
}

.user-role .wrap .field .component.new-layout .login-role .combobox-label {
  color: #0098d7;
  border-bottom: 0;
  border: 1px solid #0098d7;
}

.user-role .wrap .field .component.old-layout .login-role:after {
  right: 0;
}

.user-role .wrap .field .component.old-layout .login-role .combobox-label {
  color: #5e5e5e;
  border: 0;
  border-bottom: 1px solid #c9c9c9;
}

/*! Body navigation */

.body-navigation {
  display: block;
  position: relative;
}

.body-navigation.on-pre-content {
  background: #f9f9f9;
  border-top: 1px solid #c9c9c9;
}

.body-navigation.on-pre-content .nav-body {
  display: none;
}

.body-navigation .nav-head {
  display: block;
  position: relative;
  padding: 0;
  min-height: 30px;
  border-bottom: 1px solid #c9c9c9;
}

.body-navigation .nav-head ul {
  display: block;
  margin: auto 50px;
  padding: 0;
  font-size: 0;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
}

.body-navigation .nav-head ul li {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 20px 0;
  list-style: none;
  width: 16.67%;
  font-size: 15px;
  color: transparent;
  line-height: 17px;
  vertical-align: top;
  white-space: normal;
}

.body-navigation .nav-head ul li a {
  display: block;
  padding: 0 15px;
  color: #919191;
  border-left: 1px solid #c9c9c9;
}

.body-navigation .nav-head ul li a .label {
  display: inline-block;
  line-height: 17px;
}

.body-navigation .nav-head ul li:first-child a {
  border-left: 0;
}

.body-navigation .nav-head ul li:hover a {
  color: #ff9024;
}

.body-navigation .nav-head ul li.current a {
  position: relative;
  color: transparent;
}

.body-navigation .nav-head ul li.current a .label {
  color: #ff9024;
}

.body-navigation .nav-head ul li.current:before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 15px;
  right: 15px;
  z-index: 2;
  content: "";
  margin-top: 26px;
  height: 5px;
  background: #ff9024;
}

.body-navigation .nav-head ul li.current:after {
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  z-index: 2;
  content: "";
  margin: 0 0 0 -10px;
  width: 0;
  height: 0;
  border: 10px solid;
  border-top-color: #ff9024;
}

.body-navigation .nav-head.has-navigation .container {
  position: relative;
}

.body-navigation .nav-head.has-navigation ul {
  white-space: nowrap;
  overflow: hidden;
}

.body-navigation .nav-head.has-navigation ul li {
  width: 16.67%;
  white-space: normal;
}

.body-navigation .nav-head.has-navigation .btn-nav {
  display: block;
  position: absolute;
  top: 50%;
  z-index: 1;
  content: "";
  margin-top: -20px;
  width: 30px;
  height: 30px;
}

.body-navigation .nav-head.has-navigation .btn-nav.prev {
  left: 0;
  background-position: 0 -1773px;
}

.body-navigation .nav-head.has-navigation .btn-nav.prev:hover,
.body-navigation
  .nav-head.has-navigation
  .btn-nav.prev.icon-pointer-left-hover {
  background-position: 0 -1740px;
}

.body-navigation .nav-head.has-navigation .btn-nav.prev:active,
.body-navigation
  .nav-head.has-navigation
  .btn-nav.prev.icon-pointer-left-active {
  background-position: 0 -1674px;
}

.body-navigation .nav-head.has-navigation .btn-nav.next {
  right: 0;
  background-position: 0 -1905px;
}

.body-navigation .nav-head.has-navigation .btn-nav.next:hover,
.body-navigation
  .nav-head.has-navigation
  .btn-nav.next.icon-pointer-right-hover {
  background-position: 0 -1872px;
}

.body-navigation .nav-head.has-navigation .btn-nav.next:active,
.body-navigation
  .nav-head.has-navigation
  .btn-nav.next.icon-pointer-right-active {
  background-position: 0 -1806px;
}

.body-navigation .nav-body {
  display: block;
  position: relative;
}

.body-navigation .nav-body .nav-body-item {
  display: block;
  position: relative;
}

.body-navigation .nav-body .nav-body-item .inside {
  display: block;
  margin: auto;
  padding: 60px 0 40px;
  width: 940px;
}

/*! Form */

/*! Checkbox */

.group-checkbox {
  display: block;
  text-align: left;
}

.group-checkbox .custom-checkbox {
  display: inline-block;
  margin-left: 20px;
}

.group-checkbox .custom-checkbox:first-child {
  margin-left: 0;
}

.custom-checkbox {
  display: inline-block;
  position: relative;
  min-width: 16px;
  min-height: 16px;
}

.custom-checkbox .label {
  display: inline-block;
  padding-left: 2px;
  font-size: 13px;
  color: #5e5e5e;
  line-height: 15px;
  text-transform: none;
  cursor: pointer;
}

/*! Radio button */

.group-radiobutton {
  display: block;
  text-align: left;
}

.group-radiobutton .custom-radiobutton {
  display: inline-block;
  margin-left: 20px;
}

.group-radiobutton .custom-radiobutton:first-child {
  margin-left: 0;
}

.custom-radiobutton {
  display: inline-block;
  position: relative;
  min-width: 16px;
  min-height: 16px;
}

.custom-radiobutton .label {
  display: inline-block;
  vertical-align: top;
  padding-left: 2px;
  font-size: 13px;
  color: #5e5e5e;
  line-height: 22px;
  text-transform: none;
  cursor: pointer;
}

/*! Datepicker */

.custom-datepicker {
  display: block;
  position: relative;
}

.custom-datepicker .icon-area {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  content: "";
  width: 40px;
  height: 40px;
  background-position: 0 -456px;
  cursor: pointer;
}

/*! Uploader */

.custom-uploader {
  display: block;
  position: relative;
}

.custom-uploader .upload-area {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 40px;
  zoom: 1;
  opacity: 0;
  filter: alpha(opacity=0);
  background: transparent;
  cursor: pointer;
}

.custom-uploader .icon-area {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
  content: "";
  width: 40px;
  height: 40px;
  background-position: 0 -632px;
}

.custom-uploader input[type="text"][readonly="readonly"] {
  background: #fff !important;
}

/*! Search */

.custom-search {
  display: block;
  position: relative;
}

.custom-search .icon-area {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  content: "";
  width: 40px;
  height: 40px;
  background-position: 0 -589px;
  cursor: pointer;
}

.custom-combobox {
  display: block;
  position: relative;
  height: 40px;
  background: #fff;
}

.custom-combobox:after {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
  content: "";
  width: 40px;
  height: 40px;
  background-position: 0 -299px;
}

.custom-combobox:after:hover,
.custom-combobox:after.fancy-arrow-down-hover {
  background-position: 0 -256px;
}

.custom-combobox:after:active,
.custom-combobox:after.fancy-arrow-down-active {
  background-position: 0 -213px;
}

.custom-combobox:hover:after {
  background-position: 0 -256px;
}

.custom-combobox .combobox-label {
  display: block;
  position: relative;
  padding: 0 50px 0 10px;
  height: 40px;
  color: #5e5e5e;
  line-height: 40px;
  background: transparent;
  border: 1px solid #c9c9c9;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.custom-combobox select {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 40px;
  min-height: 40px;
  zoom: 1;
  filter: alpha(opacity=0);
  opacity: 0;
}

.custom-combobox.disabled .combobox-label {
  background: #e4e4e4;
}

.custom-combobox.disabled:hover:after {
  background-position: 0 -299px;
}

.custom-combobox.disabled:hover:after:hover,
.custom-combobox.disabled:hover:after.fancy-arrow-down-hover {
  background-position: 0 -256px;
}

.custom-combobox.disabled:hover:after:active,
.custom-combobox.disabled:hover:after.fancy-arrow-down-active {
  background-position: 0 -213px;
}

.input-group {
  display: table;
  position: relative;
  width: 100%;
  border-collapse: separate;
}

.input-group .textbox {
  display: table-cell;
}

.input-group .addon {
  display: table-cell;
  padding: 0 12px;
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
  background: #e4e4e4;
  border: 1px solid #c9c9c9;
}

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

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

.search-filter-form {
  display: block;
  position: relative;
  margin: 0 0 30px;
  padding: 20px 20px 0;
  background: #f6f6f6;
  border: 1px solid #c9c9c9;
}

.custom-multiselect {
  display: block;
  position: relative;
}

.custom-multiselect .btn-group {
  display: block;
  position: relative;
}

.custom-multiselect .btn-group.open .multiselect .caret {
  background-position: 0 -213px;
}

.custom-multiselect .btn-group.open .multiselect .caret:hover {
  background-position: 0 -213px;
}

.custom-multiselect .btn-group.open .dropdown-menu {
  display: block;
}

.custom-multiselect .btn-group .multiselect {
  display: block;
  position: relative;
  padding: 0 15px;
  width: 100%;
  height: 42px;
  line-height: 42px;
  text-align: left;
  background: #fff;
  border: 1px solid #c9c9c9;
  outline: none;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.custom-multiselect .btn-group .multiselect .caret {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  content: "";
  width: 40px;
  height: 40px;
  background-position: 0 -299px;
}

.custom-multiselect .btn-group .multiselect .caret:hover,
.custom-multiselect .btn-group .multiselect .caret.fancy-arrow-down-hover {
  background-position: 0 -256px;
}

.custom-multiselect .btn-group .multiselect .caret:active,
.custom-multiselect .btn-group .multiselect .caret.fancy-arrow-down-active {
  background-position: 0 -213px;
}

.custom-multiselect .btn-group .dropdown-menu {
  display: none;
  position: absolute;
  top: 40px;
  left: 0;
  z-index: 1;
  margin: 0;
  padding: 0;
  width: 100%;
  max-height: 200px;
  overflow: auto;
}

.custom-multiselect .btn-group .dropdown-menu li {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
  background: #bababa;
  outline: none;
  box-shadow: none;
  border-bottom: 1px solid #fff;
}

.custom-multiselect .btn-group .dropdown-menu li a {
  display: block;
  position: relative;
  padding: 15px;
  color: #fff;
  line-height: 0;
  outline: none;
  box-shadow: none;
}

.custom-multiselect .btn-group .dropdown-menu li a .checkbox {
  display: block;
  position: relative;
  margin-bottom: 0;
  padding-left: 20px;
  color: #fff;
  line-height: 17px;
  outline: none;
  box-shadow: none;
}

.custom-multiselect
  .btn-group
  .dropdown-menu
  li
  a
  .checkbox
  input[type="checkbox"] {
  display: block;
  position: absolute;
  top: 1px;
  left: 0;
  z-index: 1;
  width: 16px;
  height: 16px;
  outline: none;
  box-shadow: none;
}

.custom-multiselect
  .btn-group
  .dropdown-menu
  li
  a
  .checkbox
  input[type="checkbox"]:focus {
  outline: none;
  box-shadow: none;
}

.custom-multiselect .btn-group .dropdown-menu li:hover {
  background: #f48b31;
}

/*! Popup */

.fancybox-wrap {
  display: block;
}

.fancybox-skin {
  padding: 0 !important;
  background: #fff;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}

.fancybox-close {
  top: 30px;
  right: 30px;
  content: "";
  width: 20px;
  height: 20px;
  background-image: url("../images/sprites-icon/icon-close.png");
}

.fancybox-close:hover {
  background-image: url("../images/sprites-icon/icon-close-hover.png");
}

.fancybox-close:active {
  background-image: url("../images/sprites-icon/icon-close-active.png");
}

.popup .divider {
  display: block;
  width: 100%;
  height: 1px;
  background: #c9c9c9;
}

.popup .popup-content {
  display: block;
  width: 640px;
  padding: 80px;
}

.popup-border {
  position: absolute;
  z-index: 11005;
  padding: 0;
  background: #fff;
}

.popup-background {
  position: absolute;
  z-index: 11000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
}

.popup-full-wrap {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10999;
  opacity: 0;
}

.popup-inner-wrap {
  position: absolute;
  z-index: 11001;
  overflow: auto;
}

.popup-second-inner-wrap {
  padding: 30px 0;
}

.popup-close-button {
  position: absolute;
  top: 30px;
  right: 30px;
  width: 20px;
  height: 20px;
  font-size: 14px;
  text-align: center;
  text-indent: -9999px;
  cursor: pointer;
  background-image: url("../images/sprites-icon/icon-close.png");
}

.popup-close-button:hover {
  background-image: url("../images/sprites-icon/icon-close-hover.png");
}

.popup-close-button:active {
  background-image: url("../images/sprites-icon/icon-close-active.png");
}

/*! Update 27 May 2015 */

.fancybox-lock {
  overflow: auto !important;
}

.fancybox-lock body {
  overflow: auto !important;
}

.fancybox-lock .fancybox-overlay {
  overflow: auto;
}

.fancybox-margin {
  margin-right: 0 !important;
}

.popup.fancybox-wrap {
  position: fixed !important;
  overflow: hidden !important;
  top: 20px !important;
  bottom: 20px !important;
  visibility: hidden;
}

/*! Update 8 June 2015 */

.popup-content-dialog {
  display: inline-block;
  padding: 40px;
  width: 320px;
}

.popup-content-dialog .action {
  padding-top: 20px;
  text-align: right;
  border-top: 1px solid #c9c9c9;
}

/*! Pagination */

.pagination {
  display: block;
  position: relative;
  margin-top: 40px;
  height: 40px;
  text-align: right;
}

.pagination .page-display {
  display: inline-block;
  margin-right: 10px;
  padding-right: 10px;
  font-size: 13px;
  vertical-align: top;
  height: 40px;
  line-height: 40px;
  border-right: 1px solid #c9c9c9;
}

.pagination .page-number {
  display: inline-block;
  margin-right: 10px;
  vertical-align: top;
  height: 40px;
  font-size: 0;
  line-height: 40px;
}

.pagination .page-number .item {
  display: inline-block;
  padding: 0 6px;
  font-size: 13px;
  color: #919191;
}

.pagination .page-number .item:hover,
.pagination .page-number .item.current {
  color: #5e5e5e;
  text-decoration: underline;
}

.pagination .page-button {
  display: inline-block;
  vertical-align: top;
  height: 40px;
  font-size: 0;
}

.pagination .page-button .prev,
.pagination .page-button .next {
  display: inline-block;
  width: 40px;
  height: 40px;
}

.pagination .page-button .prev.disabled,
.pagination .page-button .next.disabled {
  background-position: 0 -46px;
}

.pagination .page-button .prev.disabled:hover,
.pagination .page-button .prev.disabled:active,
.pagination .page-button .next.disabled:hover,
.pagination .page-button .next.disabled:active {
  background-position: 0 -46px;
}

.pagination .page-button .prev {
  margin-right: 1px;
  background-position: 0 -1173px;
}

.pagination .page-button .prev:hover,
.pagination .page-button .prev.pagination-prev-hover {
  background-position: 0 -1130px;
}

.pagination .page-button .prev:active,
.pagination .page-button .prev.pagination-prev-active {
  background-position: 0 -1087px;
}

.pagination .page-button .next {
  background-position: 0 -1044px;
}

.pagination .page-button .next:hover,
.pagination .page-button .next.pagination-next-hover {
  background-position: 0 -1001px;
}

.pagination .page-button .next:active,
.pagination .page-button .next.pagination-next-active {
  background-position: 0 -958px;
}

/*! Legend */

.legend {
  display: block;
  position: relative;
  padding: 20px;
  background: #e2e2e2;
}

.legend.new-layout {
  background: #f6f6f6;
  border: 1px solid #c9c9c9;
}

.legend .header {
  display: block;
  margin: 0 0 10px;
  padding: 0 0 10px;
  font-weight: bold;
  text-transform: uppercase;
  border-bottom: 1px solid #c9c9c9;
}

.legend .group-item .item {
  padding: 5px 10px;
}

.legend .group-item .item .bullet {
  display: inline-block;
  vertical-align: middle;
  width: 13px;
  height: 13px;
  -webkit-border-radius: 100%;
  -khtml-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}

.legend .group-item .item .label {
  display: inline-block;
  vertical-align: middle;
}

/*! Tabulation */

.tabulation {
  display: block;
  position: relative;
}

.tabulation .tab-head {
  display: block;
  position: relative;
  padding: 0 20px;
}

.tabulation .tab-head ul {
  display: block;
  margin: auto;
  padding: 0;
  font-size: 0;
}

.tabulation .tab-head ul li {
  display: inline-block;
  position: relative;
  vertical-align: top;
  border-top: 1px solid #c9c9c9;
  border-right: 1px solid #c9c9c9;
}

.tabulation .tab-head ul li a {
  display: block;
  padding: 15px 20px;
  font-size: 12px;
  color: #5e5e5e;
  text-transform: uppercase;
  background: #f6f6f6;
}

.tabulation .tab-head ul li:first-child {
  border-left: 1px solid #c9c9c9;
}

.tabulation .tab-head ul li.current a {
  font-weight: bold;
  color: #0098d7;
  background: #fff;
}

.tabulation .tab-head ul li.current:before {
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1;
  content: "";
  width: 100%;
  height: 1px;
  background: #fff;
}

.tabulation .tab-body {
  display: block;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
}

.tabulation .tab-body.after-load {
  white-space: normal;
  overflow: initial;
}

.tabulation .tab-body .tab-body-item {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  border-radius: 30px;
}

.tabulation .tab-body .tab-body-item.current {
  display: block !important;
  vertical-align: initial;
}

/*! Agenda navigation */

.agenda-navigation {
  display: block;
  position: relative;
  margin: -1px 0 0;
  min-height: 60px;
  background: #f9f9f9;
  border-top: 1px solid #c9c9c9;
  border-bottom: 1px solid #c9c9c9;
}

.agenda-navigation .container {
  position: relative;
  height: 60px;
}

.agenda-navigation .heading {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  padding: 0 30px 0 0;
  height: 60px;
  font-size: 0;
  line-height: 60px;
  border-right: 1px solid #c9c9c9;
}

.agenda-navigation .heading .icon-calendar {
  display: inline-block;
  margin-right: 15px;
  width: 25px;
  height: 30px;
  background-position: 0 -302px;
  vertical-align: middle;
}

.agenda-navigation .heading .label {
  display: inline-block;
  font-size: 18px;
  color: #0098d7;
  line-height: 20px;
  text-transform: uppercase;
  vertical-align: middle;
}

.agenda-navigation .nav-item {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
  margin-top: -15px;
  width: 100%;
  height: 0;
}

.agenda-navigation .nav-item .nav {
  display: block;
  position: absolute;
  top: 50%;
  z-index: 1;
  content: "";
  width: 30px;
  height: 30px;
}

.agenda-navigation .nav-item .nav.prev-button {
  left: 220px;
  background-position: 0 -1773px;
}

.agenda-navigation .nav-item .nav.prev-button:hover,
.agenda-navigation .nav-item .nav.prev-button.icon-pointer-left-hover {
  background-position: 0 -1740px;
}

.agenda-navigation .nav-item .nav.prev-button:active,
.agenda-navigation .nav-item .nav.prev-button.icon-pointer-left-active {
  background-position: 0 -1674px;
}

.agenda-navigation .nav-item .nav.next-button {
  right: 0;
  background-position: 0 -1905px;
}

.agenda-navigation .nav-item .nav.next-button:hover,
.agenda-navigation .nav-item .nav.next-button.icon-pointer-right-hover {
  background-position: 0 -1872px;
}

.agenda-navigation .nav-item .nav.next-button:active,
.agenda-navigation .nav-item .nav.next-button.icon-pointer-right-active {
  background-position: 0 -1806px;
}

.agenda-navigation .agenda-content {
  display: block;
  position: relative;
  padding: 0 40px 0 260px;
}

.agenda-navigation .agenda-content ul {
  display: block;
  margin: 0;
  padding: 10px 0;
}

.agenda-navigation .agenda-content ul li {
  display: block;
  float: left;
  vertical-align: top;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 25%;
  height: 40px;
  line-height: 40px;
  border-left: 1px solid #c9c9c9;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.agenda-navigation .agenda-content ul li:first-child {
  border-left: 0;
}

.agenda-navigation .agenda-content ul li .wrap {
  display: inline-block;
  vertical-align: middle;
  padding: 0 10px;
}

.agenda-navigation .agenda-content ul li .wrap .label {
  display: block;
  font-size: 12px;
  line-height: 14px;
}

/*! Single content */

.single-content {
  display: block;
  position: relative;
}

.single-content .iconic {
  display: block;
  margin: 0 auto 30px;
}

.single-content ul {
  display: block;
  margin: 20px 0;
  padding: 0;
}

.single-content ul li {
  display: block;
  position: relative;
  margin: 0;
  padding: 0 0 0 20px;
  list-style: none;
}

.single-content ul li:before {
  display: block;
  position: absolute;
  top: 8px;
  left: 0;
  z-index: 0;
  content: "";
  width: 6px;
  height: 6px;
  background: #0098d7;
  -webkit-border-radius: 6px;
  -khtml-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}

.single-content ol {
  display: block;
  margin: 20px 0;
  padding: 0 0 0 20px;
}

.single-content ol li {
  margin: 0;
  padding: 0;
}

.single-content hr {
  display: block;
  margin: 20px 0;
  border: 0;
  border-top: 1px solid #c9c9c9;
}

.single-content .gallery {
  display: block;
  position: relative;
}

.single-content .gallery .row {
  margin: 0 -10px;
}

.single-content .gallery .row .column {
  padding: 0 10px 20px;
}

.single-content .gallery .thumbnail {
  display: block;
  margin-bottom: 10px;
}

.single-content .gallery .thumbnail a {
  display: block;
}

.single-content .gallery .title {
  display: block;
  line-height: 16px;
}

.single-content .gallery .title a {
  color: #5e5e5e;
}

.single-content figure {
  display: block;
  margin: 20px 0;
  padding: 0;
}

.single-content figure img {
  margin-bottom: 5px;
}

.single-content figure figcaption {
  display: block;
  font-size: 12px;
  font-style: italic;
  color: #919191;
  line-height: 14px;
}

/*! Component alert */

.alert {
  display: block;
  position: relative;
  margin: 0 0 40px;
  padding: 0 15px;
  height: 40px;
  color: #fff;
  line-height: 40px;
  background: #e4e4e4;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 5px;
}

.alert.has-success {
  background: #74b71b;
}

.alert.has-warning {
  background: #ff9024;
}

.alert.has-error {
  background: #d12f2e;
}

/*! Component accordion */

.accordion,
.toggle {
  display: block;
  position: relative;
}

.accordion .item-wrap,
.toggle .item-wrap {
  display: block;
  border-bottom: 1px solid #c9c9c9;
}

.accordion .item-wrap:first-child,
.toggle .item-wrap:first-child {
  border-top: 1px solid #c9c9c9;
}

.accordion .item-wrap.current .head .indicator,
.toggle .item-wrap.current .head .indicator {
  background-position: 0 0;
}

.accordion .item-wrap.current .body,
.toggle .item-wrap.current .body {
  display: block;
}

.accordion .item-wrap .head,
.toggle .item-wrap .head {
  display: block;
  position: relative;
  padding: 20px 0;
  cursor: pointer;
}

.accordion .item-wrap .head .title,
.toggle .item-wrap .head .title {
  display: block;
  position: relative;
  margin: 0;
  padding: 0 0 0 20px;
  font-weight: bold;
  font-size: 14px;
  color: #5e5e5e;
  line-height: 18px;
}

.accordion .item-wrap .head .title:before,
.toggle .item-wrap .head .title:before {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
  content: "";
  margin-top: -5px;
  width: 10px;
  height: 10px;
  background: #0098d7;
  -webkit-border-radius: 100%;
  -khtml-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}

.accordion .item-wrap .head .indicator,
.toggle .item-wrap .head .indicator {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 1;
  margin-top: -10px;
  width: 20px;
  height: 20px;
  background-position: 0 -23px;
}

.accordion .item-wrap .body,
.toggle .item-wrap .body {
  display: none;
  position: relative;
  padding: 0 20px 15px;
}

/*! Code highlight */

.highlight {
  display: block;
  position: relative;
}

.highlight code {
  display: block;
  margin: 24px 0;
  padding: 5px 15px;
  font-size: 14px;
  color: #5e5e5e;
  line-height: 15px;
  background: #f6f6f6;
  white-space: pre-wrap;
  word-wrap: break-word;
  word-break: break-word;
  border: 1px solid #c9c9c9;
}

.highlight code.language-html .c {
  color: #919191;
}

.highlight code.language-html .nt {
  color: #2f6f9f;
}

.highlight code.language-html .na {
  color: #4f9fcf;
}

.highlight code.language-html .s {
  color: #d44950;
}

.highlight code.language-js .p,
.highlight code.language-js .nx {
  color: #5e5e5e;
}

.highlight code.language-js .nb {
  color: #366;
}

.highlight code.language-js .s {
  color: #c30;
}

.highlight code.language-js .na {
  color: #4f9fcf;
}

.highlight code.language-js .kc {
  color: #069;
}

.highlight code.language-js .c {
  color: #999;
}

.highlight code.language-js .kd {
  color: #069;
}

.highlight code.language-css .c {
  color: #919191;
}

.highlight code.language-css .nt {
  color: #2f6f9f;
}

.highlight code.language-css .na {
  color: #4f9fcf;
}

.highlight code.language-css .s {
  color: #d44950;
}

.highlight code.language-css .nc {
  color: #0a8;
}

.highlight code.language-css p {
  color: #5e5e5e;
}

.highlight code.language-css .nl {
  color: #99f;
}

.highlight code.language-css .nb {
  color: #366;
}

/*! Tooltip */

.qtip-default {
  padding: 5px;
  color: transparent;
  background-color: #666;
  border: 1px solid #666;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}

.qtip-default:after {
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  z-index: 1;
  content: "";
  margin-top: 1px;
  margin-left: -7px;
  width: 0;
  height: 0;
  border: 7px solid;
  border-top-color: #666;
}

.qtip-default .qtip-content {
  font-size: 12px;
  color: #fff;
}

/*! User content */

.user-content {
  display: block;
  position: relative;
}

.user-content .user-profile {
  padding: 30px;
  min-height: 167px;
  border-bottom: 0;
}

.user-content .user-profile .thumbnail {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  margin-top: 30px;
  width: auto;
  float: none;
}

.user-content .user-profile .details {
  padding: 0 40px 0 167px;
  width: auto;
  min-height: 167px;
  float: none;
  line-height: 167px;
}

.user-content .user-profile .details .student-name {
  line-height: 26px;
}

.user-content .user-profile .details .position {
  line-height: 16px;
}

.user-content .user-profile .details .field {
  display: inline-block;
  vertical-align: middle;
}

.user-content .user-role .wrap {
  padding: 30px 0;
  min-height: 167px;
  line-height: 167px;
  text-align: right;
}

.user-content .user-role .wrap .field {
  display: inline-block;
  padding: 0;
  vertical-align: middle;
}

.user-content .user-role .wrap .field .component {
  text-align: left;
}

.user-content .user-role .wrap .field .component .login-role {
  width: 215px;
}

.user-content.single-page .user-role .wrap {
  min-height: 0;
  line-height: 16px;
}

/*! Archives */

.archives {
  display: block;
  position: relative;
}

.archives .post-item {
  display: block;
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #c9c9c9;
}

.archives .post-item.has-thumbnail .thumbnail {
  display: block;
  float: left;
  width: 240px;
}

.archives .post-item.has-thumbnail .details {
  float: right;
  width: 640px;
}

.archives .post-item .details {
  display: block;
  position: relative;
}

.archives .post-item .details .post-title {
  display: block;
  margin: 0 0 5px;
  padding: 0;
}

.archives .post-item .details .meta-data {
  display: block;
  margin: 0 0 10px;
  font-size: 12px;
  color: #919191;
}

.archives .post-item .details .excerpt {
  display: block;
}

.archives .post-item .details .excerpt p {
  margin: 0;
  padding: 0;
}

/*! Component notification */

.notifications {
  display: block;
  position: relative;
}

.notifications .notification-title {
  display: block;
  margin: 0 0 10px;
  padding: 0;
  font-size: 14px;
  font-weight: bold;
  line-height: 16px;
}

.notifications .global-action {
  display: block;
  margin-bottom: 20px;
  font-size: 12px;
  line-height: 10px;
}

.notifications .list-notification {
  display: block;
}

.notifications .list-notification .notification {
  display: block;
  position: relative;
  padding: 20px;
  border-bottom: 1px solid #c9c9c9;
}

.notifications .list-notification .notification.unread {
  border-left: 4px solid #0098d7;
}

.notifications .list-notification .notification:first-child {
  border-top: 1px solid #c9c9c9;
}

.notifications .list-notification .notification:nth-child(even) {
  background: #f8f8f8;
}

.notifications .list-notification .notification .group-item {
  table-layout: auto;
}

.notifications .list-notification .notification .group-item .item {
  vertical-align: middle;
}

.notifications .list-notification .notification .group-item .item.checkbox,
.notifications .list-notification .notification .group-item .item.avatar {
  width: 1%;
}

.notifications .list-notification .notification .group-item .item.avatar {
  padding: 0 15px;
}

.notifications .list-notification .notification .group-item .item .thumbnail {
  display: block;
  width: 30px;
  height: 30px;
  overflow: hidden;
  -webkit-border-radius: 30px;
  -khtml-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
}

.notifications
  .list-notification
  .notification
  .group-item
  .item
  .thumbnail
  img {
  display: block;
  width: 100%;
  height: auto;
}

.notifications .list-notification .notification .group-item .item .title {
  font-weight: bold;
}

.notifications .list-notification .notification .group-item .item .link {
  display: inline-block;
  margin: 0 5px;
}

.notifications .list-notification .notification .group-item .item .link a {
  text-decoration: underline;
}

.notifications .list-notification .notification .details {
  display: block;
}

.notifications .list-notification .notification .action {
  display: block;
  margin-top: 15px;
  text-align: right;
}

.notifications .list-notification .notification .action .icon {
  margin-left: 5px;
}

.notifications .list-notification .notification .action .icon:first-child {
  margin-left: 0;
}

.notifications .pagination {
  margin-top: 20px;
}

/*! Component chatting */

.chatting {
  display: block;
  position: relative;
  background: #fff;
  border: 1px solid #c9c9c9;
  /*! list icon */
  /*! type of content list */
}

.chatting .icon.icon-chatting-network {
  width: 49px;
  height: 49px;
  background-position: 0 -755px;
}

.chatting .icon.icon-chatting-personal {
  width: 49px;
  height: 49px;
  background-position: 0 -807px;
}

.chatting .icon.icon-chatting-attachment {
  width: 40px;
  height: 40px;
  background-position: 0 -454px;
}

.chatting .icon.icon-chatting-attachment:hover,
.chatting .icon.icon-chatting-attachment.icon-chatting-attachment-hover {
  background-position: 0 -411px;
}

.chatting .icon.icon-chatting-attachment:active,
.chatting .icon.icon-chatting-attachment.icon-chatting-attachment-active {
  background-position: 0 -368px;
}

.chatting .icon.icon-chatting-invite {
  width: 40px;
  height: 40px;
  background-position: 0 -583px;
}

.chatting .icon.icon-chatting-invite:hover,
.chatting .icon.icon-chatting-invite.icon-chatting-invite-hover {
  background-position: 0 -540px;
}

.chatting .icon.icon-chatting-invite:active,
.chatting .icon.icon-chatting-invite.icon-chatting-invite-active {
  background-position: 0 -497px;
}

.chatting .icon.icon-chatting-more-info {
  width: 40px;
  height: 40px;
  background-position: 0 -712px;
}

.chatting .icon.icon-chatting-more-info:hover,
.chatting .icon.icon-chatting-more-info.icon-chatting-more-info-hover {
  background-position: 0 -669px;
}

.chatting .icon.icon-chatting-more-info:active,
.chatting .icon.icon-chatting-more-info.icon-chatting-more-info-active {
  background-position: 0 -626px;
}

.chatting .list-content-type {
  display: block;
}

.chatting .list-content-type.type-default {
  position: relative;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.chatting .list-content-type.type-absolute {
  position: absolute;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: #fff;
}

.chatting .list-content-type .action {
  display: block;
  padding: 20px;
}

.chatting .list-content-type .action.type-one {
  background: #e8e8e8;
  border-bottom: 1px solid #c9c9c9;
}

.chatting .list-content-type .action.type-one .add-new-message {
  display: block;
  margin-bottom: 20px;
}

.chatting .list-content-type .action.type-one .add-new-message .button,
.chatting
  .list-content-type
  .action.type-one
  .add-new-message
  .calendar
  table.fc-header
  .fc-button-today,
.calendar
  table.fc-header
  .chatting
  .list-content-type
  .action.type-one
  .add-new-message
  .fc-button-today {
  margin-bottom: 0;
}

.chatting .list-content-type .action.type-two {
  background: #0098d7;
  border-bottom: 1px solid #c9c9c9;
}

.chatting .list-content-type .action.type-two .message-heading {
  display: block;
  position: relative;
  margin-bottom: 20px;
  padding-right: 20px;
  height: 40px;
  font-size: 18px;
  color: #fff;
  line-height: 40px;
  text-transform: uppercase;
}

.chatting
  .list-content-type
  .action.type-two
  .message-heading
  .close-new-message {
  display: inline-block;
  position: absolute;
  top: 13px;
  right: 0;
  z-index: 1;
  content: "";
  width: 15px;
  height: 15px;
  background-position: 0 -152px;
}

.chatting .list-content-type .action .search-form {
  display: block;
}

.chatting .list-content-type .action .search-form .search-container {
  display: block;
  position: relative;
  margin: 0;
}

.chatting .list-content-type .action .search-form .search-container:before {
  display: block;
  position: absolute;
  top: 50%;
  left: 13px;
  z-index: 1;
  content: "";
  margin-top: -7px;
  width: 13px;
  height: 15px;
  background-position: 0 -1534px;
}

.chatting
  .list-content-type
  .action
  .search-form
  .search-container
  .search-field {
  padding-left: 35px;
}

.chatting .list-content-type .messages {
  display: block;
  overflow: auto;
}

.chatting .list-content-type .messages.type-default ul {
  display: block;
  margin: 0;
  padding: 0;
}

.chatting .list-content-type .messages.type-default ul li {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid #c9c9c9;
}

.chatting .list-content-type .messages.type-default ul li:hover,
.chatting .list-content-type .messages.type-default ul li.current {
  background: #e8e8e8;
}

.chatting .list-content-type .messages.type-default ul li.message-sub .label {
  display: block;
  padding: 10px 20px;
  font-size: 18px;
  font-weight: bold;
  line-height: 20px;
  text-transform: uppercase;
  background: #e8e8e8;
}

.chatting .list-content-type .messages.type-default ul li a {
  display: block;
  padding: 20px;
}

.chatting .list-content-type .messages.type-default ul li a .group-item {
  table-layout: auto;
}

.chatting .list-content-type .messages.type-default ul li a .group-item .item {
  vertical-align: middle;
}

.chatting
  .list-content-type
  .messages.type-default
  ul
  li
  a
  .group-item
  .item.thumbnail {
  padding-right: 15px;
  width: 1%;
  white-space: nowrap;
}

.chatting
  .list-content-type
  .messages.type-default
  ul
  li
  a
  .group-item
  .item.details {
  color: #5e5e5e;
  line-height: 16px;
}

.chatting
  .list-content-type
  .messages.type-default
  ul
  li
  a
  .group-item
  .item.other {
  width: 1%;
  white-space: nowrap;
  text-align: right;
}

.chatting .list-content-type .messages.type-text-list ul {
  display: block;
  margin: 0;
  padding: 0;
}

.chatting .list-content-type .messages.type-text-list ul li {
  display: block;
  position: relative;
  margin: 0;
  padding: 5px 20px;
  list-style: none;
}

.chatting .list-content-type .messages.type-text-list ul li .group-item {
  table-layout: auto;
}

.chatting .list-content-type .messages.type-text-list ul li .group-item .item {
  vertical-align: middle;
}

.chatting
  .list-content-type
  .messages.type-text-list
  ul
  li
  .group-item
  .item.thumbnail {
  padding-right: 15px;
  width: 1%;
  white-space: nowrap;
}

.chatting
  .list-content-type
  .messages.type-text-list
  ul
  li
  .group-item
  .item.details {
  color: #5e5e5e;
  line-height: 16px;
}

.chatting
  .list-content-type
  .messages.type-text-list
  ul
  li
  .group-item
  .item.other {
  width: 1%;
  white-space: nowrap;
  text-align: right;
}

.chatting .group-item {
  margin: 0;
  table-layout: fixed;
}

.chatting .group-item .item {
  vertical-align: top;
}

.chatting .group-item .item.chat-list {
  padding: 0;
  width: 305px;
  border-right: 1px solid #c9c9c9;
}

.chatting .group-item .item.chat-list .list-wrap {
  display: block;
  position: relative;
  width: 305px;
  height: 700px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.chatting .group-item .item.chat-list .list-wrap .message-list .messages {
  height: 559px;
}

.chatting .group-item .item.chat-list .list-wrap .new-message {
  left: -305px;
}

.chatting .group-item .item.chat-list .list-wrap .new-message .messages {
  height: 559px;
}

.chatting .group-item .item.chat-content .chat-wrap {
  display: block;
  position: relative;
  height: 700px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.chatting .group-item .item.chat-content .chat-wrap .chat-header {
  display: block;
  position: relative;
  padding: 20px 0;
  height: 90px;
  background: #e8e8e8;
  border-bottom: 1px solid #c9c9c9;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.chatting .group-item .item.chat-content .chat-wrap .chat-header .group-item {
  table-layout: auto;
}

.chatting
  .group-item
  .item.chat-content
  .chat-wrap
  .chat-header
  .group-item
  .item {
  padding: 0 20px;
  vertical-align: middle;
}

.chatting
  .group-item
  .item.chat-content
  .chat-wrap
  .chat-header
  .group-item
  .item.thumbnail {
  width: 1%;
  white-space: nowrap;
}

.chatting
  .group-item
  .item.chat-content
  .chat-wrap
  .chat-header
  .group-item
  .item.details {
  padding: 0;
}

.chatting
  .group-item
  .item.chat-content
  .chat-wrap
  .chat-header
  .group-item
  .item.details
  .title {
  margin: 0 0 3px;
  padding: 0;
}

.chatting
  .group-item
  .item.chat-content
  .chat-wrap
  .chat-header
  .group-item
  .item.details
  .meta-data {
  display: block;
  font-size: 12px;
  color: #919191;
  line-height: 13px;
}

.chatting
  .group-item
  .item.chat-content
  .chat-wrap
  .chat-header
  .group-item
  .item.has-divider {
  border-left: 1px solid #c9c9c9;
}

.chatting .group-item .item.chat-content .chat-wrap .chat-body {
  display: block;
  position: relative;
  height: 529px;
}

.chatting
  .group-item
  .item.chat-content
  .chat-wrap
  .chat-body
  .chat-body-content {
  display: block;
  height: 529px;
  overflow: auto;
}

.chatting
  .group-item
  .item.chat-content
  .chat-wrap
  .chat-body
  .chat-body-content
  .load-earlier-action {
  display: block;
  padding: 20px;
  text-align: center;
}

.chatting
  .group-item
  .item.chat-content
  .chat-wrap
  .chat-body
  .chat-body-content
  .load-chat-content {
  display: block;
}

.chatting
  .group-item
  .item.chat-content
  .chat-wrap
  .chat-body
  .chat-body-content
  .load-chat-content
  .chat-day {
  display: block;
  position: relative;
  margin-top: 20px;
  padding: 20px;
  border-top: 1px solid #c9c9c9;
}

.chatting
  .group-item
  .item.chat-content
  .chat-wrap
  .chat-body
  .chat-body-content
  .load-chat-content
  .chat-day
  .day-label {
  display: block;
  position: absolute;
  top: -15px;
  left: 0;
  right: 0;
  z-index: 1;
  height: 30px;
  line-height: 30px;
  text-align: center;
}

.chatting
  .group-item
  .item.chat-content
  .chat-wrap
  .chat-body
  .chat-body-content
  .load-chat-content
  .chat-day
  .day-label
  .chat-date {
  display: inline-block;
  height: 30px;
  padding: 0 15px;
  font-size: 12px;
  line-height: 30px;
  background: #e8f5fc;
  border: 1px solid #c9c9c9;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}

.chatting
  .group-item
  .item.chat-content
  .chat-wrap
  .chat-body
  .chat-body-content
  .load-chat-content
  .chat-day
  > .chat-posts
  .chat-post:first-child {
  border-top: 0;
}

.chatting
  .group-item
  .item.chat-content
  .chat-wrap
  .chat-body
  .chat-body-content
  .load-chat-content
  .chat-posts {
  display: block;
}

.chatting
  .group-item
  .item.chat-content
  .chat-wrap
  .chat-body
  .chat-body-content
  .load-chat-content
  .chat-posts
  .chat-post {
  display: block;
  padding: 20px 0;
  border-top: 1px solid #c9c9c9;
}

.chatting
  .group-item
  .item.chat-content
  .chat-wrap
  .chat-body
  .chat-body-content
  .load-chat-content
  .chat-posts
  .chat-post.is-you {
  text-align: right;
}

.chatting
  .group-item
  .item.chat-content
  .chat-wrap
  .chat-body
  .chat-body-content
  .load-chat-content
  .chat-posts
  .chat-post
  .credentials {
  display: block;
  margin-bottom: 10px;
  line-height: 16px;
}

.chatting
  .group-item
  .item.chat-content
  .chat-wrap
  .chat-body
  .chat-body-content
  .load-chat-content
  .chat-posts
  .chat-post
  .credentials
  .sender-name {
  display: inline-block;
  font-weight: bold;
  color: #0098d7;
}

.chatting
  .group-item
  .item.chat-content
  .chat-wrap
  .chat-body
  .chat-body-content
  .load-chat-content
  .chat-posts
  .chat-post
  .credentials
  .meta-data {
  display: inline-block;
  color: #919191;
}

.chatting .group-item .item.chat-content .chat-wrap .chat-footer {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  padding: 20px 0;
  width: 100%;
  background: #e8e8e8;
  border-top: 1px solid #c9c9c9;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.chatting .group-item .item.chat-content .chat-wrap .chat-footer .group-item {
  table-layout: auto;
}

.chatting
  .group-item
  .item.chat-content
  .chat-wrap
  .chat-footer
  .group-item
  .item {
  padding: 0 20px;
  vertical-align: middle;
}

.chatting
  .group-item
  .item.chat-content
  .chat-wrap
  .chat-footer
  .group-item
  .item.thumbnail {
  padding-right: 0;
  width: 1%;
  white-space: nowrap;
}

.chatting
  .group-item
  .item.chat-content
  .chat-wrap
  .chat-footer
  .group-item
  .item.thumbnail
  .attachment {
  display: block;
  position: relative;
  width: 40px;
  height: 40px;
}

.chatting
  .group-item
  .item.chat-content
  .chat-wrap
  .chat-footer
  .group-item
  .item.thumbnail
  .attachment:hover
  .icon.icon-chatting-attachment {
  background-position: 0 -411px;
}

.chatting
  .group-item
  .item.chat-content
  .chat-wrap
  .chat-footer
  .group-item
  .item.thumbnail
  .attachment
  .file-upload {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 40px;
  height: 40px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  cursor: pointer;
}

.chatting
  .group-item
  .item.chat-content
  .chat-wrap
  .chat-footer
  .group-item
  .item.component
  .message-container {
  position: relative;
  margin: 0;
}

.chatting
  .group-item
  .item.chat-content
  .chat-wrap
  .chat-footer
  .group-item
  .item.component
  .message-container:after {
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  z-index: 1;
  content: "";
  margin-top: -7px;
  width: 20px;
  height: 14px;
  background-position: 0 -2247px;
}

.chatting
  .group-item
  .item.chat-content
  .chat-wrap
  .chat-footer
  .group-item
  .item.component
  .message-container
  textarea {
  padding-right: 50px;
  height: 40px;
  max-height: 122px !important;
}

.chatting .group-item .item.chat-content .chat-wrap .friend-list {
  width: 305px;
  right: -306px;
  border-left: 1px solid #c9c9c9;
}

.chatting .group-item .item.chat-content .chat-wrap .friend-list .messages {
  height: 478px;
}

.chatting .group-item .item.chat-content .chat-wrap .friend-list .add-friends {
  display: block;
  padding: 20px;
  height: 81px;
  background: #e8e8e8;
  border-top: 1px solid #c9c9c9;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.chatting .group-item .item.chat-content .chat-wrap .message-info {
  width: 305px;
  right: -306px;
  border-left: 1px solid #c9c9c9;
}

.chatting .group-item .item.chat-content .chat-wrap .message-info .action {
  height: 90px;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.chatting
  .group-item
  .item.chat-content
  .chat-wrap
  .message-info
  .action.type-two
  .message-heading {
  margin-bottom: 0;
}

.chatting .group-item .item.chat-content .chat-wrap .message-info .subtitle {
  display: block;
  margin: 0 0 10px;
  padding: 0;
  font-size: 12px;
  line-height: 14px;
  color: #919191;
  text-transform: uppercase;
}

.chatting .group-item .item.chat-content .chat-wrap .message-info .information {
  display: block;
  padding: 20px 20px 0;
  border-bottom: 1px solid #c9c9c9;
}

.chatting .group-item .item.chat-content .chat-wrap .message-info .messages {
  padding: 20px;
  height: 354px;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.chatting
  .group-item
  .item.chat-content
  .chat-wrap
  .message-info
  .messages
  ul
  li {
  padding: 5px 0;
}

.chatting .group-item .item.chat-content .chat-wrap .message-info .leave-group {
  display: block;
  padding: 20px;
  height: 81px;
  border-top: 1px solid #c9c9c9;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

/*! Widgets */

.widget-parent {
  display: block;
  position: relative;
}

.widget-parent .widget-group {
  display: block;
  position: relative;
  padding: 0 9px;
}

.widget-parent > .row {
  margin: 0 -10px;
}

.widget-parent > .row > .column {
  padding: 0 10px 20px;
}

.widget-parent .widget {
  display: block;
  position: relative;
  padding: 15px;
  float: left;
  width: 100%;
  height: 293px;
  background: #f6f6f6;
  overflow: hidden;
  border: 1px solid #c9c9c9;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.widget-parent .widget:first-child {
  margin-left: 0;
}

.widget-parent .widget.auto-height {
  height: auto;
}

.widget-parent .widget.auto-height .widget-footer {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  height: auto;
  margin: 15px 0 0;
}

.widget-parent .widget .widget-head {
  display: block;
  position: relative;
  padding: 0 0 10px;
  height: 32px;
  line-height: 32px;
  border-bottom: 1px solid #c9c9c9;
}

.widget-parent .widget .widget-head.has-navigation .nav-container {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 1;
  margin-top: -20px;
}

.widget-parent .widget .widget-head.has-navigation .nav-container .btn-nav {
  display: inline-block;
  width: 30px;
  height: 30px;
  vertical-align: middle;
}

.widget-parent
  .widget
  .widget-head.has-navigation
  .nav-container
  .btn-nav.prev {
  background-position: 0 -1773px;
}

.widget-parent
  .widget
  .widget-head.has-navigation
  .nav-container
  .btn-nav.prev:hover,
.widget-parent
  .widget
  .widget-head.has-navigation
  .nav-container
  .btn-nav.prev.icon-pointer-left-hover {
  background-position: 0 -1740px;
}

.widget-parent
  .widget
  .widget-head.has-navigation
  .nav-container
  .btn-nav.prev:active,
.widget-parent
  .widget
  .widget-head.has-navigation
  .nav-container
  .btn-nav.prev.icon-pointer-left-active {
  background-position: 0 -1674px;
}

.widget-parent
  .widget
  .widget-head.has-navigation
  .nav-container
  .btn-nav.next {
  background-position: 0 -1905px;
}

.widget-parent
  .widget
  .widget-head.has-navigation
  .nav-container
  .btn-nav.next:hover,
.widget-parent
  .widget
  .widget-head.has-navigation
  .nav-container
  .btn-nav.next.icon-pointer-right-hover {
  background-position: 0 -1872px;
}

.widget-parent
  .widget
  .widget-head.has-navigation
  .nav-container
  .btn-nav.next:active,
.widget-parent
  .widget
  .widget-head.has-navigation
  .nav-container
  .btn-nav.next.icon-pointer-right-active {
  background-position: 0 -1806px;
}

.widget-parent .widget .widget-head.has-navigation .nav-container .btn-nav.up {
  background-position: 0 -2004px;
}

.widget-parent
  .widget
  .widget-head.has-navigation
  .nav-container
  .btn-nav.up:hover,
.widget-parent
  .widget
  .widget-head.has-navigation
  .nav-container
  .btn-nav.up.icon-pointer-up-hover {
  background-position: 0 -1971px;
}

.widget-parent
  .widget
  .widget-head.has-navigation
  .nav-container
  .btn-nav.up:active,
.widget-parent
  .widget
  .widget-head.has-navigation
  .nav-container
  .btn-nav.up.icon-pointer-up-active {
  background-position: 0 -1938px;
}

.widget-parent
  .widget
  .widget-head.has-navigation
  .nav-container
  .btn-nav.down {
  background-position: 0 -1641px;
}

.widget-parent
  .widget
  .widget-head.has-navigation
  .nav-container
  .btn-nav.down:hover,
.widget-parent
  .widget
  .widget-head.has-navigation
  .nav-container
  .btn-nav.down.icon-pointer-down-hover {
  background-position: 0 -1608px;
}

.widget-parent
  .widget
  .widget-head.has-navigation
  .nav-container
  .btn-nav.down:active,
.widget-parent
  .widget
  .widget-head.has-navigation
  .nav-container
  .btn-nav.down.icon-pointer-down-active {
  background-position: 0 -1575px;
}

.widget-parent .widget .widget-head .head-wrap {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
}

.widget-parent .widget .widget-head .head-wrap .icon {
  vertical-align: middle;
  margin-right: 10px;
  padding-right: 10px;
  border-right: 1px solid #c9c9c9;
}

.widget-parent .widget .widget-head .head-wrap .indicator {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  padding-right: 10px;
  height: 30px;
  width: 30px;
  border-right: 1px solid #c9c9c9;
}

.widget-parent .widget .widget-head .head-wrap .indicator.warning .wrap {
  background: #f5b000;
  color: #fff;
}

.widget-parent .widget .widget-head .head-wrap .indicator.danger .wrap {
  background: #d2302e;
  color: #fff;
}

.widget-parent .widget .widget-head .head-wrap .indicator.success .wrap {
  background: #47af74;
  color: #fff;
}

.widget-parent .widget .widget-head .head-wrap .indicator .wrap {
  display: block;
  width: 30px;
  height: 30px;
  color: #5e5e5e;
  text-align: center;
}

.widget-parent .widget .widget-head .head-wrap .indicator .wrap .label {
  display: block;
  padding-top: 4px;
  font-size: 10px;
  line-height: 10px;
}

.widget-parent .widget .widget-head .head-wrap .indicator .wrap .value {
  display: block;
  font-size: 13px;
  line-height: 13px;
  text-transform: uppercase;
}

.widget-parent .widget .widget-head .head-wrap .label {
  display: inline-block;
  vertical-align: middle;
}

.widget-parent .widget .widget-head .head-wrap .label .title {
  display: block;
  font-size: 16px;
  line-height: 18px;
  text-transform: uppercase;
}

.widget-parent .widget .widget-head .head-wrap .label .pre-title {
  display: block;
  font-size: 12px;
  line-height: 12px;
}

.widget-parent .widget .widget-head .head-wrap .opposite-link {
  display: block;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  padding-right: 10px;
  right: 0;
  z-index: 1;
  height: 32px;
  line-height: 32px;
}

.widget-parent .widget .widget-head .head-wrap .opposite-link a {
  display: block;
  padding-left: 15px;
  color: #5e5e5e;
  text-transform: uppercase;
  border-left: 1px solid #c9c9c9;
}

.widget-parent .widget .widget-body {
  display: block;
  position: relative;
  padding-top: 15px;
}

.widget-parent .widget .widget-body .body-sub-title {
  display: block;
  margin-top: -15px;
  padding: 10px 0;
  font-size: 12px;
  line-height: 13px;
  border-bottom: 1px solid #c9c9c9;
}

.widget-parent .widget .widget-footer {
  display: block;
  position: absolute;
  bottom: 0;
  left: 15px;
  right: 15px;
  z-index: 1;
  height: 42px;
  background: #f6f6f6;
  border-top: 1px solid #c9c9c9;
}

.widget-parent .widget .widget-footer > span {
  display: block;
  height: 42px;
  line-height: 42px;
}

.widget-parent .widget .widget-footer.has-navigation > span {
  position: relative;
}

.widget-parent .widget .widget-footer.has-navigation > span .nav-container {
  display: inline-block;
  vertical-align: middle;
}

.widget-parent
  .widget
  .widget-footer.has-navigation
  > span
  .nav-container
  .btn-nav {
  display: inline-block;
  margin-top: -5px;
  width: 30px;
  height: 30px;
  vertical-align: middle;
}

.widget-parent
  .widget
  .widget-footer.has-navigation
  > span
  .nav-container
  .btn-nav.prev {
  background-position: 0 -1773px;
}

.widget-parent
  .widget
  .widget-footer.has-navigation
  > span
  .nav-container
  .btn-nav.prev:hover,
.widget-parent
  .widget
  .widget-footer.has-navigation
  > span
  .nav-container
  .btn-nav.prev.icon-pointer-left-hover {
  background-position: 0 -1740px;
}

.widget-parent
  .widget
  .widget-footer.has-navigation
  > span
  .nav-container
  .btn-nav.prev:active,
.widget-parent
  .widget
  .widget-footer.has-navigation
  > span
  .nav-container
  .btn-nav.prev.icon-pointer-left-active {
  background-position: 0 -1674px;
}

.widget-parent
  .widget
  .widget-footer.has-navigation
  > span
  .nav-container
  .btn-nav.next {
  background-position: 0 -1905px;
}

.widget-parent
  .widget
  .widget-footer.has-navigation
  > span
  .nav-container
  .btn-nav.next:hover,
.widget-parent
  .widget
  .widget-footer.has-navigation
  > span
  .nav-container
  .btn-nav.next.icon-pointer-right-hover {
  background-position: 0 -1872px;
}

.widget-parent
  .widget
  .widget-footer.has-navigation
  > span
  .nav-container
  .btn-nav.next:active,
.widget-parent
  .widget
  .widget-footer.has-navigation
  > span
  .nav-container
  .btn-nav.next.icon-pointer-right-active {
  background-position: 0 -1806px;
}

.widget-parent
  .widget
  .widget-footer.has-navigation
  > span
  .nav-container
  .btn-nav.up {
  background-position: 0 -2004px;
}

.widget-parent
  .widget
  .widget-footer.has-navigation
  > span
  .nav-container
  .btn-nav.up:hover,
.widget-parent
  .widget
  .widget-footer.has-navigation
  > span
  .nav-container
  .btn-nav.up.icon-pointer-up-hover {
  background-position: 0 -1971px;
}

.widget-parent
  .widget
  .widget-footer.has-navigation
  > span
  .nav-container
  .btn-nav.up:active,
.widget-parent
  .widget
  .widget-footer.has-navigation
  > span
  .nav-container
  .btn-nav.up.icon-pointer-up-active {
  background-position: 0 -1938px;
}

.widget-parent
  .widget
  .widget-footer.has-navigation
  > span
  .nav-container
  .btn-nav.down {
  background-position: 0 -1641px;
}

.widget-parent
  .widget
  .widget-footer.has-navigation
  > span
  .nav-container
  .btn-nav.down:hover,
.widget-parent
  .widget
  .widget-footer.has-navigation
  > span
  .nav-container
  .btn-nav.down.icon-pointer-down-hover {
  background-position: 0 -1608px;
}

.widget-parent
  .widget
  .widget-footer.has-navigation
  > span
  .nav-container
  .btn-nav.down:active,
.widget-parent
  .widget
  .widget-footer.has-navigation
  > span
  .nav-container
  .btn-nav.down.icon-pointer-down-active {
  background-position: 0 -1575px;
}

.widget-parent
  .widget
  .widget-footer.has-navigation
  > span
  .nav-container.has-label {
  display: block;
}

.widget-parent
  .widget
  .widget-footer.has-navigation
  > span
  .nav-container.has-label
  .btn-nav {
  position: absolute;
  top: 50%;
  z-index: 1;
  margin-top: -15px;
}

.widget-parent
  .widget
  .widget-footer.has-navigation
  > span
  .nav-container.has-label
  .btn-nav.prev,
.widget-parent
  .widget
  .widget-footer.has-navigation
  > span
  .nav-container.has-label
  .btn-nav.up {
  left: 0;
}

.widget-parent
  .widget
  .widget-footer.has-navigation
  > span
  .nav-container.has-label
  .btn-nav.next,
.widget-parent
  .widget
  .widget-footer.has-navigation
  > span
  .nav-container.has-label
  .btn-nav.down {
  right: 0;
}

.widget-parent
  .widget
  .widget-footer.has-navigation
  > span
  .nav-container.has-label
  .label {
  display: block;
  position: relative;
  padding: 0 40px;
  overflow: hidden;
}

/*! Widget component */

/*! Widget scrolled */

.widget .widget-scrolled {
  display: block;
  height: 160px !important;
  overflow: hidden;
}

.widget .widget-scrolled.scrolled-horizontal {
  white-space: nowrap;
}

.widget .widget-scrolled.scrolled-horizontal .scrolled-item {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}

.widget .widget-scrolled.scrolled-vertical .scrolled-item {
  display: block;
}

/*! Widget perspective meter */

.widget .widget-perspective-meter {
  display: block;
  position: relative;
  height: 203px;
}

.widget .widget-perspective-meter .perspective-meter {
  display: block;
  position: relative;
  margin: auto;
  width: 183px;
  height: 99px;
}

.widget .widget-perspective-meter .perspective-meter:after {
  display: block;
  width: 183px;
  height: 99px;
  content: "";
  z-index: 0;
  position: absolute;
  top: 0;
  left: -2px;
  background-position: 0 -1318px;
}

.widget .widget-perspective-meter .perspective-meter svg {
  z-index: 1;
  width: 183px;
  height: 99px;
}

.widget .widget-perspective-meter .perspective-meter .perspective-legend {
  display: block;
  position: absolute;
  top: 50px;
  left: 0;
  right: 0;
  z-index: 1;
}

.widget
  .widget-perspective-meter
  .perspective-meter
  .perspective-legend
  .score {
  display: block;
  padding: 0 20px;
  text-align: center;
}

.widget
  .widget-perspective-meter
  .perspective-meter
  .perspective-legend
  .score
  .score-label {
  display: block;
  margin: 0 0 10px;
  font-size: 12px;
  line-height: 12px;
  text-transform: uppercase;
}

.widget
  .widget-perspective-meter
  .perspective-meter
  .perspective-legend
  .score
  .score-value {
  display: block;
  font-size: 32px;
  line-height: 32px;
}

.widget
  .widget-perspective-meter
  .perspective-meter
  .perspective-legend
  .score
  .score-value.failed {
  color: #d2302e;
}

.widget
  .widget-perspective-meter
  .perspective-meter
  .perspective-legend
  .score
  .score-value.passed {
  color: #47af74;
}

.widget
  .widget-perspective-meter
  .perspective-meter
  .perspective-legend
  .state-value {
  display: block;
  padding: 0 2px 0;
  font-size: 16px;
  color: #919191;
}

.widget
  .widget-perspective-meter
  .perspective-meter
  .perspective-legend
  .state-value
  .start {
  display: block;
  float: left;
}

.widget
  .widget-perspective-meter
  .perspective-meter
  .perspective-legend
  .state-value
  .end {
  display: block;
  float: right;
}

.widget
  .widget-perspective-meter
  .perspective-meter
  .perspective-legend
  .state-value
  .icon-indicator {
  display: inline-block;
  width: 42px;
  height: 42px;
}

.widget
  .widget-perspective-meter
  .perspective-meter
  .perspective-legend
  .state-value
  .icon-indicator.icon-sad {
  background-position: 0 -1370px;
}

.widget
  .widget-perspective-meter
  .perspective-meter
  .perspective-legend
  .state-value
  .icon-indicator.icon-smile {
  background-position: 0 -1460px;
}

.widget
  .widget-perspective-meter
  .perspective-meter
  .perspective-legend
  .description {
  display: block;
  margin-top: 20px;
  color: #919191;
  text-align: center;
}

/*! Widget perspective meter */

.widget .widget-performance-meter {
  display: block;
  position: relative;
  height: 203px;
}

.widget .widget-performance-meter .performance-meter {
  display: block;
  position: relative;
  margin: auto;
  width: 183px;
  height: 99px;
}

.widget .widget-performance-meter .performance-meter:after {
  display: block;
  width: 183px;
  height: 99px;
  content: "";
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  background-position: 0 -1216px;
}

.widget .widget-performance-meter .performance-meter svg {
  z-index: 1;
  width: 183px;
  height: 99px;
}

.widget .widget-performance-meter .performance-meter .performance-legend {
  display: block;
  position: absolute;
  top: 50px;
  left: 0;
  right: 0;
  z-index: 1;
}

.widget
  .widget-performance-meter
  .performance-meter
  .performance-legend
  .score {
  display: block;
  padding: 0 20px;
  text-align: center;
}

.widget
  .widget-performance-meter
  .performance-meter
  .performance-legend
  .score
  .score-label {
  display: block;
  margin: 0 0 10px;
  font-size: 12px;
  line-height: 12px;
  text-transform: uppercase;
}

.widget
  .widget-performance-meter
  .performance-meter
  .performance-legend
  .score
  .score-value {
  display: block;
  font-size: 32px;
  line-height: 32px;
}

.widget
  .widget-performance-meter
  .performance-meter
  .performance-legend
  .score
  .score-value.failed {
  color: #d2302e;
}

.widget
  .widget-performance-meter
  .performance-meter
  .performance-legend
  .score
  .score-value.passed {
  color: #47af74;
}

.widget
  .widget-performance-meter
  .performance-meter
  .performance-legend
  .state-value {
  display: block;
  padding: 0 2px 0;
  font-size: 16px;
  color: #919191;
}

.widget
  .widget-performance-meter
  .performance-meter
  .performance-legend
  .state-value
  .start {
  display: block;
  float: left;
}

.widget
  .widget-performance-meter
  .performance-meter
  .performance-legend
  .state-value
  .end {
  display: block;
  float: right;
}

.widget
  .widget-performance-meter
  .performance-meter
  .performance-legend
  .state-value
  .icon-indicator {
  display: inline-block;
  width: 42px;
  height: 42px;
}

.widget
  .widget-performance-meter
  .performance-meter
  .performance-legend
  .state-value
  .icon-indicator.icon-sad {
  background-position: 0 -1370px;
}

.widget
  .widget-performance-meter
  .performance-meter
  .performance-legend
  .state-value
  .icon-indicator.icon-smile {
  background-position: 0 -1460px;
}

/*! Widget perspective meter */

.widget .widget-wheel-meter {
  display: block;
  position: relative;
  height: 203px;
}

.widget .widget-wheel-meter .wheel-meter {
  display: block;
  position: relative;
  margin: auto;
  width: 152px;
  height: 150px;
}

.widget .widget-wheel-meter .wheel-meter:after {
  display: block;
  width: 152px;
  height: 150px;
  content: "";
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  background-position: 0 -1766px;
}

.widget .widget-wheel-meter .wheel-meter svg {
  z-index: 1;
  width: 152px;
  height: 150px;
}

.widget .widget-wheel-meter .wheel-meter .wheel-legend {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  z-index: 1;
  margin-top: -16px;
}

.widget .widget-wheel-meter .wheel-meter .wheel-legend .score {
  display: block;
  padding: 0 20px;
  font-size: 32px;
  line-height: 32px;
  text-align: center;
}

/*! Widget bar meter */

.widget .widget-bar-meter {
  display: block;
  position: relative;
}

.widget .widget-bar-meter .bar-meter {
  display: block;
  padding: 20px 0 0;
}

.widget .widget-bar-meter .bar-meter .bar-scale {
  display: block;
  position: relative;
  margin: auto;
  width: 223px;
  height: 53px;
  border-left: 1px solid #c9c9c9;
  border-bottom: 1px solid #c9c9c9;
}

.widget .widget-bar-meter .bar-meter .the-bar {
  display: block;
  position: absolute;
  top: 10px;
  left: 0;
  width: 0%;
  height: 30px;
  background: #ababab;
}

.widget .widget-bar-meter .bar-meter .bar-x-scales li {
  display: inline-block;
  position: absolute;
  top: 56px;
  left: -5px;
  z-index: 1;
}

.widget .widget-bar-meter .bar-meter .bar-x-scales li:before {
  display: block;
  position: absolute;
  top: -7px;
  left: 50%;
  content: "";
  margin-left: -1px;
  width: 1px;
  height: 4px;
  background: #c9c9c9;
}

.widget .widget-bar-meter .bar-meter .bar-x-scales li:last-child:before {
  left: auto;
  right: 6px;
}

.widget .widget-bar-meter .bar-meter .bar-x-scales li span {
  display: block;
  font-size: 12px;
  color: #919191;
  line-height: 13px;
  text-align: center;
}

.widget .widget-bar-meter .bar-meter .bar-x-scales li span.label {
  font-size: 12px;
}

.widget .widget-bar-meter .bar-meter .the-value {
  display: block;
  position: absolute;
  top: -24px;
  right: 0;
  z-index: 1;
  padding: 0 0 3px 3px;
  font-size: 12px;
  color: #666;
  line-height: 13px;
  white-space: nowrap;
  border-left: 1px solid #c9c9c9;
  border-bottom: 1px solid #c9c9c9;
}

.widget .widget-bar-meter .bar-meter .the-value:before {
  display: block;
  position: absolute;
  bottom: -10px;
  right: 0;
  content: "";
  width: 1px;
  height: 10px;
  background: #c9c9c9;
}

.widget .widget-bar-meter .bar-meter .the-value.opposite {
  right: auto;
  left: 0;
  padding: 0 3px 3px 0;
  border-left: 0;
  border-right: 1px solid #c9c9c9;
}

.widget .widget-bar-meter .bar-meter .the-value.opposite:before {
  right: auto;
  left: 0;
}

.widget .widget-bar-meter .bar-meter .description {
  display: block;
  margin: 42px 0 0;
  text-align: center;
}

.widget .widget-bar-meter .bar-meter .description p {
  font-size: 12px;
  text-transform: uppercase;
}

/*! Widget big state */

.widget .widget-big-state {
  display: block;
}

.widget .widget-big-state .state-item {
  display: block;
  position: relative;
  padding: 15px 0;
  min-height: 42px;
}

.widget .widget-big-state .state-item .indicator {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
  content: "";
  margin-top: -21px;
  width: 42px;
  height: 42px;
}

.widget .widget-big-state .state-item .indicator.icon-checklist {
  background-position: 0 -1325px;
}

.widget .widget-big-state .state-item .indicator.icon-sandwatch {
  background-position: 0 -1415px;
}

.widget .widget-big-state .state-item .value {
  display: block;
  padding: 0 52px;
  min-height: 42px;
  font-size: 28px;
  line-height: 42px;
}

.widget .widget-big-state .state-item .label {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 1;
  margin-top: -11px;
}

/*! Widget state */

.widget .widget-state {
  display: block;
}

.widget .widget-state .state-item {
  display: block;
  position: relative;
  padding: 15px 0;
  min-height: 42px;
  border-top: 1px solid #c9c9c9;
}

.widget .widget-state .state-item:first-child {
  border-top: 0;
}

.widget .widget-state .state-item .indicator {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
  content: "";
  margin-top: -21px;
  width: 42px;
  height: 42px;
}

.widget .widget-state .state-item .indicator.icon-checklist {
  background-position: 0 -1325px;
}

.widget .widget-state .state-item .indicator.icon-sandwatch {
  background-position: 0 -1415px;
}

.widget .widget-state .state-item .description {
  display: block;
  padding: 0 0 0 52px;
  min-height: 42px;
  line-height: 16px;
}

/*! Widget scrollbar */

.widget .widget-scrollbar {
  display: block;
  height: 160px;
}

/*! Widget news */

.widget .widget-news {
  display: block;
  position: relative;
}

.widget .widget-news .news-item {
  display: block;
  position: relative;
  margin-top: 15px;
  padding-top: 15px;
  padding-left: 20px;
  border-top: 1px solid #c9c9c9;
}

.widget .widget-news .news-item:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}

.widget .widget-news .news-item .details {
  display: block;
  position: relative;
}

.widget .widget-news .news-item .details:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  content: "";
  margin-top: 4px;
  margin-left: -20px;
  width: 10px;
  height: 10px;
  background: #0098d7;
  -webkit-border-radius: 100%;
  -khtml-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}

.widget .widget-news .news-item .details .title {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 14px;
  color: #0098d7;
  line-height: 15px;
}

.widget .widget-news .news-item .details .credential {
  display: block;
  margin: 5px 0 0;
  font-size: 11px;
  color: #919191;
  line-height: 12px;
}

/*! Widget schedule */

.widget .widget-schedule {
  display: block;
  position: relative;
}

.widget .widget-schedule .schedule-item {
  display: block;
  padding: 6px 0;
  border-top: 1px solid #c9c9c9;
}

.widget .widget-schedule .schedule-item:first-child {
  border-top: 0;
  padding: 0 0 6px;
}

.widget .widget-schedule .schedule-item .group-item .item {
  padding-top: 5px;
  padding-bottom: 5px;
}

.widget .widget-schedule .schedule-item .group-item .item.time {
  padding-right: 15px;
  width: 50px;
  font-size: 18px;
  line-height: 18px;
  border-right: 1px solid #c9c9c9;
}

.widget .widget-schedule .schedule-item .group-item .item.title {
  padding-left: 15px;
}

/*! Widget revenue */

.widget .widget-comparison {
  display: block;
  position: relative;
  padding: 20px 0 0;
  text-align: center;
}

.widget .widget-comparison .current-value {
  display: block;
  padding: 10px 0;
  font-size: 25px;
  color: #919191;
  line-height: 25px;
}

.widget .widget-comparison .comparison-value {
  display: block;
  padding: 10px 0;
  font-size: 16px;
  color: #919191;
  line-height: 16px;
  border-top: 1px solid #c9c9c9;
}

.widget .widget-comparison .description {
  display: block;
  padding: 10px 0 0;
}

/*! Overriding */

.widget .pagination {
  margin-top: 15px;
}

/*! Footer */

.footer {
  display: block;
  position: relative;
  background: #414042;
}

.footer .footer-widget {
  display: block;
}

.footer .footer-widget .group-item {
  padding: 50px 0;
}

.footer .footer-widget .group-item .item {
  padding: 0 48px 0 20px;
  border-left: 1px dotted #fff;
}

.footer .footer-widget .group-item .item:first-child {
  padding: 0 20px 0 48px;
  border-left: 0;
}

.footer .footer-widget .group-item .item .binus-education {
  display: block;
  padding-top: 20px;
}

.footer .footer-widget .group-item .item .binus-education .education-link {
  display: block;
}

.footer
  .footer-widget
  .group-item
  .item
  .binus-education
  .education-link
  .ffSelectWrapper {
  margin: 0;
  width: 100%;
  font-size: 13px;
}

.footer
  .footer-widget
  .group-item
  .item
  .binus-education
  .education-link
  .ffSelectWrapper
  .ffSelect {
  text-align: left;
}

.footer
  .footer-widget
  .group-item
  .item
  .binus-education
  .education-link
  .ffSelectWrapper
  .ffSelect
  .ffSelectButton {
  position: relative;
  height: 40px;
  cursor: pointer;
}

.footer
  .footer-widget
  .group-item
  .item
  .binus-education
  .education-link
  .ffSelectWrapper
  .ffSelect
  .ffSelectButton:after {
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  width: 40px;
  height: 40px;
  background-position: 0 -299px;
}

.footer
  .footer-widget
  .group-item
  .item
  .binus-education
  .education-link
  .ffSelectWrapper
  .ffSelect
  .ffSelectButton:after:hover,
.footer
  .footer-widget
  .group-item
  .item
  .binus-education
  .education-link
  .ffSelectWrapper
  .ffSelect
  .ffSelectButton:after.fancy-arrow-down-hover {
  background-position: 0 -256px;
}

.footer
  .footer-widget
  .group-item
  .item
  .binus-education
  .education-link
  .ffSelectWrapper
  .ffSelect
  .ffSelectButton:after:active,
.footer
  .footer-widget
  .group-item
  .item
  .binus-education
  .education-link
  .ffSelectWrapper
  .ffSelect
  .ffSelectButton:after.fancy-arrow-down-active {
  background-position: 0 -213px;
}

.footer
  .footer-widget
  .group-item
  .item
  .binus-education
  .education-link
  .ffSelectWrapper
  .ffSelect
  .ffSelectButton
  span {
  background: #e2e2e2;
  border: 1px solid #c9c9c9;
  padding: 6px 15px 4px;
}

.footer
  .footer-widget
  .group-item
  .item
  .binus-education
  .education-link
  .ffSelectWrapper
  .ffSelect
  .ffSelectMenuWrapper {
  top: 0;
}

.footer
  .footer-widget
  .group-item
  .item
  .binus-education
  .education-link
  .ffSelectWrapper
  .ffSelect
  .ffSelectMenuWrapper
  .ffSelectMenuTop {
  display: none;
}

.footer
  .footer-widget
  .group-item
  .item
  .binus-education
  .education-link
  .ffSelectWrapper
  .ffSelect
  .ffSelectMenuWrapper
  .ffSelectMenuMidBG {
  background: #b8b8b8;
}

.footer
  .footer-widget
  .group-item
  .item
  .binus-education
  .education-link
  .ffSelectWrapper
  .ffSelect
  .ffSelectMenuWrapper
  .ffSelectMenuMidBG
  .ffSelectMenuMid {
  padding: 0;
  margin: 0;
  background: #b8b8b8;
  color: white;
  max-height: 174px;
}

.footer
  .footer-widget
  .group-item
  .item
  .binus-education
  .education-link
  .ffSelectWrapper
  .ffSelect
  .ffSelectMenuWrapper
  .ffSelectMenuMidBG
  .ffSelectMenuMid
  ul {
  margin: 0;
  padding: 0;
}

.footer
  .footer-widget
  .group-item
  .item
  .binus-education
  .education-link
  .ffSelectWrapper
  .ffSelect
  .ffSelectMenuWrapper
  .ffSelectMenuMidBG
  .ffSelectMenuMid
  ul
  li {
  background: #b8b8b8;
  padding: 13px 25px 11px 15px;
  position: relative;
  line-height: 1.3;
  list-style: none;
  cursor: pointer;
}

.footer
  .footer-widget
  .group-item
  .item
  .binus-education
  .education-link
  .ffSelectWrapper
  .ffSelect
  .ffSelectMenuWrapper
  .ffSelectMenuMidBG
  .ffSelectMenuMid
  ul
  li
  span {
  font-size: 13px;
}

.footer
  .footer-widget
  .group-item
  .item
  .binus-education
  .education-link
  .ffSelectWrapper
  .ffSelect
  .ffSelectMenuWrapper
  .ffSelectMenuMidBG
  .ffSelectMenuMid
  ul
  li.on {
  background: #f48b31;
}

.footer
  .footer-widget
  .group-item
  .item
  .binus-education
  .education-link
  .ffSelectWrapper
  .ffSelect
  .ffSelectMenuWrapper
  .ffSelectMenuBottom {
  display: none;
}

.footer
  .footer-widget
  .group-item
  .item
  .binus-education
  .education-link
  .ffSelectWrapper:hover
  .ffSelect
  .ffSelectButton:after {
  background-position: 0 -256px;
}

.footer
  .footer-widget
  .group-item
  .item
  .binus-education
  .education-link
  .ffSelectWrapper.active
  .ffSelect
  .ffSelectButton:after {
  background-position: 0 -213px;
}

.footer .footer-widget .group-item .item .contact-infomation {
  display: block;
  position: relative;
}

.footer .footer-widget .group-item .item .contact-infomation .contact-icon {
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
  width: 60px;
  height: 40px;
  text-align: right;
  border-left: 1px solid #fff;
}

.footer .footer-widget .group-item .item .contact-infomation .contact-address {
  display: block;
  padding-right: 80px;
}

.footer
  .footer-widget
  .group-item
  .item
  .contact-infomation
  .contact-address
  p {
  display: block;
  margin: 0 0 3px;
  padding: 0;
  font-size: 13px;
  font-style: normal;
  color: #fff;
  line-height: 15px;
}

.footer
  .footer-widget
  .group-item
  .item
  .contact-infomation
  .contact-address
  .hide {
  color: #414042;
}

.footer .footer-title {
  display: block;
  margin-bottom: 15px;
}

.footer .footer-title .title {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 21px;
  font-weight: normal;
  color: #f2f2f2;
  line-height: 24px;
  text-transform: uppercase;
}

.footer .footer-title .pre-title {
  display: block;
  font-size: 14px;
  color: #fff;
  line-height: 16px;
  text-transform: uppercase;
}

.footer .summary {
  display: block;
  padding: 20px 0;
  text-align: center;
  border-top: 1px dotted #fff;
}

.footer .summary .organization-name {
  display: block;
  margin: 0 0 5px;
  padding: 0;
  font-size: 16px;
  font-weight: normal;
  color: #f2f2f2;
  line-height: 19px;
  text-transform: uppercase;
}

.footer .summary .copyright {
  display: block;
  font-size: 11px;
  color: #5a595b;
  line-height: 11px;
}

.footer.new-layout .footer-widget .group-item .item {
  padding: 0;
}

.footer.new-layout .footer-widget .group-item .item.has-padding {
  padding: 0 20px;
}

.footer.new-layout .footer-widget .group-item .item.has-padding-left {
  padding: 0 0 0 20px;
}

.footer.new-layout .footer-widget .group-item .item.has-padding-right {
  padding: 0 20px 0 0;
}

.footer.new-layout .footer-widget .group-item .item.bottom-direction {
  padding-bottom: 4px;
  vertical-align: bottom;
}

.footer.new-layout .social-media {
  display: block;
  position: relative;
}

.footer.new-layout .social-media .icon {
  margin-left: 5px;
}

.footer.new-layout .social-media .icon:first-child {
  margin-left: 0;
}

.footer.new-layout .feedback-area {
  display: block;
  position: relative;
}

.footer.new-layout .feedback-area .button.wide,
.footer.new-layout
  .feedback-area
  .calendar
  table.fc-header
  .wide.fc-button-today,
.calendar
  table.fc-header
  .footer.new-layout
  .feedback-area
  .wide.fc-button-today {
  margin-bottom: 0;
}

.footer.new-layout .feedback-area .feedback-popup {
  display: none;
  position: absolute;
  bottom: 100%;
  left: 0;
  margin-bottom: 130px;
  z-index: 3;
  width: 100%;
  background: #414042;
  text-align: right;
}

.footer.new-layout .feedback-area .feedback-popup .feedback-close {
  display: inline-block;
  margin: 15px 15px 0;
  width: 20px;
  height: 20px;
  background: url("../images/sprites-icon/icon-close.png");
}

.footer.new-layout .feedback-area .feedback-popup .feedback-close:hover {
  background: url("../images/sprites-icon/icon-close-hover.png");
}

.footer.new-layout .feedback-area .feedback-popup .feedback-close:active {
  background: url("../images/sprites-icon/icon-close-active.png");
}

.footer.new-layout .feedback-area .feedback-popup form {
  position: relative;
  padding: 15px;
  color: transparent;
}

.footer.new-layout .feedback-area .feedback-popup form p {
  margin: 15px 0 0;
}

.footer.new-layout .feedback-area .feedback-popup form p:first-child {
  margin: 0;
}

.footer.new-layout .feedback-area .feedback-popup form input[type="text"],
.footer.new-layout .feedback-area .feedback-popup form textarea {
  color: #5e5e5e;
}

.footer.new-layout .feedback-area .feedback-popup form:after {
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  z-index: 1;
  content: "";
  margin-left: -10px;
  width: 0;
  height: 0;
  border: 10px solid;
  border-top-color: #414042;
}

.footer.new-layout .corporate-area {
  display: block;
  position: relative;
}

.footer.new-layout .corporate-area .main-title {
  display: block;
  margin: 0;
  padding: 0 0 5px;
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  color: #f2f2f2;
  line-height: 20px;
}

.footer.new-layout .corporate-area .pre-title {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 18px;
  font-weight: 300;
  text-transform: none;
  color: #fff;
  line-height: 15px;
}

/*! Overriding */