/*! Theme color */
/*! Button */
/*! Background Menu */
/*! Fullcalendar custom */

.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-table .dataTables_filter label:before,
.freeze-pane .dataTables_paginate>.paginate_button.previous,
.freeze-table .dataTables_paginate>.paginate_button.previous,
.freeze-pane .dataTables_paginate>.paginate_button.next,
.freeze-table .dataTables_paginate>.paginate_button.next,
.freeze-pane .dataTables_scroll .dataTables_scrollHead .dataTable thead tr th.sorting:after,
.freeze-table .dataTables_scroll .dataTables_scrollHead .dataTable thead tr th.sorting:after,
.freeze-pane .dataTables_scroll .dataTables_scrollHead .dataTable thead tr th.sorting_asc:after,
.freeze-table .dataTables_scroll .dataTables_scrollHead .dataTable thead tr th.sorting_asc:after,
.freeze-pane .dataTables_scroll .dataTables_scrollHead .dataTable thead tr th.sorting_desc:after,
.freeze-table .dataTables_scroll .dataTables_scrollHead .dataTable thead tr th.sorting_desc:after,
.freeze-pane .DTFC_LeftHeadWrapper .dataTable thead tr th.sorting:after,
.freeze-pane .DTFC_RightHeadWrapper .dataTable thead tr th.sorting:after,
.freeze-table .DTFC_LeftHeadWrapper .dataTable thead tr th.sorting:after,
.freeze-table .DTFC_RightHeadWrapper .dataTable thead tr th.sorting:after,
.freeze-pane .DTFC_LeftHeadWrapper .dataTable thead tr th.sorting_asc:after,
.freeze-pane .DTFC_RightHeadWrapper .dataTable thead tr th.sorting_asc:after,
.freeze-table .DTFC_LeftHeadWrapper .dataTable thead tr th.sorting_asc:after,
.freeze-table .DTFC_RightHeadWrapper .dataTable thead tr th.sorting_asc:after,
.freeze-pane .DTFC_LeftHeadWrapper .dataTable thead tr th.sorting_desc:after,
.freeze-pane .DTFC_RightHeadWrapper .dataTable thead tr th.sorting_desc:after,
.freeze-table .DTFC_LeftHeadWrapper .dataTable thead tr th.sorting_desc:after,
.freeze-table .DTFC_RightHeadWrapper .dataTable thead tr th.sorting_desc:after,
.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-timepicker .icon-area,
.custom-datetimepicker .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 {
    background-image: url('../images/sprites-sab025cfbe5.png');
    background-repeat: no-repeat
}
.sprites-icon-sprite,
.icon-burger-menu,
.icon-burger-menu.white,
.icon-search,
.icon-information,
.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-website,
.icon-linkedin,
.icon-print,
.icon-whatsapp,
.icon-line,
.icon-instagram,
.icon-view,
.icon-progress-bar.success,
.icon-progress-bar.failed,
.icon-quote,
.icon-reject,
.button.with-icon.icon-btn-add:before,
.calendar table.fc-header .with-icon.icon-btn-add.fc-button-today:before,
.ui-datepicker-buttonpane .with-icon.icon-btn-add.ui-priority-secondary:before,
.ui-datepicker-buttonpane .with-icon.icon-btn-add.ui-priority-primary:before,
.button.with-icon.icon-btn-edit:before,
.calendar table.fc-header .with-icon.icon-btn-edit.fc-button-today:before,
.ui-datepicker-buttonpane .with-icon.icon-btn-edit.ui-priority-secondary:before,
.ui-datepicker-buttonpane .with-icon.icon-btn-edit.ui-priority-primary:before,
.button.with-icon.icon-btn-delete:before,
.calendar table.fc-header .with-icon.icon-btn-delete.fc-button-today:before,
.ui-datepicker-buttonpane .with-icon.icon-btn-delete.ui-priority-secondary:before,
.ui-datepicker-buttonpane .with-icon.icon-btn-delete.ui-priority-primary:before,
.button.with-icon.icon-btn-upload:before,
.calendar table.fc-header .with-icon.icon-btn-upload.fc-button-today:before,
.ui-datepicker-buttonpane .with-icon.icon-btn-upload.ui-priority-secondary:before,
.ui-datepicker-buttonpane .with-icon.icon-btn-upload.ui-priority-primary:before,
.button.with-icon.icon-btn-download:before,
.calendar table.fc-header .with-icon.icon-btn-download.fc-button-today:before,
.ui-datepicker-buttonpane .with-icon.icon-btn-download.ui-priority-secondary:before,
.ui-datepicker-buttonpane .with-icon.icon-btn-download.ui-priority-primary:before,
.button.with-icon.icon-btn-print:before,
.calendar table.fc-header .with-icon.icon-btn-print.fc-button-today:before,
.ui-datepicker-buttonpane .with-icon.icon-btn-print.ui-priority-secondary:before,
.ui-datepicker-buttonpane .with-icon.icon-btn-print.ui-priority-primary:before,
.button.with-icon.icon-btn-comment:before,
.calendar table.fc-header .with-icon.icon-btn-comment.fc-button-today:before,
.ui-datepicker-buttonpane .with-icon.icon-btn-comment.ui-priority-secondary:before,
.ui-datepicker-buttonpane .with-icon.icon-btn-comment.ui-priority-primary: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-s9149401a9d.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 -2596px
}
.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 -2740px
}
.icon-marker {
    display: inline-block;
    width: 13px;
    height: 20px;
    background-position: 0 -1810px
}
.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 -2488px
}
.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 -2631px
}
.icon-readmore {
    display: inline-block;
    width: 6px;
    height: 8px;
    vertical-align: middle;
    background-position: 0 -1315px
}
.icon-readmore:hover,
.icon-readmore.readmore-indicator-hover {
    background-position: 0 -1304px
}
.icon-more-up-indicator {
    display: inline-block;
    width: 10px;
    height: 6px;
    vertical-align: middle;
    background-position: 0 -807px
}
.icon-more-down-indicator {
    display: inline-block;
    width: 10px;
    height: 6px;
    vertical-align: middle;
    background-position: 0 -798px
}
.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 -2697px
}
.icon-twitter:hover,
.icon-twitter.icon-twitter-hover {
    background-position: 0 -2654px
}
.icon-rss {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-position: 0 -2553px
}
.icon-rss:hover,
.icon-rss.icon-rss-hover {
    background-position: 0 -2510px
}
.icon-youtube {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-position: 0 -3082px
}
.icon-youtube:hover,
.icon-youtube.icon-youtube-hover {
    background-position: 0 -3039px
}
.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-website {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-position: 0 -2910px
}
.icon-website:hover,
.icon-website.icon-website-hover {
    background-position: 0 -2867px
}
.icon-linkedin {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-position: 0 -1749px
}
.icon-linkedin:hover,
.icon-linkedin.icon-linkedin-hover {
    background-position: 0 -1706px
}
.icon-print {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-position: 0 -2338px
}
.icon-print:hover,
.icon-print.icon-print-hover {
    background-position: 0 -2295px
}
.icon-whatsapp {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-position: 0 -2996px
}
.icon-whatsapp:hover,
.icon-whatsapp.icon-whatsapp-hover {
    background-position: 0 -2953px
}
.icon-line {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-position: 0 -1663px
}
.icon-line:hover,
.icon-line.icon-line-hover {
    background-position: 0 -1620px
}
.icon-instagram {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-position: 0 -1577px
}
.icon-instagram:hover,
.icon-instagram.icon-instagram-hover {
    background-position: 0 -1534px
}
.icon-view {
    display: inline-block;
    width: 20px;
    height: 16px;
    background-position: 0 -2848px
}
.icon-progress-bar.success {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-position: 0 -2414px
}
.icon-progress-bar.failed {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-position: 0 -2381px
}
.icon-quote {
    display: inline-block;
    width: 20px;
    height: 15px;
    background-position: 0 -2447px
}
.icon-reject {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-position: 0 -2465px
}
/*! 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
}
/*! 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: #762f8d;
    text-decoration: none
}
a .icon-readmore {
    margin-top: -1px
}
a:hover {
    color: #f48b31
}
a:hover .icon-readmore {
    background-position: 0 -1304px
}
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"],
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="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: #762f8d
}
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,
.ui-datepicker-buttonpane: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,
.ui-datepicker-buttonpane: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,
.ui-datepicker-buttonpane: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,
.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
}
.button.wide,
.calendar table.fc-header .wide.fc-button-today,
.ui-datepicker-buttonpane .wide.ui-priority-secondary,
.ui-datepicker-buttonpane .wide.ui-priority-primary {
    width: 100%;
    margin-bottom: 10px
}
.button.button-primary,
.calendar table.fc-header .fc-button-today,
.ui-datepicker-buttonpane .button-primary.ui-priority-secondary,
.ui-datepicker-buttonpane .button-primary.ui-priority-primary {
    background: #9e3fbe;
    background-color: #9e3fbe;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#9e3fbe), to(#783292));
    background-image: -webkit-linear-gradient(top, #9e3fbe, #783292);
    background-image: -moz-linear-gradient(top, #9e3fbe, #783292);
    background-image: -ms-linear-gradient(top, #9e3fbe, #783292);
    background-image: -o-linear-gradient(top, #9e3fbe, #783292);
    background-image: linear-gradient(top, #9e3fbe, #783292);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorStr='#9e3fbe', endColorStr='#783292')
}
.button.button-primary:hover,
.calendar table.fc-header .fc-button-today:hover,
.ui-datepicker-buttonpane .button-primary.ui-priority-secondary:hover,
.ui-datepicker-buttonpane .button-primary.ui-priority-primary:hover {
    background: #75328f;
    color: #fff
}
.button.button-primary:active,
.calendar table.fc-header .fc-button-today:active,
.ui-datepicker-buttonpane .button-primary.ui-priority-secondary:active,
.ui-datepicker-buttonpane .button-primary.ui-priority-primary:active,
.button.button-primary.active,
.calendar table.fc-header .active.fc-button-today,
.ui-datepicker-buttonpane .button-primary.active.ui-priority-secondary,
.ui-datepicker-buttonpane .button-primary.active.ui-priority-primary {
    background: #5e2873;
    color: #fff
}
.button.button-secondary,
.calendar table.fc-header .button-secondary.fc-button-today,
.ui-datepicker-buttonpane .button-secondary.ui-priority-secondary,
.ui-datepicker-buttonpane .button-secondary.ui-priority-primary {
    background: #bababa
}
.button.button-secondary:hover,
.calendar table.fc-header .button-secondary.fc-button-today:hover,
.ui-datepicker-buttonpane .button-secondary.ui-priority-secondary:hover,
.ui-datepicker-buttonpane .button-secondary.ui-priority-primary:hover {
    background: #a1a1a1;
    color: #fff
}
.button.button-secondary.active,
.calendar table.fc-header .button-secondary.active.fc-button-today,
.ui-datepicker-buttonpane .button-secondary.active.ui-priority-secondary,
.ui-datepicker-buttonpane .button-secondary.active.ui-priority-primary {
    background: #878787;
    color: #fff
}
.button.button-orange,
.calendar table.fc-header .button-orange.fc-button-today,
.ui-datepicker-buttonpane .button-orange.ui-priority-secondary,
.ui-datepicker-buttonpane .button-orange.ui-priority-primary {
    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,
.ui-datepicker-buttonpane .button-orange.ui-priority-secondary:hover,
.ui-datepicker-buttonpane .button-orange.ui-priority-primary:hover {
    background: #db7e2c;
    color: #fff
}
.button.button-orange.active,
.calendar table.fc-header .button-orange.active.fc-button-today,
.ui-datepicker-buttonpane .button-orange.active.ui-priority-secondary,
.ui-datepicker-buttonpane .button-orange.active.ui-priority-primary {
    background: #c26f27;
    color: #fff
}
.button.with-icon,
.calendar table.fc-header .with-icon.fc-button-today,
.ui-datepicker-buttonpane .with-icon.ui-priority-secondary,
.ui-datepicker-buttonpane .with-icon.ui-priority-primary {
    position: relative;
    padding: 0 15px 0 50px;
    text-align: left
}
.button.with-icon.wide,
.calendar table.fc-header .with-icon.wide.fc-button-today,
.ui-datepicker-buttonpane .with-icon.wide.ui-priority-secondary,
.ui-datepicker-buttonpane .with-icon.wide.ui-priority-primary {
    text-align: center
}
.button.with-icon:before,
.calendar table.fc-header .with-icon.fc-button-today:before,
.ui-datepicker-buttonpane .with-icon.ui-priority-secondary:before,
.ui-datepicker-buttonpane .with-icon.ui-priority-primary: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,
.ui-datepicker-buttonpane .with-icon.ui-priority-secondary:after,
.ui-datepicker-buttonpane .with-icon.ui-priority-primary: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,
.ui-datepicker-buttonpane .with-icon.icon-btn-add.ui-priority-secondary:before,
.ui-datepicker-buttonpane .with-icon.icon-btn-add.ui-priority-primary: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,
.ui-datepicker-buttonpane .with-icon.icon-btn-edit.ui-priority-secondary:before,
.ui-datepicker-buttonpane .with-icon.icon-btn-edit.ui-priority-primary: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,
.ui-datepicker-buttonpane .with-icon.icon-btn-delete.ui-priority-secondary:before,
.ui-datepicker-buttonpane .with-icon.icon-btn-delete.ui-priority-primary: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,
.ui-datepicker-buttonpane .with-icon.icon-btn-upload.ui-priority-secondary:before,
.ui-datepicker-buttonpane .with-icon.icon-btn-upload.ui-priority-primary: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,
.ui-datepicker-buttonpane .with-icon.icon-btn-download.ui-priority-secondary:before,
.ui-datepicker-buttonpane .with-icon.icon-btn-download.ui-priority-primary: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,
.ui-datepicker-buttonpane .with-icon.icon-btn-print.ui-priority-secondary:before,
.ui-datepicker-buttonpane .with-icon.icon-btn-print.ui-priority-primary: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,
.ui-datepicker-buttonpane .with-icon.icon-btn-comment.ui-priority-secondary:before,
.ui-datepicker-buttonpane .with-icon.icon-btn-comment.ui-priority-primary: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: #762f8d;
    line-height: 16px
}
.loader.success .indicator {
    background-position: 0 -2414px
}
.loader.success .progress-text {
    color: #47af74
}
.loader.failed .indicator {
    background-position: 0 -2381px
}
.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*/
    position:unset;
}
#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: #762f8d;
    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: 80px 0 80px
}
#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: 640px
}
.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 -1326px
}
.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: #762f8d
}
.tagline-banner .wrap .banner .banner-image {
    display: block;
    width: 53px;
    height: 204px;
    background-color: #fff;
    background-position: 0 -1443px
}
.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 -1326px
}
.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%
}
.row .column.one-sixth {
    width: 16.6666666667%
}
.row .column.one-seventh {
    width: 14.2857142857%
}
.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 60px;
    padding: 0;
    font-size: 24px;
    font-weight: normal;
    color: #762f8d;
    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
}
.table-layout {
    display: table;
    table-layout: auto;
    width: 100%
}
.table-layout.fixed {
    table-layout: fixed
}
.table-layout .table-row {
    display: table-row
}
.table-layout .table-cell {
    display: table-cell;
    vertical-align: top
}
.table-layout .table-cell.valign-middle {
    vertical-align: middle
}
.table-layout .table-cell.valign-bottom {
    vertical-align: bottom
}
.table-layout .table-cell.auto-width {
    width: 1%;
    white-space: nowrap
}
.table-layout .table-cell.has-divider {
    border-left: 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"],
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: .3;
    filter: alpha(opacity=30)
}
.fc-button {
    position: relative;
    display: inline-block;
    padding: 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 .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: .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: .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: 0 auto 20px;
    width: 100%
}
.calendar-wrapper .legend {
    margin-top: 30px
}
.calendar {
    display: block;
    position: relative
}
.calendar table.fc-header {
    margin: 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: #9e3fbe;
    background-color: #9e3fbe;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#9e3fbe), to(#783292));
    background-image: -webkit-linear-gradient(top, #9e3fbe, #783292);
    background-image: -moz-linear-gradient(top, #9e3fbe, #783292);
    background-image: -ms-linear-gradient(top, #9e3fbe, #783292);
    background-image: -o-linear-gradient(top, #9e3fbe, #783292);
    background-image: linear-gradient(top, #9e3fbe, #783292);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorStr='#9e3fbe', endColorStr='#783292')
}
.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 -2031px
}
.calendar .fc-button-prev:hover,
.calendar .fc-button-prev.icon-pointer-left-hover {
    background-position: 0 -1998px
}
.calendar .fc-button-prev:active,
.calendar .fc-button-prev.icon-pointer-left-active {
    background-position: 0 -1932px
}
.calendar .fc-button-prev:hover {
    background-position: 0 -1998px
}
.calendar .fc-button-prev:active {
    background-position: 0 -1932px
}
.calendar .fc-button-next {
    background-position: 0 -2163px
}
.calendar .fc-button-next:hover,
.calendar .fc-button-next.icon-pointer-right-hover {
    background-position: 0 -2130px
}
.calendar .fc-button-next:active,
.calendar .fc-button-next.icon-pointer-right-active {
    background-position: 0 -2064px
}
.calendar .fc-button-next:hover {
    background-position: 0 -2130px
}
.calendar .fc-button-next:active {
    background-position: 0 -2064px
}
.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: #ead1e4
}
.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: #762f8d;
    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: #762f8d;
    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: #762f8d;
    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 -2762px
}
.calendar .view-type .icon-list-view {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-position: 0 -2805px
}
.calendar .fc-state-highlight {
    background: #ead1e4
}
/*! 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 -2031px
}
.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 -1998px
}
.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 -1932px
}
.ui-datepicker .ui-datepicker-header .ui-corner-all.ui-datepicker-next {
    right: 0;
    display: inline-block;
    width: 30px;
    height: 30px;
    background-position: 0 -2163px
}
.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 -2130px
}
.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 -2064px
}
.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 .ui-state-default {
    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 .ui-state-default:hover {
    color: #ff9024
}
.ui-datepicker .ui-datepicker-calendar tbody tr td .ui-state-default.ui-state-highlight {
    border-color: #762f8d
}
.ui-datepicker .ui-datepicker-calendar tbody tr td .ui-state-default.ui-state-active {
    color: #fff;
    background: #762f8d;
    border-color: #762f8d
}
/*! timepicker */

.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 {
    display: block;
    padding-top: 15px;
    border-top: 1px solid #c9c9c9
}
.ui-datepicker-buttonpane .ui-priority-secondary {
    float: left;
    min-width: 105px
}
.ui-datepicker-buttonpane .ui-priority-primary {
    background: #762f8d;
    float: right;
    min-width: 105px
}
/*! datetimepicker */

.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
}
.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 .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: opacity .2s ease-in-out, background-color .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 .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .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: #762f8d
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: #762f8d
}
.mCSB_scrollTools .mCSB_draggerRail {
    background: #c9c9c9
}
.mCSB_scrollTools.mCSB_scrollTools_onDrag .mCSB_dragger .mCSB_dragger_bar {
    background: #762f8d
}
/*! Freeze pane */

.freeze-pane,
.freeze-table {
    display: block;
    position: relative;
    overflow: auto;
    /*! Update 12 May 2015 */
    
    ;
    /*! Update 22 May 2015 */
    
    ;
    /*! Update 13 Nov 2015 */
}
.freeze-pane table,
.freeze-table table {
    white-space: nowrap
}
.freeze-pane table.bordered thead tr th,
.freeze-table table.bordered thead tr th {
    border-left: 0;
    border-right: 1px solid #fff;
    outline: none
}
.freeze-pane table.bordered thead tr th:last-child,
.freeze-table table.bordered thead tr th:last-child {
    border-right: 1px solid #e2e2e2
}
.freeze-pane table.bordered.DTFC_Cloned thead tr th:last-child,
.freeze-table table.bordered.DTFC_Cloned thead tr th:last-child {
    border-right: 1px solid #fff
}
.freeze-pane table tbody tr td,
.freeze-table table tbody tr td {
    text-align: left
}
.freeze-pane .dataTables_filter,
.freeze-table .dataTables_filter {
    display: block;
    margin: 0;
    padding: 20px 20px 20px 210px;
    background: #e4e4e4;
    border-bottom: 1px solid #fff
}
.freeze-pane .dataTables_filter label,
.freeze-table .dataTables_filter label {
    display: block;
    position: relative;
    margin: auto;
    padding: 0;
    font-size: 0;
    line-height: 0
}
.freeze-pane .dataTables_filter label:before,
.freeze-table .dataTables_filter label:before {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    content: '';
    width: 40px;
    height: 40px;
    background-position: 0 -385px
}
.freeze-pane .dataTables_filter label input[type="search"],
.freeze-table .dataTables_filter label input[type="search"] {
    position: relative;
    font-size: 14px
}
.freeze-pane .dataTables_wrapper,
.freeze-table .dataTables_wrapper {
    position: relative;
    text-align: right
}
.freeze-pane .DTFC_ScrollWrapper,
.freeze-table .DTFC_ScrollWrapper {
    text-align: left;
    border: 1px solid #e2e2e2
}
.freeze-pane .dataTables_info,
.freeze-table .dataTables_info {
    display: inline-block;
    margin-top: 20px;
    height: 40px;
    line-height: 40px;
    vertical-align: top
}
.freeze-pane .dataTables_paginate,
.freeze-table .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,
.freeze-table .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,
.freeze-table .dataTables_paginate>.paginate_button.previous {
    right: 41px;
    background-position: 0 -1057px
}
.freeze-pane .dataTables_paginate>.paginate_button.previous:hover,
.freeze-pane .dataTables_paginate>.paginate_button.previous.pagination-prev-hover,
.freeze-table .dataTables_paginate>.paginate_button.previous:hover,
.freeze-table .dataTables_paginate>.paginate_button.previous.pagination-prev-hover {
    background-position: 0 -1014px
}
.freeze-pane .dataTables_paginate>.paginate_button.previous:active,
.freeze-pane .dataTables_paginate>.paginate_button.previous.pagination-prev-active,
.freeze-table .dataTables_paginate>.paginate_button.previous:active,
.freeze-table .dataTables_paginate>.paginate_button.previous.pagination-prev-active {
    background-position: 0 -971px
}
.freeze-pane .dataTables_paginate>.paginate_button.next,
.freeze-table .dataTables_paginate>.paginate_button.next {
    right: 0;
    background-position: 0 -928px
}
.freeze-pane .dataTables_paginate>.paginate_button.next:hover,
.freeze-pane .dataTables_paginate>.paginate_button.next.pagination-next-hover,
.freeze-table .dataTables_paginate>.paginate_button.next:hover,
.freeze-table .dataTables_paginate>.paginate_button.next.pagination-next-hover {
    background-position: 0 -885px
}
.freeze-pane .dataTables_paginate>.paginate_button.next:active,
.freeze-pane .dataTables_paginate>.paginate_button.next.pagination-next-active,
.freeze-table .dataTables_paginate>.paginate_button.next:active,
.freeze-table .dataTables_paginate>.paginate_button.next.pagination-next-active {
    background-position: 0 -842px
}
.freeze-pane .dataTables_paginate>span,
.freeze-table .dataTables_paginate>span {
    display: block;
    position: relative;
    z-index: 1;
    padding-right: 95px
}
.freeze-pane .dataTables_paginate>span .paginate_button,
.freeze-table .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,
.freeze-table .dataTables_paginate>span .paginate_button:active {
    box-shadow: none
}
.freeze-pane .dataTables_paginate>span .paginate_button.current,
.freeze-table .dataTables_paginate>span .paginate_button.current {
    color: #5e5e5e;
    text-decoration: underline
}
.freeze-pane .dataTables_length,
.freeze-table .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,
.freeze-table .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
}
.freeze-pane .dataTables_scroll .dataTables_scrollHead .dataTable thead tr th.sorting,
.freeze-table .dataTables_scroll .dataTables_scrollHead .dataTable thead tr th.sorting {
    position: relative;
    padding-right: 20px
}
.freeze-pane .dataTables_scroll .dataTables_scrollHead .dataTable thead tr th.sorting:after,
.freeze-table .dataTables_scroll .dataTables_scrollHead .dataTable thead tr th.sorting:after {
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 1;
    content: '';
    margin-top: -6px;
    margin-right: 5px;
    width: 7px;
    height: 12px;
    background-position: 0 -544px
}
.freeze-pane .dataTables_scroll .dataTables_scrollHead .dataTable thead tr th.sorting_asc,
.freeze-table .dataTables_scroll .dataTables_scrollHead .dataTable thead tr th.sorting_asc {
    position: relative;
    padding-right: 20px
}
.freeze-pane .dataTables_scroll .dataTables_scrollHead .dataTable thead tr th.sorting_asc:after,
.freeze-table .dataTables_scroll .dataTables_scrollHead .dataTable thead tr th.sorting_asc:after {
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 1;
    content: '';
    margin-top: -6px;
    margin-right: 5px;
    width: 7px;
    height: 12px;
    background-position: 0 -529px
}
.freeze-pane .dataTables_scroll .dataTables_scrollHead .dataTable thead tr th.sorting_desc,
.freeze-table .dataTables_scroll .dataTables_scrollHead .dataTable thead tr th.sorting_desc {
    position: relative;
    padding-right: 20px
}
.freeze-pane .dataTables_scroll .dataTables_scrollHead .dataTable thead tr th.sorting_desc:after,
.freeze-table .dataTables_scroll .dataTables_scrollHead .dataTable thead tr th.sorting_desc:after {
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 1;
    content: '';
    margin-top: -6px;
    margin-right: 5px;
    width: 7px;
    height: 12px;
    background-position: 0 -514px
}
.freeze-pane .dataTables_scroll .dataTables_scrollBody .dataTable thead tr th.sorting,
.freeze-pane .dataTables_scroll .dataTables_scrollBody .dataTable thead tr th.sorting_asc,
.freeze-pane .dataTables_scroll .dataTables_scrollBody .dataTable thead tr th.sorting_desc,
.freeze-table .dataTables_scroll .dataTables_scrollBody .dataTable thead tr th.sorting,
.freeze-table .dataTables_scroll .dataTables_scrollBody .dataTable thead tr th.sorting_asc,
.freeze-table .dataTables_scroll .dataTables_scrollBody .dataTable thead tr th.sorting_desc {
    padding-right: 20px
}
.freeze-pane .DTFC_LeftHeadWrapper,
.freeze-pane .DTFC_RightHeadWrapper,
.freeze-table .DTFC_LeftHeadWrapper,
.freeze-table .DTFC_RightHeadWrapper {
    z-index: 2
}
.freeze-pane .DTFC_LeftHeadWrapper .dataTable thead tr th.sorting,
.freeze-pane .DTFC_RightHeadWrapper .dataTable thead tr th.sorting,
.freeze-table .DTFC_LeftHeadWrapper .dataTable thead tr th.sorting,
.freeze-table .DTFC_RightHeadWrapper .dataTable thead tr th.sorting {
    position: relative;
    padding-right: 20px
}
.freeze-pane .DTFC_LeftHeadWrapper .dataTable thead tr th.sorting:after,
.freeze-pane .DTFC_RightHeadWrapper .dataTable thead tr th.sorting:after,
.freeze-table .DTFC_LeftHeadWrapper .dataTable thead tr th.sorting:after,
.freeze-table .DTFC_RightHeadWrapper .dataTable thead tr th.sorting:after {
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 1;
    content: '';
    margin-top: -6px;
    margin-right: 5px;
    width: 7px;
    height: 12px;
    background-position: 0 -544px
}
.freeze-pane .DTFC_LeftHeadWrapper .dataTable thead tr th.sorting_asc,
.freeze-pane .DTFC_RightHeadWrapper .dataTable thead tr th.sorting_asc,
.freeze-table .DTFC_LeftHeadWrapper .dataTable thead tr th.sorting_asc,
.freeze-table .DTFC_RightHeadWrapper .dataTable thead tr th.sorting_asc {
    position: relative;
    padding-right: 20px
}
.freeze-pane .DTFC_LeftHeadWrapper .dataTable thead tr th.sorting_asc:after,
.freeze-pane .DTFC_RightHeadWrapper .dataTable thead tr th.sorting_asc:after,
.freeze-table .DTFC_LeftHeadWrapper .dataTable thead tr th.sorting_asc:after,
.freeze-table .DTFC_RightHeadWrapper .dataTable thead tr th.sorting_asc:after {
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 1;
    content: '';
    margin-top: -6px;
    margin-right: 5px;
    width: 7px;
    height: 12px;
    background-position: 0 -529px
}
.freeze-pane .DTFC_LeftHeadWrapper .dataTable thead tr th.sorting_desc,
.freeze-pane .DTFC_RightHeadWrapper .dataTable thead tr th.sorting_desc,
.freeze-table .DTFC_LeftHeadWrapper .dataTable thead tr th.sorting_desc,
.freeze-table .DTFC_RightHeadWrapper .dataTable thead tr th.sorting_desc {
    position: relative;
    padding-right: 20px
}
.freeze-pane .DTFC_LeftHeadWrapper .dataTable thead tr th.sorting_desc:after,
.freeze-pane .DTFC_RightHeadWrapper .dataTable thead tr th.sorting_desc:after,
.freeze-table .DTFC_LeftHeadWrapper .dataTable thead tr th.sorting_desc:after,
.freeze-table .DTFC_RightHeadWrapper .dataTable thead tr th.sorting_desc:after {
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 1;
    content: '';
    margin-top: -6px;
    margin-right: 5px;
    width: 7px;
    height: 12px;
    background-position: 0 -514px
}
/*!
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 -1792px
}
.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: #c9c9c9 !important;
    background-color: #c9c9c9 !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: #762f8d;
    -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
}
.header .top-navigation .navigation {
    display: block
}
.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: #762f8d;
    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 transparent
}
.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 -790px
}
.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: #7a2182
}
.header .top-navigation .navigation .menu>li.expand-menu.current>a,
.header .top-navigation .navigation .menu>li.expand-menu.current>span.wrapper {
    background: #7a2182
}
.header .top-navigation .navigation .menu>li.expand-menu.current>a:after,
.header .top-navigation .navigation .menu>li.expand-menu.current>span.wrapper:after {
    background: #7a2182
}
.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 -816px
}
.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
}
.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: #762f8d
}
.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 -767px
}
.header .top-navigation .expand-menu .sub-menu-child-indicator.primary {
    background-position: 0 -721px
}
.header .top-navigation .expand-menu .sub-menu-child-indicator.zebra {
    background-position: 0 -744px
}
.header .top-navigation .expand-menu .sub-menu {
    width: 235px;
    background: #7a2182;
    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: #762f8d
}
.header .top-navigation .expand-menu .sub-menu.cloning-menu li.has-menu a:after {
    background-position: 0 -698px
}
.header .top-navigation .expand-menu .sub-menu.cloning-menu li.current a {
    color: #762f8d
}
.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.primary-menu .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #fff
}
.header .top-navigation .expand-menu .sub-menu.primary-menu .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: #fff
}
.header .top-navigation .expand-menu .sub-menu.primary-menu .mCSB_scrollTools .mCSB_draggerRail {
    background: #762f8d
}
.header .top-navigation .expand-menu .sub-menu.primary-menu .mCSB_scrollTools.mCSB_scrollTools_onDrag .mCSB_dragger .mCSB_dragger_bar {
    background: #fff
}
.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: #924b98
}
.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: #7a2182;
    border-top: 1px solid #924b98;
    border-bottom: 1px solid #924b98
}
.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 -675px
}
.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 {
    white-space: normal;
    word-break: break-all
}
.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-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: 0;
    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;
    padding: 2px;
    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: auto
}
.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
}
.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: #762f8d;
    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: #762f8d
}
.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: #762f8d;
    line-height: 40px;
    background: #fff;
    border: 1px solid #762f8d;
    -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: #762f8d;
    border-bottom: 0;
    border: 1px solid #762f8d
}
.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 -2031px
}
.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 -1998px
}
.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 -1932px
}
.body-navigation .nav-head.has-navigation .btn-nav.next {
    right: 0;
    background-position: 0 -2163px
}
.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 -2130px
}
.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 -2064px
}
.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 varian */

.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
}
/*! 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 -471px
}
.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: 0;
    content: '';
    width: 40px;
    height: 40px;
    background-position: 0 -385px;
    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: 0;
    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 -1057px
}
.pagination .page-button .prev:hover,
.pagination .page-button .prev.pagination-prev-hover {
    background-position: 0 -1014px
}
.pagination .page-button .prev:active,
.pagination .page-button .prev.pagination-prev-active {
    background-position: 0 -971px
}
.pagination .page-button .next {
    background-position: 0 -928px
}
.pagination .page-button .next:hover,
.pagination .page-button .next.pagination-next-hover {
    background-position: 0 -885px
}
.pagination .page-button .next:active,
.pagination .page-button .next.pagination-next-active {
    background-position: 0 -842px
}
/*! Legend */

.legend {
    display: block;
    position: relative;
    padding: 20px;
    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;
    border-bottom: 1px solid #c9c9c9
}
.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: #762f8d;
    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;
    padding-top: 60px;
    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
}
.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: #762f8d;
    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 -2031px
}
.agenda-navigation .nav-item .nav.prev-button:hover,
.agenda-navigation .nav-item .nav.prev-button.icon-pointer-left-hover {
    background-position: 0 -1998px
}
.agenda-navigation .nav-item .nav.prev-button:active,
.agenda-navigation .nav-item .nav.prev-button.icon-pointer-left-active {
    background-position: 0 -1932px
}
.agenda-navigation .nav-item .nav.next-button {
    right: 0;
    background-position: 0 -2163px
}
.agenda-navigation .nav-item .nav.next-button:hover,
.agenda-navigation .nav-item .nav.next-button.icon-pointer-right-hover {
    background-position: 0 -2130px
}
.agenda-navigation .nav-item .nav.next-button:active,
.agenda-navigation .nav-item .nav.next-button.icon-pointer-right-active {
    background-position: 0 -2064px
}
.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;
    white-space: normal;
    word-break: break-word
}
.single-content .iconic {
    display: block;
    margin: 0 auto 30px
}
.single-content p {
    margin: 0 0 20px;
    padding: 0
}
.single-content ul {
    display: block;
    margin: 0 0 20px;
    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: #762f8d;
    -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: 0 0 20px;
    padding: 0 0 0 20px
}
.single-content ol li {
    margin: 0;
    padding: 0
}
.single-content hr {
    display: block;
    margin: 40px 0;
    height: 1px;
    background: #c9c9c9;
    border: 0
}
.single-content .gallery {
    display: block;
    position: relative;
    margin: 0 0 20px
}
.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: 0 0 20px;
    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 20px;
    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
}
.alert.is-success {
    background: #74b71b
}
.alert.is-warning {
    background: #ff9024
}
.alert.is-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: #762f8d;
    -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;
    overflow: auto;
    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 #762f8d
}
.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,
.chatting .list-content-type .action.type-one .add-new-message .ui-datepicker-buttonpane .ui-priority-secondary,
.ui-datepicker-buttonpane .chatting .list-content-type .action.type-one .add-new-message .ui-priority-secondary,
.chatting .list-content-type .action.type-one .add-new-message .ui-datepicker-buttonpane .ui-priority-primary,
.ui-datepicker-buttonpane .chatting .list-content-type .action.type-one .add-new-message .ui-priority-primary {
    margin-bottom: 0
}
.chatting .list-content-type .action.type-two {
    background: #762f8d;
    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 -1792px
}
.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: #762f8d
}
.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 -2614px
}
.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 -2031px
}
.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 -1998px
}
.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 -1932px
}
.widget-parent .widget .widget-head.has-navigation .nav-container .btn-nav.next {
    background-position: 0 -2163px
}
.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 -2130px
}
.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 -2064px
}
.widget-parent .widget .widget-head.has-navigation .nav-container .btn-nav.up {
    background-position: 0 -2262px
}
.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 -2229px
}
.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 -2196px
}
.widget-parent .widget .widget-head.has-navigation .nav-container .btn-nav.down {
    background-position: 0 -1899px
}
.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 -1866px
}
.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 -1833px
}
.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: 0;
    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 -2031px
}
.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 -1998px
}
.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 -1932px
}
.widget-parent .widget .widget-footer.has-navigation>span .nav-container .btn-nav.next {
    background-position: 0 -2163px
}
.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 -2130px
}
.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 -2064px
}
.widget-parent .widget .widget-footer.has-navigation>span .nav-container .btn-nav.up {
    background-position: 0 -2262px
}
.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 -2229px
}
.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 -2196px
}
.widget-parent .widget .widget-footer.has-navigation>span .nav-container .btn-nav.down {
    background-position: 0 -1899px
}
.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 -1866px
}
.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 -1833px
}
.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.auto-height {
    height: auto !important
}
.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 -1202px
}
.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 -1100px
}
.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 -1650px
}
.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: #762f8d;
    -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: #762f8d;
    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-right: 5px
}
.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,
.footer.new-layout .feedback-area .ui-datepicker-buttonpane .wide.ui-priority-secondary,
.ui-datepicker-buttonpane .footer.new-layout .feedback-area .wide.ui-priority-secondary,
.footer.new-layout .feedback-area .ui-datepicker-buttonpane .wide.ui-priority-primary,
.ui-datepicker-buttonpane .footer.new-layout .feedback-area .wide.ui-priority-primary {
    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 */