.menu-visible-lg, .menu-visible-md {
    display: none !important;
}

@media (min-width: 1200px) {
    .menu-visible-lg {
        display: block !important;
    }
}

@media (min-width: 992px) {
    .menu-visible-md {
        display: block !important;
    }
}

@media (max-width: 767px) {
    .menu-visible-md {
        display: block !important;
    }

    .menu-visible-lg {
        display: block !important;
    }
}

.onoffswitch {
    position: relative;
    width: 64px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.onoffswitch-checkbox {
    display: none;
}

.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid #1ab394;
    border-radius: 2px;
}

.onoffswitch-inner {
    width: 200%;
    margin-left: -100%;
    -webkit-transition: margin .3s ease-in 0s;
    transition: margin .3s ease-in 0s;
}

.onoffswitch-inner:before, .onoffswitch-inner:after {
    float: left;
    width: 50%;
    height: 20px;
    padding: 0;
    line-height: 20px;
    font-size: 12px;
    color: white;
    font-family: Trebuchet, Arial, sans-serif;
    font-weight: bold;
    box-sizing: border-box;
}

.onoffswitch-inner:before {
    content: "ON";
    padding-left: 10px;
    background-color: #1ab394;
    color: #FFF;
}

.onoffswitch-inner:after {
    content: "OFF";
    padding-right: 10px;
    background-color: #FFF;
    color: #999;
    text-align: right;
}

.onoffswitch-switch {
    width: 20px;
    margin: 0;
    background: #FFF;
    border: 2px solid #1ab394;
    border-radius: 2px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 44px;
    -webkit-transition: all .3s ease-in 0s;
    transition: all .3s ease-in 0s;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0;
}

.chosen-container-single .chosen-single {
    background: #fff;
    box-shadow: none;
    -moz-box-sizing: border-box;
    background-color: #FFF;
    border: 1px solid #CBD5DD;
    border-radius: 2px;
    cursor: text;
    height: auto !important;
    margin: 0;
    min-height: 30px;
    overflow: hidden;
    padding: 4px 12px;
    position: relative;
    width: 100%;
}

.chosen-container-multi .chosen-choices li.search-choice {
    background: #f1f1f1;
    border: 1px solid #ededed;
    border-radius: 2px;
    box-shadow: none;
    color: #333;
    cursor: default;
    line-height: 13px;
    margin: 3px 0 3px 5px;
    padding: 3px 20px 3px 5px;
    position: relative;
}

.tooltip-inner {
    background-color: #2F4050;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #2F4050;
}

.tooltip.right .tooltip-arrow {
    border-right-color: #2F4050;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #2F4050;
}

.tooltip.left .tooltip-arrow {
    border-left-color: #2F4050;
}

.easypiechart {
    position: relative;
    text-align: center;
}

.easypiechart .h2 {
    margin-left: 10px;
    margin-top: 10px;
    display: inline-block;
}

.easypiechart canvas {
    top: 0;
    left: 0;
}

.easypiechart .easypie-text {
    line-height: 1;
    position: absolute;
    top: 33px;
    width: 100%;
    z-index: 1;
}

.easypiechart img {
    margin-top: -4px;
}

.jqstooltip {
    box-sizing: content-box;
}

.fc-state-default {
    background-color: #fff;
    background-image: none;
    background-repeat: repeat-x;
    box-shadow: none;
    color: #333;
    text-shadow: none;
}

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

.fc-button {
    color: inherit;
    border: 1px solid #e7eaec;
    cursor: pointer;
    display: inline-block;
    height: 1.9em;
    line-height: 1.9em;
    overflow: hidden;
    padding: 0 .6em;
    position: relative;
    white-space: nowrap;
}

.fc-state-active {
    background-color: #1ab394;
    border-color: #1ab394;
    color: #fff;
}

.fc-header-title h2 {
    font-size: 16px;
    font-weight: 600;
    color: inherit;
}

.fc-content .fc-widget-header, .fc-content .fc-widget-content {
    border-color: #e7eaec;
    font-weight: normal;
}

.fc-border-separate tbody {
    background-color: #F8F8F8;
}

.fc-state-highlight {
    background: none repeat scroll 0 0 #FCF8E3;
}

.external-event {
    padding: 5px 10px;
    border-radius: 2px;
    cursor: pointer;
    margin-bottom: 5px;
}

.fc-ltr .fc-event-hori.fc-event-end, .fc-rtl .fc-event-hori.fc-event-start {
    border-radius: 2px;
}

.fc-event, .fc-agenda .fc-event-time, .fc-event a {
    padding: 4px 6px;
    background-color: #1ab394;
    border-color: #1ab394;
}

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

.ui-calendar .fc-event-time, .ui-calendar .fc-event-title {
    color: #fff;
}

.chat-activity-list .chat-element {
    border-bottom: 1px solid #e7eaec;
}

.chat-element:first-child {
    margin-top: 0;
}

.chat-element {
    padding-bottom: 15px;
}

.chat-element, .chat-element .media {
    margin-top: 15px;
}

.chat-element, .media-body {
    overflow: hidden;
}

.media-body {
    display: block;
    width: auto;
}

.chat-element > .pull-left {
    margin-right: 10px;
}

.chat-element img.img-circle, .dropdown-messages-box img.img-circle {
    width: 38px;
    height: 38px;
}

.chat-element .well {
    border: 1px solid #e7eaec;
    box-shadow: none;
    margin-top: 10px;
    margin-bottom: 5px;
    padding: 10px 20px;
    font-size: 11px;
    line-height: 16px;
}

.chat-element .actions {
    margin-top: 10px;
}

.chat-element .photos {
    margin: 10px 0;
}

.right.chat-element > .pull-right {
    margin-left: 10px;
}

.chat-photo {
    max-height: 180px;
    border-radius: 4px;
    overflow: hidden;
    margin-right: 10px;
    margin-bottom: 10px;
}

.chat {
    margin: 0;
    padding: 0;
    list-style: none;
}

.chat li {
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #B3A9A9;
}

.chat li.left .chat-body {
    margin-left: 60px;
}

.chat li.right .chat-body {
    margin-right: 60px;
}

.chat li .chat-body p {
    margin: 0;
    color: #777;
}

.panel .slidedown .glyphicon, .chat .glyphicon {
    margin-right: 5px;
}

.chat-panel .panel-body {
    height: 350px;
    overflow-y: scroll;
}

a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus {
    background-color: #1ab394;
    border-color: #1ab394;
    color: #FFF;
    z-index: 2;
}

.list-group-item-heading {
    margin-top: 10px;
}

.list-group-item-text {
    margin: 0 0 10px;
    color: inherit;
    font-size: 12px;
    line-height: inherit;
}

.no-padding .list-group-item {
    border-left: none;
    border-right: none;
    border-bottom: none;
}

.no-padding .list-group-item:first-child {
    border-left: none;
    border-right: none;
    border-bottom: none;
    border-top: none;
}

.no-padding .list-group {
    margin-bottom: 0;
}

.list-group-item {
    background-color: inherit;
    border: 1px solid #e7eaec;
    display: block;
    margin-bottom: -1px;
    padding: 10px 15px;
    position: relative;
}

.elements-list .list-group-item {
    border-left: none;
    border-right: none;
    padding: 15px 25px;
}

.elements-list .list-group-item:first-child {
    border-left: none;
    border-right: none;
    border-top: none !important;
}

.elements-list .list-group {
    margin-bottom: 0;
}

.elements-list a {
    color: inherit;
}

.elements-list .list-group-item.active, .elements-list .list-group-item:hover {
    background: #f3f3f4;
    color: inherit;
    border-color: #e7eaec;
    border-radius: 0;
}

.elements-list li.active {
    -webkit-transition: none;
    transition: none;
}

.element-detail-box {
    padding: 25px;
}

.flot-chart {
    display: block;
    height: 200px;
}

.widget .flot-chart.dashboard-chart {
    display: block;
    height: 120px;
    margin-top: 40px;
}

.flot-chart.dashboard-chart {
    display: block;
    height: 180px;
    margin-top: 40px;
}

.flot-chart-content {
    width: 100%;
    height: 100%;
}

.flot-chart-pie-content {
    width: 200px;
    height: 200px;
    margin: auto;
}

.jqstooltip {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    visibility: hidden;
    background: #2b303a;
    background-color: rgba(43, 48, 58, 0.8);
    color: white;
    text-align: left;
    white-space: nowrap;
    z-index: 10000;
    padding: 5px 5px 5px 5px;
    min-height: 22px;
    border-radius: 3px;
}

.jqsfield {
    color: white;
    text-align: left;
}

.h-200 {
    min-height: 200px;
}

.legendLabel {
    padding-left: 5px;
}

.stat-list li:first-child {
    margin-top: 0;
}

.stat-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.stat-percent {
    float: right;
}

.stat-list li {
    margin-top: 15px;
    position: relative;
}

table.dataTable thead .sorting, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
    background: transparent;
}

table.dataTable thead .sorting_asc:after {
    float: right;
    font-family: fontawesome;
}

table.dataTable thead .sorting_desc:after {
    content: "\f0dd";
    float: right;
    font-family: fontawesome;
}

table.dataTable thead .sorting:after {
    content: "\f0dc";
    float: right;
    font-family: fontawesome;
    color: rgba(50, 50, 50, 0.5);
}

.dataTables_wrapper {
    padding-bottom: 30px;
}

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

.btn-circle {
    width: 30px;
    height: 30px;
    padding: 6px 0;
    border-radius: 15px;
    text-align: center;
    font-size: 12px;
    line-height: 1.428571429;
}

.btn-circle.btn-lg {
    width: 50px;
    height: 50px;
    padding: 10px 16px;
    border-radius: 25px;
    font-size: 18px;
    line-height: 1.33;
}

.btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    padding: 10px 16px;
    border-radius: 35px;
    font-size: 24px;
    line-height: 1.33;
}

.show-grid [class^="col-"] {
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #ddd;
    background-color: #eee !important;
}

.show-grid {
    margin: 15px 0;
}

.css-animation-box h1 {
    font-size: 44px;
}

.animation-efect-links a {
    padding: 4px 6px;
    font-size: 12px;
}

#animation_box {
    background-color: #f9f8f8;
    border-radius: 16px;
    width: 80%;
    margin: 0 auto;
    padding-top: 80px;
}

.animation-text-box {
    position: absolute;
    margin-top: 40px;
    left: 50%;
    margin-left: -100px;
    width: 200px;
}

.animation-text-info {
    position: absolute;
    margin-top: -60px;
    left: 50%;
    margin-left: -100px;
    width: 200px;
    font-size: 10px;
}

.animation-text-box h2 {
    font-size: 54px;
    font-weight: 600;
    margin-bottom: 5px;
}

.animation-text-box p {
    font-size: 12px;
    text-transform: uppercase;
}

.pace {
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.pace-inactive {
    display: none;
}

.pace .pace-progress {
    background: #1ab394;
    position: fixed;
    z-index: 2000;
    top: 0;
    width: 100%;
    height: 2px;
}

.pace-inactive {
    display: none;
}

.widget {
    border-radius: 5px;
    padding: 15px 20px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.widget.style1 h2 {
    font-size: 30px;
}

.widget h2, .widget h3 {
    margin-top: 5px;
    margin-bottom: 0;
}

.widget-text-box {
    padding: 20px;
    border: 1px solid #e7eaec;
    background: #fff;
}

.widget-head-color-box {
    border-radius: 5px 5px 0 0;
    margin-top: 10px;
}

.widget .flot-chart {
    height: 100px;
}

.vertical-align div {
    display: inline-block;
    vertical-align: middle;
}

.vertical-align h2, .vertical-align h3 {
    margin: 0;
}

.todo-list {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    font-size: 14px;
}

.todo-list.small-list {
    font-size: 12px;
}

.todo-list.small-list > li {
    background: #f3f3f4;
    border-left: none;
    border-right: none;
    border-radius: 4px;
    color: inherit;
    margin-bottom: 2px;
    padding: 6px 6px 6px 12px;
}

.todo-list.small-list .btn-xs, .todo-list.small-list .btn-group-xs > .btn {
    border-radius: 5px;
    font-size: 10px;
    line-height: 1.5;
    padding: 1px 2px 1px 5px;
}

.todo-list > li {
    background: #f3f3f4;
    border-left: 6px solid #e7eaec;
    border-right: 6px solid #e7eaec;
    border-radius: 4px;
    color: inherit;
    margin-bottom: 2px;
    padding: 10px;
}

.todo-list .handle {
    cursor: move;
    display: inline-block;
    font-size: 16px;
    margin: 0 5px;
}

.todo-list > li .label {
    font-size: 9px;
    margin-left: 10px;
}

.check-link {
    font-size: 16px;
}

.todo-completed {
    text-decoration: line-through;
}

.geo-statistic h1 {
    font-size: 36px;
    margin-bottom: 0;
}

.glyphicon.fa {
    font-family: "FontAwesome";
}

.inline {
    display: inline-block !important;
}

.input-s-sm {
    width: 120px;
}

.input-s {
    width: 200px;
}

.input-s-lg {
    width: 250px;
}

.i-checks {
    padding-left: 0;
}

.form-control, .single-line {
    background-color: #FFF;
    background-image: none;
    border: 1px solid #e5e6e7;
    border-radius: 1px;
    color: inherit;
    display: block;
    padding: 6px 12px;
    -webkit-transition: border-color .15s ease-in-out 0s, box-shadow .15s ease-in-out 0s;
    transition: border-color .15s ease-in-out 0s, box-shadow .15s ease-in-out 0s;
    width: 100%;
    font-size: 14px;
}

.has-success .form-control {
    border-color: #1ab394;
}

.has-warning .form-control {
    border-color: #f8ac59;
}

.has-error .form-control {
    border-color: #ed5565;
}

.has-success .control-label {
    color: #1ab394;
}

.has-warning .control-label {
    color: #f8ac59;
}

.has-error .control-label {
    color: #ed5565;
}

.input-group-addon {
    background-color: #fff;
    border: 1px solid #E5E6E7;
    border-radius: 1px;
    color: inherit;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    padding: 6px 12px;
    text-align: center;
}

.spinner-buttons.input-group-btn .btn-xs {
    line-height: 1.13;
}

.spinner-buttons.input-group-btn {
    width: 20%;
}

.noUi-connect {
    background: none repeat scroll 0 0 #1ab394;
    box-shadow: none;
}

.slider_red .noUi-connect {
    background: none repeat scroll 0 0 #ed5565;
    box-shadow: none;
}

.ui-sortable .ibox-title {
    cursor: move;
}

.ui-sortable-placeholder {
    border: 1px dashed #cecece !important;
    visibility: visible !important;
    background: #e7eaec;
}

.ibox.ui-sortable-placeholder {
    margin: 0 0 23px !important;
}

.tabs-container .panel-body {
    background: #fff;
    border: 1px solid transparent;
    border-radius: 2px;
    padding: 0;
    position: relative;
}

.tabs-container .nav-tabs > li.active > a, .tabs-container .nav-tabs > li.active > a:hover, .tabs-container .nav-tabs > li.active > a:focus {
    border: 1px solid #e7eaec;
    border-bottom-color: transparent;
    background-color: #fff;
}

.tabs-container .nav-tabs > li {
    float: left;
    margin-bottom: -1px;
}

.tabs-container .tab-pane .panel-body {
    border-top: none;
}

.tabs-container .nav-tabs > li.active > a, .tabs-container .nav-tabs > li.active > a:hover, .tabs-container .nav-tabs > li.active > a:focus {
    border: 0 none;
    border-bottom: 2px solid #00b1e1;
    color: #00b1e1;
}

.tabs-container .nav-tabs {
    border-bottom: 1px solid #e7eaec;
}

.tabs-container .tab-pane .panel-body {
    border-top: none;
}

.tabs-container .tabs-left .tab-pane .panel-body, .tabs-container .tabs-right .tab-pane .panel-body {
    border-top: 1px solid #e7eaec;
}

.tabs-container .nav-tabs > li a:hover {
    background: transparent;
    border-color: transparent;
}

.tabs-container .tabs-below > .nav-tabs, .tabs-container .tabs-right > .nav-tabs, .tabs-container .tabs-left > .nav-tabs {
    border-bottom: 0;
}

.tabs-container .tabs-left .panel-body {
    position: static;
}

.tabs-container .tabs-left > .nav-tabs, .tabs-container .tabs-right > .nav-tabs {
    width: 20%;
}

.tabs-container .tabs-left .panel-body {
    width: 80%;
    margin-left: 20%;
}

.tabs-container .tabs-right .panel-body {
    width: 80%;
    margin-right: 20%;
}

.tabs-container .tab-content > .tab-pane, .tabs-container .pill-content > .pill-pane {
    display: none;
}

.tabs-container .tab-content > .active, .tabs-container .pill-content > .active {
    display: block;
}

.tabs-container .tabs-below > .nav-tabs {
    border-top: 1px solid #e7eaec;
}

.tabs-container .tabs-below > .nav-tabs > li {
    margin-top: -1px;
    margin-bottom: 0;
}

.tabs-container .tabs-below > .nav-tabs > li > a {
    border-radius: 0 0 4px 4px;
}

.tabs-container .tabs-below > .nav-tabs > li > a:hover, .tabs-container .tabs-below > .nav-tabs > li > a:focus {
    border-top-color: #e7eaec;
    border-bottom-color: transparent;
}

.tabs-container .tabs-left > .nav-tabs > li, .tabs-container .tabs-right > .nav-tabs > li {
    float: none;
}

.tabs-container .tabs-left > .nav-tabs > li > a, .tabs-container .tabs-right > .nav-tabs > li > a {
    min-width: 74px;
    margin-right: 0;
    margin-bottom: 3px;
}

.tabs-container .tabs-left > .nav-tabs {
    float: left;
    margin-right: 19px;
}

.tabs-container .tabs-left > .nav-tabs > li > a {
    margin-right: -1px;
    border-radius: 4px 0 0 4px;
}

.tabs-container .tabs-left > .nav-tabs .active > a, .tabs-container .tabs-left > .nav-tabs .active > a:hover, .tabs-container .tabs-left > .nav-tabs .active > a:focus {
    border-color: #e7eaec transparent #e7eaec #e7eaec;
    *border-right-color: #fff;
}

.tabs-container .tabs-right > .nav-tabs {
    float: right;
    margin-left: 19px;
}

.tabs-container .tabs-right > .nav-tabs > li > a {
    margin-left: -1px;
    border-radius: 0 4px 4px 0;
}

.tabs-container .tabs-right > .nav-tabs .active > a, .tabs-container .tabs-right > .nav-tabs .active > a:hover, .tabs-container .tabs-right > .nav-tabs .active > a:focus {
    border-color: #e7eaec #e7eaec #e7eaec transparent;
    *border-left-color: #fff;
    z-index: 1;
}

.onoffswitch {
    position: relative;
    width: 54px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.onoffswitch-checkbox {
    display: none;
}

.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid #1AB394;
    border-radius: 3px;
}

.onoffswitch-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    -webkit-transition: margin .3s ease-in 0s;
    transition: margin .3s ease-in 0s;
}

.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block;
    float: left;
    width: 50%;
    height: 16px;
    padding: 0;
    line-height: 16px;
    font-size: 10px;
    color: white;
    font-family: Trebuchet, Arial, sans-serif;
    font-weight: bold;
    box-sizing: border-box;
}

.onoffswitch-inner:before {
    content: "ON";
    padding-left: 7px;
    background-color: #1AB394;
    color: #FFF;
}

.onoffswitch-inner:after {
    content: "OFF";
    padding-right: 7px;
    background-color: #FFF;
    color: #919191;
    text-align: right;
}

.onoffswitch-switch {
    display: block;
    width: 18px;
    margin: 0;
    background: #FFF;
    border: 2px solid #1AB394;
    border-radius: 3px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 36px;
    -webkit-transition: all .3s ease-in 0s;
    transition: all .3s ease-in 0s;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0;
}

.dd {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 13px;
    line-height: 20px;
}

.dd-list {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
}

.dd-list .dd-list {
    padding-left: 30px;
}

.dd-collapsed .dd-list {
    display: none;
}

.dd-item, .dd-empty, .dd-placeholder {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    min-height: 20px;
    font-size: 13px;
    line-height: 20px;
}

.dd-handle {
    display: block;
    margin: 5px 0;
    padding: 5px 10px;
    color: #333;
    text-decoration: none;
    border: 1px solid #e7eaec;
    background: #f5f5f5;
    border-radius: 3px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.dd-handle span {
    font-weight: bold;
}

.dd-handle:hover {
    background: #f0f0f0;
    cursor: pointer;
    font-weight: bold;
}

.dd-item > button {
    display: block;
    position: relative;
    cursor: pointer;
    float: left;
    width: 25px;
    height: 20px;
    margin: 5px 0;
    padding: 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    border: 0;
    background: transparent;
    font-size: 12px;
    line-height: 1;
    text-align: center;
    font-weight: bold;
}

.dd-item > button:before {
    content: '+';
    display: block;
    position: absolute;
    width: 100%;
    text-align: center;
    text-indent: 0;
}

.dd-item > button[data-action="collapse"]:before {
    content: '-';
}

#nestable2 .dd-item > button {
    font-family: FontAwesome;
    height: 34px;
    width: 33px;
    color: #c1c1c1;
}

#nestable2 .dd-item > button:before {
    content: "\f067";
}

#nestable2 .dd-item > button[data-action="collapse"]:before {
    content: "\f068";
}

.dd-placeholder, .dd-empty {
    margin: 5px 0;
    padding: 0;
    min-height: 30px;
    background: #f2fbff;
    border: 1px dashed #b6bcbf;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.dd-empty {
    border: 1px dashed #bbb;
    min-height: 100px;
    background-color: #e5e5e5;
    background-image: -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-image: linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-size: 60px 60px;
    background-position: 0 0, 30px 30px;
}

.dd-dragel {
    position: absolute;
    z-index: 9999;
    pointer-events: none;
}

.dd-dragel > .dd-item .dd-handle {
    margin-top: 0;
}

.dd-dragel .dd-handle {
    box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
}

.nestable-lists {
    display: block;
    clear: both;
    padding: 30px 0;
    width: 100%;
    border: 0;
    border-top: 2px solid #ddd;
    border-bottom: 2px solid #ddd;
}

#nestable-menu {
    padding: 0;
    margin: 10px 0 20px 0;
}

#nestable-output, #nestable2-output {
    width: 100%;
    font-size: .75em;
    line-height: 1.333333em;
    font-family: lucida grande, lucida sans unicode, helvetica, arial, sans-serif;
    padding: 5px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

#nestable2 .dd-handle {
    color: inherit;
    border: 1px dashed #e7eaec;
    background: #f3f3f4;
    padding: 10px;
}

#nestable2 span.label {
    margin-right: 10px;
}

#nestable-output, #nestable2-output {
    font-size: 12px;
    padding: 25px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.CodeMirror {
    border: 1px solid #eee;
    height: auto;
}

.CodeMirror-scroll {
    overflow-y: hidden;
    overflow-x: auto;
}

.google-map {
    height: 300px;
}

label.error {
    color: #cc5965;
    display: inline-block;
    margin-left: 5px;
}

.form-control.error {
    border: 1px dotted #cc5965;
}

.gridStyle {
    border: 1px solid #d4d4d4;
    width: 100%;
    height: 400px;
}

.gridStyle2 {
    border: 1px solid #d4d4d4;
    width: 500px;
    height: 300px;
}

.ngH eaderCell {
    border-right: none;
    border-bottom: 1px solid #e7eaec;
}

.ngCell {
    border-right: none;
}

.ngTopPanel {
    background: #F5F5F6;
}

.ngRow.even {
    background: #f9f9f9;
}

.ngRow.selected {
    background: #EBF2F1;
}

.ngRow {
    border-bottom: 1px solid #e7eaec;
}

.ngCell {
    background-color: transparent;
}

.ngHeaderCell {
    border-right: none;
}

#toast-container > .toast {
    background-image: none !important;
}

#toast-container > .toast:before {
    position: fixed;
    font-family: FontAwesome;
    font-size: 24px;
    line-height: 24px;
    float: left;
    color: #FFF;
    padding-right: .5em;
    margin: auto .5em auto -1.5em;
}

#toast-container > div {
    box-shadow: 0 0 3px #999;
    opacity: .9;
    -ms-filter: alpha(opacity=90);
    filter: alpha(opacity=90);
}

#toast-container > :hover {
    box-shadow: 0 0 4px #999;
    opacity: 1;
    -ms-filter: alpha(opacity=100);
    filter: alpha(opacity=100);
    cursor: pointer;
}

.toast {
    background-color: #1ab394;
}

.toast-success {
    background-color: #1ab394;
}

.toast-error {
    background-color: #ed5565;
}

.toast-info {
    background-color: #23c6c8;
}

.toast-warning {
    background-color: #f8ac59;
}

.toast-top-full-width {
    margin-top: 20px;
}

.toast-bottom-full-width {
    margin-bottom: 20px;
}

.img-container, .img-preview {
    overflow: hidden;
    text-align: center;
    width: 100%;
}

.img-preview-sm {
    height: 130px;
    width: 200px;
}

.forum-post-container .media {
    margin: 10px 10px 10px 10px;
    padding: 20px 10px 20px 10px;
    border-bottom: 1px solid #f1f1f1;
}

.forum-avatar {
    float: left;
    margin-right: 20px;
    text-align: center;
    width: 110px;
}

.forum-avatar .img-circle {
    height: 48px;
    width: 48px;
}

.author-info {
    color: #676a6c;
    font-size: 11px;
    margin-top: 5px;
    text-align: center;
}

.forum-post-info {
    padding: 9px 12px 6px 12px;
    background: #f9f9f9;
    border: 1px solid #f1f1f1;
}

.media-body > .media {
    background: #f9f9f9;
    border-radius: 3px;
    border: 1px solid #f1f1f1;
}

.forum-post-container .media-body .photos {
    margin: 10px 0;
}

.forum-photo {
    max-width: 140px;
    border-radius: 3px;
}

.media-body > .media .forum-avatar {
    width: 70px;
    margin-right: 10px;
}

.media-body > .media .forum-avatar .img-circle {
    height: 38px;
    width: 38px;
}

.mid-icon {
    font-size: 66px;
}

.forum-item {
    margin: 10px 0;
    padding: 10px 0 20px;
    border-bottom: 1px solid #f1f1f1;
}

.views-number {
    font-size: 24px;
    line-height: 18px;
    font-weight: 400;
}

.forum-container, .forum-post-container {
    padding: 30px !important;
}

.forum-item small {
    color: #999;
}

.forum-item .forum-sub-title {
    color: #999;
    margin-left: 50px;
}

.forum-title {
    margin: 15px 0 15px 0;
}

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

.forum-desc {
    color: #999;
}

.forum-icon {
    float: left;
    width: 30px;
    margin-right: 20px;
    text-align: center;
}

a.forum-item-title {
    color: inherit;
    display: block;
    font-size: 18px;
    font-weight: 600;
}

a.forum-item-title:hover {
    color: inherit;
}

.forum-icon .fa {
    font-size: 30px;
    margin-top: 8px;
    color: #9b9b9b;
}

.forum-item.active .fa {
    color: #1ab394;
}

.forum-item.active a.forum-item-title {
    color: #1ab394;
}

@media (max-width: 992px) {
    .forum-info {
        margin: 15px 0 10px 0;
        display: none;
    }

    .forum-desc {
        float: none !important;
    }
}

.vertical-container {
    width: 90%;
    max-width: 1170px;
    margin: 0 auto;
}

.vertical-container::after {
    content: '';
    display: table;
    clear: both;
}

#vertical-timeline {
    position: relative;
    padding: 0;
    margin-top: 2em;
    margin-bottom: 2em;
}

#vertical-timeline::before {
    content: '';
    position: absolute;
    top: 0;
    left: 18px;
    height: 100%;
    width: 4px;
    background: #f1f1f1;
}

.vertical-timeline-content .btn {
    float: right;
}

#vertical-timeline.light-timeline:before {
    background: #e7eaec;
}

.dark-timeline .vertical-timeline-content:before {
    border-color: transparent #f5f5f5 transparent transparent;
}

.dark-timeline.center-orientation .vertical-timeline-content:before {
    border-color: transparent transparent transparent #f5f5f5;
}

.dark-timeline .vertical-timeline-block:nth-child(2n) .vertical-timeline-content:before, .dark-timeline.center-orientation .vertical-timeline-block:nth-child(2n) .vertical-timeline-content:before {
    border-color: transparent #f5f5f5 transparent transparent;
}

.dark-timeline .vertical-timeline-content, .dark-timeline.center-orientation .vertical-timeline-content {
    background: #f5f5f5;
}

@media only screen and(min-width: 1170px) {
    #vertical-timeline.center-orientation {
        margin-top: 3em;
        margin-bottom: 3em;
    }

    #vertical-timeline.center-orientation:before {
        left: 50%;
        margin-left: -2px;
    }
}

@media only screen and(max-width: 1170px) {
    .center-orientation.dark-timeline .vertical-timeline-content:before {
        border-color: transparent #f5f5f5 transparent transparent;
    }
}

.vertical-timeline-block {
    position: relative;
    margin: 2em 0;
}

.vertical-timeline-block:after {
    content: "";
    display: table;
    clear: both;
}

.vertical-timeline-block:first-child {
    margin-top: 0;
}

.vertical-timeline-block:last-child {
    margin-bottom: 0;
}

@media only screen and(min-width: 1170px) {
    .center-orientation .vertical-timeline-block {
        margin: 4em 0;
    }

    .center-orientation .vertical-timeline-block:first-child {
        margin-top: 0;
    }

    .center-orientation .vertical-timeline-block:last-child {
        margin-bottom: 0;
    }
}

.vertical-timeline-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 16px;
    border: 3px solid #f1f1f1;
    text-align: center;
}

.vertical-timeline-icon i {
    display: block;
    width: 24px;
    height: 24px;
    position: relative;
    left: 50%;
    top: 50%;
    margin-left: -12px;
    margin-top: -9px;
}

@media only screen and(min-width: 1170px) {
    .center-orientation .vertical-timeline-icon {
        width: 50px;
        height: 50px;
        left: 50%;
        margin-left: -25px;
        -webkit-transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        font-size: 19px;
    }

    .center-orientation .vertical-timeline-icon i {
        margin-left: -12px;
        margin-top: -10px;
    }

    .center-orientation .cssanimations .vertical-timeline-icon.is-hidden {
        visibility: hidden;
    }
}

.vertical-timeline-content {
    position: relative;
    margin-left: 60px;
    background: white;
    border-radius: .25em;
    padding: 1em;
}

.vertical-timeline-content:after {
    content: "";
    display: table;
    clear: both;
}

.vertical-timeline-content h2 {
    font-weight: 400;
    margin-top: 4px;
}

.vertical-timeline-content p {
    margin: 1em 0;
    line-height: 1.6;
}

.vertical-timeline-content .vertical-date {
    float: left;
    font-weight: 500;
}

.vertical-date small {
    color: #1ab394;
    font-weight: 400;
}

.vertical-timeline-content::before {
    content: '';
    position: absolute;
    top: 16px;
    right: 100%;
    height: 0;
    width: 0;
    border: 7px solid transparent;
    border-right: 7px solid white;
}

@media only screen and(min-width: 768px) {
    .vertical-timeline-content h2 {
        font-size: 18px;
    }

    .vertical-timeline-content p {
        font-size: 13px;
    }
}

@media only screen and(min-width: 1170px) {
    .center-orientation .vertical-timeline-content {
        margin-left: 0;
        padding: 1.6em;
        width: 45%;
    }

    .center-orientation .vertical-timeline-content::before {
        top: 24px;
        left: 100%;
        border-color: transparent;
        border-left-color: white;
    }

    .center-orientation .vertical-timeline-content .btn {
        float: left;
    }

    .center-orientation .vertical-timeline-content .vertical-date {
        position: absolute;
        width: 100%;
        left: 122%;
        top: 2px;
        font-size: 14px;
    }

    .center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content {
        float: right;
    }

    .center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content::before {
        top: 24px;
        left: auto;
        right: 100%;
        border-color: transparent;
        border-right-color: white;
    }

    .center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content .btn {
        float: right;
    }

    .center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content .vertical-date {
        left: auto;
        right: 122%;
        text-align: right;
    }

    .center-orientation .cssanimations .vertical-timeline-content.is-hidden {
        visibility: hidden;
    }
}

.sidebard-panel {
    width: 220px;
    background: #ebebed;
    padding: 10px 20px;
    position: absolute;
    right: 0;
}

.sidebard-panel .feed-element img.img-circle {
    width: 32px;
    height: 32px;
}

.sidebard-panel .feed-element, .media-body, .sidebard-panel p {
    font-size: 12px;
}

.sidebard-panel .feed-element {
    margin-top: 20px;
    padding-bottom: 0;
}

.sidebard-panel .list-group {
    margin-bottom: 10px;
}

.sidebard-panel .list-group .list-group-item {
    padding: 5px 0;
    font-size: 12px;
    border: 0;
}

.sidebar-content .wrapper, .wrapper.sidebar-content {
    padding-right: 240px !important;
}

#right-sidebar {
    background-color: #fff;
    border-left: 1px solid #e7eaec;
    border-top: 1px solid #e7eaec;
    overflow: hidden;
    position: fixed;
    top: 60px;
    width: 260px !important;
    z-index: 1009;
    bottom: 0;
    right: -260px;
}

#right-sidebar.sidebar-open {
    right: 0;
}

#right-sidebar.sidebar-open.sidebar-top {
    top: 0;
    border-top: none;
}

.sidebar-container ul.nav-tabs {
    border: none;
}

.sidebar-container ul.nav-tabs.navs-4 li {
    width: 25%;
}

.sidebar-container ul.nav-tabs.navs-3 li {
    width: 33.3333%;
}

.sidebar-container ul.nav-tabs.navs-2 li {
    width: 50%;
}

.sidebar-container ul.nav-tabs li {
    border: none;
}

.sidebar-container ul.nav-tabs li a {
    border: none;
    padding: 12px 10px;
    margin: 0;
    border-radius: 0;
    background: #2f4050;
    color: #fff;
    text-align: center;
    border-right: 1px solid #334556;
}

.sidebar-container ul.nav-tabs li.active a {
    border: none;
    background: #f9f9f9;
    color: #676a6c;
    font-weight: bold;
}

.sidebar-container .nav-tabs > li.active > a:hover, .sidebar-container .nav-tabs > li.active > a:focus {
    border: none;
}

.sidebar-container ul.sidebar-list {
    margin: 0;
    padding: 0;
}

.sidebar-container ul.sidebar-list li {
    border-bottom: 1px solid #e7eaec;
    padding: 15px 20px;
    list-style: none;
    font-size: 12px;
}

.sidebar-container .sidebar-message:nth-child(2n+2) {
    background: #f9f9f9;
}

.sidebar-container ul.sidebar-list li a {
    text-decoration: none;
    color: inherit;
}

.sidebar-container .sidebar-content {
    padding: 15px 20px;
    font-size: 12px;
}

.sidebar-container .sidebar-title {
    background: #f9f9f9;
    padding: 20px;
    border-bottom: 1px solid #e7eaec;
}

.sidebar-container .sidebar-title h3 {
    margin-bottom: 3px;
    padding-left: 2px;
}

.sidebar-container .tab-content h4 {
    margin-bottom: 5px;
}

.sidebar-container .sidebar-message > a > .pull-left {
    margin-right: 10px;
}

.sidebar-container .sidebar-message > a {
    text-decoration: none;
    color: inherit;
}

.sidebar-container .sidebar-message {
    padding: 15px 20px;
}

.sidebar-container .sidebar-message .message-avatar {
    height: 38px;
    width: 38px;
    border-radius: 50%;
}

.sidebar-container .setings-item {
    padding: 15px 20px;
    border-bottom: 1px solid #e7eaec;
}

body {
    overflow-x: hidden;
}

html, body {
    height: 100%;
}

body.full-height-layout #wrapper, body.full-height-layout #page-wrapper {
    height: 100%;
    position: relative;
}

#page-wrapper {
    min-height: auto;
}

body.boxed-layout {
    background: url('patterns/shattered.png');
}

body.boxed-layout #wrapper {
    background-color: #2f4050;
    max-width: 1200px;
    margin: 0 auto;
}

.top-navigation.boxed-layout #wrapper, .boxed-layout #wrapper.top-navigation {
    max-width: 1300px !important;
}

.block {
    display: block;
}

.clear {
    display: block;
    overflow: hidden;
}

a {
    cursor: pointer;
}

a:hover, a:focus {
    text-decoration: none;
}

.border-bottom {
    border-bottom: 1px solid #e7eaec !important;
}

.font-bold {
    font-weight: 600;
}

.font-noraml {
    font-weight: 400;
}

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

.b-r {
    border-right: 1px solid #e7eaec;
}

.hr-line-dashed {
    border-top: 1px dashed #e7eaec;
    color: #fff;
    background-color: #fff;
    height: 1px;
    margin: 20px 0;
}

.hr-line-solid {
    border-bottom: 1px solid #e7eaec;
    background-color: rgba(0, 0, 0, 0);
    border-style: solid !important;
    margin-top: 15px;
    margin-bottom: 15px;
}

video {
    width: 100% !important;
    height: auto !important;
}

.gallery > .row > div {
    margin-bottom: 15px;
}

.fancybox img {
    margin-bottom: 5px;
    width: 24%;
}

.note-editor {
    height: auto !important;
    min-height: 100px;
    border: solid 1px #e5e6e7;
}

.modal-content {
    background-clip: padding-box;
    background-color: #FFF;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    outline: 0 none;
}

.modal-dialog {
    z-index: 1200;
}

.modal-body {
    padding: 20px 30px 30px 30px;
}

.inmodal .modal-body {
    background: #f8fafb;
}

.inmodal .modal-header {
    padding: 30px 15px;
    text-align: center;
}

.animated.modal.fade .modal-dialog {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.inmodal .modal-title {
    font-size: 26px;
}

.inmodal .modal-icon {
    font-size: 84px;
    color: #e2e3e3;
}

.modal-footer {
    margin-top: 0;
}

#wrapper {
    width: 100%;
    overflow-x: hidden;
    background-color: #2f4050;
}

.wrapper-content {
    padding: 20px;
}

#page-wrapper {
    padding: 0 15px;
    position: inherit;
    margin: 0 0 0 216px;
}

.title-action {
    text-align: right;
    padding-top: 30px;
}

.ibox-content h1, .ibox-content h2, .ibox-content h3, .ibox-content h4, .ibox-content h5, .ibox-title h1, .ibox-title h2, .ibox-title h3, .ibox-title h4, .ibox-title h5 {
    margin-top: 5px;
}

ul.unstyled, ol.unstyled {
    list-style: none outside none;
    margin-left: 0;
}

.big-icon {
    font-size: 160px;
    color: #e5e6e7;
}

.footer {
    background: none repeat scroll 0 0 white;
    border-top: 1px solid #e7eaec;
    overflow: hidden;
    padding: 10px 20px;
    margin: 0 -15px;
    height: 36px;
}

.footer.fixed_full {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    padding: 10px 20px;
    background: white;
    border-top: 1px solid #e7eaec;
}

.footer.fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    padding: 10px 20px;
    background: white;
    border-top: 1px solid #e7eaec;
    margin-left: 220px;
}

body.mini-navbar .footer.fixed, body.body-small.mini-navbar .footer.fixed {
    margin: 0 0 0 70px;
}

body.mini-navbar.canvas-menu .footer.fixed, body.canvas-menu .footer.fixed {
    margin: 0 !important;
}

body.fixed-sidebar.body-small.mini-navbar .footer.fixed {
    margin: 0 0 0 220px;
}

body.body-small .footer.fixed {
    margin-left: 0;
}

.page-heading {
    border-top: 0;
    padding: 0 20px 20px;
}

.panel-heading h1, .panel-heading h2 {
    margin-bottom: 5px;
}

.content-tabs {
    position: relative;
    height: 32px;
    background: #eff2f8;
    line-height: 30px;
}

.content-tabs .roll-nav, .page-tabs-list {
    position: absolute;
    width: 40px;
    height: 30px;
    text-align: center;
    color: #000;
    z-index: 2;
    top: 0;
}

.content-tabs .roll-left {
    left: 0;
    border-right: 1px solid #c8cfdc;
}

.content-tabs .roll-right {
    right: 0;
    border-left: solid 1px #eee;
}

.content-tabs button {
    background: #eff2f8;
    border: 0;
    height: 30px;
    width: 40px;
    outline: none;
    font-size: 12px;
}

.content-tabs button:hover {
    background: #eff2f8;
    opacity: .7;
}

nav.page-tabs {
    margin-left: 40px;
    width: 100000px;
    height: 30px;
    overflow: visible;
}

nav.page-tabs .page-tabs-content {
    float: left;
}

.page-tabs a {
    display: block;
    float: left;
    border-right: solid 1px #eee;
    padding: 0 15px;
}

.page-tabs a i:hover {
    color: #c00;
}

.roll-right.J_tabRight {
    right: 80px;
}

.roll-right.btn-group {
    right: 0;
    width: 80px;
    padding: 0;
}

.roll-right.btn-group button {
    width: 80px;
}

.roll-right.J_tabExit {
    background: #fff;
    height: 40px;
    width: 60px;
    outline: none;
}

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

#content-main {
    height: calc(100% - 80px);
}

.fixed-nav #content-main {
    height: calc(100% - 80px);
    overflow: hidden;
}

.table-bordered {
    border: 1px solid #EBEBEB;
}

.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
    background-color: #F5F5F6;
    border-bottom-width: 1px;
}

.table > thead > tr > th {
    border-bottom: 1px solid #DDD;
    vertical-align: bottom;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border-top: 0 none;
    line-height: 1.42857;
    padding: 8px;
    vertical-align: middle;
}

.panel.blank-panel {
    background: none;
    margin: 0;
}

.blank-panel .panel-heading {
    padding-bottom: 0;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none;
    border-color: #ddd #dddddd rgba(0, 0, 0, 0);
    border-bottom: #f3f3f4;
    -webkit-border-image: none;
    -o-border-image: none;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #555;
    cursor: default;
}

.nav.nav-tabs li {
    background: none;
    border: none;
}

.nav-tabs > li > a {
    color: #A7B1C2;
    font-weight: 600;
    padding: 10px 20px 10px 25px;
}

.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
    background-color: #e6e6e6;
    color: #676a6c;
}

.ui-tab .tab-content {
    padding: 20px 0;
}

.no-padding {
    padding: 0 !important;
}

.no-borders {
    border: none !important;
}

.no-margins {
    margin: 0 !important;
}

.no-top-border {
    border-top: 0 !important;
}

.ibox-content.text-box {
    padding-bottom: 0;
    padding-top: 15px;
}

.border-left-right {
    border-left: 1px solid #e7eaec;
    border-right: 1px solid #e7eaec;
    border-top: none;
    border-bottom: none;
}

.border-left {
    border-left: 1px solid #e7eaec;
    border-right: none;
    border-top: none;
    border-bottom: none;
}

.border-right {
    border-left: none;
    border-right: 1px solid #e7eaec;
    border-top: none;
    border-bottom: none;
}

.full-width {
    width: 100% !important;
}

.link-block {
    font-size: 12px;
    padding: 10px;
}

.nav.navbar-top-links .link-block a {
    font-size: 12px;
}

.link-block a {
    font-size: 10px;
    color: inherit;
}

body.mini-navbar .branding {
    display: none;
}

img.circle-border {
    border: 6px solid #FFF;
    border-radius: 50%;
}

.branding {
    float: left;
    color: #FFF;
    font-size: 18px;
    font-weight: 600;
    padding: 17px 20px;
    text-align: center;
    background-color: #1ab394;
}

.login-panel {
    margin-top: 25%;
}

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

.fontawesome-icon-list {
    margin-top: 22px;
}

.fontawesome-icon-list .fa-hover a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    color: #222;
    line-height: 32px;
    height: 32px;
    padding-left: 10px;
    border-radius: 4px;
}

.fontawesome-icon-list .fa-hover a .fa {
    width: 32px;
    font-size: 14px;
    display: inline-block;
    text-align: right;
    margin-right: 10px;
}

.fontawesome-icon-list .fa-hover a:hover {
    background-color: #1d9d74;
    color: #fff;
    text-decoration: none;
}

.fontawesome-icon-list .fa-hover a:hover .fa {
    font-size: 30px;
    vertical-align: -6px;
}

.fontawesome-icon-list .fa-hover a:hover .text-muted {
    color: #bbe2d5;
}

.feature-list .col-md-4 {
    margin-bottom: 22px;
}

.feature-list h4 .fa:before {
    vertical-align: -10%;
    font-size: 28px;
    display: inline-block;
    width: 1.07142857em;
    text-align: center;
    margin-right: 5px;
}

.ui-draggable .ibox-title {
    cursor: move;
}

.breadcrumb {
    background-color: #fff;
    padding: 0;
    margin-bottom: 0;
}

.breadcrumb > li a {
    color: inherit;
}

.breadcrumb > .active {
    color: inherit;
}

code {
    background-color: #F9F2F4;
    border-radius: 4px;
    color: #ca4440;
    font-size: 90%;
    padding: 2px 4px;
    white-space: nowrap;
}

.ibox {
    clear: both;
    margin: 20px;
    padding: 0;
}

.ibox.collapsed .ibox-content {
    display: none;
}

.ibox.collapsed .fa.fa-chevron-up:before {
    content: "\f078";
}

.ibox.collapsed .fa.fa-chevron-down:before {
    content: "\f077";
}

.ibox:after, .ibox:before {
    display: table;
}

.ibox-title {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #f6f6f6;
    border-color: #e7eaec;
    -webkit-border-image: none;
    -o-border-image: none;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 0 1px;
    color: inherit;
    margin-bottom: 0;
    padding: 12px 15px;
    min-height: 40px;
}

.menu-manage-title {
    padding: 5px 15px;
}

.menu-manage-title > .control-label input[type="checkbox"] {
    vertical-align: sub;
    margin-right: 5px;
}

.ibox-content {
    background-color: #fff;
    color: inherit;
    padding: 5px 15px 5px;
    border-color: #e7eaec;
    -webkit-border-image: none;
    -o-border-image: none;
    border-image: none;
    border-style: solid;
    border-width: 1px;
}

table.table-mail tr td {
    padding: 12px;
}

.table-mail .check-mail {
    padding-left: 20px;
}

.table-mail .mail-date {
    padding-right: 20px;
}

.star-mail, .check-mail {
    width: 40px;
}

.unread td a, .unread td {
    font-weight: 600;
    color: inherit;
}

.read td a, .read td {
    font-weight: normal;
    color: inherit;
}

.unread td {
    background-color: #f9f8f8;
}

.ibox-content {
    clear: both;
}

.ibox-heading {
    background-color: #f3f6fb;
    border-bottom: none;
}

.ibox-heading h3 {
    font-weight: 200;
    font-size: 24px;
}

.ibox-title h5 {
    display: inline-block;
    font-size: 14px;
    margin: 0 0 7px;
    padding: 0;
    text-overflow: ellipsis;
    float: left;
}

.ibox-title .label {
    float: left;
    margin-left: 4px;
}

.ibox-tools {
    display: inline-block;
    float: right;
    margin-top: 0;
    position: relative;
    padding: 0;
}

.ibox-tools a {
    cursor: pointer;
    margin-left: 5px;
    color: #c4c4c4;
}

.ibox-tools a.btn-primary {
    color: #fff;
}

.ibox-tools .dropdown-menu > li > a {
    padding: 4px 10px;
    font-size: 12px;
}

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

.gray-bg {
    background-color: #f3f3f4;
}

.white-bg {
    background-color: #fff;
}

.navy-bg {
    background-color: #1ab394;
    color: #fff;
}

.blue-bg {
    background-color: #1c84c6;
    color: #fff;
}

.lazur-bg {
    background-color: #23c6c8;
    color: #fff;
}

.yellow-bg {
    background-color: #f8ac59;
    color: #fff;
}

.red-bg {
    background-color: #ed5565;
    color: #fff;
}

.black-bg {
    background-color: #262626;
}

.panel-primary {
    border-color: #1ab394;
}

.panel-primary > .panel-heading {
    background-color: #1ab394;
    border-color: #1ab394;
}

.panel-success {
    border-color: #1c84c6;
}

.panel-success > .panel-heading {
    background-color: #1c84c6;
    border-color: #1c84c6;
    color: #fff;
}

.panel-info {
    border-color: #23c6c8;
}

.panel-info > .panel-heading {
    background-color: #23c6c8;
    border-color: #23c6c8;
    color: #fff;
}

.panel-warning {
    border-color: #f8ac59;
}

.panel-warning > .panel-heading {
    background-color: #f8ac59;
    border-color: #f8ac59;
    color: #fff;
}

.panel-danger {
    border-color: #ed5565;
}

.panel-danger > .panel-heading {
    background-color: #ed5565;
    border-color: #ed5565;
    color: #fff;
}

.progress-bar {
    background-color: #1ab394;
}

.progress-small, .progress-small .progress-bar {
    height: 10px;
}

.progress-small, .progress-mini {
    margin-top: 5px;
}

.progress-mini, .progress-mini .progress-bar {
    height: 5px;
    margin-bottom: 0;
}

.progress-bar-navy-light {
    background-color: #3dc7ab;
}

.progress-bar-success {
    background-color: #1c84c6;
}

.progress-bar-info {
    background-color: #23c6c8;
}

.progress-bar-warning {
    background-color: #f8ac59;
}

.progress-bar-danger {
    background-color: #ed5565;
}

.panel-title {
    font-size: inherit;
}

.jumbotron {
    border-radius: 6px;
    padding: 40px;
}

.jumbotron h1 {
    margin-top: 0;
}

.text-navy {
    color: #1ab394;
}

.text-primary {
    color: inherit;
}

.text-success {
    color: #1c84c6;
}

.text-info {
    color: #23c6c8;
}

.text-warning {
    color: #f8ac59;
}

.text-danger {
    color: #ed5565;
}

.text-muted {
    color: #888;
}

.simple_tag {
    background-color: #f3f3f4;
    border: 1px solid #e7eaec;
    border-radius: 2px;
    color: inherit;
    font-size: 10px;
    margin-right: 5px;
    margin-top: 5px;
    padding: 5px 12px;
    display: inline-block;
}

.img-shadow {
    box-shadow: 0 0 3px 0 #919191;
}

.dashboards\.dashboard_2 nav.navbar, .dashboards\.dashboard_3 nav.navbar, .mailbox\.inbox nav.navbar, .mailbox\.email_view nav.navbar, .mailbox\.email_compose nav.navbar, .dashboards\.dashboard_4_1 nav.navbar {
    background: #fff;
}

.Dashboard_2 .navbar.navbar-static-top, .Dashboard_3 .navbar.navbar-static-top, .Dashboard_4_1 .navbar.navbar-static-top, .ComposeEmail .navbar.navbar-static-top, .EmailView .navbar.navbar-static-top, .Inbox .navbar.navbar-static-top {
    background: #fff;
}

a.close-canvas-menu {
    position: absolute;
    top: 10px;
    right: 15px;
    z-index: 1011;
    color: #a7b1c2;
}

a.close-canvas-menu:hover {
    color: #fff;
}

.full-height {
    height: 100%;
}

.fh-breadcrumb {
    height: calc(100% - 196px);
    margin: 0 -15px;
    position: relative;
}

.fh-no-breadcrumb {
    height: calc(100% - 99px);
    margin: 0 -15px;
    position: relative;
}

.fh-column {
    background: #fff;
    height: 100%;
    width: 240px;
    float: left;
}

.modal-backdrop {
    z-index: 2040 !important;
}

.modal {
    z-index: 2050 !important;
}

.spiner-example {
    height: 200px;
    padding-top: 70px;
}

.p-xxs {
    padding: 5px;
}

.p-xs {
    padding: 10px;
}

.p-sm {
    padding: 15px;
}

.p-m {
    padding: 20px;
}

.p-md {
    padding: 25px;
}

.p-lg {
    padding: 30px;
}

.p-xl {
    padding: 40px;
}

.m-xxs {
    margin: 2px 4px;
}

.m-xs {
    margin: 5px;
}

.m-sm {
    margin: 10px;
}

.m {
    margin: 15px;
}

.m-md {
    margin: 20px;
}

.m-lg {
    margin: 30px;
}

.m-xl {
    margin: 50px;
}

.m-n {
    margin: 0 !important;
}

.m-l-none {
    margin-left: 0;
}

.m-l-xs {
    margin-left: 5px;
}

.m-l-sm {
    margin-left: 10px;
}

.m-l {
    margin-left: 15px;
}

.m-l-md {
    margin-left: 20px;
}

.m-l-lg {
    margin-left: 30px;
}

.m-l-xl {
    margin-left: 40px;
}

.m-l-n-xxs {
    margin-left: -1px;
}

.m-l-n-xs {
    margin-left: -5px;
}

.m-l-n-sm {
    margin-left: -10px;
}

.m-l-n {
    margin-left: -15px;
}

.m-l-n-md {
    margin-left: -20px;
}

.m-l-n-lg {
    margin-left: -30px;
}

.m-l-n-xl {
    margin-left: -40px;
}

.m-t-none {
    margin-top: 0;
}

.m-t-xxs {
    margin-top: 1px;
}

.m-t-xs {
    margin-top: 5px;
}

.m-t-sm {
    margin-top: 10px;
}

.m-t {
    margin-top: 15px;
}

.m-t-md {
    margin-top: 20px;
}

.m-t-lg {
    margin-top: 30px;
}

.m-t-xl {
    margin-top: 40px;
}

.m-t-n-xxs {
    margin-top: -1px;
}

.m-t-n-xs {
    margin-top: -5px;
}

.m-t-n-sm {
    margin-top: -10px;
}

.m-t-n {
    margin-top: -15px;
}

.m-t-n-md {
    margin-top: -20px;
}

.m-t-n-lg {
    margin-top: -30px;
}

.m-t-n-xl {
    margin-top: -40px;
}

.m-r-none {
    margin-right: 0;
}

.m-r-xxs {
    margin-right: 1px;
}

.m-r-xs {
    margin-right: 5px;
}

.m-r-sm {
    margin-right: 10px;
}

.m-r {
    margin-right: 15px;
}

.m-r-md {
    margin-right: 20px;
}

.m-r-lg {
    margin-right: 30px;
}

.m-r-xl {
    margin-right: 40px;
}

.m-r-n-xxs {
    margin-right: -1px;
}

.m-r-n-xs {
    margin-right: -5px;
}

.m-r-n-sm {
    margin-right: -10px;
}

.m-r-n {
    margin-right: -15px;
}

.m-r-n-md {
    margin-right: -20px;
}

.m-r-n-lg {
    margin-right: -30px;
}

.m-r-n-xl {
    margin-right: -40px;
}

.m-b-none {
    margin-bottom: 0;
}

.m-b-xxs {
    margin-bottom: 1px;
}

.m-b-xs {
    margin-bottom: 5px;
}

.m-b-sm {
    margin-bottom: 10px;
}

.m-b {
    margin-bottom: 15px;
}

.m-b-md {
    margin-bottom: 20px;
}

.m-b-lg {
    margin-bottom: 30px;
}

.m-b-xl {
    margin-bottom: 40px;
}

.m-b-n-xxs {
    margin-bottom: -1px;
}

.m-b-n-xs {
    margin-bottom: -5px;
}

.m-b-n-sm {
    margin-bottom: -10px;
}

.m-b-n {
    margin-bottom: -15px;
}

.m-b-n-md {
    margin-bottom: -20px;
}

.m-b-n-lg {
    margin-bottom: -30px;
}

.m-b-n-xl {
    margin-bottom: -40px;
}

.space-15 {
    margin: 15px 0;
}

.space-20 {
    margin: 20px 0;
}

.space-25 {
    margin: 25px 0;
}

.space-30 {
    margin: 30px 0;
}

body.modal-open {
    padding-right: inherit !important;
}

.search-form {
    margin-top: 10px;
}

.search-result h3 {
    margin-bottom: 0;
    color: #1E0FBE;
}

.search-result .search-link {
    color: #006621;
}

.search-result p {
    font-size: 12px;
    margin-top: 5px;
}

.contact-box {
    background-color: #fff;
    border: 1px solid #e7eaec;
    padding: 20px;
    margin-bottom: 20px;
}

.contact-box a {
    color: inherit;
}

.invoice-table tbody > tr > td:last-child, .invoice-table tbody > tr > td:nth-child(4), .invoice-table tbody > tr > td:nth-child(3), .invoice-table tbody > tr > td:nth-child(2) {
    text-align: right;
}

.invoice-table thead > tr > th:last-child, .invoice-table thead > tr > th:nth-child(4), .invoice-table thead > tr > th:nth-child(3), .invoice-table thead > tr > th:nth-child(2) {
    text-align: right;
}

.invoice-total > tbody > tr > td:first-child {
    text-align: right;
}

.invoice-total > tbody > tr > td {
    border: 0 none;
}

.invoice-total > tbody > tr > td:last-child {
    border-bottom: 1px solid #DDD;
    text-align: right;
    width: 15%;
}

.middle-box {
    max-width: 400px;
    z-index: 100;
    margin: 0 auto;
    padding-top: 40px;
}

.lockscreen.middle-box {
    width: 200px;
    padding-top: 110px;
}

.loginscreen.middle-box {
    width: 300px;
}

.loginColumns {
    max-width: 800px;
    margin: 0 auto;
    padding: 100px 20px 20px 20px;
}

.passwordBox {
    max-width: 460px;
    margin: 0 auto;
    padding: 100px 20px 20px 20px;
}

.logo-name {
    color: #e6e6e6;
    font-size: 180px;
    font-weight: 800;
    letter-spacing: -10px;
    margin-bottom: 0;
}

.middle-box h1 {
    font-size: 170px;
}

.wrapper .middle-box {
    margin-top: 140px;
}

.lock-word {
    z-index: 10;
    position: absolute;
    top: 110px;
    left: 50%;
    margin-left: -470px;
}

.lock-word span {
    font-size: 100px;
    font-weight: 600;
    color: #e9e9e9;
    display: inline-block;
}

.lock-word .first-word {
    margin-right: 160px;
}

.dashboard-header {
    border-top: 0;
    padding: 20px 20px 20px 20px;
}

.dashboard-header h2 {
    margin-top: 10px;
    font-size: 26px;
}

.fist-item {
    border-top: none !important;
}

.statistic-box {
    margin-top: 40px;
}

.dashboard-header .list-group-item span.label {
    margin-right: 10px;
}

.list-group.clear-list .list-group-item {
    border-top: 1px solid #e7eaec;
    border-bottom: 0;
    border-right: 0;
    border-left: 0;
    padding: 10px 0;
}

ul.clear-list:first-child {
    border-top: none !important;
}

.timeline-item .date i {
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px;
    width: 30px;
    text-align: center;
    border-top: 1px solid #e7eaec;
    border-bottom: 1px solid #e7eaec;
    border-left: 1px solid #e7eaec;
    background: #f8f8f8;
}

.timeline-item .date {
    text-align: right;
    width: 110px;
    position: relative;
    padding-top: 30px;
}

.timeline-item .content {
    border-left: 1px solid #e7eaec;
    border-top: 1px solid #e7eaec;
    padding-top: 10px;
    min-height: 100px;
}

.timeline-item .content:hover {
    background: #f6f6f6;
}

ul.notes li, ul.tag-list li {
    list-style: none;
}

ul.notes li h4 {
    margin-top: 20px;
    font-size: 16px;
}

ul.notes li div {
    text-decoration: none;
    color: #000;
    background: #ffc;
    display: block;
    height: 140px;
    width: 140px;
    padding: 1em;
    position: relative;
}

ul.notes li div small {
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 10px;
}

ul.notes li div a {
    position: absolute;
    right: 10px;
    bottom: 10px;
    color: inherit;
}

ul.notes li {
    margin: 10px 40px 50px 0;
    float: left;
}

ul.notes li div p {
    font-size: 12px;
}

ul.notes li div {
    text-decoration: none;
    color: #000;
    background: #ffc;
    display: block;
    height: 140px;
    width: 140px;
    padding: 1em;
    box-shadow: 5px 5px 2px rgba(33, 33, 33, 0.7);
}

ul.notes li div {
    -webkit-transform: rotate(-6deg);
    -o-transform: rotate(-6deg);
    -moz-transform: rotate(-6deg);
}

ul.notes li:nth-child(even) div {
    -o-transform: rotate(4deg);
    -webkit-transform: rotate(4deg);
    -moz-transform: rotate(4deg);
    position: relative;
    top: 5px;
}

ul.notes li:nth-child(3n) div {
    -o-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    position: relative;
    top: -5px;
}

ul.notes li:nth-child(5n) div {
    -o-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    position: relative;
    top: -10px;
}

ul.notes li div:hover, ul.notes li div:focus {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    position: relative;
    z-index: 5;
}

ul.notes li div {
    text-decoration: none;
    color: #000;
    background: #ffc;
    display: block;
    height: 210px;
    width: 210px;
    padding: 1em;
    box-shadow: 5px 5px 7px rgba(33, 33, 33, 0.7);
    -webkit-transition: -webkit-transform .15s linear;
}

.file-box {
    float: left;
    width: 220px;
}

.file-manager h5 {
    text-transform: uppercase;
}

.file-manager {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

.folder-list li a {
    color: #666;
    display: block;
    padding: 5px 0;
}

.folder-list li {
    border-bottom: 1px solid #e7eaec;
    display: block;
}

.folder-list li i {
    margin-right: 8px;
    color: #3d4d5d;
}

.category-list li a {
    color: #666;
    display: block;
    padding: 5px 0;
}

.category-list li {
    display: block;
}

.category-list li i {
    margin-right: 8px;
    color: #3d4d5d;
}

.category-list li a .text-navy {
    color: #1ab394;
}

.category-list li a .text-primary {
    color: #1c84c6;
}

.category-list li a .text-info {
    color: #23c6c8;
}

.category-list li a .text-danger {
    color: #EF5352;
}

.category-list li a .text-warning {
    color: #F8AC59;
}

.file-manager h5.tag-title {
    margin-top: 20px;
}

.tag-list li {
    float: left;
}

.tag-list li a {
    font-size: 10px;
    background-color: #f3f3f4;
    padding: 5px 12px;
    color: inherit;
    border-radius: 2px;
    border: 1px solid #e7eaec;
    margin-right: 5px;
    margin-top: 5px;
    display: block;
}

.file {
    border: 1px solid #e7eaec;
    padding: 0;
    background-color: #fff;
    position: relative;
    margin-bottom: 20px;
    margin-right: 20px;
}

.file-manager .hr-line-dashed {
    margin: 15px 0;
}

.file .icon, .file .image {
    height: 100px;
    overflow: hidden;
}

.file .icon {
    padding: 15px 10px;
    text-align: center;
}

.file-control {
    color: inherit;
    font-size: 11px;
    margin-right: 10px;
}

.file-control.active {
    text-decoration: underline;
}

.file .icon i {
    font-size: 70px;
    color: #dadada;
}

.file .file-name {
    padding: 10px;
    background-color: #f8f8f8;
    border-top: 1px solid #e7eaec;
}

.file-name small {
    color: #676a6c;
}

.corner {
    position: absolute;
    display: inline-block;
    width: 0;
    height: 0;
    line-height: 0;
    border: .6em solid transparent;
    border-right: .6em solid #f1f1f1;
    border-bottom: .6em solid #f1f1f1;
    right: 0;
    bottom: 0;
}

a.compose-mail {
    padding: 8px 10px;
}

.mail-search {
    max-width: 300px;
}

.profile-content {
    border-top: none !important;
}

.feed-activity-list .feed-element {
    border-bottom: 1px solid #e7eaec;
}

.feed-element:first-child {
    margin-top: 0;
}

.feed-element {
    padding-bottom: 15px;
}

.feed-element, .feed-element .media {
    margin-top: 15px;
}

.feed-element, .media-body {
    overflow: hidden;
}

.feed-element > .pull-left {
    margin-right: 10px;
}

.feed-element img.img-circle, .dropdown-messages-box img.img-circle {
    width: 38px;
    height: 38px;
}

.feed-element .well {
    border: 1px solid #e7eaec;
    box-shadow: none;
    margin-top: 10px;
    margin-bottom: 5px;
    padding: 10px 20px;
    font-size: 11px;
    line-height: 16px;
}

.feed-element .actions {
    margin-top: 10px;
}

.feed-element .photos {
    margin: 10px 0;
}

.feed-photo {
    max-height: 180px;
    border-radius: 4px;
    overflow: hidden;
    margin-right: 10px;
    margin-bottom: 10px;
}

.mail-box {
    background-color: #fff;
    border: 1px solid #e7eaec;
    border-top: 0;
    padding: 0;
    margin-bottom: 20px;
}

.mail-box-header {
    background-color: #fff;
    border: 1px solid #e7eaec;
    border-bottom: 0;
    padding: 30px 20px 20px 20px;
}

.mail-box-header h2 {
    margin-top: 0;
}

.mailbox-content .tag-list li a {
    background: #fff;
}

.mail-body {
    border-top: 1px solid #e7eaec;
    padding: 20px;
}

.mail-text {
    border-top: 1px solid #e7eaec;
}

.mail-text .note-toolbar {
    padding: 10px 15px;
}

.mail-body .form-group {
    margin-bottom: 5px;
}

.mail-text .note-editor .note-toolbar {
    background-color: #F9F8F8;
}

.mail-attachment {
    border-top: 1px solid #e7eaec;
    padding: 20px;
    font-size: 12px;
}

.mailbox-content {
    background: none;
    border: none;
    padding: 10px;
}

.mail-ontact {
    width: 23%;
}

.project-people, .project-actions {
    text-align: right;
    vertical-align: middle;
}

dd.project-people {
    text-align: left;
    margin-top: 5px;
}

.project-people img {
    width: 32px;
    height: 32px;
}

.project-title a {
    font-size: 14px;
    color: #676a6c;
    font-weight: 600;
}

.project-list table tr td {
    border-top: none;
    border-bottom: 1px solid #e7eaec;
    padding: 15px 10px;
    vertical-align: middle;
}

.project-manager .tag-list li a {
    font-size: 10px;
    background-color: white;
    padding: 5px 12px;
    color: inherit;
    border-radius: 2px;
    border: 1px solid #e7eaec;
    margin-right: 5px;
    margin-top: 5px;
    display: block;
}

.project-files li a {
    font-size: 11px;
    color: #676a6c;
    margin-left: 10px;
    line-height: 22px;
}

.faq-item {
    padding: 20px;
    margin-bottom: 2px;
    background: #fff;
}

.faq-question {
    font-size: 18px;
    font-weight: 600;
    color: #1ab394;
    display: block;
}

.faq-question:hover {
    color: #179d82;
}

.faq-answer {
    margin-top: 10px;
    background: #f3f3f4;
    border: 1px solid #e7eaec;
    border-radius: 3px;
    padding: 15px;
}

.faq-item .tag-item {
    background: #f3f3f4;
    padding: 2px 6px;
    font-size: 10px;
    text-transform: uppercase;
}

.message-input {
    height: 90px !important;
}

.chat-avatar {
    white: 36px;
    height: 36px;
    float: left;
    margin-right: 10px;
}

.chat-user-name {
    padding: 10px;
}

.chat-user {
    padding: 8px 10px;
    border-bottom: 1px solid #e7eaec;
}

.chat-user a {
    color: inherit;
}

.chat-view {
    z-index: 20012;
}

.chat-users, .chat-statistic {
    margin-left: -30px;
}

@media (max-width: 992px) {
    .chat-users, .chat-statistic {
        margin-left: 0;
    }
}

.chat-view .ibox-content {
    padding: 0;
}

.chat-message {
    padding: 10px 20px;
}

.message-avatar {
    height: 48px;
    width: 48px;
    border: 1px solid #e7eaec;
    border-radius: 4px;
    margin-top: 1px;
}

.chat-discussion .chat-message:nth-child(2n+1) .message-avatar {
    float: left;
    margin-right: 10px;
}

.chat-discussion .chat-message:nth-child(2n) .message-avatar {
    float: right;
    margin-left: 10px;
}

.message {
    background-color: #fff;
    border: 1px solid #e7eaec;
    text-align: left;
    display: block;
    padding: 10px 20px;
    position: relative;
    border-radius: 4px;
}

.chat-discussion .chat-message:nth-child(2n+1) .message-date {
    float: right;
}

.chat-discussion .chat-message:nth-child(2n) .message-date {
    float: left;
}

.chat-discussion .chat-message:nth-child(2n+1) .message {
    text-align: left;
    margin-left: 55px;
}

.chat-discussion .chat-message:nth-child(2n) .message {
    text-align: right;
    margin-right: 55px;
}

.message-date {
    font-size: 10px;
    color: #888;
}

.message-content {
    display: block;
}

.chat-discussion {
    background: #eee;
    padding: 15px;
    height: 400px;
    overflow-y: auto;
}

.chat-users {
    overflow-y: auto;
    height: 400px;
}

.chat-message-form .form-group {
    margin-bottom: 0;
}

.jstree-open > .jstree-anchor > .fa-folder:before {
    content: "\f07c";
}

.jstree-default .jstree-icon.none {
    width: 0;
}

.clients-list {
    margin-top: 20px;
}

.clients-list .tab-pane {
    position: relative;
    height: 600px;
}

.client-detail {
    position: relative;
    height: 620px;
}

.clients-list table tr td {
    height: 46px;
    vertical-align: middle;
    border: none;
}

.client-link {
    font-weight: 600;
    color: inherit;
}

.client-link:hover {
    color: inherit;
}

.client-avatar {
    width: 42px;
}

.client-avatar img {
    width: 28px;
    height: 28px;
    border-radius: 50%;
}

.contact-type {
    width: 20px;
    color: #c1c3c4;
}

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

.client-detail .vertical-timeline-content p {
    margin: 0;
}

.client-detail .vertical-timeline-icon.gray-bg {
    color: #a7aaab;
}

.clients-list .nav-tabs > li.active > a, .clients-list .nav-tabs > li.active > a:hover, .clients-list .nav-tabs > li.active > a:focus {
    border-bottom: 1px solid #fff;
}

.blog h2 {
    font-weight: 700;
}

.blog h5 {
    margin: 0 0 5px 0;
}

.blog .btn {
    margin: 0 0 5px 0;
}

.article h1 {
    font-size: 48px;
    font-weight: 700;
    color: #2F4050;
}

.article p {
    font-size: 15px;
    line-height: 26px;
}

.article-title {
    text-align: center;
    margin: 60px 0 40px 0;
}

.article .ibox-content {
    padding: 40px;
}

.issue-tracker .btn-link {
    color: #1ab394;
}

table.issue-tracker tbody tr td {
    vertical-align: middle;
    height: 50px;
}

.issue-info {
    width: 50%;
}

.issue-info a {
    font-weight: 600;
    color: #676a6c;
}

.issue-info small {
    display: block;
}

.team-members {
    margin: 10px 0;
}

.team-members img.img-circle {
    width: 42px;
    height: 42px;
    margin-bottom: 5px;
}

.sortable-list {
    padding: 10px 0;
}

.agile-list {
    list-style: none;
    margin: 0;
}

.agile-list li {
    background: #FAFAFB;
    border: 1px solid #e7eaec;
    margin: 0 0 10px 0;
    padding: 10px;
    border-radius: 2px;
}

.agile-list li:hover {
    cursor: pointer;
    background: #fff;
}

.agile-list li.warning-element {
    border-left: 3px solid #f8ac59;
}

.agile-list li.danger-element {
    border-left: 3px solid #ed5565;
}

.agile-list li.info-element {
    border-left: 3px solid #1c84c6;
}

.agile-list li.success-element {
    border-left: 3px solid #1ab394;
}

.agile-detail {
    margin-top: 5px;
    font-size: 12px;
}

ins {
    background-color: #c6ffc6;
    text-decoration: none;
}

del {
    background-color: #ffc6c6;
}

#small-chat {
    position: fixed;
    bottom: 50px;
    right: 26px;
    z-index: 100;
}

#small-chat .badge {
    position: absolute;
    top: -3px;
    right: -4px;
}

.open-small-chat {
    height: 38px;
    width: 38px;
    display: block;
    background: #1ab394;
    padding: 9px 8px;
    text-align: center;
    color: #fff;
    border-radius: 50%;
}

.open-small-chat:hover {
    color: white;
    background: #1ab394;
}

.small-chat-box {
    display: none;
    position: fixed;
    bottom: 50px;
    right: 80px;
    background: #fff;
    border: 1px solid #e7eaec;
    width: 230px;
    height: 320px;
    border-radius: 4px;
}

.small-chat-box.ng-small-chat {
    display: block;
}

.body-small .small-chat-box {
    bottom: 70px;
    right: 20px;
}

.small-chat-box.active {
    display: block;
}

.small-chat-box .heading {
    background: #2f4050;
    padding: 8px 15px;
    font-weight: bold;
    color: #fff;
}

.small-chat-box .chat-date {
    opacity: .6;
    font-size: 10px;
    font-weight: normal;
}

.small-chat-box .content {
    padding: 15px 15px;
}

.small-chat-box .content .author-name {
    font-weight: bold;
    margin-bottom: 3px;
    font-size: 11px;
}

.small-chat-box .content > div {
    padding-bottom: 20px;
}

.small-chat-box .content .chat-message {
    padding: 5px 10px;
    border-radius: 6px;
    font-size: 11px;
    line-height: 14px;
    max-width: 80%;
    background: #f3f3f4;
    margin-bottom: 10px;
}

.small-chat-box .content .chat-message.active {
    background: #1ab394;
    color: #fff;
}

.small-chat-box .content .left {
    text-align: left;
    clear: both;
}

.small-chat-box .content .left .chat-message {
    float: left;
}

.small-chat-box .content .right {
    text-align: right;
    clear: both;
}

.small-chat-box .content .right .chat-message {
    float: right;
}

.small-chat-box .form-chat {
    padding: 10px 10px;
}

body.rtls #page-wrapper {
    margin: 0 220px 0 0;
}

body.rtls .nav-second-level li a {
    padding: 7px 35px 7px 10px;
}

body.rtls .ibox-title h5 {
    float: right;
}

body.rtls .pull-right {
    float: left !important;
}

body.rtls .pull-left {
    float: right !important;
}

body.rtls .ibox-tools {
    float: left;
}

body.rtls .stat-percent {
    float: left;
}

body.rtls .navbar-right {
    float: left !important;
}

body.rtls .navbar-top-links li:last-child {
    margin-left: 40px;
    margin-right: 0;
}

body.rtls .minimalize-styl-2 {
    float: right;
    margin: 14px 20px 5px 5px;
}

body.rtls .feed-element > .pull-left {
    margin-left: 10px;
    margin-right: 0;
}

body.rtls .timeline-item .date {
    text-align: left;
}

body.rtls .timeline-item .date i {
    left: 0;
    right: auto;
}

body.rtls .timeline-item .content {
    border-right: 1px solid #e7eaec;
    border-left: none;
}

body.rtls .toast-close-button {
    float: left;
}

body.rtls #toast-container > .toast:before {
    margin: auto -1.5em auto .5em;
}

body.rtls #toast-container > div {
    padding: 15px 50px 15px 15px;
}

body.rtls .center-orientation .vertical-timeline-icon i {
    margin-left: 0;
    margin-right: -12px;
}

body.rtls .vertical-timeline-icon i {
    right: 50%;
    left: auto;
    margin-left: auto;
    margin-right: -12px;
}

body.rtls .file-box {
    float: right;
}

body.rtls ul.notes li {
    float: right;
}

body.rtls .chat-users, body.rtls .chat-statistic {
    margin-right: -30px;
    margin-left: auto;
}

body.rtls .dropdown-menu > li > a {
    text-align: right;
}

body.rtls .b-r {
    border-left: 1px solid #e7eaec;
    border-right: none;
}

body.rtls .dd-list .dd-list {
    padding-right: 30px;
    padding-left: 0;
}

body.rtls .dd-item > button {
    float: right;
}

body.rtls .skin-setttings {
    margin-right: 40px;
    margin-left: 0;
}

body.rtls .skin-setttings {
    direction: ltr;
}

body.rtls .footer.fixed {
    margin-right: 220px;
    margin-left: 0;
}

@media (max-width: 992px) {
    body.rtls .chat-users, body.rtls .chat-statistic {
        margin-right: 0;
    }
}

body.rtls.mini-navbar .footer.fixed, body.body-small.mini-navbar .footer.fixed {
    margin: 0 70px 0 0;
}

body.rtls.mini-navbar.fixed-sidebar .footer.fixed, body.body-small.mini-navbar .footer.fixed {
    margin: 0;
}

body.rtls.top-navigation .navbar-toggle {
    float: right;
    margin-left: 15px;
    margin-right: 15px;
}

.body-small.rtls.top-navigation .navbar-header {
    float: none;
}

body.rtls.top-navigation #page-wrapper {
    margin: 0;
}

body.rtls.mini-navbar #page-wrapper {
    margin: 0 70px 0 0;
}

body.rtls.mini-navbar.fixed-sidebar #page-wrapper {
    margin: 0;
}

body.rtls.body-small.fixed-sidebar.mini-navbar #page-wrapper {
    margin: 0 220px 0 0;
}

body.rtls.body-small.fixed-sidebar.mini-navbar .navbar-static-side {
    width: 220px;
}

.body-small.rtls .navbar-fixed-top {
    margin-right: 0;
}

.body-small.rtls .navbar-header {
    float: right;
}

body.rtls .navbar-top-links li:last-child {
    margin-left: 20px;
}

body.rtls .top-navigation #page-wrapper, body.rtls.mini-navbar .top-navigation #page-wrapper, body.rtls.mini-navbar.top-navigation #page-wrapper {
    margin: 0;
}

body.rtls .top-navigation .footer.fixed, body.rtls.top-navigation .footer.fixed {
    margin: 0;
}

@media (max-width: 768px) {
    body.rtls .navbar-top-links li:last-child {
        margin-left: 20px;
    }

    .body-small.rtls #page-wrapper {
        position: inherit;
        margin: 0;
        min-height: 1000px;
    }

    .body-small.rtls .navbar-static-side {
        display: none;
        z-index: 2001;
        position: absolute;
        width: 70px;
    }

    .body-small.rtls.mini-navbar .navbar-static-side {
        display: block;
    }

    .rtls.fixed-sidebar.body-small .navbar-static-side {
        display: none;
        z-index: 2001;
        position: fixed;
        width: 220px;
    }

    .rtls.fixed-sidebar.body-small.mini-navbar .navbar-static-side {
        display: block;
    }
}

.rtls .ltr-support {
    direction: ltr;
}

.skin-setttings .title {
    background: #efefef;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    display: block;
    padding: 10px 15px;
    font-size: 12px;
}

.setings-item {
    padding: 10px 30px;
}

.setings-item.nb {
    border: none;
}

.setings-item.skin {
    text-align: center;
}

.setings-item .switch {
    float: right;
}

.skin-name a {
    text-transform: uppercase;
}

.setings-item a {
    color: #fff;
}

.default-skin, .blue-skin, .ultra-skin, .yellow-skin {
    text-align: center;
}

.default-skin {
    font-weight: 600;
    background: #1ab394;
}

.default-skin:hover {
    background: #199d82;
}

.blue-skin {
    font-weight: 600;
    background: url("patterns/header-profile-skin-1.png") repeat scroll 0 0;
}

.blue-skin:hover {
    background: #0d8ddb;
}

.yellow-skin {
    font-weight: 600;
    background: url("patterns/header-profile-skin-3.png") repeat scroll 0 100%;
}

.yellow-skin:hover {
    background: #ce8735;
}

.content-tabs {
    border-top: 1px solid #c8cfdc;
    border-bottom: 1px solid #c8cfdc;
}

.page-tabs a {
    font-size: 14px;
    color: #000;
    border-right: 1px solid #c8cfdc;
}

.page-tabs a i {
    margin-left: 13px;
    font-size: 13px;
    font-weight: normal;
    color: #ccc;
}

.page-tabs a.active {
    border: 1px solid #c8cfdc;
    border-left: 0 none;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background: #fff;
    color: #15a5fb;
    height: 34px;
    position: relative;
    top: -3px;
    z-index: 10000;
}

.page-tabs a.active i {
    color: #15a5fb;
}

.skin-1 .minimalize-styl-2 {
    margin: 14px 5px 5px 30px;
}

.skin-1 .navbar-top-links li:last-child {
    margin-right: 30px;
}

.skin-1.fixed-nav .minimalize-styl-2 {
    margin: 14px 5px 5px 15px;
}

.skin-1 .spin-icon {
    background: #0e9aef !important;
}

.skin-1 .nav-header {
    background: #0e9aef;
    background: url('../../images/mlogo.png');
}

.skin-1.mini-navbar .nav-second-level {
    background: #3e495f;
}

.skin-1 .breadcrumb {
    background: transparent;
}

.skin-1 .page-heading {
    border: none;
}

.skin-1 .nav > li.active {
    background: #3a4459;
}

.skin-1 .nav > li > a {
    color: #9ea6b9;
}

.skin-1 .nav > li.active > a {
    color: #fff;
}

.skin-1 .navbar-minimalize {
    background: #0e9aef;
    border-color: #0e9aef;
}

body.skin-1 {
    background: #3e495f;
}

.skin-1 .navbar-static-top {
    background: #fff;
}

.skin-1 .dashboard-header {
    background: transparent;
    border-bottom: none !important;
    border-top: none;
    padding: 20px 30px 10px 30px;
}

.fixed-nav.skin-1 .navbar-fixed-top {
    background: #fff;
}

.skin-1 .wrapper-content {
    padding: 30px 15px;
}

.skin-1 #page-wrapper {
    background: #f4f6fa;
}

.skin-1 .ibox-title, .skin-1 .ibox-content {
    border-width: 1px;
}

.skin-1 .ibox-content:last-child {
    border-style: solid solid solid solid;
}

.skin-1 .nav > li.active {
    border: none;
}

.skin-1 .nav-header {
    padding: 35px 25px 25px 25px;
}

.skin-1 .nav-header a.dropdown-toggle {
    color: #fff;
    margin-top: 10px;
}

.skin-1 .nav-header a.dropdown-toggle .text-muted {
    color: #fff;
    opacity: .8;
}

.skin-1 .profile-element {
    text-align: center;
}

.skin-1 .img-circle {
    border-radius: 5px;
}

.skin-1 .navbar-default .nav > li > a:hover, .skin-1 .navbar-default .nav > li > a:focus {
    background: #39aef5;
    color: #fff;
}

.skin-1 .nav.nav-tabs > li.active > a {
    color: #555;
}

.skin-1 .content-tabs {
    border-bottom: solid 2px #39aef5;
}

.skin-1 .nav.nav-tabs > li.active {
    background: transparent;
}

.skin-1 .page-tabs a.active {
    background: #39aef5;
    color: #fff;
}

.skin-1 .page-tabs a.active:hover, .skin-1 .page-tabs a.active i:hover {
    background: #0e9aef;
    color: #fff;
}

.skin-3 .minimalize-styl-2 {
    margin: 14px 5px 5px 30px;
}

.skin-3 .navbar-top-links li:last-child {
    margin-right: 30px;
}

.skin-3.fixed-nav .minimalize-styl-2 {
    margin: 14px 5px 5px 15px;
}

.skin-3 .spin-icon {
    background: #ecba52 !important;
}

body.boxed-layout.skin-3 #wrapper {
    background: #3e2c42;
}

.skin-3 .nav-header {
    background: #ecba52;
    background: url('patterns/header-profile-skin-3.png');
}

.skin-3.mini-navbar .nav-second-level {
    background: #3e2c42;
}

.skin-3 .breadcrumb {
    background: transparent;
}

.skin-3 .page-heading {
    border: none;
}

.skin-3 .nav > li.active {
    background: #38283c;
}

.fixed-nav.skin-3 .navbar-fixed-top {
    background: #fff;
}

.skin-3 .nav > li > a {
    color: #948b96;
}

.skin-3 .nav > li.active > a {
    color: #fff;
}

.skin-3 .navbar-minimalize {
    background: #ecba52;
    border-color: #ecba52;
}

body.skin-3 {
    background: #3e2c42;
}

.skin-3 .navbar-static-top {
    background: #fff;
}

.skin-3 .dashboard-header {
    background: transparent;
    border-bottom: none !important;
    border-top: none;
    padding: 20px 30px 10px 30px;
}

.skin-3 .wrapper-content {
    padding: 30px 15px;
}

.skin-3 #page-wrapper {
    background: #f4f6fa;
}

.skin-3 .ibox-title, .skin-3 .ibox-content {
    border-width: 1px;
}

.skin-3 .ibox-content:last-child {
    border-style: solid solid solid solid;
}

.skin-3 .nav > li.active {
    border: none;
}

.skin-3 .nav-header {
    padding: 35px 25px 25px 25px;
}

.skin-3 .nav-header a.dropdown-toggle {
    color: #fff;
    margin-top: 10px;
}

.skin-3 .nav-header a.dropdown-toggle .text-muted {
    color: #fff;
    opacity: .8;
}

.skin-3 .profile-element {
    text-align: center;
}

.skin-3 .img-circle {
    border-radius: 5px;
}

.skin-3 .navbar-default .nav > li > a:hover, .skin-3 .navbar-default .nav > li > a:focus {
    background: #38283c;
    color: #fff;
}

.skin-3 .nav.nav-tabs > li.active > a {
    color: #555;
}

.skin-3 .nav.nav-tabs > li.active {
    background: transparent;
}

.skin-3 .content-tabs {
    border-bottom: solid 2px #3e2c42;
}

.skin-3 .nav.nav-tabs > li.active {
    background: transparent;
}

.skin-3 .page-tabs a.active {
    background: #3e2c42;
    color: #fff;
}

.skin-3 .page-tabs a.active:hover, .skin-3 .page-tabs a.active i:hover {
    background: #38283c;
    color: #fff;
}

@media (min-width: 768px) {
    .navbar-top-links .dropdown-messages, .navbar-top-links .dropdown-tasks, .navbar-top-links .dropdown-alerts {
        margin-left: auto;
    }
}

@media (max-width: 768px) {
    body.fixed-sidebar .navbar-static-side {
        display: none;
    }

    body.fixed-sidebar.mini-navbar .navbar-static-side {
        width: 70px;
    }

    .lock-word {
        display: none;
    }

    .navbar-form-custom {
        display: none;
    }

    .navbar-header {
        display: inline;
        float: left;
    }

    .sidebard-panel {
        z-index: 2;
        position: relative;
        width: auto;
        min-height: 100% !important;
    }

    .sidebar-content .wrapper {
        padding-right: 0;
        z-index: 1;
    }

    .fixed-sidebar.body-small .navbar-static-side {
        display: none;
        z-index: 2001;
        position: fixed;
        width: 220px;
    }

    .fixed-sidebar.body-small.mini-navbar .navbar-static-side {
        display: block;
    }

    .ibox-tools {
        float: none;
        text-align: right;
        display: block;
    }

    .content-tabs {
        display: none;
    }

    #content-main {
        height: calc(100% - 100px);
    }

    .fixed-nav #content-main {
        height: calc(100% - 38px);
    }
}

.navbar-static-side {
    background: #33414e;
}

.nav-close {
    padding: 10px;
    display: block;
    position: absolute;
    right: 5px;
    top: 5px;
    font-size: 1.4em;
    cursor: pointer;
    z-index: 10;
    display: none;
    color: rgba(255, 255, 255, .3);
}

@media (max-width: 350px) {
    body.fixed-sidebar.mini-navbar .navbar-static-side {
        width: 0;
    }

    .nav-close {
        display: block;
    }

    #page-wrapper {
        margin-left: 0 !important;
    }

    .timeline-item .date {
        text-align: left;
        width: 110px;
        position: relative;
        padding-top: 30px;
    }

    .timeline-item .date i {
        position: absolute;
        top: 0;
        left: 15px;
        padding: 5px;
        width: 30px;
        text-align: center;
        border: 1px solid #e7eaec;
        background: #f8f8f8;
    }

    .timeline-item .content {
        border-left: none;
        border-top: 1px solid #e7eaec;
        padding-top: 10px;
        min-height: 100px;
    }

    .nav.navbar-top-links li.dropdown {
        display: none;
    }

    .ibox-tools {
        float: none;
        text-align: left;
        display: inline-block;
    }
}

.ui-jqgrid-titlebar {
    height: 40px;
    line-height: 24px;
    color: #676a6c;
    background-color: #F9F9F9;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.ui-jqgrid .ui-jqgrid-title {
    float: left;
    margin-left: 5px;
    font-weight: 700;
}

.ui-jqgrid .ui-jqgrid-titlebar {
    position: relative;
    border-left: 0 solid;
    border-right: 0 solid;
    border-top: 0 solid;
}

.social-feed-separated .social-feed-box {
    margin-left: 62px;
}

.social-feed-separated .social-avatar {
    float: left;
    padding: 0;
}

.social-feed-separated .social-avatar img {
    width: 52px;
    height: 52px;
    border: 1px solid #e7eaec;
}

.social-feed-separated .social-feed-box .social-avatar {
    padding: 15px 15px 0 15px;
    float: none;
}

.social-feed-box {
    border: 1px solid #e7eaec;
    background: #fff;
    margin-bottom: 15px;
}

.article .social-feed-box {
    margin-bottom: 0;
    border-bottom: none;
}

.article .social-feed-box:last-child {
    margin-bottom: 0;
    border-bottom: 1px solid #e7eaec;
}

.article .social-feed-box p {
    font-size: 13px;
    line-height: 18px;
}

.social-action {
    margin: 15px;
}

.social-avatar {
    padding: 15px 15px 0 15px;
}

.social-comment .social-comment {
    margin-left: 45px;
}

.social-avatar img {
    height: 40px;
    width: 40px;
    margin-right: 10px;
}

.social-avatar .media-body a {
    font-size: 14px;
    display: block;
}

.social-body {
    padding: 15px;
}

.social-body img {
    margin-bottom: 10px;
}

.social-footer {
    border-top: 1px solid #e7eaec;
    padding: 10px 15px;
    background: #f9f9f9;
}

.social-footer .social-comment img {
    width: 32px;
    margin-right: 10px;
}

.social-comment:first-child {
    margin-top: 0;
}

.social-comment {
    margin-top: 15px;
}

.social-comment textarea {
    font-size: 12px;
}

.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
    margin-top: -4px;
}

@media (max-width: 1000px) {
    .welcome-message {
        display: none;
    }
}

.echarts {
    height: 240px;
}

.checkbox-inline, .radio-inline, .checkbox-inline + .checkbox-inline, .radio-inline + .radio-inline {
    margin: 0 15px 0 0;
}

.navbar-toggle {
    background-color: #fff;
}

.J_menuTab {
    -webkit-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}

::-webkit-scrollbar-track {
    background-color: #F5F5F5;
}

::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
    background-color: #999;
}

.gohome {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 100;
}

.gohome a {
    height: 38px;
    width: 38px;
    display: block;
    background: #2f4050;
    padding: 9px 8px;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    opacity: .5;
}

.gohome a:hover {
    opacity: 1;
}

@media only screen and(-webkit-min-device-pixel-ratio: 2) {
    #content-main {
        -webkit-overflow-scrolling: touch;
    }
}

.navbar-header {
    width: 60%;
}

.navbar-header img {
    margin-top: 15px;
    margin-left: 5px;
}

.bs-glyphicons {
    margin: 0 -10px 20px;
    overflow: hidden;
}

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

.bs-glyphicons li {
    float: left;
    width: 25%;
    height: 115px;
    padding: 10px;
    font-size: 10px;
    line-height: 1.4;
    text-align: center;
    background-color: #f9f9f9;
    border: 1px solid #fff;
}

.bs-glyphicons .glyphicon {
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 24px;
}

.bs-glyphicons .glyphicon-class {
    display: block;
    text-align: center;
    word-wrap: break-word;
}

.bs-glyphicons li:hover {
    color: #fff;
    background-color: #1ab394;
}

@media (min-width: 768px) {
    .bs-glyphicons {
        margin-right: 0;
        margin-left: 0;
    }

    .bs-glyphicons li {
        width: 12.5%;
        font-size: 12px;
    }
}

.operation_con {
    background-color: #fff;
    border-top: 1px solid #e7eaec;
    border-left: 1px solid #e7eaec;
    border-right: 1px solid #e7eaec;
    padding: 0 10px 5px;
    min-height: 38px;
}

.midicon {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../../images/maxicon.png) no-repeat;
}

.home_icon {
    background-position: 0 -144px;
}

.orders_ico {
    background-position: 0 -180px;
}

.storage_ico {
    background-position: -37px 0;
}

.goods_ico {
    background-position: -37px -36px;
}

.logistics_ico {
    background-position: -37px -72px;
}

.sys_ico {
    background-position: -37px -108px;
}

.operation_ico {
    background-position: -37px -108px;
}

.sms_ico {
    background-position: -37px -143px;
}

.remind_ico {
    background-position: -37px -180px;
}

.usersettings_ico {
    background-position: -73px 0;
}

.exit_ico {
    background-position: -73px -36px;
}

.purchase_ico {
    background-position: -73px -72px;
}

.report_ico {
    background-position: -73px -144px;
}

.service_ico {
    background-position: -73px -108px;
}

.tool_ico {
    background-position: -73px -180px;
}

.accountset_icon {
    background-position: -109px 0;
}

.agentmanage_icon {
    background-position: -109px -72px;
}

.enterprisemanage_icon {
    background-position: -109px -109px;
}

.operationsmanage_icon {
    background-position: -109px -143px;
}

.statisticalreports_icon {
    background-position: -109px -180px;
}

.authorization_icon {
    background-position: -146px 0;
}

.nav > li.active > a .midicon {
    background-image: url(../../images/maxicon_hover.png);
}

.nav > li a:hover i.midicon, .nav > li a:focus i.midicon {
    background-image: url(../../images/maxicon_hover.png);
}

.ui-jqgrid .ui-jqgrid-bdiv td.detailtable_con {
    padding: 0;
    border: 0 none;
}

.ui-jqgrid .ui-jqgrid-bdiv td.detailtable_con > div {
    border: 0 none;
}

.ui-jqgrid .ui-jqgrid-bdiv td.detailtable_con > div table.ui-jqgrid-btable {
    border-right: 0 none;
}

.ui-jqgrid .ui-jqgrid-bdiv td.detailtable_con > div table td {
    border-top: 0 none;
}

.text-primary:before {
    margin-right: 5px;
}

.shouseDistribution {
    width: 100%;
    border: 3px solid #fda971;
}

.shouseDistribution td {
    min-width: 100px;
    background: #fee1ce;
    border: 2px solid #fff;
    padding: 10px;
    text-align: center;
    vertical-align: middle;
    word-break: break-all;
    word-wrap: break-word;
}

.operation_con .form-group {
    float: left;
    margin-left: 5px;
}

.operation_con .large-list-title {
    float: right;
    padding-top: 5px;
    font-size: 0;
    display: inline;
}

.operation_con .large-list-title .btn {
    margin-right: 5px;
}

.border {
    border: 1px solid #e7eaec;
}

.bottomnone {
    border-bottom: 0 none;
}

.nav > li > .admin_toggle {
    min-width: 100px;
    height: 26px;
    padding: 1px 3px;
    border: 1px solid #e0e2e7;
    background-color: #fff;
    border-radius: 16px;
    margin-top: 7px;
    display: inline-block;
}

.navbar-top-links > li > .admin_toggle {
    float: left;
    margin: 9px 6px 0 10px;
    display: inline;
}

.nav > li > .admin_toggle .arrow {
    margin-top: 4px;
    margin-right: 5px;
    font-size: 14px;
    color: #000;
    vertical-align: top;
}

.nav > li > .admin_toggle .name {
    display: inline-block;
    padding: 0 5px;
    margin-right: 6px;
    color: #000;
    max-width: 100px;
    margin-top: 1px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.nav > li > .admin_toggle .user {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    overflow: hidden;
    background-image: url(../../images/default_face.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.nav > li > .admin_toggle .user img {
    max-width: 100%;
    max-height: 100%;
}

.nav > li > .admin_toggle .fa.arrow:before {
    content: "\f107";
}

.nav > .admin_toggle, .nav > .admin_toggle:focus, .nav > .admin_toggle:hover {
    background-color: #fff;
    border-color: #e0e2e7;
}

.nav .open > .admin_toggle, .nav .open > .admin_toggle:focus, .nav .open > .admin_toggle:hover {
    background-color: #fff;
    border-color: #e0e2e7;
}

.nav .open > .admin_toggle .fa.arrow:before {
    content: "\f106";
}

.navbar-top-links > li > .admin_toggle:hover {
    background-color: #fff;
}

.ibox-content .slimScrollDiv {
    border-bottom: 0 none;
}

.navbottom {
    height: 35px;
    background-color: #2d3945;
    border-top: 1px solid #273541;
}

.setup_box {
    float: left;
    width: 50px;
    margin-top: 10px;
    margin-left: 20px;
    margin-right: 0;
}

.setup_box .dropdown-menu {
    width: 116px;
    min-width: auto;
    background-color: #222c3b;
    box-shadow: none;
}

.setup_box .dropdown-menu li a {
    color: #fff;
}

.setup_box .dropdown-menu > li > a:focus, .setup_box .dropdown-menu > li > a:hover {
    background-color: #16212f;
}

.setup_box .dropdown-toggle i {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../../images/setup_bottom_icon_03.png) no-repeat;
    vertical-align: top;
}

.setup_box .dropdown-toggle i.setup_icon {
    background-position: 0 0;
}

.setup_box .dropdown-toggle i.help_icon {
    background-position: -61px 0;
}

.setup_box .dropdown-toggle i.accountset_icon {
    background-position: -125px 0;
}

.partition_tit .btn-primary, .partition_bottom .btn-primary {
    padding: 1px 10px;
    vertical-align: top;
    margin-top: 4px;
}

.admin_box {
    height: 60px;
    border-bottom: 1px solid #273541;
    padding-top: 10px;
    padding-left: 20px;
    background-color: #2d3945;
    text-align: center;
}

.admin_box .admin_img {
    float: left;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    margin: 0 auto;
    overflow: hidden;
    background-image: url(../../images/default_face.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.admin_box .admin_img img {
    max-width: 100%;
    max-height: 100%;
}

.admin_box .admin_con {
    float: left;
    margin-left: 10px;
}

.admin_box .admin_con span {
    display: block;
    font-size: 14px;
    color: #fff;
    text-align: left;
    padding-left: 2px;
}

.admin_box .admin_con p {
    font-size: 12px;
    color: #999;
    margin: 0;
}

.admin_box .admin_con p em {
    font-size: 14px;
    font-weight: bold;
    color: #f00;
    font-style: normal;
}

.currentPage {
    width: 100%;
    height: 40px; /*border:1px solid #e7eaec;*/
    border-bottom: 0 none; /*background-color:#fff;*/
}

.currentPage .currentPage_left {
    float: left;
    padding-top: 11px;
    padding-left: 16px;
    display: inline;
}

.cggl_icon {
    background-position: 0 0;
}

.yyye_icon {
    background-position: 0 -36px;
}

.spfl_icon {
    background-position: 0 -72px;
}

.bcgl_icon {
    background-position: 0 -108px;
}

.znsc_icon {
    background-position: 0 -144px;
}

.jyrz_icon {
    background-position: 0 -180px;
}

.znjy_icon {
    background-position: -36px 0;
}

.ddzt_icon {
    background-position: -36px -36px;
}

.kjyf_icon {
    background-position: -36px -72px;
}

.jsgl_icon {
    background-position: -36px -108px;
}

.bzyh_icon {
    background-position: -36px -144px;
}

.pdkc_icon {
    background-position: -36px -180px;
}

.yggl_icon {
    background-position: -72px 0;
}

.rkgl_icon {
    background-position: -72px -36px;
}

.gysg_icon {
    background-position: -72px -72px;
}

.khfx_icon {
    background-position: -72px -108px;
}

.dpgl_icon {
    background-position: -72px -144px;
}

.rszb_icon {
    background-position: -72px -180px;
}

.ddzt_icon {
    background-position: -108px 0;
}

.ppgz_icon {
    background-position: -108px -36px;
}

.yszb_icon {
    background-position: -108px -72px;
}

.bmgl_icon {
    background-position: -108px -108px;
}

.ksjh_icon {
    background-position: -108px -144px;
}

.qysz_icon {
    background-position: -108px -180px;
}

.crkl_icon {
    background-position: -144px 0;
}

.ksfh_icon {
    background-position: -144px -36px;
}

.kjysz_icon {
    background-position: -144px -72px;
}

.grsz_icon {
    background-position: -144px -108px;
}

.kcsku_icon {
    background-position: -144px -144px;
}

.ryye_icon {
    background-position: -144px -180px;
}

.currentPage .currentPage_left a {
    margin: 0 5px;
    font-size: 14px;
    color: #242f3f;
    padding: 0 5px;
}

.currentPage_right {
    float: right;
    padding-top: 5px;
    padding-right: 6px;
    display: inline;
}

::-webkit-scrollbar:horizontal {
    height: .5em;
}

.setupbottom li i {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url(../../images/navbottom_icon.png) no-repeat;
    margin-top: 7px;
    margin-right: 7px;
    vertical-align: top;
}

.setupbottom li i.sjgg_icon {
    background-position: 0 0;
}

.setupbottom li i.bzzx_icon {
    background-position: 0 -26px;
}

.setupbottom li i.yjfk_icon {
    background-position: 0 -53px;
}

.setupbottom li i.xszn_icon {
    background-position: 0 -80px;
}

.setup_box .dropdown-menu > li > a:hover {
    background-color: #18212e;
    color: #ffd800;
}

.setup_box .dropdown-menu > li > a:hover i {
    background-image: url(../../images/navbottom_icon_hover.png);
}

.announce_con {
    position: fixed;
    bottom: 0;
    left: 0;
    bottom: 1px;
    z-index: 200;
    width: 100%;
    height: 34px;
    line-height: 34px;
}

.announce_con.alert {
    padding: 0;
    padding-left: 20px;
    margin-bottom: 0;
}

.announce_conalert-dismissable .close, .announce_con.alert-dismissible .close {
    top: 8px;
    right: 21px;
}

.tile_stats {
    border-radius: 5px;
}

.tile_stats .fa:before {
    color: rgba(0, 0, 0, 0.1);
}

.panel_white {
    background-color: #fff;
}

.tile_col {
    float: left;
    width: 25%;
    padding: 0 10px;
}

.upgradeannou_title {
    line-height: 36px;
    margin-bottom: 36px;
    margin-left: 30px;
    font-size: 24px;
    font-weight: bold;
    color: #333;
}

.upgradeannou_con p {
    line-height: 20px;
    margin-left: 30px;
    font-size: 14px;
    color: #333;
}

.shop_disable {
    background-color: #f36d6f;
}

.shop_enable {
    background-color: #91c854;
}

.list_dashed {
    margin-top: -10px;
}

.list_dashed li {
    height: 38px;
    line-height: 38px;
    border-bottom: 1px dashed #a3a3a3;
}

.list_dashed li span {
    float: left;
    font-size: 12px;
    color: #000;
}

.list_dashed li a {
    float: right;
    margin-top: 15px;
}

@charset "utf-8";
.float_ajax_box {
    border: 1px solid #ccc;
    background-color: #fff;
}

.float_loading {
    width: 125px;
    height: 125px;
    background: url(../../../images/loading.gif) no-repeat center;
}

.float_ajax_image {
    padding: 5px;
}

.float_ajax_error {
    width: 200px;
    padding: 40px 0;
    text-align: center;
}

.float_list_ul {
    margin: 0;
    padding: 1px;
    border: 1px solid #beceeb;
    background-color: #fff;
    font-size: 12px;
    list-style-type: none;
}

.float_list_a {
    display: block;
    text-decoration: none;
}

.float_list_a:hover {
    background-color: #f0f3f9;
    color: #333;
    text-decoration: none;
}

.float_list_ul li {
    line-height: 20px;
    border-top: 1px solid #f0f3f9;
    text-indent: 5px;
}

.float_list_ul li:first-child {
    border-top: 0;
}

.float_list_null {
    padding: 40px 20px;
    text-align: center;
}

.float_remind_box {
    border: 1px solid #F7CE39;
    background: #ffffe0;
    padding: 5px 10px;
}

.float_tip_box {
    line-height: 18px;
    padding: 0 3px;
    background-color: #ffffe0;
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, .4);
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .4);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, .4);
    border: 1px solid #333;
    position: absolute;
}

.float_doing_box {
    border: 1px solid #F7CE39;
    background: #ffffe0 url(http://www.zhangxinxu.com/study/image/loading_s.gif) no-repeat 5px center;
    padding: 5px 10px 5px 25px;
    font-size: 12px;
    position: absolute;
}

.float_corner {
    font-size: 18px;
    font-family: '宋体';
    position: absolute;
    left: -6000px;
    overflow: hidden;
}

.float_corner .corner {
    position: absolute;
}

.float_corner .corner_1 {
    color: #ccc;
}

.float_corner .corner_2 {
    color: #fff;
}

.float_corner_top, .float_corner_bottom {
    width: 16px;
    height: 8px;
}

.float_corner_top {
    line-height: 14px;
}

.float_corner_bottom {
    line-height: 17px;
}

.float_corner_left, .float_corner_right {
    width: 8px;
    height: 16px;
}

.float_corner_top .corner, .float_corner_bottom .corner {
    left: 0;
}

.float_corner_right .corner, .float_corner_left .corner {
    top: -2px;
}

.float_corner_bottom .corner_2 {
    top: 1px;
}

.float_corner_left .corner_1 {
    right: 0;
}

.float_corner_left .corner_2 {
    right: 1px;
}

.float_corner_top .corner_1 {
    bottom: 0;
}

.float_corner_top .corner_2 {
    bottom: 1px;
}

.float_corner_right .corner_2 {
    left: 1px;
}

body, div, p, span, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, pre, form, tr, td, th, table {
    border: 0;
    padding: 0;
    margin: 0;
}

img, a img {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 0;
    line-height: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 12px;
    font-weight: normal;
}

ul, li, ol, dt, dl, dd {
    list-style: none;
}

address, cite, code, em, th, i {
    font-weight: normal;
    font-style: normal;
}

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

label, input, textarea, select, button {
    font-family: Arial, "Hiragino Sans GB", "微软雅黑", "黑体-简";
    margin: 0;
    padding: 0;
    vertical-align: middle;
    outline: none;
}

input, button, select, img {
    line-height: normal;
}

* {
    box-sizing: border-box;
}

.wrap {
    word-wrap: break-word;
    overflow: hidden;
}

.fb {
    font-weight: bold;
}

.tc {
    text-align: center;
}

.tl {
    text-align: left;
}

.tr {
    text-align: right;
}

.dis {
    display: block;
}

.undis {
    display: none;
}

.fl {
    float: left;
    display: inline;
}

.fr {
    float: right;
    display: inline;
}

.pointer {
    cursor: pointer;
}

.hidden {
    overflow: hidden;
}

.clear {
    clear: both;
}

.clear0 {
    clear: both;
    line-height: 0;
    height: 0;
    font-size: 0;
    width: 0;
}

.hr-16 {
    height: 16px;
}

.hr-17 {
    height: 17px;
}

.hr-18 {
    height: 18px;
}

.hr-19 {
    height: 19px;
}

.hr-20 {
    height: 20px;
}

.hr-21 {
    height: 21px;
}

.hr-22 {
    height: 22px;
}

.hr-23 {
    height: 23px;
}

.hr-24 {
    height: 24px;
}

.hr-25 {
    height: 25px;
}

.hr-26 {
    height: 26px;
}

.hr-27 {
    height: 27px;
}

.hr-28 {
    height: 28px;
}

.hr-29 {
    height: 29px;
}

.hr-30 {
    height: 30px;
}

.hr-31 {
    height: 31px !important;
}

.hr-160 {
    height: 160px !important;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.fixed {
    position: fixed;
}

.dis {
    display: block;
}

.undis {
    display: none;
}

.layout {
    width: 1000px;
    margin: 0 auto;
    clear: both;
}

li {
    list-style: none;
}

.navbar-header .btn-primary .fa-dedent {
    font-size: 18px;
    color: #323c48;
    margin-top: 3px;
}

.mini-navbar .navbar-header .btn-primary .fa-dedent:before {
    content: "\f03c";
}

.navbar-header .btn-primary {
    background-color: transparent;
    border-color: transparent;
    color: #FFF;
}

.navbar-header .btn-primary:hover {
    background-color: transparent;
    border-color: transparent;
    color: #FFF;
}

.navbar-header .open .dropdown-toggle.btn-primary {
    background-color: transparent;
    border-color: transparent;
    color: #FFF;
}

.logo_img {
    width: 100%;
    height: 46px;
    background: #2c3849 url(../../images/logo_white.png) no-repeat left center;
}

.operatinglogo_img {
    background-image: url(../../images/operatingplat_logo_03.png);
}

body.mini-navbar .logo_img {
    background-image: url(../../images/mini_logo.png);
    background-position: center;
}

.overflow_auto {
    overflow: hidden;
}

.his {
    display: none;
}

.mini-navbar .nav li {
    position: relative;
}

.fixed-sidebar.mini-navbar .nav-second-level, .canvas-menu.mini-navbar .nav-second-level {
    display: block;
    position: absolute;
    top: 0;
    left: 50px;
    border-radius: 0;
}

.mini-navbar .nav li ul li a > em::before {
    background-color: transparent;
}

.mini-navbar .nav-second-level li a > em {
    padding-left: 0;
}

.mini-navbar .nav .nav-second-level > li > a:focus > em:before {
    background-color: transparent;
}

body.mini-navbar .navbar-default .nav > li {
    margin-top: 15px;
}

body.mini-navbar .navbar-default .nav > li > .nav-second-level {
    padding-bottom: 10px;
}

body.mini-navbar .navbar-default .nav > li > .nav-second-level li {
    margin-top: 0;
}

body.mini-navbar .navbar-default .nav > li > .nav-second-level li a {
    padding: 0 10px 0 15px;
}

body.mini-navbar .admin_box {
    padding-top: 12px;
    padding-left: 12px;
}

body.mini-navbar .admin_box .admin_con {
    display: none;
}

body.mini-navbar .profile-element {
    display: block;
}

.norecords {
    border-width: 2px !important;
    display: none;
    font-weight: normal;
    margin: 5px;
    padding: 6px;
    position: absolute;
    text-align: center;
    top: 45%;
    width: 100%;
}

.r1780 .clear {
    clear: both !important;
    float: none !important;
    font-size: 0 !important;
    height: 0 !important;
    line-height: 0 !important;
    overflow: hidden !important;
}

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

::-moz-selection {
    background-color: #87D4F5;
    color: #fff;
}

::selection {
    background-color: #87D4F5;
    color: #fff;
}

.label-eBay {
    background-color: #0563d4;
}

.text-eBay {
    color: #0563d4 !important;
}

.label-Amazon {
    background-color: #f6b81d;
    color: #030303;
}

.text-Amazon {
    color: #f6b81d !important;
}

.label-Aliexpress {
    background-color: #f36d6f;
    color: #fff;
}

.text-Aliexpress {
    color: #c21f22 !important;
}

.label-Wish {
    background-color: #75b9e6;
    color: #fff;
}

.text-Wish {
    color: #75b9e6 !important;
}

.label-Dhgate {
    background-color: #f5bc32;
}

.text-Dhgate {
    color: #75b9e6 !important;
}

.label-lazada {
    background-color: #44595b;
    color: #f8862d;
}

.text-lazada {
    color: #44595b !important;
}

.text-orange {
    color: #f60 !important;
}

.text-orange:hover {
    color: #d45602 !important;
}

.label-orange, .badge-orange {
    background-color: #d45602;
    color: #fff;
}

.text-gray {
    color: #d8d8d8 !important;
}

.text-gray:hover {
    color: #ccc !important;
}

.label-gray, .badge-gray {
    background-color: #d8d8d8;
    color: #6a6a6a;
}

.text-inverse {
    color: #2a2a2a !important;
}

.text-inverse:hover {
    color: #333 !important;
}

.text-purple {
    color: #ef13b9 !important;
}

.text-purple:hover {
    color: #ef13b9 !important;
}

.label-purple, .badge-purple {
    background-color: #ef13b9;
    color: #fff;
}

.label-mabang {
    background-color: #202020;
    color: #c71d26;
}

.label-cdiscount {
    background-color: #174680;
    color: #fba337;
}

.text-cdiscount {
    color: #174680 !important;
}

.label-ensogo {
    background-color: #c40d45;
    color: #fff;
}

.text-ensogo {
    color: #c40d45 !important;
}

.label-linio {
    background-color: #fe5e00;
    color: #fff;
}

.text-linio {
    color: #fe5e00 !important;
}

.container-fluid .badge, .container-fluid .label {
    line-height: 14px;
    font-size: 12px;
}

.container-fluid .btn .badge, .container-fluid .btn .label {
    line-height: 1.7;
}

.bgcolor-muted {
    background-color: #dde4e6 !important;
    border-color: #dde4e6 !important;
    color: #b1c2c6 !important;
}

.underline, .underline:hover {
    text-decoration: underline;
}

.fsize12 {
    font-size: 12px;
}

.fsize14 {
    font-size: 14px;
}

.badge-white, .hasnotification-white, .label-white, .badge-white {
    background-color: #fff;
    color: #999;
    font-size: 12px;
}

.label-primary .badge-white {
    color: #00b1e1;
}

.label-danger .badge-white {
    color: #ed5466;
}

.label-purple .badge-white {
    color: #ef13b9;
}

.label-info .badge-white {
    color: #63d3e9;
}

.text-warning, .text-warning:hover {
    color: #a87a01 !important;
}

.btn.btn-warning {
    color: #000;
    text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.3);
}

.btn.btn-warning:hover, .btn.btn-warning:focus, .btn.btn-warning:active, .btn.btn-warning.active, .open .dropdown-toggle.btn.btn-warning {
    color: #000;
}

.btn.btn-white {
    color: #6a6a6a;
    text-shadow: none;
    background-color: #fff;
    border-color: #cfd9db;
}

.btn.btn-white:hover, .btn.btn-white:focus, .btn.btn-white:active, .btn.btn-white.active, .open .dropdown-toggle.btn.btn-white {
    color: #000;
}

.btn.btn-link {
    color: #00b1e1;
    text-shadow: none;
    background-color: transparent;
    border-color: transparent;
}

.btn.btn-link:hover, .btn.btn-link:focus, .btn.btn-link:active, .btn.btn-link.active, .open .dropdown-toggle.btn.btn-link {
    color: #444;
}

.btn:focus, .btn:active {
    outline: none;
}

.fr {
    float: right;
}

.fl {
    float: left;
}

body .btn-default.active, body .btn-default.active[disabled], body fieldset[disabled] .btn-default.active, body fieldset[disabled] {
    background-color: #c0c0c0;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.7);
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3) inset;
    -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3) inset;
    -ms-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3) inset;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3) inset;
    border-color: #999;
}

#main .page-nav .btn-default.active {
    z-index: 0;
}

#main .page-nav .input-group .form-control {
    z-index: 0;
}

.filter-group {
    position: relative;
}

.clear-word {
    position: absolute;
    line-height: 32px;
    right: 5px;
    top: 0;
    font-size: 18px;
    z-index: 2;
    color: #999;
    cursor: pointer;
    display: none;
}

.hr-33 {
    height: 33px !important;
}

body .tooltip, body .popover {
    z-index: 1051;
}

.tooltip .btn-close {
    position: absolute;
    right: -8px;
    top: -6px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    line-height: 19px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    background-color: #000;
    cursor: pointer;
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    transform: scale(0.7);
}

.tooltip .btn-close:hover {
    background-color: #333;
    color: #fff;
}

.popover .popover-content {
    word-break: break-all;
    word-wrap: break-word;
}

.popover.popovertip {
    border-color: #ed5466;
}

.popover.popover.right > .arrow {
    border-right-color: #ed5466;
}

.popover.popovertip .popover-content {
    color: #ed5466;
    font-weight: bold;
}

.popover.popovertip .btn-remove {
    display: block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #ed5466;
    line-height: 18px;
    text-align: center;
    position: absolute;
    right: -8px;
    top: -8px;
    color: #fff;
    font-size: 12px;
    cursor: pointer;
}

.key {
    margin: 0 5px;
    padding: 0 5px;
    font-weight: bold;
    text-align: center;
    font-size: 11px;
    font-family: Tahoma, Geneva, sans-serif;
    color: #777;
    background: #EFF0F2;
    border-top: 1px solid #F5F5F5;
    text-shadow: 0 1px 0 #F5F5F5;
    -webkit-box-shadow: inset 0 0 15px #eee, 0 1px 0 #c3c3c3, 0 2px 0 #c9c9c9, 0 2px 3px #333;
    -moz-box-shadow: inset 0 0 25px #eee, 0 1px 0 #c3c3c3, 0 2px 0 #c9c9c9, 0 2px 3px #333;
    box-shadow: inset 0 0 25px #eee, 0 1px 0 #c3c3c3, 0 2px 0 #c9c9c9, 0 2px 3px #333;
    display: inline-block;
    border-radius: 1px;
}

.current-set {
    text-align: center;
    padding: 7px 0 7px 15px;
    line-height: 20px;
    color: #999;
    display: inline-block;
    float: left;
}

.col-custom-1, .col-custom-10, .col-custom-11, .col-custom-2, .col-custom-3, .col-custom-4, .col-custom-5, .col-custom-6, .col-custom-7, .col-custom-8, .col-custom-9 {
    float: left;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

.table-layout > .col-custom-1, .table-layout > .col-custom-10, .table-layout > .col-custom-11, .table-layout > .col-custom-2, .table-layout > .col-custom-3, .table-layout > .col-custom-4, .table-layout > .col-custom-5, .table-layout > .col-custom-6, .table-layout > .col-custom-7, .table-layout > .col-custom-8, .table-layout > .col-custom-9 {
    display: table-cell;
    float: none;
    table-layout: fixed;
    vertical-align: middle;
}

.col-custom-12 {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

.col-custom-1 {
    width: 8.3333%;
}

.col-custom-2 {
    width: 16.6667%;
}

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

.col-custom-4 {
    width: 33.3333%;
}

.col-custom-5 {
    width: 41.6667%;
}

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

.col-custom-7 {
    width: 58.3333%;
}

.col-custom-8 {
    width: 66.3337%;
}

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

.col-custom-10 {
    width: 83.3333%;
}

.col-custom-11 {
    width: 91.6667%;
}

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

.pct60 {
    width: 60%;
}

.pct50 {
    width: 50%;
}

.pct40 {
    width: 40%;
}

.pct30 {
    width: 30%;
}

.pct20 {
    width: 20%;
}

.pct15 {
    width: 15%;
}

.pct12 {
    width: 12%;
}

.pct10 {
    width: 10%;
}

.pct8 {
    width: 8%;
}

.pct6 {
    width: 6%;
}

.pct4 {
    width: 4%;
}

.pct2 {
    width: 2%;
}

.group-nodata, .group-success, .group-warning, .group-error {
    min-height: 70px;
    line-height: 24px;
}

.group-nodata i, .group-success i, .group-warning i, .group-error i {
    float: left;
    font-size: 3.5em;
    line-height: 40px;
    padding: 10px;
    filter: alpha(opacity=30);
    -moz-opacity: .3;
    -khtml-opacity: .3;
    opacity: .3;
}

.group-nodata {
    background-color: #fff;
    border-color: #e0e0e0;
    color: #6A6A6A !important;
}

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

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

.label-word {
    background: #efefef none repeat scroll 0 0;
    border-radius: 3px;
    color: #333;
    display: inline-block;
    line-height: 22px;
    margin: 0 4px 3px 0;
    padding: 1px 5px;
    vertical-align: baseline;
}

.label-word .close {
    margin-left: 5px;
}

#floatingCirclesG {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -75px;
    margin-left: -75px;
    width: 150px;
    height: 150px;
    -moz-transform: scale(0.6);
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -o-transform: scale(0.6);
    transform: scale(0.6);
}

.f_circleG {
    position: absolute;
    background-color: #00B1E1;
    height: 27px;
    width: 27px;
    -moz-border-radius: 14px;
    -moz-animation-name: f_fadeG;
    -moz-animation-duration: 1.04s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: linear;
    -webkit-border-radius: 14px;
    -webkit-animation-name: f_fadeG;
    -webkit-animation-duration: 1.04s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: linear;
    -ms-border-radius: 14px;
    -ms-animation-name: f_fadeG;
    -ms-animation-duration: 1.04s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-direction: linear;
    -o-border-radius: 14px;
    -o-animation-name: f_fadeG;
    -o-animation-duration: 1.04s;
    -o-animation-iteration-count: infinite;
    -o-animation-direction: linear;
    border-radius: 14px;
    animation-name: f_fadeG;
    animation-duration: 1.04s;
    animation-iteration-count: infinite;
    animation-direction: linear;
}

#frotateG_01 {
    left: 0;
    top: 61px;
    -moz-animation-delay: .39s;
    -webkit-animation-delay: .39s;
    -ms-animation-delay: .39s;
    -o-animation-delay: .39s;
    animation-delay: .39s;
}

#frotateG_02 {
    left: 18px;
    top: 18px;
    -moz-animation-delay: .52s;
    -webkit-animation-delay: .52s;
    -ms-animation-delay: .52s;
    -o-animation-delay: .52s;
    animation-delay: .52s;
}

#frotateG_03 {
    left: 61px;
    top: 0;
    -moz-animation-delay: .65s;
    -webkit-animation-delay: .65s;
    -ms-animation-delay: .65s;
    -o-animation-delay: .65s;
    animation-delay: .65s;
}

#frotateG_04 {
    right: 18px;
    top: 18px;
    -moz-animation-delay: .78s;
    -webkit-animation-delay: .78s;
    -ms-animation-delay: .78s;
    -o-animation-delay: .78s;
    animation-delay: .78s;
}

#frotateG_05 {
    right: 0;
    top: 61px;
    -moz-animation-delay: .91s;
    -webkit-animation-delay: .91s;
    -ms-animation-delay: .91s;
    -o-animation-delay: .91s;
    animation-delay: .91s;
}

#frotateG_06 {
    right: 18px;
    bottom: 18px;
    -moz-animation-delay: 1.04s;
    -webkit-animation-delay: 1.04s;
    -ms-animation-delay: 1.04s;
    -o-animation-delay: 1.04s;
    animation-delay: 1.04s;
}

#frotateG_07 {
    left: 61px;
    bottom: 0;
    -moz-animation-delay: 1.17s;
    -webkit-animation-delay: 1.17s;
    -ms-animation-delay: 1.17s;
    -o-animation-delay: 1.17s;
    animation-delay: 1.17s;
}

#frotateG_08 {
    left: 18px;
    bottom: 18px;
    -moz-animation-delay: 1.3s;
    -webkit-animation-delay: 1.3s;
    -ms-animation-delay: 1.3s;
    -o-animation-delay: 1.3s;
    animation-delay: 1.3s;
}

@-moz-keyframes f_fadeG {
    0% {
        background-color: #FFF;
    }
    100% {
        background-color: #00B1E1;
    }
}

@-webkit-keyframes f_fadeG {
    0% {
        background-color: #FFF;
    }
    100% {
        background-color: #00B1E1;
    }
}

@-ms-keyframes f_fadeG {
    0% {
        background-color: #FFF;
    }
    100% {
        background-color: #00B1E1;
    }
}

@-o-keyframes f_fadeG {
    0% {
        background-color: #FFF;
    }
    100% {
        background-color: #00B1E1;
    }
}

@keyframes f_fadeG {
    0% {
        background-color: #FFF;
    }
    100% {
        background-color: #00B1E1;
    }
}

body #gritter-notice-wrapper {
    right: 50%;
    margin-right: -225px;
    width: 450px;
}

.gritter-item-wrapper.gritter-success {
    background: #e0f0cf;
    padding-left: 35px;
    color: #4e7325;
    border: 3px solid #d2e8b8;
}

.gritter-item-wrapper.gritter-success .gritter-item {
    color: #4e7325;
}

.gritter-item-wrapper.gritter-success:before {
    position: absolute;
    left: 15px;
    top: 12px;
    content: "\e370";
    font-family: 'iconfont';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    font-size: 2em;
    text-transform: none;
    speak: none;
}

.gritter-item-wrapper.gritter-success .gritter-close {
    color: #4e7325;
    background-color: #d2e8b8;
    transition: all .5s ease 0s;
    display: block !important;
}

.gritter-item-wrapper.gritter-success .gritter-close:hover {
    color: #fff;
    background-color: #4e7325;
}

.gritter-item-wrapper.gritter-error {
    background: #fcdee2;
    padding-left: 35px;
    color: #e8263d;
    border: 3px solid #faccd1;
}

.gritter-item-wrapper.gritter-error .gritter-item {
    color: #e8263d;
}

.gritter-item-wrapper.gritter-error:before {
    position: absolute;
    left: 15px;
    top: 12px;
    content: "\e36c";
    font-family: 'iconfont';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    font-size: 2em;
    text-transform: none;
    speak: none;
}

.gritter-item-wrapper.gritter-error .gritter-close {
    color: #e8263d;
    background-color: #faccd1;
    transition: all .5s ease 0s;
    display: block !important;
}

.gritter-item-wrapper.gritter-error .gritter-close:hover {
    color: #fff;
    background-color: #e8263d;
}

.gritter-item-wrapper.gritter-warning {
    background: #fff9ea;
    padding-left: 35px;
    color: #da9e00;
    border: 2px solid #fff3d5;
}

.gritter-item-wrapper.gritter-warning .gritter-item {
    color: #da9e00;
}

.gritter-item-wrapper.gritter-warning:before {
    position: absolute;
    left: 15px;
    top: 12px;
    content: "\e355";
    font-family: 'iconfont';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    font-size: 2em;
    text-transform: none;
    speak: none;
}

.gritter-item-wrapper.gritter-warning .gritter-close {
    color: #da9e00;
    background-color: #fff3d5;
    transition: all .5s ease 0s;
    display: block !important;
}

.gritter-item-wrapper.gritter-warning .gritter-close:hover {
    color: #fff;
    background-color: #da9e00;
}

body #gritter-notice-wrapper .gritter-item-wrapper.gritter-light {
    width: 300px;
    margin: 0;
    right: 20px;
    top: auto;
    bottom: 20px;
    position: fixed;
    background-color: #e9f9fc;
}

.gritter-item-wrapper.gritter-light:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 40px;
    background-color: #00b1e1;
    content: "";
}

.gritter-item-wrapper.gritter-light {
    border: 2px solid #00b1e1;
}

.gritter-item-wrapper.gritter-light p {
    line-height: 1.5em;
}

.gritter-item-wrapper.gritter-light .gritter-item {
    margin-top: 35px;
    padding-left: 90px;
    position: relative;
}

.gritter-item-wrapper.gritter-light .gritter-item:before {
    position: absolute;
    color: #ed5466;
    left: 20px;
    top: 15px;
    content: "\e6d1";
    font-family: 'iconfont';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    font-size: 6em;
    text-transform: none;
    speak: none;
    z-index: 1;
}

.gritter-item-wrapper.gritter-light .gritter-item p {
    color: #000;
}

.gritter-item-wrapper.gritter-light .gritter-close {
    color: #fff;
    transition: all .5s ease 0s;
    display: block !important;
    position: absolute;
    right: 10px;
    top: -25px;
    z-index: 2;
}

.gritter-item-wrapper.gritter-light .gritter-item .btn-primary {
    float: right;
}

.gritter-item-wrapper.gritter-light .gritter-item .gritter-title {
    position: absolute;
    color: #fff;
    font-size: 24px;
    padding: 0 25px 0 10px;
    height: 40px;
    line-height: 40px;
    top: -36px;
    left: 0;
    font-family: Microsoft YaHei, Arial, Helvetica, sans-serif;
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    z-index: 1;
}

.gritter-with-image p, .gritter-without-image p {
    word-break: break-all;
    word-wrap: break-word;
}

.gritter-rank {
    display: none;
    width: 300px;
    margin: 0;
    right: 20px;
    top: auto;
    bottom: 20px;
    position: fixed;
    background-color: #fff;
    border: #91c854 1px solid;
    -webkit-box-shadow: 0 0 0 6px #e0f0cf;
    -moz-box-shadow: 0 0 0 6px #e0f0cf;
    box-shadow: 0 0 0 6px #e0f0cf;
    border-radius: 5px;
}

.gritter-rank .gritter-item {
    color: #666;
    text-align: center;
    line-height: 180%;
    font-size: 12px;
    padding: 10px 5px;
    position: relative;
}

.gritter-rank .gritter-title {
    width: 356px;
    display: block;
    font-weight: bold;
    line-height: 27px;
    padding: 0 30px 13px;
    height: 40px;
    color: #fff;
    background: url(../image/rank_bg.png) top center no-repeat;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
    position: relative;
    margin-left: -34px;
}

.gritter-rank .gritter-title i {
    font-size: 16px;
    color: #f6b81d;
    padding: 0 2px;
}

.gritter-rank .gritter-item .btn-close {
    border-radius: 3px;
    padding: 0;
    font-weight: bold;
    font-size: 20px;
    height: 20px;
    line-height: 20px;
    position: absolute;
    text-align: center;
    width: 20px;
    display: block;
    color: #91c854;
    border: 1px solid #91c854;
    background-color: #e0f0cf;
    top: -15px;
    right: -10px;
}

.gritter-rank .gritter-item .btn-close:hover {
    background-color: #91c854;
    color: #fff;
}

.gritter-rank .gritter-item .refund-group {
    border-radius: 0 0 5px 5px;
    border: 1px solid #91c854;
    max-height: 200px;
    overflow-y: auto;
    display: block;
}

.gritter-rank .gritter-item .refund-group.productTr {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.gritter-rank .gritter-item .group-title {
    padding: 2px 10px;
    font-weight: bold;
    background-color: #91c854;
    color: #fff;
    position: relative;
    display: block;
    border-radius: 5px 5px 0 0;
}

.gritter-rank .gritter-item .single-store {
    font-size: 14px;
    line-height: 1.5;
    font-weight: bold;
}

.gritter-rank .gritter-item .refund-group .group {
    padding: 5px;
    background-color: #e0f0cf;
    display: block;
}

.gritter-rank .gritter-item .refund-group .group + .group {
    margin-top: 5px;
}

.gritter-rank .gritter-item .refund-group .table td {
    word-break: break-all;
    word-wrap: break-word;
}

.loading {
    display: none;
    border-radius: 3px;
    background-color: #fff;
    padding-right: 5px;
    padding-left: 42px;
    color: #5e5e5e;
    position: relative;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}

.loading i {
    position: absolute;
    top: 11px;
    left: 18px;
    font-size: 18px;
    -webkit-animation: loadrotate 3s linear infinite;
    -moz-animation: loadrotate 3s linear infinite;
    animation: loadrotate 3s linear infinite;
}

.loading_large {
    bottom: 0;
    display: none;
    left: 0;
    outline: 0 none;
    overflow-x: auto;
    overflow-y: scroll;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1050;
}

.loading_text {
    display: inline-block;
    border-radius: 30px;
    background-color: #000;
    padding: 10px 20px 10px 55px;
    line-height: 30px;
    color: #fff;
    position: relative;
    font-size: 1.5em;
    font-family: Microsoft JhengHei, Arial, Helvetica, sans-serif;
    filter: alpha(opacity:50);
    opacity: .5;
    border: 5px solid rgba(255, 255, 255, 0.5);
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 999;
    margin-left: -130px;
    margin-top: -30px;
}

.loading_text i {
    position: absolute;
    font-size: 1.2em;
    top: 13px;
    left: 20px;
    -webkit-animation: loadrotate 3s linear infinite;
    -moz-animation: loadrotate 3s linear infinite;
    animation: loadrotate 3s linear infinite;
}

@-webkit-keyframes loadrotate {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes loadrotate {
    from {
        -moz-transform: rotate(0deg);
    }
    to {
        -moz-transform: rotate(360deg);
    }
}

@keyframes loadrotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

#main .indicator > .spinner, .modal .indicator > .spinner {
    background-position: left center;
    color: #666;
    font-size: 20px;
    font-weight: bold;
    line-height: 32px;
    margin-left: -90px;
    padding-left: 40px;
    width: 180px;
}

.jqstooltip {
    width: auto !important;
}

.example-group:after {
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    border-radius: 4px 0;
    color: #9da0a4;
    content: "绀轰緥";
    font-size: 12px;
    font-weight: bold;
    left: -1px;
    padding: 3px 7px;
    position: absolute;
    top: -1px;
}

.example-group {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 30px 10px 10px;
    position: relative;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-state-default {
    cursor: default;
}

.crumbs {
    text-align: center;
    margin-bottom: 10px;
}

.crumbs ul {
    list-style: none;
    display: inline-table;
    padding: 0;
}

.crumbs ul li {
    display: inline;
}

.crumbs ul li a {
    display: block;
    float: left;
    height: 34px;
    line-height: 24px;
    background: #e0e0e0;
    text-align: center;
    padding: 5px 60px 5px 80px;
    position: relative;
    margin: 0 5px 0 0;
    text-decoration: none;
    color: #6a6a6a;
    font-size: 1.1em;
    font-weight: bold;
}

.crumbs ul li a:after {
    content: "";
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-left: 17px solid #e0e0e0;
    position: absolute;
    right: -17px;
    top: 0;
    z-index: 1;
}

.crumbs ul li a:before {
    content: "";
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-left: 17px solid #fff;
    position: absolute;
    left: 0;
    top: 0;
}

.crumbs ul li:first-child a {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.crumbs ul li:first-child a:before {
    display: none;
}

.crumbs ul li:last-child a {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.crumbs ul li:last-child a:after {
    display: none;
}

.crumbs ul li a:hover {
    background: #d9d9d9;
}

.crumbs ul li a:hover:after {
    border-left-color: #d9d9d9;
}

.crumbs ul li.active a {
    background: #bce8f1;
    color: #00b1e1;
}

.crumbs ul li.active a:after {
    border-left-color: #bce8f1;
}

.crumbs.nolink ul li a {
    cursor: default;
}

.page-navigation {
    width: 100%;
    height: 39px;
    position: relative;
}

.page-navigation li.scroll-item {
    width: 120px;
}

.page-navigation .nav.nav-pills li.scroll-item + li.scroll-item {
    margin-left: 0;
}

.page-navigation li.scroll-item a {
    margin: 0 5px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.page-navigation .scrollnav {
    height: 39px;
    overflow: hidden;
    position: relative;
    margin: 0 35px;
}

.page-navigation .scrollnav .nav {
    position: absolute;
    left: 0;
    top: 0;
}

.page-navigation .next, .page-navigation .prev {
    position: absolute;
    top: 0;
    width: 30px;
    text-align: center;
    line-height: 39px;
    background-color: #f8f8f8;
    color: #00B1E1;
    border-radius: 3px;
}

.page-navigation .next:hover, .page-navigation .prev:hover {
    color: #009DC8;
    background-color: #fff;
}

.page-navigation .next.disabled, .page-navigation .prev.disabled, .page-navigation .next.disabled:hover, .page-navigation .prev.disabled:hover {
    color: #ccc;
    cursor: default;
    background-color: #f8f8f8;
}

.page-navigation .next {
    right: 0;
}

.page-navigation .prev {
    left: 0;
}

.panel-body .page-navigation .next, .page-navigation .prev {
    background-color: #f0f0f0;
}

.panel-body .page-navigation .next:hover, .panel-body .page-navigation .prev:hover {
    color: #fff;
    background-color: #00b1e1;
}

.panel-body .page-navigation .next.disabled, .panel-body .page-navigation .prev.disabled, .panel-body .page-navigation .next.disabled:hover, .panel-body .page-navigation .prev.disabled:hover {
    color: #ccc;
    cursor: default;
    background-color: #f0f0f0;
}

.panel-body .page-navigation .nav li a {
    background-color: #f0f0f0;
}

.panel-body .page-navigation .nav li a:hover {
    background-color: #e8e8e8;
}

.popmenu {
    padding: 3px;
    position: fixed;
    top: 10px;
    right: -2px;
    background-color: #fff;
    z-index: 10000;
    border-radius: 20px 0 0 20px;
    border: 2px solid #ccc;
}

.popmenu .btn-group {
    margin-right: 0;
    transition: all .5s ease 0s;
}

.popmenu .menushow {
    color: #fff;
    position: relative;
    z-index: 1001;
    display: block;
    width: 30px;
    text-align: center;
    border-radius: 50%;
    background-color: #ccc;
    overflow: hidden;
    text-decoration: none;
    line-height: 30px;
    cursor: pointer;
    transition: all .5s ease 0s;
}

.popmenu:hover .menushow {
    background-color: #00B1E1;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
}

.popmenu:hover .btn-group {
    margin-right: 10px;
}

.popmenu .dropdown-menu {
    top: 10px;
    right: 10px;
}

.popmenu.opened .btn-group {
    margin-right: 10px;
}

.form-horizontal.form-bordered.min .form-group {
    padding-top: 5px;
    padding-bottom: 5px;
}

.form-horizontal.form-bordered.min .form-group.title {
    padding-top: 10px;
    padding-bottom: 10px;
}

.form-horizontal.form-bordered.min .form-group .control-label {
    padding-top: 8px;
}

body.login-page {
    background: #fff;
}

.login-page .login-header {
    background: #ecf0f1 url(../image/register_bg.jpg) center bottom no-repeat;
    padding: 50px 0 30px 0;
    position: relative;
    text-align: center;
}

.login-page .login-header img {
    height: 70px;
}

.login-page .login-header:after {
    border-color: #ecfbfc transparent transparent;
    border-style: solid;
    border-width: 13px 12.5px 0;
    bottom: -13px;
    content: "";
    height: 0;
    left: 50%;
    margin-left: -12.5px;
    position: absolute;
    width: 0;
}

.login-page .login-header p {
    padding: 10px 20px 0;
    color: #949494;
    font-size: 14px;
}

.loginform {
    width: 480px;
    margin: 0 auto;
}

.login-page .panel {
    background-color: transparent;
    border-radius: 0;
    border: 0 none;
    margin: 0;
}

.login-page .panel label, .login-page .panel label {
    color: #949494;
}

.login-page .panel .custom-checkbox > label:before {
    border-color: #949494;
}

.login-page .panel hr {
    border-color: #ccc;
}

.login-page .panel p {
    color: #949494;
}

.login-page .panel .form-group .form-control {
    transition: border-color .15s ease-in-out 0s, box-shadow .15s ease-in-out 0s;
    background-color: #fff;
    font-size: 14px;
    box-shadow: none;
    border-radius: 4px;
    border: 1px solid #cfd9db;
    padding-left: 100px;
}

.login-page .panel .form-control:focus {
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    transition: border-color .15s ease-in-out 0s, box-shadow .15s ease-in-out 0s;
}

.login-page .panel .form-group .has-icon .form-control-icon {
    width: 90px;
    text-align: left;
    padding-left: 15px;
    font-weight: bold;
}

.login-page .panel .form-group .form-control.parsley-error {
    z-index: 2;
}

.login-page .panel .form-group .form-control:focus {
    border-color: #00b1e1;
}

.login-page .panel .form-group.btn-toolbar {
    margin: 0 0 15px 0;
}

.login-page .panel .form-group .btn-group {
    float: inherit;
    display: block;
    margin: 0;
}

.login-page .panel .form-group .btn-group .dropdown-menu {
    width: 100%;
}

.login-page .panel .form-group .btn-lg {
    position: relative;
    font-family: Microsoft JhengHei, Arial, Helvetica, sans-serif;
    transition: border-color .15s ease-in-out 0s, box-shadow .15s ease-in-out 0s;
}

.login-page .panel .form-group .btn-lg i {
    position: absolute;
    right: 15px;
    top: 10px;
    font-size: 1.2em;
}

.login-page .panel .form-group .btn-light {
    background-color: transparent;
    border-color: #495363;
    color: #ccc;
    text-shadow: none;
    transition: border-color .15s ease-in-out 0s, box-shadow .15s ease-in-out 0s;
}

.login-page .panel .form-group .btn-light:hover {
    background-color: #373e4a;
    color: #fff;
}

.form-stack.mobile-group {
    display: table;
    border-collapse: separate;
    width: 100%;
}

.login-page .panel .form-stack.mobile-group input.form-control {
    border-radius: 4px 0 0 4px;
}

.form-stack.mobile-group .input-group-btn .btn {
    height: 46px;
    margin-top: -1px;
    z-index: 1;
    position: relative;
}

.form-stack .mobile-info {
    position: absolute;
    right: 20px;
    top: 12px;
}

.error-page {
    background: #303641 url(../image/404_bg.jpg) center 30px no-repeat;
}

.error-page .panel-body .longshadow, .loading-page .panel-body .longshadow, #function .longshadow {
    color: #00B1E1;
    text-shadow: #375a69 1px 1px, #375a69 2px 2px, #375a69 3px 3px, #375a69 4px 4px, #375a69 5px 5px, #375a69 6px 6px, #375a69 7px 7px, #375a69 8px 8px, #375a69 9px 9px, #375a69 10px 10px;
}

.error-page .panel-body h4, .loading-page .panel-body h4 {
    line-height: 30px;
    color: #fff;
}

.fsize112.loadrotate {
    color: #00B1E1;
    position: absolute;
    left: 50%;
    margin-left: -60px;
    -webkit-animation: loadrotate 5s linear infinite;
    -moz-animation: loadrotate 5s linear infinite;
    animation: loadrotate 5s linear infinite;
}

.error {
    color: #ed5466;
}

.loading-page {
    background-color: #303641;
}

.loading-invert .panel-body h4, .loading-invert .panel-body h1 {
    color: #00b1e1;
}

body #main > .container, body #main > .container-fluid {
    padding: 5px 15px 5px;
}

.container-fluid .panel {
    margin-bottom: 10px;
}

#main .panel-footer {
    padding-top: 5px;
    padding-bottom: 5px;
}

.page-header .title {
    font-size: 20px;
    font-weight: normal;
}

.page-header.page-header-block {
    padding: 2px 15px 3px;
}

#main .panel.panel-primary .table tr > th, #main .panel.panel-primary .table > thead > tr > th, #main .panel.panel-primary .table > thead > tr.active > th {
    background-color: #f5f5f5;
    border-bottom-width: 2px;
    border-color: #cfd9db;
    color: #5e5e5e;
    font-weight: bold;
}

#main .productTr .table > thead > tr.active > th {
    background-color: #f5f5f5 !important;
}

.panel .dataTables_wrapper .table {
    border-bottom: 1px solid #cfd9db;
    border-top: 1px solid #cfd9db;
    border-width: 1px 0;
}

.table-striped tr.disabled td {
    background-color: #f2f2f2 !important;
    color: #a2a2a2;
}

.report-list td, .report-list th {
    border: 1px solid #cfd9db;
}

.report-list tr td:first-child, .report-list tr th:first-child {
    border-left: 0;
}

.report-list tr td:last-child, .report-list tr th:last-child {
    border-right: 0;
}

.report-list tr:last-child td {
    border-bottom: 0;
}

#main .dataTables_wrapper .dataTables_paginate, #main .dataTables_wrapper .dataTables_info, #main .dataTables_wrapper .dataTables_length, #main .dataTables_wrapper .dataTables_filter {
    padding-top: 5px;
    padding-bottom: 5px;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu > .dropdown-menu {
    border-radius: 0 6px 6px;
    left: 100%;
    margin-left: -1px;
    margin-top: -6px;
    top: 0;
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

.dropdown-submenu:hover {
    background-color: #f5f5f5;
    color: #262626;
}

.dropup .dropdown-submenu > .dropdown-menu {
    border-radius: 5px 5px 5px 0;
    bottom: 0;
    margin-bottom: -2px;
    margin-top: 0;
    top: auto;
}

.dropdown-submenu > a:after {
    border-color: transparent transparent transparent #ccc;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    content: " ";
    display: block;
    float: right;
    height: 0;
    margin-right: -10px;
    margin-top: 5px;
    width: 0;
}

.dropdown-submenu:hover > a:after {
    border-left-color: #999;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
    border-radius: 6px 0 6px 6px;
    left: -100%;
    margin-left: 10px;
}

.dropdown .dropdown-menu .nav-header {
    padding-left: 20px;
    padding-right: 20px;
}

.multiple-group {
    display: block;
    width: 100%;
    height: 34px;
}

.multiple-group .dropdown-toggle {
    display: block;
    width: 100%;
    position: relative;
    text-align: left;
}

.multiple-group .dropdown-toggle .choice {
    position: absolute;
    right: 10px;
    top: 6px;
}

.multiple-group .dropdown-menu {
    min-width: 100%;
}

.multiple-group .dropdown-menu li .checkbox-inline {
    color: #5e5e5e;
    display: block;
    line-height: 20px;
    padding: 4px 15px 4px 30px !important;
    margin-right: 0;
}

.multiple-group .dropdown-menu li .checkbox-inline:hover {
    background-color: #f5f5f5;
    color: #262626;
}

.ibox-content .multiple-group .dropdown-menu {
    width: 160px;
}

.ibox-content .btn-group.multiple-group .dropdown-toggle {
    max-width: 140px;
}

.ibox-content .btn-group.multiple-group .dropdown-toggle .caret {
    position: inherit;
    top: auto;
    right: auto;
}

.invert-select .dropdown-menu li {
    position: relative;
}

.multiple-group.invert-select .dropdown-menu li .checkbox-inline {
    padding: 4px 55px 4px 25px !important;
    background-color: transparent;
}

.multiple-group.invert-select .dropdown-menu li .checkbox-inline input {
    margin-left: -17px;
}

.invert-select select.form-control {
    width: 50px;
    position: absolute;
    padding: 0;
    top: 2px;
    right: 3px;
    height: 24px;
    line-height: 28px;
}

.sort-group .dropdown-menu li {
    color: #5e5e5e;
    display: block;
    line-height: 30px;
    position: relative;
    padding: 3px 80px 3px 15px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sort-group .dropdown-menu li:hover {
    background-color: #f5f5f5;
    color: #262626;
}

.sort-group .dropdown-menu li .btn-group {
    position: absolute;
    right: 15px;
    top: 3px;
}

.sort-group .dropdown-menu li .btn-group .btn {
    font-size: 14px;
    padding: 5px 10px;
    width: 34px;
}

.search-panel {
    margin-bottom: 10px;
}

.search-panel .input-group .form-control {
    z-index: 0;
}

.ibox-content .multiple-group, .large-list-title .multiple-group {
    width: 130px;
    display: inline-block;
}

.ibox-content .btn-group .dropdown-toggle {
    padding: 4px 18px 4px 12px;
    max-width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*.ibox-content .btn-group .dropdown-toggle .caret{position:absolute;right:10px;top:13px;}*/
.control-label .legend {
    padding: 5px 0 0;
    line-height: 20px;
    font-weight: normal;
    color: #888;
}

.form-group .title-button {
    position: absolute;
    right: 15px;
    top: 0;
}

.advanced-select {
    position: relative;
}

.advanced-select .select-group {
    margin-left: calc(-100% + 20px);
    width: 100%;
    overflow: hidden;
}

.advanced-select .mask-input {
    width: calc(100% - 20px);
    position: absolute;
    left: 0;
    top: 0;
    border-right: 0;
    border-radius: 4px 0 0 4px;
}

.modal-large {
    width: 750px;
}

.modal-max {
    width: 1100px;
}

.modal-little {
    width: 480px;
}

#framesize {
    position: absolute;
    top: 15px;
    left: 15px;
}

.modal-open .modal-backdrop {
    background-color: rgba(229, 229, 229, 0.95);
}

.modal-dialog .modal-content {
    -moz-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.2);
}

.modal-open .modal-backdrop.in {
    opacity: .8;
}

.tips-info {
    line-height: 34px;
    font-size: 20px;
}

#main .has-tips {
    padding-right: 40px;
    position: relative;
}

#main .has-tips .tips-info {
    position: absolute;
    top: 0;
    right: 15px;
}

#flotTip {
    z-index: 1051;
}

aside.sidebar.sidebar-left.sidebar-menu {
    padding-top: 0;
    width: 220px;
    background-color: #303641;
    LEFT: 0;
}

aside.sidebar.sidebar-left.sidebar-menu + #main {
    padding-left: 220px;
}

.sidebar-minimized aside.sidebar.sidebar-left.sidebar-menu {
    padding-top: 0;
    width: 60px;
}

.sidebar-minimized aside.sidebar.sidebar-left ~ #main {
    padding-left: 60px;
}

.logo-env {
    padding: 22px 30px 0 10px;
    height: 34px;
    position: relative;
    box-sizing: content-box;
}

.logo-env .ico-qq {
    position: absolute;
    right: 10px;
    top: 25px;
    display: block;
    background: url(../image/ico_qq.png) no-repeat;
    overflow: hidden;
    width: 25px;
    height: 26px;
}

.logo-env .logo {
    margin: 0;
    line-height: 1em;
}

.logo-env .logo img {
    max-height: 34px;
}

.logo-env .btn {
    background-color: #262b34;
    color: #AAABAE;
    position: absolute;
    right: 20px;
    top: 20px;
}

.logo-env .btn:focus, .header.logo-env .btn.active:focus, header.logo-env .btn.active:focus {
    outline: 0 none;
}

.logo-env .btn:hover {
    background-color: #393e49;
    color: #fff;
}

.logo-env .btn .icon:before {
    font-family: "iconfont";
    content: "\e4f3";
}

.sidebar-minimized .sidebar.sidebar-left.sidebar-menu .logo-env {
    padding: 10px;
    background: url(../image/bs_logo_side_min.png) center no-repeat;
}

.sidebar-minimized .sidebar.sidebar-left.sidebar-menu .logo-env .btn {
    position: relative;
    top: auto;
    right: auto;
}

.sidebar-minimized .sidebar.sidebar-left.sidebar-menu .logo-env .btn .icon:before {
    padding: 0;
    content: "\e47a";
}

.account {
    margin: 10px 15px;
    padding-left: 50px;
    position: relative;
    line-height: 20px;
}

.account .accont-photo {
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50%;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
}

.account .accont-photo i {
    font-size: 24px;
    line-height: 40px;
    color: #909090;
    width: 40px;
    text-align: center;
    background-color: #ccc;
    display: block;
}

.account .accont-photo img {
    max-height: 40px;
    max-width: 40px;
    vertical-align: top;
}

.account .badge {
    font-size: 12px;
}

.account strong {
    color: #fff;
}

.account .account-ico {
    color: #5D5D5D;
    padding-left: 5px;
}

.account .account-ico:hover {
    color: #fff;
}

.account .accontdetail p {
    margin: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}

.sidebar-minimized .sidebar.sidebar-left.sidebar-menu .account {
    padding: 10px;
    margin: 0;
}

.sidebar-minimized .sidebar.sidebar-left.sidebar-menu .account .accont-photo {
    position: relative;
    left: auto;
    top: auto;
    cursor: pointer;
}

.sidebar-minimized .sidebar.sidebar-left.sidebar-menu .account:hover:before {
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 0;
    margin-top: -8px;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 8px 8px 0;
    border-color: transparent #2b303a transparent transparent;
    -webkit-box-shadow: inset 1px 0 4px 0 #1d1d1d;
    box-shadow: inset 1px 0 4px 0 #1d1d1d;
}

.sidebar-minimized .sidebar.sidebar-left.sidebar-menu .account .accontdetail {
    display: none;
    position: absolute;
    left: 60px;
    top: 0;
    padding: 10px;
    background-color: #2b303a;
    border-radius: 0 3px 3px 0;
}

.sidebar-minimized .sidebar.sidebar-left.sidebar-menu .account:hover .accontdetail {
    display: block;
}

.qrcode {
    margin: 20px auto 0;
    width: 110px;
    height: 51px;
    background: url(../image/qr_bg.png) 0 center no-repeat;
    cursor: default;
    display: block;
}

.qrcode img {
    margin-left: 55px;
    -moz-box-shadow: 0 0 5px #ccc;
    -webkit-box-shadow: 0 0 5px #ccc;
    -khtml-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px #ccc;
}

.sidebar-minimized .sidebar.sidebar-left.sidebar-menu .qrcode {
    position: relative;
    width: 30px;
    background-position: 0 center;
    cursor: pointer;
}

.sidebar-minimized .sidebar.sidebar-left.sidebar-menu .qrcode:hover:before {
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 0;
    margin-top: -8px;
    margin-right: -15px;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 8px 8px 0;
    border-color: transparent #2b303a transparent transparent;
    -webkit-box-shadow: inset 1px 0 4px 0 #1d1d1d;
    box-shadow: inset 1px 0 4px 0 #1d1d1d;
}

.sidebar-minimized .sidebar.sidebar-left.sidebar-menu .qrcode img {
    display: none;
    margin: 0;
    position: absolute;
    padding: 10px;
    border-radius: 0 3px 3px 0;
    top: 0;
    left: 45px;
    background-color: #2b303a;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -khtml-box-shadow: none;
    box-shadow: none;
}

.sidebar-minimized .sidebar.sidebar-left.sidebar-menu .qrcode:hover img {
    display: block;
}

aside.sidebar.sidebar-left.sidebar-menu .topmenu {
    background-color: #303641;
}

aside.sidebar.sidebar-left.sidebar-menu .topmenu li a {
    color: #AAABAE;
    transition: all .5s ease 0s;
}

aside.sidebar.sidebar-left.sidebar-menu .topmenu li a:hover, aside.sidebar.sidebar-left.sidebar-menu .topmenu li .submenu li a:hover {
    color: #fff;
}

aside.sidebar.sidebar-left.sidebar-menu .topmenu li.active > a {
    color: #fff;
}

aside.sidebar.sidebar-left.sidebar-menu .topmenu li li.active > a:before {
    border-color: transparent #ecf0f1 transparent transparent;
    border-style: solid;
    border-width: 12px 8px 12px 0;
    content: "";
    height: 0;
    margin-top: -12px;
    position: absolute;
    right: 0;
    top: 50%;
    width: 0;
}

aside.sidebar.sidebar-left.sidebar-menu .topmenu li a > .arrow {
    color: #AAABAE;
}

aside.sidebar.sidebar-left.sidebar-menu .topmenu li a > .figure {
    padding-left: 5px;
    width: 30px;
}

aside.sidebar.sidebar-left.sidebar-menu .topmenu li > .submenu li a {
    padding-left: 5px;
}

aside.sidebar.sidebar-left.sidebar-menu .topmenu li.active {
    background-color: #39404d;
}

aside.sidebar.sidebar-left.sidebar-menu .topmenu li.active li {
    background-color: transparent;
}

aside.sidebar .topmenu li > .submenu {
    background-color: #22262e;
}

aside.sidebar .topmenu li > .submenu li:after {
    top: 11px;
    background-color: #555;
    left: -17px;
}

aside.sidebar .topmenu li > .submenu:after {
    border-color: #333;
    left: 27px;
}

aside.sidebar .topmenu li > .submenu li.active:after {
    color: #00b6ad;
}

aside.sidebar .topmenu li > .submenu li.list:after {
    font-size: 12px;
    top: 7px;
    left: -18px;
    font-family: "iconfont";
    content: "\e61f";
    background-color: transparent;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

aside.sidebar .topmenu li > .submenu li.file:after {
    font-size: 12px;
    top: 7px;
    left: -18px;
    font-family: "iconfont";
    content: "\e086";
    background-color: transparent;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

aside.sidebar .topmenu li > .submenu li.set:after {
    font-size: 12px;
    top: 7px;
    left: -18px;
    font-family: "iconfont";
    content: "\e612";
    background-color: transparent;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.sidebar-minimized .sidebar.sidebar-left.sidebar-menu .topmenu li {
    border: 0;
}

.sidebar-minimized .sidebar .topmenu li > .submenu li:after {
    display: none;
}

.sidebar-minimized aside.sidebar.sidebar-left.sidebar-menu .topmenu li li.active > a:before {
    display: none;
}

.sidebar-minimized .sidebar .topmenu > li > a > .number {
    display: none;
}

.sidebar-minimized .sidebar.sidebar-left.sidebar-menu .topmenu li a > .figure {
    padding-left: 0;
}

.sidebar-minimized .sidebar.sidebar-left.sidebar-menu .topmenu li .submenu li a {
    padding-left: 15px;
}

.sidebar-minimized .sidebar.sidebar-left.sidebar-menu .topmenu li .submenu li .submenu li a {
    padding-left: 30px;
}

.sidebar-minimized .sidebar.sidebar-left.sidebar-menu .topmenu > li.arrow:before, .sidebar-minimized .sidebar.sidebar-left.sidebar-menu .topmenu > li.arrow:hover:before {
    border-color: rgba(0, 0, 0, 0) #2b303a rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}

body #header.navbar.navbar-fixed-top ~ #main, body .sidebar-minimized #header.navbar.navbar-fixed-top ~ #main {
    padding-top: 60px !important;
}

body #header.navbar, body #header.navbar > .navbar-toolbar, .sidebar-minimized body #header.navbar, .sidebar-minimized body #header.navbar > .navbar-toolbar {
    height: auto;
    min-height: 60px;
}

body #header.navbar > .navbar-toolbar > .navbar-nav > li > a, .sidebar-minimized body #header.navbar > .navbar-toolbar > .navbar-nav > li > a {
    height: 29px;
    line-height: 30px;
    padding: 0 10px;
    color: #333;
}

body.header-minimized #header.navbar.navbar-fixed-top ~ #main, body.header-minimized .sidebar-minimized #header.navbar.navbar-fixed-top ~ #main {
    padding-top: 30px !important;
}

body.header-minimized #header.navbar, body.header-minimized #header.navbar > .navbar-toolbar, .sidebar-minimized body.header-minimized #header.navbar, .sidebar-minimized body.header-minimized #header.navbar > .navbar-toolbar {
    min-height: 30px;
}

body #header .navbar-nav li .ico-new {
    font-size: 20px;
}

.navbar-nav .navigation a {
    float: left;
    color: #00b1e1 !important;
    padding: 0 5px !important;
}

.navbar-nav .navigation a:hover {
    color: #009dc8 !important;
}

.navbar-nav .navigation span {
    height: 29px;
    line-height: 30px;
    padding: 0 5px;
    color: #9d9d9d;
}

.navbar-nav .navigation a + a:before, .navbar-nav .navigation span:before {
    color: #ccc;
    content: "/";
    padding-right: 5px;
}

#header.navbar > .navbar-toolbar > .navbar-nav > li > a .arrow:after {
    content: "\e6be";
    vertical-align: middle;
    font-family: "iconfont";
    font-size: 12px;
    height: 12px;
}

body.no-sidebar #header.navbar > .navbar-toolbar {
    margin-left: 0;
}

body.no-sidebar .bottomblank .panel.fixedbottom {
    left: 0;
}

.navbar-nav .marquee-group {
    height: 29px;
    width: 220px;
}

.navbar-nav .marquee-group ul {
    height: 29px;
    margin: 0;
    overflow: hidden;
    position: relative;
    list-style: none;
    padding: 0;
    margin-left: 20px;
    margin-right: 5px;
}

.navbar-nav .marquee-group .marquee-icon {
    position: absolute;
    left: 0;
    top: 8px;
}

.navbar-nav .marquee-group ul li {
    float: inherit;
    white-space: nowrap;
    position: absolute;
    top: -999em;
    left: 0;
    height: 29px;
}

.navbar-nav .marquee-group ul li a {
    color: #333;
    height: 29px;
    line-height: 30px;
    padding: 0;
}

#header.navbar .alert-warning {
    background-color: #ffffc9;
    border-radius: 0;
    padding: 5px 10px;
    text-align: center;
    line-height: 19px;
    margin-bottom: 0;
    border-color: #ffd25b;
    border-width: 0 0 1px;
}

.bgcolor-store {
    background-color: #f56954 !important;
    border-color: #5CC7AC !important;
    color: #FFF !important;
}

.bgcolor-order {
    background-color: #00a65a !important;
    border-color: #edc04a !important;
    color: #FFF !important;
}

.bgcolor-product {
    background-color: #00c0ef !important;
    border-color: #de5e58 !important;
    color: #FFF !important;
}

.bgcolor-message {
    background-color: #0073b7 !important;
    border-color: #4DCDE6 !important;
    color: #FFF !important;
}

.table-responsive .price {
    font-size: 1.1em;
    color: #ED5466;
}

.dataTables_wrapper .dataTable > thead > tr > th.sorting:before, .dataTables_wrapper .dataTable > thead > tr > th.sorting_asc:before, .dataTables_wrapper .dataTable > thead > tr > th.sorting_desc:before {
    color: #fff;
}

#mainstore .text-right {
    width: 70%;
    display: inline-block;
}

#mainstore .text-right .text-muted {
    padding: 0 5px;
    font-size: 12px;
}

#mainstore .text-left {
    width: 30%;
    display: inline-block;
}

.mailnews .news-group {
    margin: 0;
    max-height: 278px;
    overflow: hidden;
}

.mailnews ul.list-group {
    margin-bottom: 0;
}

.mailnews ul.list-group li.list-group-item {
    border-radius: 0;
    width: 100% !important;
    border-width: 1px 0;
    overflow: hidden;
}

.mailnews ul.list-group li.list-group-item:hover {
    background-color: #fffcdd;
}

.mailnews ul.list-group li.list-group-item a {
    font-size: 13px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    display: block;
}

.mailnews ul.list-group li.list-group-item span.small {
    padding-right: 5px;
}

.mailnews ul.list-group li.list-group-item .news-info {
    display: none;
}

.mailnews ul.list-group li.list-group-item .panel-ribbon {
    height: 35px;
    right: -1px;
    overflow: hidden;
    position: absolute;
    text-decoration: none;
    top: -1px;
    width: 35px;
    z-index: 10;
}

.mailnews ul.list-group li.list-group-item .panel-ribbon:after {
    border-color: #eee transparent transparent;
    border-style: solid;
    border-width: 35px 0 0 35px;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 0;
}

.mailnews ul.list-group li.list-group-item .panel-ribbon.panel-ribbon-danger:after {
    border-color: #ed5466 transparent transparent;
}

.mailnews ul.list-group li.list-group-item .panel-ribbon span {
    color: #fff;
    font-family: tahoma;
    font-size: 10px;
    font-weight: bold;
    right: 1px;
    line-height: 20px;
    position: absolute;
    top: 2px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 1;
}

.mailnews.large-list-news ul.list-group li.list-group-item:last-child {
    border-bottom: 0;
}

.mailnews.large-list-news ul.list-group li.list-group-item a {
    font-size: 14px;
}

.mailnews.large-list-news ul.list-group li.list-group-item span.small {
    padding-right: 10px;
    font-weight: bold;
}

.container-fluid .website-notice, .container-fluid .website-notice .panel {
    margin: 0;
}

.website-notice .panel .panel-heading {
    padding-right: 100px;
    position: relative;
}

.website-notice .panel .panel-heading .panel-title {
    display: block;
    width: 100%;
    line-height: 34px;
    font-size: 12px;
}

.website-notice .panel .panel-heading .date {
    line-height: 34px;
    position: absolute;
    right: 10px;
    top: 0;
    color: #999;
}

.website-notice .panel-heading > .panel-title {
    height: 34px;
}

.website-notice .panel-heading > .panel-title .fa-plus:before {
    content: "\f068";
}

.website-notice .panel-heading > .panel-title .collapsed .fa-plus:before {
    content: "\f067";
}

.website-notice .panel-heading > .panel-title a {
    color: #000;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: normal;
}

.website-notice .panel-heading > .panel-title a:hover {
    color: #00b1e1;
}

.website-notice .panel-body {
    color: #666;
    line-height: 1.5em;
}

.mainbanner {
    background-color: #00b1e1;
    overflow: hidden;
    height: 60px;
    border-radius: 5px;
    margin-bottom: 20px;
    position: relative;
}

.mask_disc {
    background: url(../image/mainbanner_bg.png) no-repeat;
    width: 566px;
    height: 300px;
    position: absolute;
    right: -80px;
    bottom: -80px;
    z-index: 2;
}

.mask_box {
    background: url(../image/mainbanner_box.png) no-repeat;
    width: 652px;
    height: 559px;
    position: absolute;
    right: -200px;
    bottom: -180px;
    z-index: 1;
}

.mask_light {
    background: url(../image/mask_light.png) no-repeat;
    width: 800px;
    height: 800px;
    position: absolute;
    left: -350px;
    bottom: -450px;
    -webkit-opacity: .5;
    -moz-opacity: .5;
    -ms-opacity: .5;
    -o-opacity: .5;
    opacity: .5;
    z-index: 1;
    -webkit-animation: loadrotate 30s linear infinite;
    -moz-animation: loadrotate 30s linear infinite;
    animation: loadrotate 30s linear infinite;
}

.mask_node {
    width: 400px;
    height: 300px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 4;
}

.mask_node .node {
    width: 70px;
    height: 70px;
    background-color: rgba(255, 255, 255, 0.5);
    position: absolute;
    border-radius: 50%;
}

.mask_node .node span {
    display: block;
    width: 50px;
    height: 50px;
    font-size: 18px;
    margin: 10px;
    font-weight: bold;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    font-family: Microsoft JhengHei, Arial, Helvetica, sans-serif;
}

.mask_node .node.saveworry {
    top: 60px;
    left: 120px;
}

.mask_node .node.saveworry span {
    background-color: #00b1e1;
    text-shadow: 0 1px 0 #00a5d2;
}

.mask_node .node.safety {
    top: -20px;
    right: 60px;
}

.mask_node .node.safety span {
    background-color: #ffd66a;
    text-shadow: 0 1px 0 #ffd25b;
}

.mask_node .node.efficient {
    top: 150px;
    left: 200px;
}

.mask_node .node.efficient span {
    background-color: #ed5466;
    text-shadow: 0 1px 0 #ec465a;
}

.mask_node .node.simple {
    bottom: 50px;
    right: -20px;
}

.mask_node .node.simple span {
    background-color: #91c854;
    text-shadow: 0 1px 0 #8ac448;
}

.mainbanner h3 {
    margin-top: 10px;
    margin-left: 30px;
    color: #fff;
    font-size: 35px;
    font-weight: bold;
    text-shadow: 0 2px 0 #007594;
    z-index: 3;
    position: relative;
}

.mainbanner .feature {
    margin-top: 30px;
    margin-left: 0;
    z-index: 3;
    position: relative;
}

.mainbanner .feature li {
    color: #fff;
    line-height: 30px;
    margin-bottom: 5px;
    font-size: 16px;
    list-style: none;
}

.mainbanner .feature li strong {
    padding-right: 5px;
}

.timeline.main:after {
    left: 30px;
}

.timeline.main li.wrapper {
    margin-left: 65px;
}

.timeline.main .wrapper .figure {
    background-color: #ecf0f1;
    border-radius: 50%;
    box-shadow: 0 0 0 3px #ecf0f1;
    color: #b1c2c6;
    height: 34px;
    left: 30px;
    line-height: 34px;
    margin-left: -18px;
    margin-top: 5px;
    position: absolute;
    text-align: center;
    width: 34px;
    z-index: 5;
}

.timeline.main li.wrapper .panel:before {
    border-style: solid;
    content: "";
    height: 0;
    position: absolute;
    width: 0;
    border-color: transparent #cfd9db transparent transparent;
    border-width: 10px 10px 10px 0;
    left: -11px;
    top: 10px;
}

.timeline.main li.wrapper .panel:after {
    border-style: solid;
    content: "";
    height: 0;
    position: absolute;
    width: 0;
    border-color: transparent #fff transparent transparent;
    border-width: 10px 10px 10px 0;
    left: -10px;
    top: 10px;
}

.timeline.main li.wrapper .panel .panel-body {
    padding: 8px 130px 8px 90px;
}

.timeline.main li.wrapper .panel .panel-body .panel-icon {
    font-size: 3em;
    position: absolute;
    color: #e0e0e0;
    left: 20px;
    top: 20px;
}

.timeline.main li.wrapper .panel .panel-body .btn {
    position: absolute;
    right: 20px;
    bottom: 20px;
}

.timeline.main .alert-warning {
    font-size: 1.6em;
    font-family: Microsoft JhengHei, Arial, Helvetica, sans-serif;
}

#data-platform {
    width: 150px;
    display: inline-block;
    margin-bottom: -4px;
}

#main .jumbotron {
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
}

.jumbotron .photo {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 2px solid #ccc;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
}

.event-modal {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -450px;
    margin-top: -180px;
    display: none;
    z-index: 1050;
    -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.2);
}

.event-modal .modal-body {
    padding: 0;
}

.event-modal .close {
    background-color: #ccc;
    border-radius: 50%;
    box-shadow: 0 0 0 5px #fff;
    color: #fff;
    height: 30px;
    right: -20px;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: -20px;
    width: 30px;
    font-size: 2em;
    line-height: 30px;
    z-index: 1;
    transition: all .5s ease 0s;
}

.event-modal .close:hover {
    background-color: #999;
}

#shuffle-grid .shuffle {
    float: left;
    width: 300px;
    height: 100px;
    padding: 0 10px;
    margin: 15px 0;
}

#shuffle-grid .shuffle .panel-body {
    padding: 10px;
    height: 100%;
    position: relative;
    z-index: 2;
}

#shuffle-grid .shuffle img {
    max-height: 100px;
    max-width: 100px;
}

#shuffle-grid .shuffle .panel {
    padding-left: 100px;
}

#shuffle-grid .shuffle .photo {
    width: 100px;
    height: 100px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
}

#shuffle-grid .shuffle .staffinfo {
    height: 100px;
    vertical-align: middle;
}

#shuffle-grid .shuffle .text-center {
    background-color: #eee;
    background-size: contain;
}

#shuffle-grid .shuffle .text-center i {
    font-size: 5em;
    vertical-align: middle;
    color: #aaa;
    text-shadow: 0 0 5px #ccc;
}

#shuffle-grid .shuffle h5.semibold {
    line-height: 1.8em;
}

#shuffle-grid .shuffle h5.semibold .text-default {
    padding-left: 5px;
    font-weight: normal;
    font-size: 13px;
}

.loadtext {
    line-height: 24px;
    padding: 5px 0;
    margin: 0;
    color: #333;
    display: block;
}

.loadtext-sm {
    line-height: 20px;
    padding: 5px 0;
    margin: 0;
    color: #333;
    display: block;
}

.shuffle .sidelabel {
    position: absolute;
    width: 55px;
    padding-left: 5px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    right: 5px;
    border: none;
    bottom: 10px;
    line-height: 24px;
    background-color: #999;
    text-align: center;
    z-index: 1;
}

.shuffle .sidelabel:before {
    display: inline-block;
    content: "";
    position: absolute;
    top: -8px;
    left: -5px;
    border-style: solid;
    border-color: transparent #fff transparent transparent;
    border-width: 20px 12px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

.shuffle .sidelabel:after {
    display: inline-block;
    content: "";
    position: absolute;
    top: 23px;
    right: 1px;
    border-style: solid;
    border-color: transparent transparent #333 #333;
    border-width: 3px 2px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
}

#templetfile {
    position: absolute;
    z-index: 3;
    height: 34px;
    left: 0;
    top: 0;
    width: 100%;
    padding: 0;
    background: none;
    border: 0;
    filter: alpha(opacity:0);
    opacity: 0;
}

.platform-group {
    width: 530px;
    overflow: hidden;
    margin: 0 auto;
}

.platform-group .platform-label {
    border: 1px solid #e0e0e0;
    position: relative;
    float: left;
    height: 47px;
    width: 122px;
    margin: 5px;
    display: block;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all .5s ease 0s;
}

.platform-group .platform-label:last-child {
    line-height: 45px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #666;
}

.platform-group .platform-label:before {
    background-color: rgba(255, 255, 255, 0.5);
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    transition: all .5s ease 0s;
}

.platform-group .platform-label:hover {
    color: #666;
    border-color: #999;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
}

.platform-group .platform-label:hover:before {
    background-color: rgba(255, 255, 255, 0.1);
}

.platform-group .platform-label.active {
    border-color: #00b1e1;
    color: #00b1e1;
}

.platform-group .platform-label.active:before {
    display: none;
}

.platform-group .platform-label.active:after {
    position: absolute;
    right: 2px;
    bottom: -5px;
    font-size: 20px;
    content: "\e72a";
    font-family: "iconfont";
    color: #00b1e1;
}

#full_calendar .fc-event {
    font-size: 12px;
}

#full_calendar .fc-event .removeevent {
    display: none;
    border: 0;
    background: none;
    margin: 0;
    position: absolute;
    right: 5px;
    top: 3px;
    padding: 3px;
    z-index: 10;
}

#full_calendar .fc-event .ico-remove-sign {
    font-size: 1.2em;
    color: #A2A2A2;
}

#full_calendar .fc-event:hover .removeevent {
    display: block;
}

.documentlist h2 {
    font-size: 18px;
    padding-right: 40px;
    position: relative;
}

.documentlist h2 span.label {
    margin-right: 10px;
    font-size: 16px;
    height: auto;
}

.documentlist h2 .arrow {
    position: absolute;
    right: 0;
    top: 2px;
}

.documentlist h2 .arrow:before {
    font-family: iconfont;
    font-size: 24px;
    font-weight: 400;
    line-height: 20px;
    content: "\e360";
}

.documentlist h2 .arrow.closed:before {
    content: "\e35e";
}

.documentlist ul {
    margin: 15px 0 30px 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid #ddd;
}

.documentlist li {
    vertical-align: middle;
    padding: 0;
    width: 100%;
}

.documentlist li .photo {
    display: table-cell;
    vertical-align: top;
    text-align: center;
    padding: 10px 20px 20px 0;
    position: relative;
}

.documentlist li .photo .link {
    display: block;
    overflow: hidden;
    width: 200px;
    height: 200px;
    border: 5px solid #ddd;
    border-radius: 15px;
    -webkit-box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.5);
    -moz-box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.5);
}

.documentlist li.new .photo:before {
    position: absolute;
    content: "";
    top: 12px;
    left: 2px;
    overflow: hidden;
    width: 80px;
    height: 80px;
    background: url(../image/label_document.png) 0 0 no-repeat;
}

.documentlist li.update .photo:before {
    position: absolute;
    content: "";
    top: 12px;
    left: 2px;
    overflow: hidden;
    width: 80px;
    height: 80px;
    background: url(../image/label_document.png) -80px 0 no-repeat;
}

.documentlist li.fixbug .photo:before {
    position: absolute;
    content: "";
    top: 12px;
    left: 2px;
    overflow: hidden;
    width: 80px;
    height: 80px;
    background: url(../image/label_document.png) -160px 0 no-repeat;
}

.documentlist li .photo img {
    max-height: 200px;
    max-width: 200px;
    position: relative;
    z-index: -1;
}

.documentlist li .note {
    display: table-cell;
    vertical-align: middle;
    color: #666;
    text-shadow: 0 1px 0 #fff;
    font-size: 14px;
    padding: 10px 0 20px;
}

.documentlist li .note ol, .documentlist li .note ul {
    padding-left: 20px;
}

.documentlist li .note li {
    line-height: 2em;
}

.documentlist li .note .label {
    font-size: 14px;
    text-shadow: none;
}

.documentlist li .note .title {
    font-size: 16px;
    line-height: 20px;
    margin-top: 0;
}

.documentlist li .note .title .badge {
    font-size: 12px;
    margin-right: 5px;
}

.documentlist li .note .title .ico-new {
    font-size: 12px;
}

.documentlist li .note .title .ico-new:before {
    font-size: 18px;
    padding-right: 5px;
}

.documentlist li .note p {
    line-height: 2em;
    margin: 0;
}

.videolist h2 {
    font-size: 18px;
    padding-left: 35px;
    position: relative;
    cursor: pointer;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

.videolist h2:hover {
    color: #00b1e1;
}

.videolist h2 span.label {
    margin-right: 10px;
    font-size: 16px;
    height: auto;
}

.videolist h2 .arrow {
    position: absolute;
    left: 0;
    top: 2px;
}

.videolist h2 .arrow:before {
    font-family: iconfont;
    font-size: 24px;
    font-weight: 400;
    line-height: 20px;
    content: "\e360";
}

.videolist h2 .arrow.closed:before {
    content: "\e35e";
}

.videolist .videoplayer {
    width: 650px;
    height: 410px;
    margin: 10px auto 0;
    background-color: #fff;
    border-radius: 5px;
    padding: 5px;
    -moz-box-shadow: 0 0 10px #999;
    -webkit-box-shadow: 0 0 10px #999;
    box-shadow: 0 0 10px #999;
}

.videolist .videogroup p.info {
    line-height: 20px;
    margin: 0;
    padding-left: 35px;
}

.videolist ul {
    margin: 15px 0 30px 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid #ddd;
}

.videolist li {
    vertical-align: middle;
    padding: 0;
    width: 100%;
}

.commentarea .panel-body textarea {
    height: 120px;
}

.commentarea .reply-wrapper {
    margin-top: 10px;
    height: 41px;
}

.commentarea .panel-toolbar-wrapper.reply-wrapper {
    padding: 0;
    border: 0;
}

.commentarea .reply-account img {
    display: inline-block;
    margin-right: 10px;
    height: 40px;
    height: 40px;
}

.commentarea .reply-account strong {
    line-height: 41px;
    font-size: 13px;
    color: #00B1E1;
}

.commentlist {
    margin-bottom: 20px;
}

.commentlist h2 {
    font-size: 16px;
}

.commentlist h2 span.label {
    margin-right: 10px;
    font-size: 14px;
    height: auto;
}

.commentlist ul {
    margin: 15px 0 0 0;
    padding: 0;
    list-style: none;
}

.commentlist li {
    vertical-align: middle;
    padding: 15px 0;
    border-top: 1px solid #ddd;
    position: relative;
}

.commentlist li .photo {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding-right: 20px;
}

.commentlist li .photo a {
    display: block;
    overflow: hidden;
    width: 80px;
    height: 80px;
    border: 3px solid #ddd;
    border-radius: 50%;
    -webkit-box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.5);
    -moz-box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.5);
}

.commentlist li .photo img {
    max-height: 80px;
    max-width: 80px;
    position: relative;
    z-index: -1;
}

.commentlist li .note {
    display: table-cell;
    vertical-align: middle;
}

.commentlist li .note .date {
    color: #999;
    padding-left: 20px;
}

.commentlist li .note .title {
    font-size: 14px;
    line-height: 20px;
}

.commentlist li .note p {
    line-height: 20px;
    margin: 10px 0;
}

.commentlist li ul {
    margin-left: 100px;
    display: none;
}

.commentlist li li textarea {
    height: 80px;
}

.commentlist li li .panel-toolbar {
    margin-top: 10px;
}

.commentlist li li.newreply {
    padding-right: 110px;
}

.commentlist li li.newreply .btn-primary {
    position: absolute;
    right: 20px;
    bottom: 15px;
}

.commentlist li .del {
    position: absolute;
    right: 15px;
    top: 10px;
}

.col-custom-3 .list-group-tabs > .list-group-item.active > a, .col-sm-3 .list-group-tabs > .list-group-item.active > a {
    background-color: #00B1E1;
    color: #fff;
}

.list-group-tabs .list-group-item.active a:after {
    position: absolute;
    right: -7px;
    top: 50%;
    margin-top: -8px;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 0 8px 8px;
    border-color: transparent transparent transparent #00B1E1;
}

.form-group .radio-inline, .form-group .checkbox-inline, .form-group .radio-inline + .radio-inline, .form-group .checkbox-inline + .checkbox-inline {
    margin-left: 0;
    margin-right: 5px;
}

.fixed-scroll .list-group-item.active > a {
    background-color: #00b1e1;
    color: #fff;
}

.fixed-scroll .list-group-item.active > a:after {
    border-color: transparent transparent transparent #00b1e1;
    border-style: solid;
    border-width: 8px 0 8px 8px;
    content: "";
    height: 0;
    position: absolute;
    right: -7px;
    top: 12px;
    width: 0;
}

.list-group.brtools-panel {
    margin-bottom: 0;
}

.brtools-panel .list-group-item {
    border-color: #009dc8;
}

.brtools-panel .list-group-item a {
    background-color: #00b1e1;
    color: #fff;
    font-weight: bold;
}

.brtools-panel .list-group-item a:hover, .brtools-panel .list-group-item a:focus {
    background-color: #009dc8;
    color: #fff;
}

#uploadPhoto .col-sm-6 {
    padding-right: 80px;
}

#uploadPhoto .col-sm-6 .upload {
    position: absolute;
    right: 0;
    top: 0;
}

#uploadFile {
    padding-right: 80px;
}

#uploadFile .upload {
    position: absolute;
    right: 0;
    top: 0;
}

.multicheck input[type="checkbox"] {
    margin-right: 5px;
}

.multicheck label.checkbox-inline {
    margin: 0 5px 3px 0;
    padding: 3px 10px 3px 30px;
    background-color: #f2f2f2;
    border-radius: 2px;
    border: 1px solid #eee;
}

.multicheck label.checkbox-inline.active {
    background-color: #6BCCB4;
    color: #fff;
    border-color: #58C5AA;
}

.timeline {
    z-index: 1;
}

.timeline .list-table .badge, .timeline .list-table .label {
    font-size: 12px;
    height: 20px;
}

.timeline li .panel-footer .img-group-stack {
    float: right;
}

.timeline li .panel-footer .img-group-stack ul {
    list-style: none;
    margin-left: -20px;
}

.timeline li .panel-footer .img-group-stack li.text {
    padding-right: 15px;
    color: #999;
}

.timeline li .panel-footer .img-group-stack li {
    height: 40px;
    line-height: 40px;
    float: left;
}

.timeline li .panel-footer .img-group-stack li + li {
    margin-left: -10px;
}

.timeline li .panel-footer .img-group-stack li img {
    border: 2px solid #fff;
    height: 38px;
    width: 38px;
    position: relative;
    z-index: 1;
}

.timeline li .panel-footer .img-group-stack li.active img {
    border-color: #00B1E1;
    z-index: 2;
}

.timeline li.loadmore {
    text-align: center;
    clear: both;
    position: relative;
    z-index: 1;
}

.timeline li.loadmore a {
    transition: all .5s ease 0s;
    display: inline-block;
    background-color: #DDE4E6;
    border-radius: 11px;
    line-height: 20px;
    color: #aaa;
    font-size: 13px;
    font-weight: bold;
    padding: 2px 15px;
}

.timeline li.loadmore a:hover {
    background-color: #00B1E1;
    color: #fff;
}

.table-email .meta p.date {
    color: #555;
    font-size: 11px;
    padding-right: 0;
}

.table-email td input[type="checkbox"], .table-email th input[type="checkbox"] {
    width: 16px;
    height: 16px;
}

.table-email td .ico-star-empty, .table-email td .ico-star {
    cursor: pointer;
    font-size: 1.5em;
}

.table-email td .ico-star {
    color: #FFD66A;
}

.table-email td .ico-star-empty {
    color: #94AAB0;
}

.table-email tbody tr td {
    line-height: 18px;
}

.table-email tbody tr td.message h5.heading {
    margin-bottom: 5px;
}

.table-email td a {
    display: inline-block;
    line-height: 20px;
    margin-right: 10px;
    padding: 2px 10px;
    background-color: #f0f0f0;
    border-radius: 3px;
}

.table-email td a:hover {
    background-color: #fff;
}

.table-email td.message hr {
    border-color: #e0e0e0;
    border-style: dotted;
}

.form-horizontal.form-bordered.advance-search .form-group {
    margin-bottom: 0;
    padding-bottom: 5px;
    padding-top: 5px;
}

.advance-search .form-group + .form-group {
    border-top: 1px solid #E0E7E8;
}

.advance-search .modal-body {
    padding: 0 20px;
}

.autoscrolllist .list-body {
    overflow-y: auto;
    overflow-x: hidden;
}

.autoscrolllist .list-body .label-platform {
    display: inline-block;
}

#message-list .list-title > li, #message-list .list-body > li {
    padding-left: 35px;
    position: relative;
}

#message-list .list-title input[type=checkbox] {
    position: absolute;
    left: 15px;
    top: 5px;
}

#message-list .list-body input[type=checkbox] {
    position: absolute;
    left: 15px;
    top: 7px;
}

#message-list .list-body > li ul {
    cursor: pointer;
}

#message-list .list-body .productTr {
    margin: 0 15px 5px 0;
    background-color: transparent;
    border: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
}

#message-list .list-body .productTr p {
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    margin: 0;
    color: #a9a9a9;
    font-weight: bold;
}

#message-list .list-body > li.current, #message-list .list-body > li.active.current {
    background-color: #eee;
}

#message-list .list-body > li .side {
    width: 5px;
    height: 100%;
    background-color: #fff;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    content: "";
}

#message-list .list-body > li.active .side, #message-list .list-body > li.current .side {
    background-color: #e0e0e0;
}

#message-list .list-body > li.new .side, #message-list .list-body > li.new.active .side, #message-list .list-body > li.new:hover .side {
    background-color: #ed5466;
}

#message-list .list-body > li:hover .side {
    background-color: #eee;
}

#message-list .list-body > li.reply .side {
    background-color: #ffd66a;
}

#message-list .list-body > li:hover {
    background-color: #f6f6f6 !important;
}

.message-panel {
    width: 60%;
    height: 100%;
    background-color: #fff;
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    position: fixed;
    right: -60%;
    top: 0;
    z-index: 1031;
    transition: all .4s ease .2s;
}

.message-panel.opened {
    right: 0;
}

.message-panel .message-layout {
    border-radius: 0;
    border-width: 0;
    padding: 0;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.message-layout .panel-heading {
    padding-left: 50px;
    position: relative;
    padding-right: 120px;
    background-color: transparent;
    border: 0;
}

.message-layout .panel-heading .close-message {
    position: absolute;
    top: 8px;
    left: 15px;
    font-size: 2em;
    color: #ccc;
    transition: all .5s ease 0s;
}

.message-layout .panel-heading .close-message:hover {
    color: #999;
}

.message-layout .panel-heading .panel-title {
    display: block;
    display: block;
    line-height: 40px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.message-layout .panel-heading .message-info {
    position: absolute;
    right: 15px;
    top: 5px;
}

.message-layout .panel-toolbar-wrapper {
    background-color: #fff;
}

.message-layout .panel-toolbar-wrapper .panel-toolbar .nav-tabs li a {
    font-weight: bold;
    font-size: 14px;
    padding: 3px 15px;
}

.message-layout .panel-toolbar-wrapper > .panel-toolbar {
    height: 30px;
}

.message-layout .panel-toolbar-wrapper .panel-toolbar .nav-tabs li:first-child.active a {
    background-color: #ecf0f1;
}

.message-panel.order-message .message-layout .panel-body {
    border-top: 1px solid #cfd9db;
    bottom: 140px;
    left: 0;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    top: 40px;
    transition: all .4s ease .2s;
    width: 100%;
}

.message-panel.order-message .message-layout .panel-footer {
    height: 140px;
}

.message-panel.order-message #submitMessage.large-btn {
    height: auto;
    line-height: 18px;
}

.casepanel .message-layout .panel-toolbar-wrapper .panel-toolbar .nav-tabs li:first-child.active a {
    background-color: #fff;
}

.casepanel .message-layout .panel-toolbar-wrapper .panel-toolbar .nav-tabs li:nth-child(2).active a {
    background-color: #ecf0f1;
}

.message-layout .panel-body.tab-content {
    padding: 0;
    position: absolute;
    top: 70px;
    left: 0;
    bottom: 160px;
    width: 100%;
    overflow-y: auto;
    transition: all .4s ease .2s;
}

.messagescroll {
    padding: 10px 0 0;
    background-color: #ecf0f1;
    min-height: 100%;
}

#casedetail {
    bottom: 160px;
}

.casepanel .message-layout .panel-footer {
    height: 160px;
}

#main .casepanel .message-layout .panel-footer {
    padding-top: 45px;
}

.casepanel .message-layout .panel-footer textarea {
    height: 60px;
}

.casepanel .message-layout .panel-footer .row {
    position: absolute;
    left: 15px;
    top: 5px;
    width: 100%;
}

.message-info .dropdown-menu {
    width: 420px;
    padding: 10px;
}

.message-info .dropdown-menu li {
    padding: 5px 10px 5px 120px;
    min-height: 20px;
    display: block;
    position: relative;
    line-height: 20px;
    border-bottom: 1px solid #eee;
}

.message-info .dropdown-menu li:last-child {
    border: 0;
}

.message-info .dropdown-menu li .title {
    position: absolute;
    width: 100px;
    text-align: right;
    line-height: 20px;
    top: 5px;
    left: 10px;
}

.message-info .dropdown-menu li a {
    display: inline;
    padding: 0 !important;
    background-color: transparent;
    color: #00b1e1;
}

.message-panel .messagescroll .media-object {
    background-color: #ccc;
    border-radius: 8px;
    text-align: center;
    width: 50px;
    border: 2px solid #fff;
}

.message-panel .messagescroll .media .media-object:after {
    border-color: transparent #fff transparent transparent;
}

.message-panel .messagescroll .media-list {
    margin: 0;
}

.message-panel .messagescroll .media-list .title {
    font-weight: bold;
    padding-bottom: 5px;
    display: block;
}

.message-panel .messagescroll .media-list .title .badge {
    margin-left: 10px;
    font-size: 12px;
    height: auto;
}

.message-panel .messagescroll .media-list .title .badge:hover {
    background-color: #60c8ae;
}

.message-panel .messagescroll .media-list .media-text {
    background-color: #fff;
}

.message-panel .messagescroll .media-list .media-text p {
    word-break: break-all;
    word-wrap: break-word;
    line-height: 20px;
    margin: 0;
}

.message-panel .messagescroll .media-list li .btn-group {
    display: inline-block;
    padding-left: 10px;
}

.message-panel .messagescroll .media-list li .btn-group button {
    transition: all .5s ease 0s;
}

.message-panel .messagescroll .media-list li .btn-group button.active, .messagescroll .media-list li .btn-group button:active {
    background-color: #00B1E1;
    color: #fff;
    border-color: #00A5D2;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
}

.message-panel .messagescroll .media-list .media-object i {
    font-size: 30px;
    line-height: 50px;
    color: #fff;
    background-color: transparent;
}

.message-panel .messagescroll .media-list .media.media-right .media-object {
    background-color: #63D3E9;
    border-color: #9fe9f8;
    margin-right: 0;
}

.message-panel .messagescroll .media-list .media.media-right .media-text {
    background-color: #00b1e1;
    text-align: left;
}

.message-panel .messagescroll .media-list .media.media-right .media-object:after {
    border-color: transparent transparent transparent #00b1e1;
}

.message-panel .messagescroll .media-list .media-body p.media-meta {
    color: #999;
    font-weight: bold;
}

.message-panel .messagescroll .media-list .media .media-body {
    margin-right: 70px;
}

.message-panel .messagescroll .media-list .media.media-right .media-body {
    margin-left: 70px;
    margin-right: 0;
}

.message-panel .messagescroll .media-list .media-text p + .imggroup {
    margin-top: 10px;
}

.message-panel .messagescroll .media-list .imggroup .magnific {
    display: inline-block;
    margin: 5px;
    position: relative;
    height: 100px;
    overflow: hidden;
    border-radius: 6px;
}

.message-panel .messagescroll .media-list .imggroup .magnific:before {
    transition: opacity .5s ease-in-out;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    width: 100%;
    height: 100px;
    line-height: 100px;
    position: absolute;
    background-color: #333;
    color: #fff;
    font-size: 3em;
    text-align: center;
    content: "\e1bc";
    font-family: "iconfont";
}

.message-panel .messagescroll .media-list .imggroup .magnific:hover:before {
    -moz-opacity: .5;
    -webkit-opacity: .5;
    opacity: .5;
    filter: alpha(opacity=50);
}

.message-panel .messagescroll .media-list .imggroup .magnific img {
    height: 100px;
}

.message-panel .messagescroll .media-list .order-info {
    padding: 8px 15px;
}

.message-panel .messagescroll .media-list .order-info .media-body {
    background-color: #fff;
    padding: 35px 8px 8px;
    border-radius: 6px;
    position: relative;
    overflow: inherit;
}

.order-info .media-body .readmore {
    position: absolute;
    right: 8px;
    top: 8px;
}

.order-info .sidelabel {
    position: absolute;
    width: 100px;
    padding: 0 5px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    left: -5px;
    border: none;
    top: 5px;
    line-height: 24px;
    background-color: #999;
    text-align: center;
    z-index: 1;
}

.order-info .sidelabel:before {
    display: inline-block;
    content: "";
    position: absolute;
    top: -8px;
    right: -5px;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
    border-width: 20px 15px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

.order-info .sidelabel:after {
    display: inline-block;
    content: "";
    position: absolute;
    top: 23px;
    left: 1px;
    border-style: solid;
    border-color: #333 transparent transparent #333;
    border-width: 3px 2px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
}

.messagescroll .media-list .loadmore {
    height: 2px;
    background-color: #e0e0e0;
    text-align: center;
    clear: both;
    margin: 10px 0;
}

.messagescroll .media-list .loadmore a {
    position: relative;
    transition: all .5s ease 0s;
    top: -11px;
    display: inline-block;
    background-color: #e0e0e0;
    border-radius: 13px;
    line-height: 20px;
    color: #9a9a9a;
    font-size: 13px;
    font-weight: bold;
    padding: 2px 15px;
    text-align: center;
}

.messagescroll .media-list .loadmore a:hover {
    background-color: #00B1E1;
    color: #fff;
}

.message-layout .panel-footer {
    bottom: 0;
    width: 100%;
    height: 160px;
    position: absolute;
    left: 0;
    overflow: inherit;
    transition: all .4s ease .2s;
    background-color: #fff;
}

.message-layout .panel-footer textarea {
    height: 80px;
    word-break: keep-all;
    position: relative;
    transition: all .5s ease 0s;
}

.message-layout .panel-footer textarea:focus {
    height: 240px;
    margin-top: -170px;
    z-index: 2;
}

.evaluate strong {
    padding-left: 5px;
}

.message-layout .panel-footer .panel-toolbar-wrapper {
    position: relative;
    margin-top: 5px;
}

#submitMessage {
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px 15px;
    font-size: 20px;
}

#submitMessage.large-btn {
    padding: 10px 20px;
    letter-spacing: 3px;
    height: 62px;
    line-height: 30px;
}

#submitMessage.large-btn small {
    line-height: 20px;
    font-size: 12px;
    letter-spacing: 0;
    font-weight: normal;
    position: absolute;
    right: 5px;
    bottom: 1px;
}

.quick-num-btn {
    height: 24px;
    margin-bottom: 5px;
    display: inline-block;
}

.quick-num-btn strong {
    padding-right: 5px;
}

.quick-num-btn .btn {
    line-height: 16px;
    font-weight: bold;
    padding: 3px 10px;
    margin: 0 2px;
}

.quick-num-btn .btn.active {
    background-color: #00b1e1;
    border-color: #00a5d2;
    -moz-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
    -webkit-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
}

.btn-messagehelp {
    font-size: 24px;
    position: absolute;
    right: 125px;
    top: 10px;
}

.btn-help {
    -webkit-animation: wobble 3s linear infinite;
    -moz-animation: wobble 3s linear infinite;
    animation: wobble 3s linear infinite;
}

.quick-icon {
    height: 30px;
    position: absolute;
    right: 125px;
    bottom: -5px;
}

.quick-icon a {
    font-size: 16px;
    color: #aaa;
    transition: all .4s ease .2s;
    display: inline-block;
    padding: 2px 5px;
    margin-left: 5px;
    line-height: 20px;
    background-color: #f8f8f8;
    border-radius: 2px;
}

.quick-icon a:hover {
    color: #666;
    background-color: #eee;
}

.quick-icon .attention.active {
    color: #a87a01;
    background-color: #ffd66a;
    border-color: #ffd25b;
}

.quick-icon .blacklist.active {
    background-color: #2a2a2a;
    border-color: #222;
    color: #fff;
}

.quick-reply {
    position: fixed;
    right: 57%;
    bottom: 0;
    display: none;
    width: 380px;
    z-index: 1032;
    -moz-box-shadow: 0 0 10px #666;
    -webkit-box-shadow: 0 0 10px #666;
    -khtml-box-shadow: 0 0 10px #666;
    box-shadow: 0 0 10px #666;
}

.quick-reply .panel-heading .panel-title, .quick-reply .panel-heading > .panel-toolbar {
    height: 30px;
}

.quick-reply .panel-toolbar-wrapper .panel-toolbar {
    height: 34px;
}

.quick-reply .panel-heading .option .btn {
    padding-right: 0;
    padding: 8px 0 0;
}

.quick-reply .panel-heading .option .btn i {
    font-size: 1.6em;
    color: #ccc;
    transition: all .5s ease 0s;
}

.quick-reply .panel-heading .option .btn:hover i {
    padding-right: 0;
    color: #999;
}

.quick-reply .panel-body {
    max-height: 500px;
    overflow-y: auto;
    padding: 10px;
}

.quick-reply .panel-toolbar .info {
    display: table-cell;
    height: 40px;
    vertical-align: middle;
    font-size: 12px;
    font-weight: normal;
    color: #999;
}

.quick-reply .panel-toolbar .info i {
    padding-right: 5px;
}

.quick-reply:after {
    border-color: transparent transparent transparent #CFD9DB;
    border-width: 10px 0 10px 10px;
    left: auto;
    right: -10px;
    border-style: solid;
    content: "";
    height: 0;
    position: absolute;
    bottom: 15px;
    width: 0;
}

#main .quick-reply .panel-footer {
    padding-top: 0;
    padding-bottom: 0;
}

.quick-reply .alert.alert-warning {
    cursor: pointer;
    position: relative;
    overflow: hidden;
    padding: 5px 5px 5px 15px;
    margin: 0;
}

.quick-reply .alert.alert-warning + .alert-warning {
    margin-top: 10px;
}

.quick-reply .alert.alert-warning p {
    line-height: 16px;
    max-height: 32px;
    overflow: hidden;
    color: #666;
}

.quick-reply .alert.alert-warning .hotkey {
    position: absolute;
    font-weight: bold;
    font-size: 10px;
    right: 5px;
    top: 5px;
    color: #00B1E1;
    -webkit-animation: keyOpacity 2s linear infinite;
    -moz-animation: keyOpacity 2s linear infinite;
    animation: keyOpacity 2s linear infinite;
}

@-webkit-keyframes keyOpacity {
    0% {
        opacity: 1;
    }
    50% {
        opacity: .2;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes keyOpacity {
    0% {
        opacity: 1;
    }
    50% {
        opacity: .2;
    }
    100% {
        opacity: 1;
    }
}

@keyframes keyOpacity {
    0% {
        opacity: 1;
    }
    50% {
        opacity: .2;
    }
    100% {
        opacity: 1;
    }
}

.quick-reply .panel-ribbon:after {
    border-color: #da9e00 transparent transparent;
    border-style: solid;
    border-width: 25px 25px 0 0;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 0;
}

.quick-reply .panel-ribbon span {
    color: #fff;
    font-family: tahoma;
    font-size: 10px;
    font-weight: bold;
    left: 4px;
    line-height: 20px;
    position: absolute;
    top: -3px;
    z-index: 1;
}

.insertimage .dropdown-menu {
    width: 250px;
    padding: 10px;
}

.insertimage .dropdown-menu li {
    padding: 5px 35px;
    min-height: 20px;
    position: relative;
    line-height: 20px;
    border-bottom: 1px solid #eee;
}

.insertimage .dropdown-menu li.dropdown-header {
    padding: 5px 0;
    text-align: center;
}

.insertimage .dropdown-menu li:last-child {
    border: 0;
}

.insertimage .dropdown-menu li .photo {
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 30px;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}

.insertimage .dropdown-menu li .close {
    position: absolute;
    right: 5px;
    top: 5px;
}

.insertimage .dropdown-menu li strong {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}

.insertimage .dropdown-menu li.uploading strong {
    display: none;
}

.insertimage .dropdown-menu li.uploading .progress-bar-success {
    display: block;
}

.insertimage .dropdown-menu li .progress-bar-success {
    display: none;
}

.message-detail .panel.order, .message-detail .panel.notes {
    overflow: inherit;
}

.message-detail .panel.order .dropup .product {
    padding-right: 40px;
}

.message-detail .panel.order .dropup .product .badge {
    position: absolute;
    right: 10px;
    top: 7px;
    background-color: #00B1E1;
    color: #fff;
}

.message-detail .panel.order .panel-toolbar-wrapper {
    background-color: transparent;
    border: 0;
    padding: 0;
}

.message-detail .panel.order .dropup .dropdown-menu {
    max-width: 450px;
}

.message-detail .panel.order .dropup .dropdown-menu a {
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}

.message-detail .panel.order .dropup .dropdown-menu a .badge {
    margin-right: 5px;
}

.message-detail .panel.order .dropup .dropdown-menu a:hover .badge {
    background-color: #fff;
}

.message-detail .panel.notes .input-group-btn .btn .text {
    padding: 0 5px;
}

.message-detail .panel.info .modal-body {
    padding: 5px 15px;
    border-top: 1px solid #cfd9db;
    background-color: transparent;
}

.message-detail .panel.info .modal-content {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
}

.message-detail .panel.info .form-horizontal.form-bordered .form-group {
    padding-top: 5px;
    padding-bottom: 5px;
}

.message-detail .panel.info .modal-footer {
    padding: 9px 20px 10px;
}

.message-detail .panel.relatet {
    border-bottom: 1px solid #cfd9db;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.keyword-group {
    clear: both;
    margin-top: 5px;
    height: 60px;
    overflow-y: auto;
    border: 1px solid #CFD9DB;
    background-color: #fff;
    padding: 5px;
    min-height: 20px;
}

.keyword-group .keyword-label {
    display: inline-block;
    vertical-align: baseline;
    border-radius: 3px;
    background: #EFEFEF;
    color: #333;
    margin: 0 4px 2px 0;
    padding: 1px 5px;
    line-height: 22px;
    font-size: 12px;
}

.keyword-group .keyword-label:hover {
    background-color: #e8e8e8;
}

.keyword-group .keyword-label .close {
    margin-left: 5px;
}

.keyword-group.min {
    height: 36px;
}

.keyword-group .keyword-label.flicker {
    -webkit-animation: flickerShadow 2s linear infinite;
    -moz-animation: flickerShadow 2s linear infinite;
    animation: flickerShadow 2s linear infinite;
}

@-webkit-keyframes flickerShadow {
    0% {
        -webkit-box-shadow: inset 0 0 6px #63d3e9;
    }
    50% {
        -webkit-box-shadow: inset 0 0 8px #00b1e1;
        color: #00b1e1;
    }
    100% {
        -webkit-box-shadow: inset 0 0 6px #63d3e9;
    }
}

@-moz-keyframes flickerShadow {
    0% {
        -moz-box-shadow: inset 0 0 6px #63d3e9;
    }
    50% {
        -moz-box-shadow: inset 0 0 8px #00b1e1;
        color: #00b1e1;
    }
    100% {
        -moz-box-shadow: inset 0 0 6px #63d3e9;
    }
}

@keyframes flickerShadow {
    0% {
        transform: box-shadow: inset 0 0 6px #63d3e9;
    }
    50% {
        box-shadow: inset 0 0 8px #00b1e1;
        color: #00b1e1;
    }
    100% {
        transform: box-shadow: inset 0 0 6px #63d3e9;
    }
}

#orderproduct .panel-toolbar-wrapper {
    padding: 0;
    border: 0;
}

#messagescrolldetail .ui-resizable-handle {
    border-bottom: 1px solid #cfd9db;
    background-color: #eee;
    cursor: s-resize;
    height: 8px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

#messagescrolldetail .ui-resizable-handle .note-icon-bar {
    border-top: 1px solid #ccc;
    margin: 1px auto;
    width: 80px;
}

#messagescrolldetail .ui-resizable-handle:hover {
    background-color: #f9f9f9;
}

.modal-message {
    background-color: rgba(255, 255, 255, 0.6);
}

.modal-message .modal-dialog {
    width: 1000px;
}

#main .modal-message .indicator {
    border-radius: 0;
    position: fixed;
}

#main .modal-message .indicator .spinner {
    padding: 10px 10px 10px 60px;
    width: 200px;
    height: 50px;
    border-radius: 25px;
    background-color: #fff;
    -moz-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
    -webkit-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
    box-shadow: 0 1px 5px rgba(34, 25, 25, 0.4);
    background-position: 20px center;
}

.modal-message .close {
    opacity: 1;
    color: #c0c0c0;
    font-size: 50px;
    position: fixed;
    right: 20px;
    top: 10px;
    transition: all .5s ease 0s;
}

.modal-message .close:hover {
    color: #00b1e1;
    opacity: 1;
}

.modal-message .arrow-prev, .modal-message .arrow-next {
    padding: 0;
    background-color: transparent;
    border: 0;
    position: fixed;
    top: 50%;
    width: 50px;
    height: 100px;
    text-align: center;
    line-height: 100px;
    margin-top: -50px;
    font-size: 40px;
    color: #c0c0c0;
    border-radius: 5px;
}

.modal-message .arrow-prev:hover, .modal-message .arrow-next:hover {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 5px;
}

.modal-message .arrow-prev {
    left: 20px;
}

.modal-message .arrow-next {
    right: 20px;
}

.modal-message .arrow-prev.disabled, .modal-message .arrow-next.disabled, .modal-message .arrow-prev.disabled:hover, .modal-message .arrow-next.disabled:hover {
    color: #ccc;
    background-color: transparent;
}

.modal-message .modal-content {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
    background-color: transparent;
    min-height: 100%;
}

.modal-message .modal-content .panel {
    border-radius: 0;
    border: 0;
    -moz-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
    -webkit-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
    box-shadow: 0 1px 5px rgba(34, 25, 25, 0.4);
}

.modal-message .modal-content .panel-heading, .modal-message .modal-content .panel-footer {
    border-radius: 0;
}

.modal-message .message-panel {
    height: auto;
    position: relative;
    right: auto;
    top: auto;
    width: 100%;
    z-index: auto;
}

.modal-message .media-list {
    margin-bottom: 0;
}

.modal-message .messagescroll {
    height: 280px;
    overflow-y: auto;
    overflow-x: hidden;
}

.modal-message #submitMessage {
    position: inherit;
    right: auto;
    top: auto;
    font-size: 13px;
    line-height: 18px;
    padding: 7px 12px;
}

.modal-message .message-panel .panel-footer {
    overflow: inherit;
}

.modal-message .productTr {
    margin: 0;
    padding: 10px;
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.modal-message .productTr th, .modal-message .productTr td {
    word-break: break-all;
    word-wrap: break-word;
}

.modal-message .quick-reply {
    position: relative;
    display: block;
    right: auto;
    width: 100%;
    z-index: auto;
    bottom: auto;
}

.modal-message .quick-reply:after {
    display: none;
}

.modal-message .quick-reply .panel-body {
    max-height: 550px;
    overflow-y: auto;
    overflow-x: hidden;
}

.search-panel.large-list-search {
    margin: 0;
}

.large-list-search .btn-group {
    margin-bottom: 5px;
}

.large-list-search .btn-group .input-group {
    width: 250px;
}

.large-list-title {
    position: relative;
}

.large-list-title .btn-add {
    position: absolute;
    top: 5px;
    right: 10px;
}

.quick-label-group {
    margin-bottom: 10px;
}

.quick-label {
    background-color: #ddd;
    color: #666;
    border-radius: 3px;
    line-height: 26px;
    display: inline-block;
    padding: 0 10px 0 20px;
    position: relative;
}

.quick-label:hover {
    background-color: #fff;
}

.quick-label .badge {
    background-color: #fff;
    height: auto;
    line-height: 14px;
    color: #999;
}

.quick-label + .quick-label {
    margin-left: 5px;
}

.quick-label:before {
    border-color: transparent transparent transparent #5984c5;
    border-style: solid;
    border-width: 13px 0 13px 8px;
    content: "";
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
}

.quick-label.active {
    background-color: #5984c5;
    color: #fff;
}

.quick-label.active .badge {
    background-color: #63d3e9;
    color: #fff;
}

.quick-label-group.white-group {
    margin-left: 30px;
    margin-bottom: 15px;
}

.quick-label-group.white-group .quick-label:before {
    border-color: transparent transparent transparent #fff;
}

.quick-label-group.white-group .quick-label:hover {
    color: #00b1e1;
    background-color: #f0f0f0;
}

.quick-label-group.white-group .quick-label.active {
    background-color: #00b1e1;
    color: #fff;
}

.srciptItem li {
    position: relative;
}

.srciptItem li a {
    padding-right: 30px !important;
}

.srciptItem li .close {
    position: absolute;
    right: 5px;
    top: 3px;
}

.print-group {
    border: 1px solid #ccc;
    margin: 5px 0;
    border-radius: 5px;
    background-color: #eee;
}

.print-group .form-group {
    border: 0 !important;
}

.order-title .btn-default:hover, .order-title .btn-default:active, .order-title .btn-default:focus, .order-title .btn-default:active:focus {
    background-color: #f5f5f5;
    border-color: #cfd9db;
    color: #6a6a6a;
}

{
    background-color: #f5f5f5
;
    border-color: #cfd9db
;
    color: #6a6a6a
;
}
.order-title .btn-default.active:hover, .order-title .btn-default.active:focus {
    background-color: #ededed;
    border-color: #c6d2d5;
    color: #777;
}

.panel-footer.table-control {
    overflow: inherit;
    position: relative;
}

.page-nav .input-group {
    display: inline-block;
    width: 110px;
}

.page-nav .input-group .form-control {
    width: 55px;
    display: inline-block;
    border-radius: 4px 0 0 4px;
}

.page-nav .input-group .btn-default {
    margin-left: -1px;
}

.page-nav .btn {
    padding: 7px 8px;
}

.order-label i, .order-label img {
    cursor: help;
    font-size: 14px;
}

.panel .panel-toolbar > .option.option-lg > .btn .arrow, .panel .panel-toolbar > .option.option-lg > .btn .reload, .panel .panel-toolbar > .option.option-lg > .btn .remove {
    font-size: 24px;
}

.panel .panel-toolbar > .option.option-lg > .btn .arrow:before {
    content: "\e6e6";
}

.panel .panel-toolbar > .option.option-lg > .btn.up > .arrow::before {
    content: "\e6e7";
}

.autoscrolllist {
    background-color: transparent;
    max-width: 100%;
    font-size: 12px;
}

.autoscrolllist ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.autoscrolllist ul.list-title li {
    border-top: 0;
    border-bottom: 1px solid #cfd9db;
    background-color: #eee;
    color: #5e5e5e;
}

.autoscrolllist ul.list-title li .title {
    display: block;
    border-bottom: 1px solid #63d3e9;
}

.autoscrolllist ul.list-title li a {
    color: #333;
    text-decoration: underline;
}

.autoscrolllist ul.list-title li a:hover {
    text-decoration: none;
}

.autoscrolllist li {
    border-top: 1px solid #cfd9db;
}

.autoscrolllist li li, .autoscrolllist ul.list-title li li {
    display: table-cell;
    min-width: 1%;
    vertical-align: middle;
    border: 0;
    padding: 5px 3px;
    word-wrap: break-word;
    word-break: break-all;
}

.autoscrolllist li li span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

.autoscrolllist li li span.caret {
    display: inline-block;
}

.autoscrolllist li li span .order-label {
    display: inline;
}

.autoscrolllist li li .dropdown-menu {
    margin: 2px 0 0;
    padding: 5px 0;
}

.autoscrolllist li li .dropdown-menu li {
    display: block;
    line-height: 20px;
    padding: 0;
}

.autoscrolllist ul.list-body > li > ul, .autoscrolllist ul.list-title > li > ul {
    display: table;
    width: 100%;
    table-layout: fixed;
}

span.ellipsis {
    display: block;
}

.autoscrolllist ul.list-title li li.sorting, .autoscrolllist ul.list-title li li.sorting_asc, .autoscrolllist ul.list-title li li.sorting_desc {
    cursor: pointer;
}

.autoscrolllist ul.list-title li li.sorting:before, .autoscrolllist ul.list-title li li.sorting_asc:before, .autoscrolllist ul.list-title li li.sorting_desc:before {
    color: #fff;
    font-family: iconfont;
    font-size: 12px;
    margin-right: 5px;
    position: relative;
    speak: none;
}

.autoscrolllist ul.list-title li li.sorting:before {
    content: "\e6c3";
}

.autoscrolllist ul.list-title li li.sorting_asc:before {
    content: "\e6be";
}

.autoscrolllist ul.list-title li li.sorting_desc:before {
    content: "\e6bf";
}

.table th .sorting, .table th .sorting_asc, .table th .sorting_desc, ul li .sorting, ul li .sorting_asc, ul li .sorting_desc {
    cursor: pointer;
    display: inline-block !important;
    position: relative;
    padding-right: 10px;
}

.table th .sorting:after, .table th .sorting_asc:after, .table th .sorting_desc:after, ul li .sorting:after, ul li .sorting_asc:after, ul li .sorting_desc:after {
    color: #00b1e1;
    font-family: iconfont;
    top: 2px;
    right: 0;
    position: absolute;
    speak: none;
}

.table th .sorting:after, ul li .sorting:after {
    content: "\e6c3";
}

.table th .sorting_asc:after, ul li .sorting_asc:after {
    content: "\e6be";
}

.table th .sorting_desc:after, ul li .sorting_desc:after {
    content: "\e6bf";
}

.autoscrolllist ul.list-body > li.active {
    background-color: #f5f5f5 !important;
}

.autoscrolllist ul.list-body > li:hover {
    background-color: #fffcdd !important;
}

.autoscrolllist a[data-field], .autoscrolllist span[data-field] {
    display: block;
}

#orderlist .detail-toggler {
    font-size: 14px;
}

.productTr {
    position: relative;
    margin: 10px 15px;
    background-color: #fff;
    border: 1px solid #cfd9db;
    -moz-box-shadow: 0 0 5px #ccc;
    -webkit-box-shadow: 0 0 5px #ccc;
    -ms-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px #ccc;
}

.productTr tbody tr:hover {
    background-color: #f6f6f6;
}

.productTr .table tbody tr td {
    padding: 5px;
    font-weight: normal;
}

.productTr .table tr th {
    padding: 8px 5px;
}

#main .panel .productTr .table tr > th, #main .panel .productTr .table > thead > tr > th {
    padding: 5px;
    font-weight: normal;
    background-color: #f9f9f9;
    color: #5e5e5e;
    line-height: 1em;
    border: 0 !important;
}

.productTr th .label {
    font-size: 12px;
    margin-right: 5px;
    margin-left: 20px;
}

.list-body .photo span, .productTr td .photo span {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.list-body .photo, .productTr td .photo {
    width: 48px;
    height: 48px;
    text-align: center;
    vertical-align: middle;
    margin: 0 auto;
    display: block;
    -webkit-box-shadow: 0 0 0 1px #fff;
    -moz-box-shadow: 0 0 0 1px #fff;
    -ms-box-shadow: 0 0 0 1px #fff;
    box-shadow: 0 0 0 1px #fff;
}

.list-body .photo:hover, .productTr td .photo:hover {
    background-color: #fff;
}

.productTr td .photo span {
    height: 100%;
    display: inline-block;
}

.list-body .photo img, .productTr td .photo img {
    max-height: 48px;
    max-width: 48px;
    vertical-align: middle;
}

.list-body .photo:hover, .productTr td .photo:hover {
    -webkit-box-shadow: 0 0 0 1px #00b1e1;
    -moz-box-shadow: 0 0 0 1px #00b1e1;
    -ms-box-shadow: 0 0 0 1px #00b1e1;
    box-shadow: 0 0 0 1px #00b1e1;
}

.list-body li .productTr td .photo {
    width: 34px;
    height: 34px;
}

.list-body li .productTr td .photo img {
    max-height: 34px;
    max-width: 34px;
}

.list-body .photo-lg {
    display: block;
    height: 80px;
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
    width: 80px;
    -webkit-box-shadow: 0 0 0 1px #eee;
    -moz-box-shadow: 0 0 0 1px #eee;
    box-shadow: 0 0 0 1px #eee;
}

.list-body .photo-lg img {
    max-height: 80px;
    max-width: 80px;
    vertical-align: middle;
}

.list-body .photo-lg span {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.photo.sku-photo.main {
    position: relative;
    -webkit-box-shadow: 0 0 0 1px #63d3e9;
    -moz-box-shadow: 0 0 0 1px #63d3e9;
    -ms-box-shadow: 0 0 0 1px #63d3e9;
    box-shadow: 0 0 0 1px #63d3e9;
}

.list-body .photo.sku-photo {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 40px;
    width: 60px;
}

.sku-photo.main:before {
    border-color: transparent transparent #63d3e9;
    border-style: solid;
    border-width: 0 0 19px 19px;
    content: "";
    height: 0;
    right: 0;
    position: absolute;
    bottom: 0;
    width: 0;
    z-index: 1;
}

.sku-photo.main:hover:before {
    border-color: transparent transparent #00b1e1;
}

.sku-photo.main:after {
    content: "\e661";
    font-size: 12px;
    width: 12px;
    line-height: 12px;
    color: #fff;
    font-family: 'iconfont';
    right: 0;
    position: absolute;
    bottom: 0;
    z-index: 2;
}

.sku-photo.main.opened:after {
    content: "\e662";
}

.productTr .sidelabel {
    position: absolute;
    padding: 0 15px 0 10px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    left: -6px;
    border: none;
    top: 4px;
    line-height: 24px;
    text-align: center;
    z-index: 1;
}

.productTr .sidelabel:before {
    display: inline-block;
    content: "";
    position: absolute;
    top: -3px;
    right: -3px;
    border-style: solid;
    border-color: transparent transparent transparent #f9f9f9;
    border-width: 15px 12px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

.productTr .sidelabel:after {
    display: inline-block;
    content: "";
    position: absolute;
    top: 23px;
    left: 1px;
    border-style: solid;
    border-color: #333 transparent transparent #333;
    border-width: 3px 2px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
}

.productTr .viewicon {
    cursor: pointer;
    color: #00b1e1;
}

.productTr .viewicon:hover {
    color: #3071a9;
}

.productTr .packageinfo {
    height: 32px;
    background-color: #fff;
}

.productTr .packageinfo table {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
}

.productTr .packageinfo table th {
    vertical-align: middle;
    word-break: break-all;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 5px;
    font-weight: normal;
}

.productTr .order-label {
    padding: 0;
}

.productTr .order-label i {
    line-height: 22px;
}

.order-label .battery {
    height: 16px;
    display: inline-block;
    width: 16px;
    cursor: help;
    background: url(../image/ico_battery_gray.png) center no-repeat;
}

.order-label .battery.active {
    background-image: url(../image/ico_battery_active.png);
}

.productTr .packageinfo.abnormity {
    background-color: #f2f2f2;
}

.productTr.photo-group {
    margin-top: 5px;
    padding: 5px 5px 0;
    overflow: hidden;
}

.productTr.photo-group .photo {
    float: left;
    margin: 0 0 5px;
}

.productTr.photo-group .photo + .photo {
    margin-left: 5px;
}

#main .panel #orderlist .productTr .table > thead > tr > th {
    background-color: #eee;
    border-top: solid 1px #cfd9db !important;
}

#orderlist .list-body li {
    border-color: #c0c0c0;
    border-width: 2px 0 0;
}

#orderlist .list-body li:first-child {
    border: 0;
}

#orderlist .list-body > li {
    padding-bottom: 5px;
}

#orderlist .productTr {
    margin: 0 10px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    overflow: hidden;
    border-radius: 4px;
}

#orderlist .productTr + .productTr {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-top: -1px;
}

.colorpicker {
    padding-right: 30px;
    position: relative;
}

.color-code {
    width: 200px;
}

.color-icon {
    position: absolute;
    left: 225px;
    top: 7px;
    cursor: pointer;
    width: 18px;
    height: 18px;
    display: block;
    background-color: #fff;
    overflow: hidden;
}

.color-icon .mask {
    width: 18px;
    height: 18px;
    background: url(../image/colorpicker.gif) no-repeat;
}

#colorpanel {
    z-index: 1060;
    -moz-box-shadow: 0 0 5px #333;
    -webkit-box-shadow: 0 0 5px #333;
    -ms-box-shadow: 0 0 5px #333;
    box-shadow: 0 0 5px #333;
}

#CT {
    width: 100%;
}

#_cclose {
    font-size: 1.2em;
    color: #999;
    display: inline-block;
    margin-top: 3px;
}

#_cclose:hover {
    color: #00b1e1;
}

.fieldgroup .field-item {
    background-color: #f2f2f2;
    border: 1px solid #eee;
    border-radius: 2px;
    margin: 0 3px 3px 0;
    padding: 3px 5px;
    min-height: 18px;
    position: relative;
    display: inline-block;
}

.fieldgroup .field-item input {
    background-color: transparent;
    border: 0;
    padding: 0;
    height: 19px;
    max-width: 85px;
}

.fieldgroup .field-item input:focus {
    color: #00b1e1;
}

.fieldgroup .field-item:hover {
    background-color: #fff;
}

#allfield .panel-title .checkbox-inline {
    background-color: transparent;
    border: 0;
}

.form-import-map .table-responsive table {
    table-layout: fixed;
    overflow: hidden;
}

.form-import-map .table-responsive table thead > tr > th {
    border-bottom: 0 !important;
}

.form-import-map .table-responsive table .first {
    width: 40px;
    text-align: center;
}

.form-import-map .table-responsive table .serial, .form-import-map .table-responsive table .required {
    width: 50px;
    text-align: center;
}

.form-import-map .table-responsive table .mappedserial, .form-import-map .table-responsive table .standfield {
    width: 40%;
}

.form-import-map .table-responsive table tbody tr {
    cursor: pointer;
}

.form-import-map .btn-map {
    margin-top: 130px;
    margin-bottom: 10px;
}

.form-import-map .table-responsive table tbody > tr.active td {
    background-color: #e9f9fc !important;
}

.form-import-map .selectitem .badge + .badge, .form-import-map .standfield .badge + .badge {
    margin-left: 5px;
}

.form-import-map .clearselect {
    padding-bottom: 1px;
    border-bottom: 1px dotted #00b1e1;
}

.form-import-map .clearselect:hover {
    border-color: #009dc8;
}

.sku-mate td .input-group-sm + .input-group-sm {
    margin-top: 5px;
}

.sku-mate td .input-group-sm .input-group-addon {
    width: 180px;
    color: #555;
}

.sku-mate td .input-group-sm.has-success .input-group-addon, .sku-mate td .input-group-sm.has-error .input-group-addon {
    color: #fff;
}

.sku-mate td .input-group-sm .input-group-addon span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.detall-time {
    padding: 0;
    list-style: none;
    width: 100%;
    display: table;
    margin-bottom: 5px;
    padding-bottom: 10px;
    border-bottom: 1px solid #00b1e1;
}

.detall-time li {
    position: relative;
    display: table-cell;
}

.detall-time li:before {
    content: "";
    height: 4px;
    background-color: #ccc;
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    margin-top: -2px;
}

.detall-time li.first:before {
    width: 50%;
    left: 50%;
}

.detall-time li.last:before {
    width: 50%;
}

.detall-time li.last:after {
    display: none;
}

.detall-time li.single:before, .detall-time li.single:after {
    display: none;
}

.detall-time li.arrow {
    text-align: center;
    vertical-align: top;
    width: 70px;
}

.detall-time li.arrow .arrow-text {
    line-height: 20px;
    color: #666;
    margin-top: 2px;
    display: block;
}

.detall-time li.arrow :after {
    border-color: transparent transparent transparent #ccc;
    border-style: solid;
    border-width: 10px 0 10px 10px;
    content: "";
    height: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0;
    margin-top: -10px;
    margin-left: -5px;
}

.detall-circle {
    width: 60px;
    height: 60px;
    display: block;
    margin: 0 auto;
    background: #fff;
    position: relative;
    border-radius: 50%;
    text-align: center;
    color: #999;
    z-index: 2;
    border: 3px solid #ccc;
    color: #00b1e1;
}

.detall-circle:hover {
    border-color: #ccc;
}

.detall-circle .label {
    position: absolute;
    top: 0;
    left: 80%;
    background-color: #00b1e1;
    color: #fff;
}

.detall-circle .large-icon {
    line-height: 30px;
    margin-top: 5px;
    font-size: 2em;
    display: block;
}

.detall-circle .step {
    line-height: 1;
    display: block;
}

.detall-time li.active .detall-circle {
    background-color: #00b1e1;
    color: #fff;
    border-color: #d3f3f9;
}

.detall-time li.active .detall-circle .label {
    background-color: #63d3e9;
}

.detall-time li.active .detall-circle:before {
    border-color: transparent transparent #00b1e1 transparent;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    content: "";
    height: 0;
    position: absolute;
    left: 50%;
    bottom: -14px;
    width: 0;
    margin-left: -10px;
    z-index: 1;
}

.detall-time li.active .detall-circle:after {
    border-color: transparent transparent #ecf0f1 transparent;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    content: "";
    height: 0;
    position: absolute;
    left: 50%;
    bottom: -15px;
    width: 0;
    margin-left: -10px;
    z-index: 2;
}

.detall-time li.fail .detall-circle {
    color: #ed5466;
}

.detall-time li.fail .detall-circle .label {
    background-color: #ed5466;
    color: #fff;
}

.detall-time li.fail.active .detall-circle {
    background-color: #ed5466;
    color: #fff;
    border-color: #faccd1;
}

.detall-time li.fail.active .detall-circle .label {
    background-color: #fff;
    color: #ed5466;
}

.labelchoose {
    position: relative;
    padding-left: 300px;
    height: 290px;
    margin-top: 5px;
}

.labelchoose .largelabel {
    position: absolute;
    width: 283px;
    height: 283px;
    left: 0;
    top: 0;
    border: 2px solid #999;
    box-sizing: content-box;
    background: url(../theme/image/loading-bubbles.svg) center no-repeat;
}

.labelchoose .largelabel img {
    width: 283px;
    height: 283px;
}

.labelchoose .labelgroup {
    border-radius: 10px;
    background-color: #f2f2f2;
}

.labelchoose .labelgroup ul {
    margin: 0;
    padding: 5px;
    list-style: none;
}

.labelchoose .labelgroup li {
    width: 150px;
    height: 110px;
    text-align: center;
    display: block;
    padding: 5px;
    margin: 0;
    float: left;
    box-sizing: content-box;
    transition: all .5s ease 0s;
}

.labelchoose .labelgroup li .photo {
    width: 72px;
    height: 72px;
    margin: 0 auto;
    border: 1px solid #c0c0c0;
    margin-bottom: 3px;
    position: relative;
    background-color: #fff;
}

.labelchoose .labelgroup li:hover .photo {
    -webkit-box-shadow: 0 0 10px #ccc;
    -moz-box-shadow: 0 0 10px #ccc;
    box-shadow: 0 0 10px #ccc;
}

.labelchoose .labelgroup li.active .photo {
    border-color: #00b1e1;
}

.labelchoose .labelgroup li.active .photo:before {
    position: absolute;
    right: 3px;
    bottom: -5px;
    font-size: 20px;
    content: "\e72a";
    font-family: "iconfont";
    color: #00b1e1;
}

.labelchoose .labelgroup li .photo img {
    width: 70px;
    height: 70px;
    vertical-align: top;
}

.labelchoose .labelgroup li .labelname {
    line-height: 22px;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}

.labelchoose .labelgroup li.active .labelname {
    color: #00b1e1;
}

.labelchoose .labelgroup li .btn-xs {
    margin: 0 auto;
    font-size: 12px;
    display: none;
}

.labelchoose .labelgroup li:hover .labelname {
    display: none;
}

.labelchoose .labelgroup li:hover .btn-xs {
    display: inline-block;
}

.modal-lg .labelchoose .labelgroup li {
    width: 25%;
    box-sizing: border-box;
    cursor: pointer;
}

.panel.condition {
    margin-bottom: 0;
    border-bottom-width: 1px;
}

.panel.condition + .panel.condition {
    margin-top: 5px;
}

.form-group .panel.condition .panel-heading {
    background-color: #fafafa;
}

.panel.condition .panel-heading .panel-toolbar {
    height: 20px;
    padding: 5px 0;
}

.panel.condition .panel-heading .panel-toolbar .selectitem {
    padding-left: 15px;
}

.panel.condition .panel-heading .panel-toolbar .selectitem .item {
    padding-left: 8px;
}

.condition.active .panel-heading {
    cursor: n-resize;
}

.condition.active .panel-heading .form-control {
    height: 20px;
    margin-left: 10px;
    width: 80px;
    padding: 0 5px;
    display: inline-block;
}

.condition.active .panel-heading .options-item {
    padding-top: 0;
    display: inline-block;
}

.condition.active .panel-heading input.form-control {
    text-align: center;
}

.condition.active .panel-heading .form-control.large {
    width: 140px;
}

.condition .panel-toolbar .form-control, .condition .panel-toolbar .options-item {
    display: none;
}

.condition .panel-heading .checkbox-inline {
    color: #999;
}

.condition.active .panel-heading .checkbox-inline {
    color: #00b1e1;
}

.condition .panel-heading .checkbox-inline {
    padding-top: 0;
}

.condition .panel-body {
    padding: 5px 15px;
}

.condition .panel-body .nav > li > a {
    padding: 5px 15px;
}

.condition-list {
    padding-left: 24px;
}

.condition-list li {
    display: none;
    line-height: 20px;
    font-size: 14px;
}

.condition-list li + li {
    margin-top: 5px;
    word-wrap: break-word;
    word-break: break-all;
}

.condition-list .selectitem {
    padding: 0 5px;
}

.condition-list .item {
    color: #00b1e1;
    word-wrap: break-word;
    word-break: break-all;
}

.condition-list .item + .item {
    padding-left: 5px;
}

#address-control .btn-remove {
    display: none;
    color: #00b1e1;
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 16px;
    overflow: hidden;
    cursor: pointer;
    position: absolute;
    right: -5px;
    top: -5px;
    background-color: #fff;
    border-radius: 50%;
}

#address-control .btn-remove:hover {
    color: #009dc8;
}

#address-control li:hover .btn-remove {
    display: block;
}

#address-control li a:hover {
    background-color: #63d3e9;
    color: #fff;
}

#address-control li.active a:hover {
    background-color: #00b1e1;
}

.scan-info {
    position: relative;
    padding: 10px 10px 10px 260px;
    min-height: 135px;
}

.scan-info .alert {
    margin: 0;
    min-height: 135px;
}

.scan-info .alert strong {
    padding: 0 5px;
    color: #2a2a2a;
}

.scan-info .title {
    margin: 0;
    font-weight: bold;
    line-height: 40px;
    font-size: 30px;
}

.scan-info .info {
    margin-top: 10px;
    font-size: 22px;
    line-height: 24px;
    font-family: Microsoft JhengHei, Arial, Helvetica, sans-serif;
    line-height: 30px;
}

.scan-info .info span + span {
    padding-left: 10px;
}

.scan-info .scan-group {
    width: 240px;
    position: absolute;
    top: 10px;
    left: 10px;
}

.order-result {
    position: relative;
    padding-left: 260px;
}

.order-result .order-info {
    width: 250px;
    position: absolute;
    top: 0;
    left: 0;
}

.order-result .order-info .large-image {
    text-align: center;
    width: 250px;
    height: 250px;
    overflow: hidden;
    background-color: #fff;
    border-radius: 10px;
    background-repeat: no-repeat;
    background-position: center;
    background-repeat: no-repeat;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.order-result .order-info .large-image img {
    vertical-align: middle;
    height: 100%;
    width: 100%;
}

#scanorder .num-wait, #scanorder .num-result {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 30px;
}

#scanorder .num-result {
    height: 45px;
}

#scanorder tr.complete td {
    background-color: #ed5466;
    color: #fff;
}

#scanorder tr.complete td .text-accent {
    color: #fff !important;
}

#scanorder tr.complete td .state {
    font-size: 20px;
    font-weight: bold;
    color: #fff !important;
}

#shiptable span {
    display: block;
    word-break: break-all;
    word-wrap: break-word;
}

.table-break .break {
    display: block;
    word-break: break-all;
    word-wrap: break-word;
}

.table-fixed {
    table-layout: fixed;
}

.table-fixed .fixed {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.table.vertical-top > tbody > tr > td {
    vertical-align: top;
}

.table-fixed thead th {
    white-space: nowrap;
}

.table.vertical-top.table-bordered .list-body tr:last-child {
    border-bottom: 1px solid #cfd9db;
}

.publish-tab {
    height: 33px;
    margin-bottom: 5px;
    position: relative;
    font-weight: bold;
    background-color: transparent;
    overflow: hidden;
    transition: border 250ms ease;
    border: 0;
}

.publish-tab:before {
    position: absolute;
    height: 3px;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #5984c5;
    z-index: 3;
    content: "";
}

.publish-tab .nav-tabs {
    float: left;
    margin-left: 46px;
    background-color: transparent;
}

.publish-tab .nav-tabs > li {
    float: right;
}

.publish-tab .nav-tabs > li a {
    padding: 7px 24px 6px;
    background-color: #fff;
    margin-right: 46px;
    z-index: 1;
    position: relative;
    cursor: pointer;
    color: #777;
    transition: all 250ms ease;
    margin-bottom: 0;
}

.publish-tab .nav-tabs > li a:before, .publish-tab .nav-tabs > li a:after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 44px;
    background-color: #fff;
    transition: all 250ms ease;
}

.publish-tab .nav-tabs > li a:before {
    right: -24px;
    border-radius: 0 8px 0 0;
    transform: skew(30deg, 0deg);
    box-shadow: rgba(0, 0, 0, .1) 3px 2px 5px, inset rgba(255, 255, 255, .09) -1px 0;
}

.publish-tab .nav-tabs > li a:after {
    left: -24px;
    border-radius: 8px 0 0 0;
    transform: skew(-30deg, 0deg);
    box-shadow: rgba(0, 0, 0, .1) -3px 2px 5px, inset rgba(255, 255, 255, .09) 1px 0;
}

.publish-tab .nav-tabs > li.sub a {
    background-color: #ccc;
}

.publish-tab .nav-tabs > li.sub a:after, .publish-tab .nav-tabs > li.sub a:before {
    background-color: #ccc;
}

.publish-tab .nav-tabs > li.sub a:hover {
    background-color: #c0c0c0;
}

.publish-tab .nav-tabs > li.sub a:hover:before, .publish-tab .nav-tabs > li.sub a:hover:after {
    background-color: #c0c0c0;
}

.publish-tab .nav-tabs > li a:hover, .publish-tab .nav-tabs > li a:hover:before, .publish-tab .nav-tabs > li a:hover:after {
    background-color: #f4f7f9;
    color: #444;
}

.publish-tab .nav-tabs > li.active a {
    z-index: 2;
}

.publish-tab .nav-tabs > li.active a, .publish-tab .nav-tabs > li.active a:before, .publish-tab .nav-tabs > li.active a:after, .publish-tab .nav-tabs > li.sub.active a, .publish-tab .nav-tabs > li.sub.active a:before, .publish-tab .nav-tabs > li.sub.active a:after {
    background-color: #5984c5;
    color: #fff;
}

.publish-tab .nav-tabs > li a .text {
    position: relative;
    z-index: 5;
}

.publish-tab .nav-tabs > li span.text {
    color: #000;
}

.publish-tab .nav-tabs > li span.text span {
    color: #fff;
}

.publish-tab .nav-tabs > li.active span {
    color: #fff;
}

.publish-table {
    position: relative;
    padding-top: 96px;
    overflow-x: auto;
    overflow-y: scroll;
}

.publish-table .headtable {
    height: 96px;
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    z-index: 3;
}

.publish-table .bodytable {
    width: auto;
    min-width: 100%;
}

.publish-table .headtable .list-title li li span {
    overflow: inherit;
}

.publish-table .headtable .list-title li .sorting:after, .publish-table .headtable .list-title li .sorting_asc:after, .publish-table .headtable .list-title li .sorting_desc:after {
    top: 0;
}

.autoscrolllist.publish-table .list-body {
    margin-bottom: 0;
    min-width: 100%;
    overflow: auto;
}

.publish-table .list-body li {
    width: auto;
}

.publish-table .list-body li li {
    min-width: 20px;
}

.store .rotate-title .sorting, .store .rotate-title .sorting_asc, .store .rotate-title .sorting_desc {
    padding-left: 10px;
    padding-right: 0;
}

.store .rotate-title .sorting:after, .store .rotate-title .sorting_asc:after, .store .rotate-title .sorting_desc:after {
    right: auto;
    left: 0;
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.publish-table li.store {
    width: 26px;
    overflow: hidden;
}

.publish-table .list-body .photo {
    height: 40px;
    width: 60px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.publish-table .list-body .photo img {
    max-height: 40px;
    max-width: 60px;
}

.rotate-title {
    width: 20px;
    position: relative;
    height: 85px;
}

.publish-table .list-body li .label {
    display: inline-block;
}

.publish-table .list-body li .label-eBay {
    background-color: #0234b9;
}

.publish-table .list-body li .label-Amazon {
    background-color: #f08f0c;
}

.publish-table .list-body li .label-Aliexpress {
    background-color: #eb3b3d;
}

.publish-table .list-body li .label-Wish {
    background-color: #4290d6;
}

.publish-table .list-body li .label-Dhgate {
    background-color: #ee9516;
}

.publish-table .list-body li .label-gray {
    background-color: #bfbfbf;
    color: #393939;
}

.publish-table .list-body li .label-orange {
    background-color: #b92b01;
}

.publish-table .list-title li .rotate-title span {
    overflow: inherit;
    color: #00b1e1;
    line-height: 20px;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    transform: rotate(-90deg);
}

.publish-state {
    background-color: #e0e0e0;
    border-radius: 3px;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 20px;
    overflow: hidden;
    transition: all .5s ease 0s;
    width: 20px;
    text-align: center;
    line-height: 20px;
    color: #999;
    font-weight: bold;
    font-family: Tahoma, Geneva, sans-serif;
}

.publish-state:hover {
    color: #999;
    background-color: #ccc;
    -moz-box-shadow: inset 0 0 0 3px rgba(255, 255, 255, 0.5);
    -webkit-box-shadow: inset 0 0 0 3px rgba(255, 255, 255, 0.5);
    box-shadow: inset 0 0 0 3px rgba(255, 255, 255, 0.5);
}

.publish-state.active {
    background-color: #91c854;
    color: #fff;
}

.publish-state.active:hover {
    background-color: #91c854;
}

.publish-state.saved {
    background-color: #63d3e9;
    color: #fff;
}

.publish-state.saved:hover {
    background-color: #00b1e1;
}

.publish-state.repeat {
    background-color: #ed5466;
    color: #fff;
}

.publish-state.repeat:hover {
    background-color: #eb3d51;
}

.publish-table .headtable {
    height: 96px;
    background-color: #eee;
}

.publish-table .headtable .list-title ul {
    height: 96px;
    background-repeat: no-repeat;
    background-position: -30px -35px;
}

.publish-table .headtable .list-title ul li {
    vertical-align: bottom;
    background-color: transparent;
}

.input-group .input-group-btn.vertical-btn {
    width: 34px;
}

.input-group .input-group-btn.vertical-btn .btn {
    padding-top: 0;
    padding-bottom: 0;
    display: block;
    height: 50%;
    line-height: 1.3;
    font-size: 12px;
}

.input-group .input-group-btn.vertical-btn .btn:first-child {
    border-radius: 0 4px 0 0;
}

.input-group .input-group-btn.vertical-btn .btn:last-child {
    border-radius: 0 0 4px 0;
    margin-top: -1px;
}

.scroll-table {
    position: relative;
    overflow-x: auto;
    overflow-y: scroll;
}

.scroll-table .headtable {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    z-index: 3;
}

.scroll-table .bodytable {
    width: auto;
    min-width: 100%;
}

.label-inline {
    display: inline-block !important;
}

.hover-line {
    position: absolute;
    background-color: #00b1e1;
    overflow: hidden;
    transform: all .5s ease 0s;
    z-index: 3;
    display: none;
}

.hover-line.top, .hover-line.bottom {
    width: 100%;
    height: 1px;
    left: 0;
}

.hover-line.left, .hover-line.right {
    height: 100%;
    width: 1px;
    top: 0;
}

.modal-open .selectize-dropdown, .modal-open .selectize-dropdown.form-control {
    z-index: 1051;
}

.legend-text {
    border: 1px solid #cfd9db;
    line-height: 32px;
    border-radius: 4px;
    margin-left: 10px;
    padding: 0 10px;
    color: #6a6a6a;
}

.popview.modal-dialog {
    width: 180px;
    position: absolute;
    display: none;
    z-index: 201;
    margin-top: 0;
    margin-bottom: 0;
}

.popview .close {
    background-color: #f8f8f8;
    width: 24px;
    border-radius: 50%;
    position: absolute;
    left: -10px;
    top: -10px;
    text-align: center;
    height: 24px;
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    opacity: 1;
    color: #999;
    z-index: 1;
}

.popview .close:hover {
    background-color: #999;
    color: #fff;
}

.popview .modal-body {
    padding: 5px 15px;
    border: 1px solid #e0e7e8;
}

.popview .modal-footer {
    padding: 5px 15px;
    border: 0;
}

.popview .modal-content {
    padding: 5px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.popview .modal-content:before {
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    border-width: 8px 0 8px 8px;
    content: "";
    height: 0;
    position: absolute;
    right: -7px;
    bottom: 8px;
    width: 0;
}

.popview.has-skulist {
    width: 450px;
}

.popview.has-skulist .modal-body {
    padding-right: 270px;
    padding-top: 0;
    padding-bottom: 0;
}

.popview.has-skulist .modal-body .sku-group {
    height: 100%;
    width: 270px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #fff;
    overflow: hidden;
}

.popview.has-skulist .modal-body .sku-group:before {
    position: absolute;
    content: "";
    height: 100%;
    width: 10px;
    left: -10px;
    top: 0;
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.popview.has-skulist .modal-body .sku-group .list-group {
    margin: 0;
    max-height: 100%;
    overflow-y: auto;
}

.popview.has-skulist .modal-body .sku-group .list-group .list-group-item {
    border-radius: 0;
    padding: 5px 105px 5px 8px;
    height: 29px;
    border-color: #e0e7e8;
    border-width: 1px 0 0;
    line-height: 19px;
    background-color: transparent;
    margin: 0;
}

.popview.has-skulist .modal-body .sku-group .list-group .list-group-item:first-child {
    border: 0;
}

.popview.has-skulist .modal-body .sku-group .list-group .list-group-item .btn-group {
    position: absolute;
    right: 5px;
    top: 3px;
}

.large-list-title .btn-default .badge {
    background-color: #e0e0e0;
    color: #666;
}

.large-list-title .btn-default.active .badge {
    background-color: #fff;
}

#modellist .list-body .photo {
    padding: 0;
}

#modellist .list-body .name {
    display: table-cell;
    padding-left: 10px;
    margin: 0;
}

.list-body li .icon-btn, .table-striped .icon-btn {
    padding: 0 2px;
    font-size: 14px;
}

#CustomSite .modal-body {
    background-color: #fff;
    padding: 10px 20px;
}

#CustomSite .col-md-12 .form-group {
    border: 0;
}

#CustomSite .form-group {
    margin-left: -5px;
    margin-right: -5px;
}

#QuickEdit .form-horizontal .control-label {
    text-align: left;
    padding-left: 15px;
}

.quickeditdetail .form-group.table-layout {
    margin-left: 0;
    margin-right: 0;
}

.quickeditdetail .form-group .form-control {
    padding: 6px;
}

.quickeditdetail .form-group .form-price input {
    width: 33%;
    float: left;
}

.quickeditdetail .form-group .form-num select {
    width: 45%;
    float: left;
}

.quickeditdetail .form-group .form-num input {
    width: 25%;
    float: left;
}

.quickeditdetail .col-sm-1, .quickeditdetail .col-sm-2, .quickeditdetail .col-sm-3, .quickeditdetail .col-sm-4, .quickeditdetail .col-sm-5, .quickeditdetail .col-sm-6, .quickeditdetail .col-sm-7, .quickeditdetail .col-sm-8, .quickeditdetail .col-sm-9, .quickeditdetail .col-sm-10, .quickeditdetail .col-sm-11, .quickeditdetail .col-sm-12 {
    padding: 0 2px;
}

.modal-body.multi-sort {
    padding: 10px 5px;
}

.modal-body.multi-sort .row {
    margin-left: -5px;
    margin-right: -5px;
}

.modal-body.multi-sort .row .col-sm-2, .modal-body.multi-sort .row .col-sm-3 {
    padding-left: 5px;
    padding-right: 5px;
}

.modal-body.multi-sort .list-group {
    margin: 0;
    padding-bottom: 10px;
}

.modal-body.multi-sort .list-group-item a {
    padding: 5px 15px 5px 5px;
    position: relative;
}

.modal-body.multi-sort .list-group-item a:before {
    content: "\e6c1";
    position: absolute;
    right: 5px;
    top: 6px;
    font-family: "iconfont";
    color: #ccc;
}

.modal-body.multi-sort .list-group-item.active a:before {
    color: #fff;
}

.modal-body.multi-sort .list-group-item.active a {
    background-color: #00b1e1;
    color: #fff;
}

.modal-body.multi-sort .list-group-tabs .list-group-item.no-sub.active a:after, .modal-body.multi-sort .list-group-tabs .list-group-item.no-sub a:before {
    display: none;
}

#multi-sort .col-sm-3 {
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
}

.directory-tree span {
    color: #00b1e1;
}

.directory-tree span + span {
    padding-left: 10px;
}

.directory-tree span::before {
    content: "\e6e5";
    font-family: "iconfont";
    padding-right: 10px;
}

.directory-tree span:first-child:before {
    display: none;
}

.model-detail.tab-content.panel {
    border-top: 1px solid #cfd9db;
}

.customnum {
    display: inline-block;
    position: relative;
    height: 34px;
    padding: 0 24px;
}

.customnum .form-control {
    width: 50px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
}

.customnum .subtract, .customnum .add {
    display: block;
    line-height: 24px;
    height: 24px;
    width: 24px;
    text-align: center;
    font-size: 20px;
    position: absolute;
    top: 5px;
}

.customnum .subtract {
    left: 0;
}

.customnum .add {
    right: 0;
}

.customnum .subtract.text-gray, .customnum .add.text-gray, .customnum .subtract.text-gray:hover, .customnum .add.text-gray:hover {
    color: #d8d8d8 !important;
    cursor: default;
}

.color-panal label.checkbox-inline {
    background-color: #f6f6f6;
    border-radius: 2px;
    margin-bottom: 5px;
    padding: 3px 10px 3px 30px;
}

.color-panal label.checkbox-inline.active {
    background-color: #eee;
}

.nav.size-list > li > a {
    padding: 5px 10px;
    margin-bottom: 5px;
}

.error-text {
    background-color: #f9f2f4;
    border-radius: 4px;
    color: #c7254e;
    padding: 2px 4px;
    word-break: break-all;
    word-wrap: break-word;
    margin: 0;
}

.consult-panel {
    list-style: none;
    margin-top: 20px;
}

.consult-panel .list-group {
    margin-bottom: 0;
}

.consult-panel .list-group-item {
    padding: 5px;
}

.consult-panel .list-group-item.active {
    background-color: #f6f6f6;
}

.consult-panel .list-group-item h4 {
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    line-height: 20px;
    color: #00b1e1;
}

.consult-panel .list-group-item strong {
    color: #999;
    display: block;
    padding: 0 10px;
    border-radius: 3px;
    background-color: #f8f8f8;
}

.consult-panel .list-group-item p {
    margin: 5px 0 0;
    color: #666;
    word-break: break-all;
    word-wrap: break-word;
}

.consult-scroll {
    overflow-y: auto;
}

.consult-panel .list-group-item .list-table .item {
    display: table-cell;
}

.consult-panel .list-group-item .list-table .item.table-caption {
    display: table-caption;
}

.consult-panel .list-group-item .list-table .item span {
    line-height: 20px;
    color: #00b1e1;
    font-family: Tahoma, Geneva, sans-serif;
}

.consult-panel .list-group-item .list-table .item span:before {
    padding-right: 5px;
    color: #999;
    font-family: "iconfont";
}

.checkbox-inline .color, .productTr .color {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 2px 0 0;
    padding: 0;
    border: 1px solid #ccc;
    overflow: hidden;
    text-indent: -9999px;
}

.color-200003699 {
    background: url(../image/wish-color/bg_post_color_block.gif) 0 0 no-repeat;
}

.color-100018786 {
    background: url(../image/wish-color/bg_post_color_block.gif) 0 -20px no-repeat;
}

.color-771 {
    background-color: #F8F7E7;
}

.color-193 {
    background-color: #000;
}

.color-173 {
    background-color: #0080FF;
}

.color-365458 {
    background-color: #8d6468;
}

.color-200001951 {
    background-color: #d5b489;
}

.color-350850 {
    background-color: #FFD700;
}

.color-691 {
    background-color: #999;
}

.color-175 {
    background-color: #007000;
}

.color-200002130 {
    background-color: #fdfde8;
}

.color-200001438 {
    background-color: #dac9b9;
}

.color-350852 {
    background-color: #FFA500;
}

.color-1052 {
    background-color: #FFC0CB;
}

.color-496 {
    background-color: #6C3365;
}

.color-10 {
    background-color: red;
}

.color-350853 {
    background-color: #ccc;
}

.color-29 {
    background-color: #fff;
}

.color-366 {
    background-color: #ff0;
}

.color-200004889 {
    background-color: #7C8C30;
}

.color-1254 {
    background-color: #1eddff;
}

.color-200004890 {
    background-color: #666;
}

.color-200004891 {
    background-color: #dda0dd;
}

.pubish-image-group {
    padding: 15px 15px 15px 250px;
    position: relative;
    min-height: 280px;
}

.pubish-image-group .largelabel {
    position: absolute;
    left: 15px;
    top: 15px;
    width: 220px;
}

.pubish-image-group .largelabel .nodata {
    background-color: #fff;
    border: 3px dashed #e0e0e0;
    display: none;
    height: 207px;
    text-align: center;
}

.pubish-image-group .largelabel .nodata .title {
    color: #ccc;
    font-size: 32px;
    line-height: 70px;
    margin: 0;
    padding-top: 60px;
}

.pubish-image-group .largelabel .photo {
    border: 1px solid #e0e0e0;
    width: 220px;
    height: 220px;
    background: url(../theme/image/loading-bubbles.svg) center center no-repeat;
    text-align: center;
    vertical-align: middle;
    position: relative;
}

.pubish-image-group .largelabel .btn-remove {
    position: absolute;
    bottom: -24px;
    right: -1px;
    text-align: center;
    left: -1px;
    line-height: 24px;
    background-color: #f0f0f0;
    border-style: solid;
    border-color: #e0e0e0;
    border-width: 1px;
}

.pubish-image-group .largelabel .photo img {
    max-height: 218px;
    max-width: 218px;
    vertical-align: middle;
}

.pubish-image-group .largelabel .photo span {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.thumbtype .thumbnail.ui-sortable-placeholder {
    webkit-animation: transitionShadow 3s linear infinite;
    -moz-animation: transitionShadow 3s linear infinite;
    animation: transitionShadow 3s linear infinite;
}

.thumbtype {
    margin: 0 -10px;
}

.thumbtype .thumbnail {
    border: 1px solid #e0e0e0;
    border-radius: 0;
    background-color: #f0f0f0;
    float: left;
    height: 144px;
    margin: 10px;
    overflow: hidden;
    position: relative;
    width: 120px;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
}

.thumbtype .thumbnail .media {
    height: 118px;
    width: 118px;
    text-align: center;
    vertical-align: middle;
}

.thumbtype .thumbnail .media img {
    max-height: 118px;
    max-width: 118px;
    vertical-align: middle;
    border-radius: 0 !important;
}

.thumbtype .thumbnail .media span {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.thumbtype .thumbnail .media .magnific {
    position: absolute;
    right: 5px;
    top: 5px;
    background-color: rgba(255, 255, 255, 0.8);
    color: #666;
    width: 30px;
    line-height: 30px;
    text-align: center;
    display: none;
    font-size: 16px;
    border-radius: 50%;
    z-index: 3;
}

.thumbtype .thumbnail .media:hover .magnific {
    display: block;
}

.thumbtype .thumbnail .toolbar {
    height: 24px;
    line-height: 24px;
    padding: 0 5px;
    background-color: #f0f0f0;
}

.thumbtype .thumbnail .toolbar .setmain {
    float: left;
}

.thumbtype .thumbnail .toolbar .btn-remove {
    float: right;
}

#skulist .productTr {
    display: none;
    margin: 5px 20px 10px 40px;
}

.choicestaff.form-group label.checkbox-inline {
    margin: 0 0 3px 0;
    padding: 3px 10px 3px 30px;
    background-color: #f2f2f2;
    border-radius: 2px;
    border: 1px solid #eee;
}

.choicestaff.form-group label.checkbox-inline.active {
    background-color: #6BCCB4;
    color: #fff;
    border-color: #58C5AA;
}

.selectedtype .phototype select {
    float: left;
    width: 200px;
}

.selectedtype .thumbnail {
    float: left;
    position: relative;
    width: 120px;
    height: 120px;
    margin: 10px;
    border-radius: 4px;
    overflow: hidden;
    background: url(../image/photo_default.jpg) center center no-repeat;
    background-size: cover;
}

.selectedtype .thumbnail .indicator {
    background-color: #eee;
}

.selectedtype .thumbnail .media {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-position: center top;
    background-repeat: no-repeat;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.selectedtype .thumbnail .media .mask {
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    z-index: 3;
    left: 0;
    bottom: 0;
    color: #fff;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.selectedtype .thumbnail .media .mask h5 {
    line-height: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}

.selectedtype .thumbnail .media .mask p {
    line-height: 20px;
    overflow: hidden;
    margin: 0;
    height: 0;
    opacity: 0;
}

.selectedtype .thumbnail:hover .media .mask p {
    height: auto;
    margin: 5px 0 0 0;
    opacity: 1;
}

.selectedtype .thumbnail.mainphoto {
    -moz-box-shadow: 0 0 0 4px #da9e00;
    -webkit-box-shadow: 0 0 0 4px #da9e00;
    box-shadow: 0 0 0 4px #da9e00;
}

.selectedtype .thumbnail.mainphoto:before {
    border-color: #da9e00 transparent transparent;
    border-style: solid;
    border-width: 40px 40px 0 0;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 0;
    z-index: 1;
}

.selectedtype .thumbnail.mainphoto:after {
    content: "涓诲浘";
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    left: -1px;
    line-height: 20px;
    position: absolute;
    top: 2px;
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    z-index: 2;
}

.selectedtype .thumbnail.mainphoto .set-main {
    display: none;
}

#dropmedia .thumbnail {
    transition: none;
    cursor: move;
}

@-webkit-keyframes transitionShadow {
    0% {
        box-shadow: 0 0 3px #00b1e1;
    }
    50% {
        box-shadow: 0 0 15px #00b1e1;
    }
    100% {
        box-shadow: 0 0 3px #00b1e1;
    }
}

@-moz-keyframes transitionShadow {
    0% {
        box-shadow: 0 0 3px #00b1e1;
    }
    50% {
        box-shadow: 0 0 15px #00b1e1;
    }
    100% {
        box-shadow: 0 0 3px #00b1e1;
    }
}

@keyframes transitionShadow {
    0% {
        box-shadow: 0 0 3px #00b1e1;
    }
    50% {
        box-shadow: 0 0 15px #00b1e1;
    }
    100% {
        box-shadow: 0 0 3px #00b1e1;
    }
}

#dropmedia .thumbnail.ui-sortable-placeholder {
    webkit-animation: transitionShadow 3s linear infinite;
    -moz-animation: transitionShadow 3s linear infinite;
    animation: transitionShadow 3s linear infinite;
}

#dropmedia .thumbnail:first-child {
    -moz-box-shadow: 0 0 0 4px #da9e00;
    -webkit-box-shadow: 0 0 0 4px #da9e00;
    box-shadow: 0 0 0 4px #da9e00;
}

#dropmedia .thumbnail:first-child:before {
    border-color: #da9e00 transparent transparent;
    border-style: solid;
    border-width: 40px 40px 0 0;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 0;
    z-index: 1;
}

#dropmedia .thumbnail:first-child:after {
    content: "涓诲浘";
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    left: -1px;
    line-height: 20px;
    position: absolute;
    top: 2px;
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    z-index: 2;
}

.list-body .photo.mainphoto {
    -webkit-box-shadow: 0 0 0 1px #da9e00;
    -moz-box-shadow: 0 0 0 1px #da9e00;
    box-shadow: 0 0 0 1px #da9e00;
    position: relative;
}

.list-body .photo.mainphoto:before {
    border-color: #da9e00 transparent transparent;
    border-style: solid;
    border-width: 24px 24px 0 0;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 0;
    z-index: 1;
}

.list-body .photo.mainphoto:after {
    content: "\e21c";
    color: #fff;
    font-family: "iconfont";
    font-size: 12px;
    font-weight: bold;
    left: 2px;
    line-height: 20px;
    position: absolute;
    top: -2px;
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    z-index: 2;
}

.selectedtype .thumbnail .media .imglink {
    display: none;
}

.selectedtype .thumbnail .media .overlay {
    background-color: rgba(218, 158, 0, 0.4);
}

.selectedtype .thumbnail .media .overlay .toolbar {
    margin-top: 0;
    top: 5px;
    right: 5px;
    text-align: right;
}

.selectedtype .thumbnail .media .overlay .toolbar .btn {
    line-height: 30px;
    padding: 0;
    width: 30px;
    text-align: center;
    font-size: 1.1em;
    margin: 0 2px;
}

.viewimage {
    min-height: 34px;
}

.viewimage ul {
    padding: 0;
    list-style: none;
    margin: 0;
}

.viewimage li {
    height: 60px;
    margin-right: 10px;
    float: left;
    position: relative;
    padding: 4px;
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid #ccc;
}

.viewimage li .ico-cancel-circle2 {
    position: absolute;
    top: -4px;
    right: -4px;
    cursor: pointer;
    color: #999;
}

.viewimage li .ico-cancel-circle2:hover {
    color: #00b1e1;
}

.viewimage li img {
    max-height: 50px;
    border-radius: 2px;
}

.thumb-new {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    background-color: #eee;
    border: 4px dotted #ccc;
    border-radius: 4px;
    text-align: center;
    transition: all .5s ease 0s;
}

.thumb-new .ico-plus-sign {
    display: block;
    margin-top: 20%;
    font-size: 7em;
    color: #999;
    text-shadow: 0 1px 0 #fff;
}

.thumb-new h4 {
    font-size: 18px;
    color: #999;
    text-shadow: 0 1px 0 #fff;
}

.thumb-new:hover {
    background-color: #f8f8f8;
    border-color: #00a5d2;
}

.thumb-new:hover .ico-plus-sign, .thumb-new:hover h4 {
    color: #00a5d2;
}

.pathexample {
    width: 540px;
    height: 70px;
    margin: 0 auto;
    position: relative;
}

.pathexample .link {
    line-height: 18px;
    font-size: 20px;
    margin: 0;
}

.pathexample .link.alpha {
    opacity: .1;
}

.pathexample .link span {
    padding: 0 2px;
}

.pathexample .info {
    position: absolute;
    line-height: 20px;
    top: 50px;
    display: inline-block;
}

.pathexample .info:before {
    position: absolute;
    height: 15px;
    width: 1px;
    top: -15px;
    left: 50%;
    content: "";
}

.pathexample .info.text-primary:before {
    background-color: #00b1e1;
}

.pathexample .info.text-orange:before {
    background-color: #f60;
}

.pathexample .info.text-success:before {
    background-color: #91c854;
}

.pathexample .info.text-info {
    top: 20px;
    padding-left: 5px;
}

.pathexample .info.text-info:before {
    height: 1px;
    width: 20px;
    top: 10px;
    left: -20px;
    background-color: #63d3e9;
}

.skugroupexample {
    font-size: 13px;
    font-weight: bold;
}

.form-tabs {
    position: absolute;
    right: 15px;
    bottom: -16px;
}

.form-buttons {
    position: absolute;
    right: 15px;
    top: 0;
}

.drag-list .inneritem, .drag-list {
    width: 100%;
    table-layout: fixed;
}

.table.drag-list tr > th, .table.drag-list tr > td {
    padding: 5px;
}

.drag-list .inneritem td {
    text-align: center;
}

.drag-list .btn-drag {
    cursor: move;
}

.drag-list .btn-drag.disabled {
    cursor: default;
}

.copy-helper .ico-copy {
    font-size: 32px;
}

.drag-active {
    border: 0;
}

.drag-active td {
    background-color: #fffcdd !important;
}

.selectproductetail, .selectitem, .modal .scrolllist {
    width: 100% !important;
}

.quickeditdetail {
    width: 100% !important;
}

.hasimage .imageitem {
    padding-top: 8px;
    padding-right: 2px;
    padding-bottom: 8px;
    padding-left: 70px;
    height: 34px;
    line-height: 34px;
}

.hasimage .photo {
    position: absolute;
    left: 10px;
    top: 0;
    width: 50px;
    height: 50px;
    text-align: center;
    background-position: center top;
    background-repeat: no-repeat;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.hasimage .photo i {
    line-height: 50px;
    font-size: 40px;
}

.hasimage .item {
    padding-top: 8px;
    padding-bottom: 8px;
}

#addStockSku .productTr .table tr th {
    padding: 3px 5px;
}

.productTr .switchery, .advance .switchery {
    width: 58px;
}

.productTr .switchery > small, .advance .switchery > small {
    width: 28px;
    z-index: 2;
}

.productTr .switchery:before, .advance .switchery:before {
    position: absolute;
    content: "on";
    left: 7px;
    top: 0;
    font-weight: bold;
    line-height: 20px;
    color: #fff;
    font-size: 12px;
    z-index: 1;
}

.productTr .switchery:after, .advance .switchery:after {
    position: absolute;
    content: "off";
    right: 7px;
    top: 0;
    font-weight: bold;
    line-height: 20px;
    color: #999;
    font-size: 12px;
    z-index: 1;
}

.form-group .switchery {
    border-radius: 17px;
    height: 30px;
    width: 68px;
    border-width: 2px;
    box-sizing: content-box;
}

.form-group .switchery > small {
    border-radius: 50%;
    height: 30px;
    width: 30px;
}

tr.sub {
    display: none;
}

tr.sub .name {
    padding-left: 20px;
}

#depotlist .productTr {
    display: none;
    margin: 5px 20px 10px;
}

#depotlist .productTr .table th, #depotlist .productTr .table td {
    padding: 10px 5px;
}

#depotlist .productTr .table th {
    font-weight: bold;
}

#depotlist ul.list-title li li {
    padding: 10px 0;
    font-weight: bold;
}

td input.allotnum {
    display: none;
    width: 60px;
    margin: 0 auto;
    text-align: center;
}

tr.active td input.allotnum {
    display: block;
}

.positions table {
    margin: 0;
    padding: 0;
    border: 3px solid #fda971;
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.positions table td {
    text-align: center;
    vertical-align: middle;
    padding: 20px 10px;
    background: #fee1ce url(../image/grid_bg.png);
    border: 2px solid #fff;
    word-wrap: break-word;
    word-break: break-all;
}

.positions table td:hover {
    background-color: #fec6a1;
}

.stock-chart {
    margin: 10px;
    min-height: 170px;
    background: url(../theme/image/loading-bubbles.svg) center no-repeat;
}

.stock-chart ul {
    margin: 0 0 -1px 0;
    display: table;
    table-layout: fixed;
    border-collapse: collapse;
    width: 100%;
    height: 50px;
    background-color: #fff;
}

.stock-chart li {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    height: 50px;
    position: relative;
}

.stock-chart li .bg {
    background-color: #f3f3f3;
    height: 10px;
    position: absolute;
    display: block;
    top: 20px;
    left: 0;
    width: 100%;
    z-index: 1;
}

.stock-chart li.head {
    border: 0;
    width: 60px;
    text-align: right;
    padding-right: 5px;
    font-weight: bold;
    border-right: 1px solid #e0e0e0;
}

.stock-chart li .point {
    border-radius: 50%;
    cursor: pointer;
    height: 10px;
    margin: 0 auto;
    position: relative;
    z-index: 3;
    width: 10px;
    border-width: 2px;
    border-style: solid;
    display: block;
    overflow: hidden;
    box-sizing: content-box;
}

.stock-chart li .point:hover, .stock-chart ul.list-allot li .point:hover, .stock-chart ul.list-purchase li .point:hover, .stock-chart ul.list-stock li.full .point:hover, .stock-chart ul.list-stock li .point:hover {
    background-color: #fff;
}

.stock-chart li.full.start .bg {
    width: 50%;
    left: 50%;
    border-radius: 5px 0 0 5px;
}

.stock-chart li.full.end .bg {
    width: 50%;
    border-radius: 0 5px 5px 0;
}

.stock-chart li.full.star.end {
    width: 0;
}

.stock-chart li.full .mask {
    background-color: #f3f3f3;
    height: 10px;
    position: absolute;
    display: block;
    top: 20px;
    width: 50%;
    z-index: 1;
}

.stock-chart li.full.start .mask {
    left: 0;
}

.stock-chart li.full.end .mask {
    left: 51%;
}

.stock-chart li.full.start.end .mask {
    display: none;
}

.stock-chart li.full.start.end .bg {
    background-color: #f3f3f3;
    width: 100%;
    left: 0;
    border-radius: 0;
}

.stock-chart li .cast {
    height: 50%;
    left: 50%;
    position: absolute;
    width: 4px;
    margin-left: -2px;
    display: block;
}

.stock-chart li .cast.allot {
    background-color: #d7ebc0;
    top: 50%;
    z-index: 1;
}

.stock-chart ul.list-purchase li .cast.allot {
    top: 0;
    height: 100%;
}

.stock-chart ul.list-stock li .cast.allot {
    top: 0;
}

.stock-chart li .cast.purchase {
    background-color: #fff2d0;
    top: 50%;
    z-index: 2;
}

.stock-chart ul.list-stock li .cast.purchase {
    top: 0;
}

.stock-chart li.full.start .bg:before {
    width: 100%;
    height: 10px;
    position: absolute;
    left: 0;
    top: 0;
    margin-left: 100%;
    background-color: #f3f3f3;
    display: block;
    z-index: 2;
}

.stock-chart ul.list-allot li.head {
    color: #91c854;
}

.stock-chart ul.list-allot li .bg {
    background-color: #d7ebc0;
}

.stock-chart ul.list-allot li .point {
    background-color: #d7ebc0;
    border-color: #91c854;
}

.stock-chart ul.list-allot li.start .point, .stock-chart ul.list-allot li.end .point {
    display: block;
}

.stock-chart ul.list-allot li .point:hover {
    -webkit-box-shadow: 0 0 0 5px rgba(145, 200, 84, 0.5);
    -moz-box-shadow: 0 0 0 5px rgba(145, 200, 84, 0.5);
    -ms-box-shadow: 0 0 0 5px rgba(145, 200, 84, 0.5);
    box-shadow: 0 0 0 5px rgba(145, 200, 84, 0.5);
}

.stock-chart ul.list-purchase li.head {
    color: #a87a01;
}

.stock-chart ul.list-purchase li .bg {
    background-color: #fff2d0;
}

.stock-chart ul.list-purchase li .point {
    background-color: #fff2d0;
    border-color: #a87a01;
}

.stock-chart ul.list-purchase li.start .point, .stock-chart ul.list-purchase li.end .point {
    display: block;
}

.stock-chart ul.list-purchase li .point:hover {
    -webkit-box-shadow: 0 0 0 5px rgba(255, 214, 106, 0.5);
    -moz-box-shadow: 0 0 0 5px rgba(255, 214, 106, 0.5);
    -ms-box-shadow: 0 0 0 5px rgba(255, 214, 106, 0.5);
    box-shadow: 0 0 0 5px rgba(255, 214, 106, 0.5);
}

.stock-chart ul.list-stock li.head {
    color: #00b1e1;
}

.stock-chart ul.list-stock li .bg {
    background-color: #faccd1;
}

.stock-chart ul.list-stock li.full.start .mask, .stock-chart ul.list-stock li.full.end .mask {
    background-color: #faccd1;
}

.stock-chart ul.list-stock li .point {
    background-color: #faccd1;
    border-color: #fa7b8a;
}

.stock-chart ul.list-stock li .point:hover {
    border-color: #ed5466;
    webkit-box-shadow: 0 0 0 5px rgba(237, 84, 102, 0.5);
    -moz-box-shadow: 0 0 0 5px rgba(237, 84, 102, 0.5);
    -ms-box-shadow: 0 0 0 5px rgba(237, 84, 102, 0.5);
    box-shadow: 0 0 0 5px rgba(237, 84, 102, 0.5);
}

.stock-chart ul.list-stock li.full .bg {
    background-color: #c7f3ff;
}

.stock-chart ul.list-stock li.full .point {
    background-color: #c7f3ff;
    border-color: #00b1e1;
}

.stock-chart ul.list-stock li.full .point:hover {
    webkit-box-shadow: 0 0 0 5px rgba(0, 177, 225, 0.5);
    -moz-box-shadow: 0 0 0 5px rgba(0, 177, 225, 0.5);
    -ms-box-shadow: 0 0 0 5px rgba(0, 177, 225, 0.5);
    box-shadow: 0 0 0 5px rgba(0, 177, 225, 0.5);
}

.stock-chart ul.list-footer {
    height: 20px;
}

.stock-chart ul.list-footer li {
    border-top: 1px solid #e0e0e0;
    height: 20px;
    line-height: 20px;
}

.stock-chart ul.list-footer li.head {
    border: 0;
}

.stock-chart ul.list-footer li .date {
    color: #333;
    font-size: 10px;
    font-weight: bold;
}

.online-image {
    position: relative;
    padding-left: 50px;
}

.online-image .photoinfo {
    position: absolute;
    left: 0;
    top: 0;
}

.online-image .viewlinks {
    width: 34px;
    height: 34px;
    vertical-align: middle;
    display: block;
}

.online-image .viewlinks span {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.online-image .viewlinks img {
    vertical-align: middle;
    max-height: 100%;
    max-width: 100%;
}

body #main > .container-fluid.bottomblank {
    padding-bottom: 80px;
}

.bottomblank .panel.fixedbottom {
    position: fixed;
    left: 220px;
    bottom: 0;
    margin: 0;
    right: 0;
    border-width: 1px 0 0;
    border-radius: 0;
    background-color: rgba(255, 255, 255, 0.9);
    z-index: 10;
}

.sidebar-minimized .bottomblank .panel.fixedbottom {
    left: 60px;
}

.dropbox {
    height: 120px;
    border: 3px dashed #91c854;
    border-radius: 5px;
    position: relative;
}

.dropbox input.multiple {
    display: none;
}

.dropbox .group {
    width: 300px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -150px;
    margin-top: -50px;
    text-align: center;
}

.dropbox .group h5 {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 10px;
}

#upload {
    display: none;
}

.upload-info .filename {
    padding: 20px 0 20px 80px;
    line-height: 20px;
    font-weight: bold;
    position: relative;
    display: inline-block;
}

.upload-info .photo {
    position: absolute;
    left: 0;
    top: 0;
    width: 60px;
    height: 60px;
    text-align: center;
    margin: 0 auto;
    background-position: center top;
    background-repeat: no-repeat;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.upload-info .photo i {
    line-height: 60px;
    font-size: 40px;
}

.upload-info .upload-progress, .upload-info .check {
    font-weight: bold;
}

.upload-info div.upload-progress, .upload-info div.check {
    padding-top: 20px;
    padding-bottom: 20px;
}

.upload-info .fileurl {
    margin: 0;
    display: none;
}

.upload-info .check p {
    margin: 0;
}

.orgcontent {
    padding: 30px 0 50px 0;
    overflow-x: auto;
    position: relative;
}

.jOrgChart table {
    margin: 0 auto;
}

.jOrgChart .line {
    height: 30px;
    width: 4px;
}

.jOrgChart .down {
    background-color: #ccc;
    margin: 0 auto;
}

.jOrgChart .top {
    border-top: 3px solid #ccc;
}

.jOrgChart .left {
    border-right: 2px solid #ccc;
}

.jOrgChart .right {
    border-left: 2px solid #ccc;
}

.jOrgChart td {
    text-align: center;
    vertical-align: top;
    padding: 0;
}

.jOrgChart .node {
    display: inline-block;
    z-index: 10;
    position: relative;
    font-size: 13px;
    background-color: #63D3E9;
    border-radius: 5px;
    border: 3px solid white;
    color: #fff;
    padding: 5px 8px;
    font-weight: bold;
    margin: 0 2px;
}

.jOrgChart .contracted .node {
    background-color: #00B1E1;
    color: #fff;
}

.jOrgChart .node:hover {
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
}

.jOrgChart .expanded .node {
    background-color: #63D3E9;
    color: #fff;
}

.drag-active {
    border-style: dotted !important;
}

.drop-hover {
    border-style: solid !important;
    border-color: #E05E00 !important;
}

.dropdown-menu .nav-header {
    font-size: 12px;
}

.steps.custom {
    border: 0;
}

.custom .form-wizard li a {
    cursor: pointer;
}

.panel .form-wizard > .steps > ul > li.current > a > .number:after {
    /*content: "\e605";*/
}

.panel .form-wizard > .actions, .modal .form-wizard > .actions {
    display: none;
}

#approve .list-group-item .badge {
    float: none;
    margin-right: 10px;
}

#approve .list-group-item .option {
    display: inline-block;
    float: right;
}

#approve .list-group-item .option i {
    background-color: transparent;
    display: none;
    color: #9a9a9a;
    float: left;
    padding-left: 6px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 12px;
    line-height: 1.5;
}

#approve .list-group-item .option i:hover {
    color: #666;
}

.stafflabel {
    max-height: 120px;
}

#currency-list .list-group-item input.form-control {
    width: 50px;
}

#currency-list .list-group-item strong {
    width: 80px;
    position: absolute;
    left: 10px;
    top: 5px;
}

#currency-list .list-group-item .option {
    display: inline-block;
    float: right;
}

.modal-open .mfp-bg {
    z-index: 1051;
}

.modal-open .mfp-wrap {
    z-index: 1052;
}

#module-grid ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#module-grid .panel-body {
    padding-left: 10px;
    padding-right: 10px;
}

#module-grid .item {
    padding: 0 10px;
    float: left;
    width: 240px;
}

#module-grid .item .panel {
    transition: all .5s ease 0s;
}

#module-grid .item.active .panel {
    background-color: #f2f2f2;
}

#module-grid .item.active .panel-heading {
    background-color: #e0e0e0;
}

.item .panel .panel-ribbon span {
    color: #fff;
    font-weight: bold;
    font-size: 10px;
    font-family: tahoma;
    font-size: 10px;
    left: 2px;
    line-height: 20px;
    position: absolute;
    top: 3px;
    z-index: 1;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.item .panel:hover {
    -moz-box-shadow: 0 0 10px #999;
    -webkit-box-shadow: 0 0 10px #999;
    box-shadow: 0 0 10px #999;
}

.item .panel-heading {
    height: 90px;
    position: relative;
}

.item .panel-heading h5 {
    font-size: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}

.item .panel-body {
    margin-top: -60px;
    z-index: 2;
}

.item .panel-body img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    padding: 1px;
    background-color: #fff;
    -moz-box-shadow: 0 0 0 5px #eee;
    -webkit-box-shadow: 0 0 0 5px #eee;
    box-shadow: 0 0 0 5px #eee;
    transition: all .5s ease 0s;
}

.item .panel:hover .panel-body img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.item .panel-body h3 {
    margin-top: 10px;
}

.item .panel-body h3 span {
    padding-left: 5px;
    color: #999;
    font-size: .6em;
}

#main #module-grid .panel .table tr th {
    background-color: transparent;
    border-color: #CFD9DB;
    color: #999;
}

.item .sidelabel {
    position: absolute;
    width: 55px;
    padding-left: 5px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    right: -5px;
    border: none;
    bottom: 15px;
    line-height: 24px;
    background-color: #999;
    text-align: center;
    z-index: 1;
}

.item .sidelabel:before {
    display: inline-block;
    content: "";
    position: absolute;
    top: -8px;
    left: -5px;
    border-style: solid;
    border-color: transparent #f6f6f6 transparent transparent;
    border-width: 20px 12px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

.item .sidelabel:after {
    display: inline-block;
    content: "";
    position: absolute;
    top: 23px;
    right: 1px;
    border-style: solid;
    border-color: transparent transparent #333 #333;
    border-width: 3px 2px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
}

.item .sidelabel.side-danger {
    background-color: #ed5466;
}

.item .sidelabel.side-primary {
    background-color: #00b1e1;
}

.item .sidelabel.side-success {
    background-color: #91c854;
}

.nav-tabs .right-group {
    float: right;
    padding: 10px 10px 0 0;
    color: #999;
}

.mycart {
    bottom: 55px;
    position: fixed;
    right: 10px;
    z-index: 998;
}

.cartico {
    background-color: #ccc;
    border-radius: 50%;
    color: #fff;
    display: block;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
    width: 40px;
}

.cartico:hover, .mycart:hover .cartico {
    background-color: #00A5D2;
    color: #fff;
}

.cartico .label {
    position: absolute;
    right: -5px;
    top: -5px;
}

.mycart ul {
    display: none;
    margin: 0;
    min-height: 30px;
    list-style: none;
    z-index: 1;
    border-radius: 3px;
    right: 40px;
    padding: 5px;
    position: absolute;
    bottom: 0;
    width: 100px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
}

.mycart ul:before {
    position: absolute;
    z-index: 2;
    bottom: 10px;
    right: 0;
    margin-right: -8px;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 0 8px 8px;
    border-color: transparent transparent transparent #fff;
}

.mycart:hover ul {
    display: block;
}

.mycart ul .btn-success {
    display: none;
}

.mycart ul li {
    clear: both;
    width: 100%;
    margin-bottom: 5px;
}

.mycart ul li.noitem {
    background-color: #f2f2f2;
    border-radius: 3px;
    margin: 0;
    line-height: 20px;
    padding: 10px 0;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #aaa;
}

.mycart ul li.noitem p {
    margin: 5px 0 0 0;
    font-size: 12px;
}

.mycart ul li .item-label {
    background: #f2f2f2;
    line-height: 20px;
    border-radius: 3px;
    color: #666;
    display: block;
    padding: 5px 20px 5px 10px;
    vertical-align: baseline;
    position: relative;
}

.mycart ul li .item-label:hover {
    background: #eee;
    color: #333;
}

.mycart ul li .item-label .close {
    position: absolute;
    right: 10px;
    top: 5px;
}

#cartoondetail {
    position: absolute;
    width: 132px;
    height: 130px;
    z-index: 999;
    display: none;
}

#cartoondetail img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    padding: 1px;
    background-color: #fff;
    -moz-box-shadow: 0 0 0 5px #eee;
    -webkit-box-shadow: 0 0 0 5px #eee;
    box-shadow: 0 0 0 5px #eee;
}

.tools-fg {
    margin-bottom: 5px;
    height: 24px;
    position: relative;
}

.tools-fg:before {
    content: "";
    height: 4px;
    background-color: #c0c0c0;
    overflow: hidden;
    z-index: 1;
    position: absolute;
    left: 30px;
    top: 8px;
    right: 0;
}

.tools-fg .label {
    font-size: 12px;
    line-height: 20px;
    height: 22px;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #fff;
    z-index: 2;
    position: relative;
    margin-left: 25px;
}

.cart-list .panel-footer strong.price {
    font-size: 1.5em;
    padding: 0 30px 0 15px;
}

.cart-list .panel-footer strong {
    line-height: 40px;
    font-size: 16px;
}

.cart-list .panel-footer .list-table {
    padding: 0 30px;
}

.cart-list .panel-footer .btn-lg {
    font-family: Microsoft JhengHei, Arial, Helvetica, sans-serif;
}

.cart-list del.price {
    font-size: 14px;
    color: #999;
    margin-left: 10px;
}

.nav.nav-pills.nav-recharge li {
    margin-right: 10px;
}

.nav.nav-pills.nav-recharge li a {
    line-height: 14px;
    background-color: #f8f8f8;
}

.nav.nav-pills.nav-recharge li a:hover {
    background-color: #eee;
}

.nav.nav-pills.nav-recharge li.active a {
    background-color: #00b1e1;
}

.nav-payment {
    padding: 0;
    list-style: none;
}

.nav-payment li {
    float: left;
    margin: 0 10px 5px 0;
}

.nav-payment li a {
    display: inline-block;
    border: 2px solid #eee;
}

.nav-payment li a:hover {
    border-color: #ccc;
}

.nav-payment li.active a {
    border-color: #00b1e1;
    position: relative;
}

.nav-payment li.active a:before {
    bottom: -3px;
    color: #00b1e1;
    content: "\e72a";
    font-family: "iconfont";
    font-size: 20px;
    position: absolute;
    right: 3px;
}

.photo-gallery .modal-header, .photo-gallery .modal-footer {
    padding: 6px 15px 4px;
}

.photo-gallery .badge {
    font-size: 12px;
}

.photo-gallery .modal-body {
    margin: 0;
    padding: 0;
}

.photo-gallery .modal-body .panel-heading {
    background-color: #dde4e6;
    margin: 0;
}

#ui-datepicker-div {
    z-index: 1051 !important;
}

.photo-gallery .photo-group-body {
    padding-left: 240px;
    padding-bottom: 41px;
    height: 540px;
    position: relative;
    background-color: #fff;
}

.photo-gallery .btn-add .btn.btn-default:focus {
    background-color: #c0c0c0;
    border-color: #999;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.7);
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3) inset;
    -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3) inset;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3) inset;
}

.gallery-sort {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 240px;
    background-color: #fff;
    z-index: 2;
    border-right: 1px solid #cfd9db;
    overflow: hidden;
}

.gallery-sort .panel {
    border-radius: 0;
    border-width: 1px 0 0;
    background-color: #fff;
    overflow: inherit;
}

.gallery-sort .panel + .panel {
    margin: -1px 0 0;
}

.photo-gallery .modal-body .gallery-sort .panel .panel-heading {
    border-radius: 0;
    background-color: #f6f6f6;
    border-color: #cfd9db;
    border-style: solid;
    border-width: 0 0 1px;
}

.gallery-sort .panel-body {
    box-sizing: border-box;
    padding: 0;
    overflow-y: auto;
    overflow-x: hidden;
}

.sortitem {
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
    color: #555;
    border: 1px solid #cfd9db;
    border-radius: 3px;
    display: block;
    margin: 8px 10px;
    padding: 5px 30px 5px 7px;
    background-color: #f5f5f5;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px;
    line-height: 20px;
    position: relative;
}

.sortitem:hover {
    color: #777;
    background-color: #ededed;
}

.sortitem.active {
    color: #fff;
    background-color: #00b1e1;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
    border-color: #00a5d2;
}

.sortitem.active:hover {
    color: #fff;
    border-color: #0099c2;
    background-color: #00a5d2;
}

.sortitem .badge {
    position: absolute;
    right: 10px;
    top: 6px;
    line-height: 1.5;
}

.sortitem.active .badge {
    background-color: #fff;
    color: #00b1e1;
}

.photo-group-body .panel-footer {
    padding: 5px 10px;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 240px;
}

.photo-group-body .panel-footer .page-nav .btn {
    padding: 5px 8px;
}

.photo-group-body .autoscrolllist {
    border-top: 1px solid #cfd9db;
}

.photo-group-body .autoscrolllist .list-body > li, .photo-group-body .autoscrolllist .list-title > li {
    position: relative;
}

.photo-group-body .autoscrolllist .select {
    position: absolute;
    left: 10px;
    top: 5px;
}

.photo-group-body .image-name {
    color: #6a6a6a;
}

.photo-group-body .image-select {
    width: 30px;
    text-align: center;
}

.photo-group-body .image-size {
    width: 120px;
    text-align: center;
}

.photo-group-body .image-quote {
    width: 100px;
    text-align: center;
}

.photo-group-body .image-quote i {
    font-size: 16px;
}

.photo-group-body .image-date {
    width: 120px;
    text-align: center;
}

.photo-group-body .image-upload {
    width: 100px;
    text-align: center;
}

.photo-group-body .image-view {
    width: 40px;
    text-align: center;
}

.photo-group-body .autoscrolllist .photo {
    display: none;
}

.photo-group-body .autoscrolllist .magnific {
    position: absolute;
    right: 13px;
    top: 5px;
    font-size: 1.2em;
}

.photo-group-body .autoscrolllist .list-body.gridtype {
    padding: 10px 8px;
}

.photo-group-body .autoscrolllist .list-body.gridtype > li {
    width: 110px;
    height: 135px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    margin: 7px 5px;
    float: left;
}

.photo-group-body .autoscrolllist .list-body.gridtype > li:hover {
    border-color: #ccc;
}

.photo-group-body .autoscrolllist .list-body.gridtype > li.active {
    background-color: #fff9ea !important;
    border-color: #da9e00;
    -moz-box-shadow: 0 0 5px #da9e00;
    -webkit-box-shadow: 0 0 5px #da9e00;
    box-shadow: 0 0 5px #da9e00;
}

.photo-group-body .autoscrolllist .list-body.gridtype ul {
    display: block;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    padding-left: 25px;
    position: relative;
    border: 0;
}

.photo-group-body .autoscrolllist .list-body.gridtype .image-quote {
    position: absolute;
    left: 5px;
    top: 2px;
    display: block;
    width: auto;
    text-align: left;
    padding: 0;
}

.photo-group-body .autoscrolllist .list-body.gridtype .image-name {
    line-height: 20px;
    display: block;
    padding: 0 5px 0 0;
}

.photo-group-body .autoscrolllist .list-body li.active .image-name {
    color: #da9e00;
}

.photo-group-body .autoscrolllist .list-body.gridtype li .photo {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100px;
    width: 100px;
    margin: 5px auto;
    display: block;
    border-radius: 2px;
}

.photo-group-body .autoscrolllist .list-body.gridtype li .photo:hover {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.photo-group-body .autoscrolllist .list-body.gridtype li .magnific {
    display: none;
    right: 8px;
    top: 8px;
    line-height: 30px;
    text-align: center;
    width: 30px;
    border-radius: 50%;
    line-height: 30px;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
}

.photo-group-body .autoscrolllist .list-body.gridtype li:hover .magnific {
    display: block;
}

.list-body.gridtype li .select, .list-body.gridtype li .image-size, .list-body.gridtype li .image-select, .list-body.gridtype li .image-quote strong, .list-body.gridtype li .image-date, .list-body.gridtype li .image-upload, .list-body.gridtype li .image-view {
    display: none;
}

#tooltip {
    position: absolute;
    z-index: 1051;
    width: auto;
    max-width: 220px;
    background: rgba(255, 255, 255, 0.9);
    padding: 5px 10px;
    min-height: 1em;
    border-radius: 4px;
    border: 1px solid #ccc;
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

#tooltip h4 {
    font-size: 14px;
    line-height: 20px;
    color: #da9e00;
    margin: 0 0 5px 0;
    padding: 0;
    font-weight: bold;
    word-break: break-all;
    word-wrap: break-word;
}

#tooltip p {
    margin: 0;
    padding: 0;
    color: #00b1e1;
    line-height: 20px;
}

#tooltip p strong {
    padding-right: 5px;
    color: #7a7a7a;
}

#tooltip.phototool {
    max-width: 80px;
    max-height: 80px;
    padding: 5px;
}

#tooltip.phototool img {
    max-width: 100%;
    max-height: 100%;
}

.message-col-right .timeline.main {
    overflow: inherit;
    margin-left: 50px;
}

.message-col-right .timeline.main:after {
    left: 30px;
    background-color: #00b1e1;
    z-index: 1;
}

.message-col-right .timeline.main .header {
    margin: 0 0 20px;
    height: 30px;
    position: relative;
    left: -30px;
}

.message-col-right .timeline.main .header .title {
    display: inline-block;
    float: left;
    background: #00b1e1;
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    padding-bottom: 2px;
    padding: 0 20px;
    line-height: 30px;
}

.message-col-right .timeline.main .header .loading {
    left: -20px;
    background-color: #dde4e6;
    font-weight: bold;
    color: #999;
    line-height: 30px;
    padding: 0 15px 0 35px;
    font-size: 14px;
    border-radius: 15px;
    -moz-box-shadow: 0 0 5px 0 #fff;
    -webkit-box-shadow: 0 0 5px 0 #fff;
    box-shadow: 0 0 5px 0 #fff;
}

.message-col-right .timeline.main .header .loading i {
    left: 15px;
    top: 8px;
}

.message-col-right .timeline.main .header .btn-success {
    float: left;
    margin-left: 15px;
}

.message-col-right .timeline.main li .list-table.dis-none {
    display: none;
}

.message-col-right .list-table .photo {
    width: 60px;
    text-align: center;
    vertical-align: top;
    padding-right: 10px;
    cursor: pointer;
}

.message-col-right .list-table .photo img {
    max-width: 50px;
    max-height: 50px;
}

.message-col-right .timeline.main li .panel-body .favorite {
    position: absolute;
    right: 3px;
    top: 2px;
    color: #fff;
    font-size: 18px;
    z-index: 10;
    width: 20px;
    text-align: center;
    display: block;
    line-height: 21px;
}

.message-col-right .timeline.main li.wrapper .panel .panel-body {
    padding-left: 20px;
    padding-right: 20px;
}

.message-col-right .timeline.main li.wrapper .panel-body:after {
    border-color: #00b1e1 transparent transparent;
    border-style: solid;
    border-width: 40px 0 0 40px;
    content: "";
    height: 0;
    right: 0;
    position: absolute;
    top: 0;
    width: 0;
}

.message-col-right .timeline.main li.wrapper.favorited .panel-body:after {
    border-color: #ccc transparent transparent;
}

.list-table li.detail h5 {
    margin: 0 0 5px 0;
    font-weight: bold;
}

.list-table li.detail h5 .date {
    font-size: 10px;
    font-family: Tahoma, Geneva, sans-serif;
    padding-left: 15px;
    color: #999;
    float: right;
}

.list-table li.detail h5 .date a {
    margin-left: 10px;
    font-size: 12px;
}

.timeline.main li .reply-group {
    padding-left: 65px;
    padding-top: 10px;
}

.modal-body .reply-group {
    margin: 10px 0;
}

.modal-body .reply-group li.detail {
    background-color: #fff;
    border-color: #e0e0e0;
    -webkit-box-shadow: 0 0 5px #ccc;
    -moz-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px #ccc;
}

.reply-group li.detail {
    background-color: #f9f9f9;
    padding: 5px 10px;
    border: 1px solid #efefef;
    border-radius: 3px;
}

.message-col-right .timeline.main li.wrapper {
    margin-left: 65px;
    position: relative;
}

.message-col-right .timeline.main li .type {
    font-size: 16px;
    width: 120px;
    text-align: right;
    left: -173px;
    color: #00b1e1;
    display: inline-block;
    line-height: 24px;
    padding: 25px 0 0 0;
    position: absolute;
    top: 12px;
    font-family: Microsoft JhengHei, Arial, Helvetica, sans-serif;
}

.message-col-right .timeline.main li .type:after {
    background: #00b1e1;
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    right: -50px;
    top: 8px;
    width: 30px;
}

.message-col-right .timeline.main li .type:before {
    background: #00b1e1;
    content: "";
    display: block;
    height: 8px;
    position: absolute;
    right: -21px;
    top: 5px;
    width: 8px;
}

.message-col-right .timeline.main li .type i {
    display: inline-block;
    right: 0;
    position: absolute;
    top: 0;
    font-size: 24px;
}

.message-col-right .timeline.main li.wrapper .more-reply {
    margin: 10px 0 0 65px;
}

.message-col-right .timeline.main li.wrapper .more-reply a {
    display: block;
    border: 1px solid #eee;
    background-color: #f9f9f9;
    border-radius: 4px;
    text-align: center;
    line-height: 24px;
    color: #666;
    transition: all .5s ease 0s;
}

.message-col-right .timeline.main li.wrapper .more-reply a .num {
    color: #00b1e1;
    font-weight: bold;
    padding: 0 3px;
}

.message-col-right .timeline.main li.wrapper .more-reply a:hover {
    background-color: transparent;
    border-color: #e0e0e0;
    color: #00b1e1;
}

.message-col-right .timeline.main li.wrapper.no-data .panel-body:after {
    border-color: transparent;
}

.message-col-right .timeline.main li.wrapper.no-data .panel p {
    line-height: 40px;
    color: #00b1e1;
    font-size: 18px;
    font-family: Microsoft JhengHei, Arial, Helvetica, sans-serif;
}

.no-message {
    background-color: #dde4e6;
    border-radius: 15px;
    -webkit-box-shadow: 0 0 5px 0 #fff;
    -moz-box-shadow: 0 0 5px 0 #fff;
    box-shadow: 0 0 5px 0 #fff;
    color: #999;
    font-size: 14px;
    font-weight: bold;
    left: -20px;
    line-height: 30px;
    padding: 0 20px;
    display: inline-block;
    position: relative;
}

.message-col-right .timeline.main li.tort .type {
    color: #ed5466;
}

.message-col-right .timeline.main li.tort .type:before, .timeline.main li.tort .type:after {
    background-color: #ed5466;
}

.message-col-right .timeline.main li {
    z-index: 2;
}

.message-col-right .timeline.main li.wrapper .figure {
    background-color: #ecf0f1;
    border-radius: 50%;
    box-shadow: 0 0 0 3px #ecf0f1;
    color: #b1c2c6;
    height: 34px;
    left: 30px;
    line-height: 34px;
    margin-left: -18px;
    margin-top: 5px;
    position: absolute;
    text-align: center;
    width: 34px;
    z-index: 5;
}

.message-col-right .timeline.main li.wrapper .panel:before {
    border-style: solid;
    content: "";
    height: 0;
    position: absolute;
    width: 0;
    border-color: transparent #cfd9db transparent transparent;
    border-width: 10px 10px 10px 0;
    left: -11px;
    top: 10px;
}

.message-col-right .timeline.main li.wrapper .panel:after {
    border-style: solid;
    content: "";
    height: 0;
    position: absolute;
    width: 0;
    border-color: transparent #fff transparent transparent;
    border-width: 10px 10px 10px 0;
    left: -10px;
    top: 10px;
}

.message-col-left {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    float: left;
    width: 25%;
}

.message-col-right {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    float: left;
    width: 75%;
}

.message-tab {
    position: relative;
    z-index: 3;
}

.message-tab .list-group-item {
    border-radius: 4px;
    margin-bottom: 3px;
}

.message-tab .list-group-item.active > a {
    background-color: #00b1e1;
    color: #fff;
}

.message-tab.list-group-tabs .list-group-item.active a:after {
    margin: 0;
    display: none;
}

.message-tab .list-group-item > a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dropdown-menu.fixed-height, .dropdown-menu .fixed-height {
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}

.dropdown-menu .fixed-height + li {
    border-top: #e0e7e8 1px solid;
    padding-top: 5px;
}

.dropdown-menu > .fixed-height > li > a {
    clear: both;
    color: #5e5e5e;
    display: block;
    font-weight: 400;
    line-height: 20px;
    padding: 4px 15px;
    white-space: nowrap;
}

.dropdown-menu > .fixed-height > li {
    margin: 0;
    text-align: left;
}

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

.dropdown-menu > .fixed-height > .dropdown-header {
    font-size: 13px;
    font-weight: 600;
    padding: 6px 15px !important;
}

.list-group-item a .label {
    color: #fff;
    background-color: #ccc;
    margin-left: 8px;
}

.message-tab .list-group-item.active > a .label {
    color: #00b1e1;
    background-color: #fff;
}

.message-tab .list-group-item a .text {
    padding-left: 5px;
}

.message-tab .list-group-item.closed .dropdown-menu {
    display: none;
}

.list-table .photo {
    width: 60px;
    text-align: center;
    vertical-align: top;
    padding-right: 10px;
    cursor: pointer;
}

.list-table .photo img {
    max-width: 50px;
    max-height: 50px;
}

.modal-body .reply-group {
    margin: 10px 0;
}

.modal-body .reply-group li.detail {
    background-color: #fff;
    border-color: #e0e0e0;
    -webkit-box-shadow: 0 0 5px #ccc;
    -moz-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px #ccc;
}

.reply-group li.detail {
    background-color: #f9f9f9;
    padding: 5px 10px;
    border: 1px solid #efefef;
    border-radius: 3px;
}

#main .container-fluid.view-help {
    position: relative;
    padding-right: 255px;
}

.panel.panel-help {
    right: -240px;
    border-radius: 0;
    position: fixed;
    top: 30px;
    bottom: 0;
    width: 240px;
    margin: 0;
    z-index: 1029;
    border-width: 0 0 0 1px;
}

.panel.panel-help .panel-heading {
    padding-left: 50px;
    position: relative;
    border-radius: 0;
}

.panel.panel-help .panel-heading .close-message {
    color: #ccc;
    font-size: 2em;
    left: 15px;
    position: absolute;
    top: 8px;
    transition: all .5s ease 0s;
}

.panel.panel-help .panel-body {
    border-top: 1px solid #cfd9db;
    bottom: 0;
    left: 0;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    top: 40px;
    right: 0;
    padding: 10px;
}

.container-fluid.view-help .panel.panel-help {
    right: 0;
}

.logistics-list {
    border: 1px solid #cfd9db;
    border-radius: 4px;
    position: relative;
    list-style: none;
}

.logistics-list .list-group-item {
    border: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.logistics-list .list-group-item:first-child {
    border-bottom: 1px solid #cfd9db !important;
}

.logistics-list .list-group-item .title {
    position: absolute;
    font-size: 14px;
    line-height: 30px;
}

.logistics-list ul {
    list-style: none;
    position: relative;
    margin-left: 35px;
}

.logistics-list .logistics-ul > li {
    float: left;
    margin: 0 8px 8px 0;
}

.logistics-list .logistics-ul > li > a {
    background-color: #f8f8f8;
    cursor: pointer;
    border: 1px solid #f8f8f8;
    color: #5E5E5E;
    border-radius: 3px;
    display: block;
    font-size: 13px;
    line-height: 20px;
    padding: 3px 5px;
}

.logistics-list .logistics-ul .active > a {
    background: #00b1e1;
    border-color: #00b1e1;
    color: #fff;
}

.logistics-list .dis-none-all {
    display: none;
}

.logistics-list .btn-screen {
    position: absolute;
    bottom: -12px;
    left: 48%;
    z-index: 2;
    font-size: 12px;
}

.logistics-list .logistics-menu {
    position: absolute !important;
    left: -35px;
}

.logistics-box {
    margin-left: 30px !important;
    margin-right: 30px;
}

.logistics-box ul {
    padding: 5px 10px;
    box-sizing: border-box;
}

.logistics-box ul li {
    display: block;
}

.logistics-box ul li span {
    display: inline-block;
}

.logistics-box ul li .title {
    width: 200px;
}

.logistics-box .logistics-title {
    height: 30px;
    padding: 8px 10px;
}

.logistics-time .submenu:after {
    border-left: 1px solid #ccc !important;
    bottom: 0;
    content: "";
    left: 32px;
    position: absolute;
    top: 0;
}

.logistics-time .submenu {
    position: relative;
    margin: 10px 0;
}

.logistics-time .submenu li {
    position: relative;
    margin-left: 45px;
}

.logistics-time .submenu li:after {
    content: "";
    background-color: #ccc !important;
    border: 2px solid #fff;
    border-radius: 50% !important;
    bottom: auto;
    height: 13px;
    left: -29px !important;
    top: 6px !important;
    width: 13px;
    position: absolute;
    z-index: 1 !important;
}

.logistics-time .submenu .active:after {
    background-color: #428bca !important;
}

.label-set-list .btn-screen {
    position: absolute;
    bottom: -12px;
    left: 48%;
    z-index: 2;
    font-size: 12px;
}

.remarks-color > a {
    display: inline-block;
    margin-top: 6px;
    font-size: 20px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    border: 1px solid #ccc;
}

.remarks-color .active {
    border: 3px solid #444;
}

.label-group-large {
    width: 100%;
    padding-top: 25px;
    padding-bottom: 20px;
    position: relative;
}

.label-group-large .label-name {
    position: absolute;
    width: 100%;
    text-align: center;
    left: 0 bottom : 0;
    line-height: 20px;
    color: #666;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}

.label-group-large .btn-changelabel {
    position: absolute;
    left: 0;
    top: 0;
}

.label-group-large .photo {
    text-align: center;
    border: 1px solid #fff;
    vertical-align: middle;
    height: 247px;
    position: relative;
    background: url(../theme/image/loading-bubbles.svg) center no-repeat;
}

.label-group-large .photo img {
    max-width: 100%;
    max-height: 247px;
    vertical-align: middle;
}

.label-group-large .photo span {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.label-group-large .photo .select-label {
    margin: 20px;
    background-color: #eee;
    border: 3px dashed #ccc;
    border-radius: 10px;
    line-height: 100%;
    text-align: center;
    height: 207px;
    display: block;
}

.label-group-large .photo .select-label i {
    font-size: 60px;
    color: #ccc;
    line-height: 207px;
}

.label-group-large .nodata {
    border: 3px dashed #e0e0e0;
    border-radius: 10px;
    margin: 20px;
    text-align: center;
    height: 207px;
    background-color: #fff;
    display: none;
}

.label-group-large .nodata .title {
    font-size: 32px;
    line-height: 70px;
    color: #ccc;
    margin: 0;
    padding-top: 40px;
}

.label-group-large .nodata p {
    color: #999;
    line-height: 30px;
    margin: 0;
}

.label-group-large .nodata:before {
    content: "\e3f2";
    position: absolute;
    right: 45px;
    top: 8px;
    color: #ccc;
    font-size: 45px;
    font-family: "iconfont";
}

.mintype .panel-title, .mintype .panel-toolbar {
    height: 30px;
}

.fixed-menu {
    position: fixed;
    right: 10px;
    z-index: 998;
    bottom: 10px;
    width: 40px;
}

.fixed-menu .totop {
    position: relative !important;
    right: 0 !important;
    bottom: 0 !important;
    margin-right: 0;
    background-color: rgba(0, 182, 173, 0.8);
    border-radius: 50%;
    color: rgba(255, 255, 255, 0.8);
    margin-top: 20px;
    display: block;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
    width: 40px;
}

.fixed_ratio {
    position: fixed;
    right: 10px;
    z-index: 999;
    top: 45%;
    width: 30px;
    background-color: #00b1e1;
    padding: 10px 0 10px 8px;
    color: #fff;
    cursor: pointer;
}

.fixed_ratio:hover, .fixed_ratio:active, .fixed_ratio:focus {
    background-color: #00a5d2;
    color: #fff;
}

#data_comparison {
    display: block;
    position: fixed;
    z-index: 999;
    top: 30%;
    right: 45px;
    width: 405px;
}

#data_comparison .panel {
    height: 500px;
    background: #f2f1f1;
}

#data_comparison table tbody tr:last-child td {
    border-bottom: 1px solid #cfd9db;
}

#data_comparison .table-responsive {
    max-height: 450px;
    overflow-y: auto;
}

.category-name-group {
    height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}

.event-modal-frame .modal-dialog {
    width: 420px;
    top: 250px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 0 8px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 0 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 0 8px rgba(0, 0, 0, 0.2);
    transition: all .5s ease 0s;
}

.event-modal-frame .min-title {
    display: none;
    line-height: 30px;
    color: #333;
    background: #ecf0f1 url(../theme/image/loading-bubbles.svg) 10px center no-repeat;
    padding: 0 15px 0 45px;
    border-radius: 5px 5px 0 0;
    cursor: pointer;
    transition: all .5s ease 0s;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.event-modal-frame .modal-dialog .modal-body {
    background-color: #ecf0f1;
    padding: 0;
    height: 100px;
}

.event-modal-frame .modal-toolbar {
    position: absolute;
    top: -25px;
    right: 2px;
    height: 30px;
}

.event-modal-frame .modal-toolbar .btn {
    padding: 0 5px;
    background-color: #c0c0c0;
    border: 2px solid #ecf0f1;
    color: #fff;
    height: 28px;
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    transition: all .5s ease 0s;
}

.event-modal-frame .modal-toolbar .btn:last-child {
    margin-left: -2px;
    border-radius: 0 5px 0 0;
}

.event-modal-frame .modal-toolbar .btn:hover {
    background-color: #999;
}

.event-modal-frame .modal-footer {
    text-align: center;
    padding: 5px 10px;
}

.event-modal-frame.min-type {
    right: 60px;
    top: auto;
    left: auto;
    height: 30px;
    overflow: inherit;
    display: block !important;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
}

.event-modal-frame.min-type .min-title {
    display: inline-block;
}

.event-modal-frame.min-type .min-title:hover {
    background-color: #fff;
    color: #00b1e1;
}

.event-modal-frame.min-type .modal-dialog {
    display: none;
}

.container-fluid.has-toobar, .container-fluid.has-navbar {
    position: relative;
}

.container-fluid.has-toobar .page-footer, .container-fluid.has-navbar .panel-navbar {
    left: 235px;
}

.sidebar-minimized .container-fluid.has-toobar .page-footer {
    left: 75px;
}

.container-fluid.has-toobar .page-footer {
    position: fixed;
    bottom: 0;
    right: 15px;
    z-index: 10;
}

.panel-navbar .page-header {
    padding: 0;
    border-bottom: 0;
}

.scroll-hide {
    position: relative;
}

.page-header.fixed-type {
    position: fixed;
    top: 60px;
    left: 235px;
    right: 15px;
    z-index: 10;
    background-color: #ecf0f1;
}

.x .page-header.fixed-type {
    top: 30px;
}

.sidebar-minimized .page-header.fixed-type {
    left: 75px;
}

@media (min-width: 768px) and(max-width: 991px) {
    aside.sidebar.sidebar-left.sidebar-menu + #main {
        padding-left: 60px;
    }

    aside.sidebar.sidebar-left.sidebar-menu {
        padding-top: 30px;
        width: 60px;
    }

    .sidebar.sidebar-left.sidebar-menu .logo-env {
        display: none;
    }

    .sidebar.sidebar-left.sidebar-menu .account {
        padding: 10px;
        margin: 0;
    }

    .sidebar.sidebar-left.sidebar-menu .account .accont-photo {
        position: relative;
        left: auto;
        top: auto;
        cursor: pointer;
    }

    .sidebar.sidebar-left.sidebar-menu .account:hover:before {
        position: absolute;
        z-index: 1;
        top: 50%;
        right: 0;
        margin-top: -8px;
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 8px 8px 8px 0;
        border-color: transparent #202020 transparent transparent;
        -webkit-box-shadow: inset 1px 0 4px 0 #1d1d1d;
        box-shadow: inset 1px 0 4px 0 #1d1d1d;
    }

    .sidebar.sidebar-left.sidebar-menu .account .accontdetail {
        display: none;
        position: absolute;
        left: 60px;
        top: 0;
        padding: 10px;
        background-color: #2b303a;
        border-radius: 0 3px 3px 0;
    }

    .sidebar.sidebar-left.sidebar-menu .account:hover .accontdetail {
        display: block;
    }

    .sidebar.sidebar-left.sidebar-menu .qrcode {
        position: relative;
        width: 30px;
        background-position: 0 center;
        cursor: pointer;
    }

    .sidebar.sidebar-left.sidebar-menu .qrcode:hover:before {
        position: absolute;
        z-index: 1;
        top: 50%;
        right: 0;
        margin-top: -8px;
        margin-right: -15px;
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 8px 8px 8px 0;
        border-color: transparent #202020 transparent transparent;
        -webkit-box-shadow: inset 1px 0 4px 0 #1d1d1d;
        box-shadow: inset 1px 0 4px 0 #1d1d1d;
    }

    .sidebar.sidebar-left.sidebar-menu .qrcode img {
        display: none;
        margin: 0;
        position: absolute;
        padding: 10px;
        border-radius: 0 3px 3px 0;
        top: 0;
        left: 45px;
        background-color: #2b303a;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        -khtml-box-shadow: none;
        box-shadow: none;
    }

    .sidebar.sidebar-left.sidebar-menu .qrcode:hover img {
        display: block;
    }

    aside.sidebar.sidebar-left.sidebar-menu .topmenu li {
        border: 0;
    }

    aside.sidebar.sidebar-left.sidebar-menu .topmenu li a > .figure {
        padding-left: 0;
    }

    aside.sidebar.sidebar-left.sidebar-menu .topmenu li .submenu li {
        border: 0;
    }

    aside.sidebar.sidebar-left.sidebar-menu .topmenu li .submenu li a {
        padding-left: 15px;
    }

    aside.sidebar.sidebar-left.sidebar-menu .topmenu li .submenu li .submenu li a {
        padding-left: 30px;
    }

    aside.sidebar.sidebar-left.sidebar-menu .topmenu > li.arrow:before, aside.sidebar.sidebar-left.sidebar-menu .topmenu > li.arrow:hover:before {
        border-color: rgba(0, 0, 0, 0) #2b303a rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    }
}

@media (max-width: 767px) {
    .login-page .login-header img {
        height: 50px;
    }

    #btn-code {
        padding: 7px 5px;
    }

    .loginform {
        width: auto;
        margin: 0;
    }

    .login-page .panel .form-group .form-control {
        padding-left: 75px;
    }

    .login-page .panel .form-group .has-icon .form-control-icon {
        padding-left: 10px;
    }

    aside.sidebar.sidebar-left.sidebar-menu {
        left: -220px;
    }

    aside.sidebar.sidebar-left.sidebar-menu + #main {
        padding-left: 0;
    }

    .col-custom-1, .col-custom-10, .col-custom-11, .col-custom-2, .col-custom-3, .col-custom-4, .col-custom-5, .col-custom-6, .col-custom-7, .col-custom-8, .col-custom-9 {
        width: 100%;
    }

    #header {
        display: none;
    }

    .main #header {
        display: block;
    }

    body #header.navbar.navbar-fixed-top ~ #main, body .sidebar-minimized #header.navbar.navbar-fixed-top ~ #main {
        padding-top: 0 !important;
    }

    .nav.nav-pills.nav-recharge li {
        width: 100%;
        margin: 10px 0 0;
    }

    .nav.nav-pills.nav-recharge li a {
        text-align: center;
    }

    .nav-payment li {
        width: 100%;
        margin: 10px 0 0;
    }

    .nav-payment li a {
        display: block;
        text-align: center;
    }

    .submit-recharge {
        display: block;
        width: 100%;
        font-size: 16px;
        padding-top: 10px;
        padding-bottom: 10px;
        font-weight: bold;
    }

    #chargePop .modal-body .col-md-2 {
        text-align: center;
        display: none;
    }

    #chargePop .col-md-10 h3 {
        font-size: 16px;
    }

    #chargePop .modal-header {
        padding: 10px;
    }

    #chargePop .modal-header .ico-credit {
        display: none;
    }

    #chargePop .modal-body {
        padding: 10px;
    }
}

html {
    position: relative;
    z-index: 1;
    min-height: 100%;
}

.sidebar-open-ltr, .sidebar-open-rtl {
    overflow: hidden;
}

body {
    min-height: 100%;
}

.csstransforms3d.sidebar-open-ltr #header.navbar {
    -webkit-transform: translate3d(220px, 0, 0);
    -moz-transform: translate3d(220px, 0, 0);
    -o-transform: translate3d(220px, 0, 0);
    -ms-transform: translate3d(220px, 0, 0);
    transform: translate3d(220px, 0, 0);
}

.no-csstransforms3d.sidebar-open-ltr #header.navbar {
    left: 220px;
    right: auto;
}

.csstransforms3d.sidebar-open-rtl #header.navbar {
    -webkit-transform: translate3d(-220px, 0, 0);
    -moz-transform: translate3d(-220px, 0, 0);
    -o-transform: translate3d(-220px, 0, 0);
    -ms-transform: translate3d(-220px, 0, 0);
    transform: translate3d(-220px, 0, 0);
}

.no-csstransforms3d.sidebar-open-rtl #header.navbar {
    right: 220px;
    left: auto;
}

#header.navbar {
    position: relative;
    z-index: 1030;
    width: 100%;
    background-color: #00b6ad;
    height: 50px;
    border-width: 0;
    border-radius: 0;
    margin: 0;
    -webkit-transition: -webkit-transform .2s ease;
    -moz-transition: -moz-transform .2s ease;
    -o-transition: -o-transform .2s ease;
    transition: -webkit-transform .2s ease, -moz-transform .2s ease, -o-transform .2s ease, transform .2s ease;
}

#header.navbar > .navbar-header {
    height: 50px;
    float: none;
}

#header.navbar > .navbar-header > .navbar-brand {
    display: block;
    width: 100%;
    padding: 0 15px;
    line-height: 49px;
    height: 50px;
    text-align: center;
}

#header.navbar > .navbar-toolbar {
    background-color: rgba(255, 255, 255, .97);
    border-bottom: 1px solid #e3e9eb;
    min-height: 50px;
}

#header.navbar > .navbar-toolbar > .navbar-collapse {
    width: 100%;
    padding: 0;
    border-color: #cfd9db;
}

#header.navbar > .navbar-toolbar > .navbar-collapse > .navbar-nav, #header.navbar > .navbar-toolbar > .navbar-collapse > .navbar-nav > li {
    float: none !important;
}

#header.navbar > .navbar-toolbar > .navbar-nav {
    margin: 0;
    float: left;
}

#header.navbar > .navbar-toolbar > .navbar-nav > li {
    float: left;
}

#header.navbar > .navbar-toolbar > .navbar-nav > li > a {
    padding: 0 15px;
    height: 49px;
    line-height: 50px;
    color: #9d9d9d;
    text-shadow: none;
}

#header.navbar > .navbar-toolbar > .navbar-nav > li > a:focus, #header.navbar > .navbar-toolbar > .navbar-nav > li > a:hover {
    background-color: transparent;
    color: #919191;
}

#header.navbar > .navbar-toolbar > .navbar-nav > li > a.active, #header.navbar > .navbar-toolbar > .navbar-nav > li > a:active {
    background-color: #f6f6f6;
    color: #848484;
}

#header.navbar > .navbar-toolbar > .navbar-nav > li > a > .meta {
    display: table;
    width: 100%;
}

#header.navbar > .navbar-toolbar > .navbar-nav > li > a > .meta > .avatar {
    display: table-cell;
    vertical-align: middle;
    width: 32px;
    height: 32px;
}

#header.navbar > .navbar-toolbar > .navbar-nav > li > a > .meta > .avatar > img {
    display: block;
    width: 100%;
}

#header.navbar > .navbar-toolbar > .navbar-nav > li > a > .meta > .text {
    font-size: 13px;
    font-weight: 600;
    padding-left: 5px;
}

#header.navbar > .navbar-toolbar > .navbar-nav > li > a > .meta > .icon {
    display: table-cell;
    vertical-align: middle;
    font-size: 16px;
    min-width: 16px;
    text-align: center;
}

#header.navbar > .navbar-toolbar > .navbar-nav > li > a > .meta > .badge, #header.navbar > .navbar-toolbar > .navbar-nav > li > a > .meta > .label {
    display: block;
    position: absolute;
    top: 8px;
    left: 5px;
    min-width: 18px;
    background-color: #ed5466;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, .96);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .96);
}

#header.navbar > .navbar-toolbar > .navbar-nav > li > a > .meta > .badge.pull-right, #header.navbar > .navbar-toolbar > .navbar-nav > li > a > .meta > .label.pull-right {
    left: auto;
    right: 5px;
}

#header.navbar > .navbar-toolbar > .navbar-nav > li > a > .meta > .hasnotification {
    position: absolute;
    top: 12px;
    left: 10px;
    -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, .96);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .96);
}

#header.navbar > .navbar-toolbar > .navbar-nav > li > a > .meta > .hasnotification.pull-right {
    left: auto;
    right: 12px;
}

#header.navbar > .navbar-toolbar > .navbar-nav > li > a > .meta > .arrow {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    font-family: iconfont;
    font-size: 12px;
    width: 12px;
    height: 12px;
}

#header.navbar > .navbar-toolbar > .navbar-nav > li > a > .meta > .arrow:after {
    content: "\e6be";
}

#header.navbar > .navbar-toolbar > .navbar-nav > li > a.sidebar-minimize > .meta > .icon:after {
    display: inline-block;
    vertical-align: top;
    font-family: iconfont;
    content: "\e4f3";
}

#header.navbar > .navbar-toolbar > .navbar-nav > li > a.sidebar-minimize.minimized > .meta > .icon:after {
    content: "\e47a";
}

#header.navbar > .navbar-toolbar > .navbar-nav > li.open > a:active, #header.navbar > .navbar-toolbar > .navbar-nav > li.open > a:focus, #header.navbar > .navbar-toolbar > .navbar-nav > li.open > a:hover {
    background-color: #f6f6f6;
    color: #848484;
}

#header.navbar > .navbar-toolbar > .navbar-nav > li.open > a:after, #header.navbar > .navbar-toolbar > .navbar-nav > li.open > a:before {
    position: absolute;
    content: "";
    left: 50%;
    width: 0;
    height: 0;
    border-style: solid;
}

#header.navbar > .navbar-toolbar > .navbar-nav > li.open > a:before {
    z-index: 1002;
    bottom: -6px;
    margin-left: -9px;
    border-width: 0 9px 9px;
    border-color: transparent transparent #cfd9db;
}

#header.navbar > .navbar-toolbar > .navbar-nav > li.open > a:after {
    z-index: 1003;
    bottom: -7px;
    margin-left: -8px;
    border-width: 0 8px 8px;
    border-color: transparent transparent #fff;
}

#header.navbar > .navbar-toolbar > .navbar-nav > li.open > a > .meta > .arrow:after {
    content: "\e6bf";
}

#header.navbar > .navbar-toolbar > .navbar-nav > .navbar-main {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
}

#header.navbar > .navbar-toolbar > .navbar-nav > .navbar-main > a {
    color: #eee;
}

#header.navbar > .navbar-toolbar > .navbar-nav > .navbar-main > a:hover {
    color: #fff;
}

#header.navbar > .navbar-toolbar > .navbar-nav > .navbar-main > a:active, #header.navbar > .navbar-toolbar > .navbar-nav > .navbar-main > a:focus {
    color: #fff;
    background-color: #00a79e;
}

#header.navbar > .navbar-toolbar > .navbar-nav > .navbar-main > a > .meta > .badge, #header.navbar > .navbar-toolbar > .navbar-nav > .navbar-main > a > .meta > .hasnotification, #header.navbar > .navbar-toolbar > .navbar-nav > .navbar-main > a > .meta > .label {
    -webkit-box-shadow: 0 0 0 1px #00b6ad;
    box-shadow: 0 0 0 1px #00b6ad;
}

#header.navbar > .navbar-toolbar > .navbar-nav > .dropdown > .dropdown-menu {
    position: absolute;
    margin-top: 5px;
    left: 5px;
    background-color: #fff;
    border: 1px solid #cfd9db;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .08);
}

#header.navbar > .navbar-toolbar > .navbar-nav > .dropdown.custom {
    position: static;
}

#header.navbar > .navbar-toolbar > .navbar-nav > .dropdown.custom > .dropdown-menu {
    top: auto;
    left: 5px;
    right: 5px;
    padding: 0;
    border-color: #cfd9db;
}

#header.navbar > .navbar-toolbar > .navbar-nav > .dropdown.custom > .dropdown-menu.dropdown-menu-right {
    left: auto;
    right: 5px;
}

#header.navbar > .navbar-toolbar > .navbar-nav > .dropdown.custom > .dropdown-menu > .dropdown-header {
    display: table;
    width: 100%;
    background-color: #f7f7f7;
    border-bottom: 1px solid #cfd9db;
    padding: 0 15px !important;
    height: 36px;
    line-height: 36px;
    color: #5e5e5e;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

#header.navbar > .navbar-toolbar > .navbar-nav > .dropdown.custom > .dropdown-menu > .dropdown-header > .title {
    display: table-cell;
    font-weight: 600;
}

#header.navbar > .navbar-toolbar > .navbar-nav > .dropdown.custom > .dropdown-menu > .dropdown-header > .option {
    display: table-cell;
    font-weight: 400;
}

#header.navbar > .navbar-toolbar > .navbar-nav > .dropdown.custom > .dropdown-menu > .viewport {
    height: 220px;
}

#header.navbar > .navbar-toolbar > .navbar-nav > .dropdown.custom > .dropdown-menu .dropdown-body {
    height: 220px;
    overflow-y: scroll;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
}

#header.navbar > .navbar-toolbar > .navbar-nav > .dropdown.custom > .dropdown-menu .form-horizontal, #header.navbar > .navbar-toolbar > .navbar-nav > .dropdown.custom > .dropdown-menu form {
    padding: 6px 15px;
    background-color: #fafafa;
    border-bottom: 1px solid #cfd9db;
}

#header.navbar > .navbar-toolbar > .navbar-nav > .dropdown.custom.open > .dropdown-toggle:before {
    border-color: transparent transparent #cfd9db;
}

#header.navbar > .navbar-toolbar > .navbar-nav > .dropdown.custom.open > .dropdown-toggle:after {
    border-color: transparent transparent #f7f7f7;
}

#header.navbar > .navbar-toolbar > .navbar-nav.navbar-right {
    float: right;
}

#header.navbar > .navbar-toolbar > .navbar-nav.navbar-right > .navbar-main {
    left: auto;
    right: 0;
}

#header.navbar > .navbar-toolbar > .navbar-nav.navbar-right > li > .dropdown-menu {
    left: auto;
    right: 5px;
}

#header.navbar > .navbar-toolbar > .navbar-form {
    position: absolute;
    z-index: 2;
    top: -60px;
    left: 0;
    right: 0;
    background-color: #00b6ad;
    border-width: 0;
    margin: 0;
    padding: 8px 15px;
    box-shadow: none;
    -webkit-box-shadow: none;
    -webkit-transition: top 300ms ease;
    -moz-transition: top 300ms ease;
    -o-transition: top 300ms ease;
    transition: top 300ms ease;
}

#header.navbar > .navbar-toolbar > .navbar-form.open {
    top: -1px;
}

#header.navbar > .navbar-toolbar > .navbar-form .form-group {
    display: block;
    margin: 0;
}

#header.navbar > .navbar-toolbar > .navbar-form .form-control {
    display: block;
    width: 100%;
    color: #f2f2f2;
    border-width: 0;
    background-color: #009d95;
}

#header.navbar > .navbar-toolbar > .navbar-form .has-icon .form-control-icon {
    color: #f2f2f2;
}

#header.navbar > .navbar-toolbar > .navbar-form .form-control::-webkit-input-placeholder {
    color: #f2f2f2;
}

#header.navbar > .navbar-toolbar > .navbar-form .form-control:-moz-placeholder {
    color: #f2f2f2;
}

#header.navbar > .navbar-toolbar > .navbar-form .form-control::-moz-placeholder {
    color: #f2f2f2;
}

#header.navbar > .navbar-toolbar > .navbar-form .form-control:-ms-input-placeholder {
    color: #f2f2f2;
}

#header.navbar.navbar-fixed-top {
    position: fixed;
}

#header.navbar.navbar-fixed-top > .navbar-toolbar {
    -webkit-box-shadow: 0 3px 2px -3px rgba(0, 0, 0, .08);
    box-shadow: 0 3px 2px -3px rgba(0, 0, 0, .08);
}

@media (min-width: 768px) and(max-width: 991px) {
    #header.navbar {
        background-color: transparent;
        height: 60px;
    }

    #header.navbar > .navbar-header {
        background-color: #00b6ad;
        border-bottom: 1px solid #00a79e;
        height: 60px;
        float: left;
    }

    #header.navbar > .navbar-header > .navbar-brand {
        width: 60px;
        line-height: 59px;
        height: 60px;
        padding: 0;
    }

    #header.navbar > .navbar-header > .navbar-brand > .logo-text {
        display: none;
    }

    #header.navbar > .navbar-header > .navbar-brand > .logo-figure {
        margin-top: 5px;
    }

    #header.navbar > .navbar-toolbar {
        position: relative;
        margin-left: 60px;
        height: 60px;
    }

    #header.navbar > .navbar-toolbar > .navbar-nav.navbar-right > .dropdown.custom > .dropdown-menu {
        left: auto;
        right: 5px;
    }

    #header.navbar > .navbar-toolbar > .navbar-nav > li > a {
        height: 59px;
        line-height: 60px;
    }

    #header.navbar > .navbar-toolbar > .navbar-nav > .dropdown.custom {
        position: static;
    }

    #header.navbar > .navbar-toolbar > .navbar-nav > .dropdown.custom > .dropdown-menu {
        top: auto;
        left: 5px;
        right: auto;
        width: 300px;
    }

    #header.navbar > .navbar-toolbar > .navbar-nav > .dropdown.custom > .dropdown-menu .dropdown-body, #header.navbar > .navbar-toolbar > .navbar-nav > .dropdown.custom > .dropdown-menu > .viewport {
        height: 320px;
    }

    #header.navbar > .navbar-toolbar > .navbar-nav > .navbar-main {
        position: static;
        z-index: 1;
        top: auto;
        left: auto;
    }

    #header.navbar > .navbar-toolbar > .navbar-nav > .navbar-main > a {
        color: #9d9d9d;
    }

    #header.navbar > .navbar-toolbar > .navbar-nav > .navbar-main > a:hover {
        color: #919191;
    }

    #header.navbar > .navbar-toolbar > .navbar-nav > .navbar-main > a:active, #header.navbar > .navbar-toolbar > .navbar-nav > .navbar-main > a:focus {
        background-color: #f6f6f6;
        color: #848484;
    }

    #header.navbar > .navbar-toolbar > .navbar-nav > .navbar-main > a > .meta > .badge, #header.navbar > .navbar-toolbar > .navbar-nav > .navbar-main > a > .meta > .hasnotification, #header.navbar > .navbar-toolbar > .navbar-nav > .navbar-main > a > .meta > .label {
        -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, .96);
        box-shadow: 0 0 0 1px rgba(255, 255, 255, .96);
    }

    #header.navbar > .navbar-toolbar > .navbar-form {
        background-color: #fff;
        padding-top: 13px;
        padding-right: 5px;
        padding-bottom: 0;
        padding-left: 5px;
    }

    #header.navbar > .navbar-toolbar > .navbar-form .form-control {
        color: #777;
        background-color: transparent;
    }

    #header.navbar > .navbar-toolbar > .navbar-form .has-icon .form-control-icon {
        color: #9d9d9d;
    }

    #header.navbar > .navbar-toolbar > .navbar-form .form-control::-webkit-input-placeholder {
        color: #aaa;
    }

    #header.navbar > .navbar-toolbar > .navbar-form .form-control:-moz-placeholder {
        color: #aaa;
    }

    #header.navbar > .navbar-toolbar > .navbar-form .form-control::-moz-placeholder {
        color: #aaa;
    }

    #header.navbar > .navbar-toolbar > .navbar-form .form-control:-ms-input-placeholder {
        color: #aaa;
    }
}

@media (min-width: 992px) {
    #header.navbar {
        background-color: transparent;
        height: 60px;
    }

    #header.navbar > .navbar-header {
        background-color: #00b6ad;
        border-bottom: 1px solid #00a79e;
        height: 60px;
        float: left;
    }

    #header.navbar > .navbar-header > .navbar-brand {
        width: 220px;
        line-height: 59px;
        height: 60px;
        padding: 0;
    }

    #header.navbar > .navbar-header > .navbar-brand > .logo-figure, #header.navbar > .navbar-header > .navbar-brand > .logo-text {
        display: inline-block;
        margin-top: 5px;
    }

    #header.navbar > .navbar-toolbar {
        position: relative;
        margin-left: 220px;
        height: 60px;
    }

    #header.navbar > .navbar-toolbar > .navbar-nav.navbar-right > .dropdown.custom > .dropdown-menu {
        left: auto;
        right: 5px;
    }

    #header.navbar > .navbar-toolbar > .navbar-nav > li > a {
        height: 59px;
        line-height: 60px;
    }

    #header.navbar > .navbar-toolbar > .navbar-nav > .dropdown.custom {
        position: static;
    }

    #header.navbar > .navbar-toolbar > .navbar-nav > .dropdown.custom > .dropdown-menu {
        top: auto;
        left: 5px;
        right: auto;
        width: 300px;
    }

    #header.navbar > .navbar-toolbar > .navbar-nav > .dropdown.custom > .dropdown-menu .dropdown-body, #header.navbar > .navbar-toolbar > .navbar-nav > .dropdown.custom > .dropdown-menu > .viewport {
        height: 320px;
    }

    #header.navbar > .navbar-toolbar > .navbar-nav > .navbar-main {
        position: static;
        z-index: 1;
        top: auto;
        left: auto;
    }

    #header.navbar > .navbar-toolbar > .navbar-nav > .navbar-main > a {
        color: #9d9d9d;
    }

    #header.navbar > .navbar-toolbar > .navbar-nav > .navbar-main > a:hover {
        color: #919191;
    }

    #header.navbar > .navbar-toolbar > .navbar-nav > .navbar-main > a:active, #header.navbar > .navbar-toolbar > .navbar-nav > .navbar-main > a:focus {
        background-color: #f6f6f6;
        color: #848484;
    }

    #header.navbar > .navbar-toolbar > .navbar-nav > .navbar-main > a > .meta > .badge, #header.navbar > .navbar-toolbar > .navbar-nav > .navbar-main > a > .meta > .hasnotification, #header.navbar > .navbar-toolbar > .navbar-nav > .navbar-main > a > .meta > .label {
        -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, .96);
        box-shadow: 0 0 0 1px rgba(255, 255, 255, .96);
    }

    #header.navbar > .navbar-toolbar > .navbar-form {
        background-color: #fff;
        padding-top: 13px;
        padding-right: 5px;
        padding-bottom: 0;
        padding-left: 5px;
    }

    #header.navbar > .navbar-toolbar > .navbar-form .form-control {
        color: #777;
        background-color: transparent;
    }

    #header.navbar > .navbar-toolbar > .navbar-form .has-icon .form-control-icon {
        color: #9d9d9d;
    }

    #header.navbar > .navbar-toolbar > .navbar-form .form-control::-webkit-input-placeholder {
        color: #aaa;
    }

    #header.navbar > .navbar-toolbar > .navbar-form .form-control:-moz-placeholder {
        color: #aaa;
    }

    #header.navbar > .navbar-toolbar > .navbar-form .form-control::-moz-placeholder {
        color: #aaa;
    }

    #header.navbar > .navbar-toolbar > .navbar-form .form-control:-ms-input-placeholder {
        color: #aaa;
    }

    .sidebar-minimized #header.navbar {
        background-color: transparent;
        height: 60px;
    }

    .sidebar-minimized #header.navbar > .navbar-header {
        background-color: #00b6ad;
        border-bottom: 1px solid #00a79e;
        height: 60px;
        float: left;
    }

    .sidebar-minimized #header.navbar > .navbar-header > .navbar-brand {
        width: 60px;
        line-height: 59px;
        height: 60px;
        padding: 0;
    }

    .sidebar-minimized #header.navbar > .navbar-header > .navbar-brand > .logo-text {
        display: none;
    }

    .sidebar-minimized #header.navbar > .navbar-header > .navbar-brand > .logo-figure {
        margin-top: 5px;
    }

    .sidebar-minimized #header.navbar > .navbar-toolbar {
        position: relative;
        margin-left: 60px;
        height: 60px;
    }

    .sidebar-minimized #header.navbar > .navbar-toolbar > .navbar-nav.navbar-right > .dropdown.custom > .dropdown-menu {
        left: auto;
        right: 5px;
    }

    .sidebar-minimized #header.navbar > .navbar-toolbar > .navbar-nav > li > a {
        height: 59px;
        line-height: 60px;
    }

    .sidebar-minimized #header.navbar > .navbar-toolbar > .navbar-nav > .dropdown.custom {
        position: static;
    }

    .sidebar-minimized #header.navbar > .navbar-toolbar > .navbar-nav > .dropdown.custom > .dropdown-menu {
        top: auto;
        left: 5px;
        right: auto;
        width: 300px;
    }

    .sidebar-minimized #header.navbar > .navbar-toolbar > .navbar-nav > .dropdown.custom > .dropdown-menu .dropdown-body, .sidebar-minimized #header.navbar > .navbar-toolbar > .navbar-nav > .dropdown.custom > .dropdown-menu > .viewport {
        height: 320px;
    }

    .sidebar-minimized #header.navbar > .navbar-toolbar > .navbar-nav > .navbar-main {
        position: static;
        z-index: 1;
        top: auto;
        left: auto;
    }

    .sidebar-minimized #header.navbar > .navbar-toolbar > .navbar-nav > .navbar-main > a {
        color: #9d9d9d;
    }

    .sidebar-minimized #header.navbar > .navbar-toolbar > .navbar-nav > .navbar-main > a:hover {
        color: #919191;
    }

    .sidebar-minimized #header.navbar > .navbar-toolbar > .navbar-nav > .navbar-main > a:active, .sidebar-minimized #header.navbar > .navbar-toolbar > .navbar-nav > .navbar-main > a:focus {
        background-color: #f6f6f6;
        color: #848484;
    }

    .sidebar-minimized #header.navbar > .navbar-toolbar > .navbar-nav > .navbar-main > a > .meta > .badge, .sidebar-minimized #header.navbar > .navbar-toolbar > .navbar-nav > .navbar-main > a > .meta > .hasnotification, .sidebar-minimized #header.navbar > .navbar-toolbar > .navbar-nav > .navbar-main > a > .meta > .label {
        -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, .96);
        box-shadow: 0 0 0 1px rgba(255, 255, 255, .96);
    }

    .sidebar-minimized #header.navbar > .navbar-toolbar > .navbar-form {
        background-color: #fff;
        padding-top: 13px;
        padding-right: 5px;
        padding-bottom: 0;
        padding-left: 5px;
    }

    .sidebar-minimized #header.navbar > .navbar-toolbar > .navbar-form .form-control {
        color: #777;
        background-color: transparent;
    }

    .sidebar-minimized #header.navbar > .navbar-toolbar > .navbar-form .has-icon .form-control-icon {
        color: #9d9d9d;
    }

    .sidebar-minimized #header.navbar > .navbar-toolbar > .navbar-form .form-control::-webkit-input-placeholder {
        color: #aaa;
    }

    .sidebar-minimized #header.navbar > .navbar-toolbar > .navbar-form .form-control:-moz-placeholder {
        color: #aaa;
    }

    .sidebar-minimized #header.navbar > .navbar-toolbar > .navbar-form .form-control::-moz-placeholder {
        color: #aaa;
    }

    .sidebar-minimized #header.navbar > .navbar-toolbar > .navbar-form .form-control:-ms-input-placeholder {
        color: #aaa;
    }
}

.csstransforms3d.sidebar-open-ltr .sidebar-left {
    -webkit-transform: translate3d(220px, 0, 0);
    -moz-transform: translate3d(220px, 0, 0);
    -o-transform: translate3d(220px, 0, 0);
    -ms-transform: translate3d(220px, 0, 0);
    transform: translate3d(220px, 0, 0);
}

.no-csstransforms3d.sidebar-open-ltr .sidebar-left {
    right: auto;
    left: 0;
}

.csstransforms3d.sidebar-open-rtl .sidebar-right {
    -webkit-transform: translate3d(-220px, 0, 0);
    -moz-transform: translate3d(-220px, 0, 0);
    -o-transform: translate3d(-220px, 0, 0);
    -ms-transform: translate3d(-220px, 0, 0);
    transform: translate3d(-220px, 0, 0);
}

.no-csstransforms3d.sidebar-open-rtl .sidebar-right {
    left: auto;
    right: 0;
}

.touch .sidebar .content {
    overflow-y: scroll;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
}

.sidebar {
    position: fixed;
    z-index: 200;
    top: 0;
    bottom: 0;
    width: 220px;
    color: #777;
    background-color: #2a2a2a;
    -webkit-transition: -webkit-transform .2s ease;
    -moz-transition: -moz-transform .2s ease;
    -o-transition: -o-transform .2s ease;
    transition: -webkit-transform .2s ease, -moz-transform .2s ease, -o-transform .2s ease, transform .2s ease;
}

.sidebar.sidebar-left {
    left: -220px;
}

.sidebar.sidebar-right {
    right: -220px;
}

.sidebar.sidebar-right .scrollbar, .sidebar.sidebar-right .scrollrail {
    left: 0 !important;
}

.sidebar .content, .sidebar > .viewport {
    height: 100%;
}

.sidebar .content > .wrapper {
    padding-left: 25px;
    padding-right: 25px;
}

.sidebar .content hr {
    border-color: #2f2f2f;
}

.sidebar .content > .heading {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    color: #5d5d5d;
    margin: 0;
    padding: 25px 25px 15px;
}

.sidebar .panel {
    background-color: transparent;
    border-radius: 0 !important;
    color: #888;
    border-width: 0 !important;
}

.sidebar .media-list-contact > .media:after {
    border-color: #2f2f2f;
}

.sidebar .media-list-contact > .media > .media-body > .media-heading {
    color: #888;
}

.sidebar .topmenu {
    margin: 0;
    padding: 0;
    background-color: #2a2a2a;
}

.sidebar .topmenu li {
    display: block;
    position: relative;
    width: 100%;
    list-style: none;
}

.sidebar .topmenu li.submenu-header {
    display: none;
}

.sidebar .topmenu li:after {
    position: absolute;
    content: "";
    left: 55px;
    right: 0;
    bottom: -1px;
    border-top: 1px solid #2f2f2f;
}

.sidebar .topmenu li:last-child:after {
    border: 0;
}

.sidebar .topmenu li.active {
    background-color: #2f2f2f;
}

.sidebar .topmenu li.active:after {
    border-color: transparent;
}

.sidebar .topmenu li.active a {
    color: #c3c3c3;
}

.sidebar .topmenu li.active a > .figure > [class*=" ico-"], .sidebar .topmenu li.active a > .figure > [class^=ico-] {
    border-color: #00b6ad;
    color: #00b6ad;
}

.sidebar .topmenu li.open a {
    color: #c3c3c3;
}

.sidebar .topmenu li.open a > .figure > [class*=" ico-"], .sidebar .topmenu li.open a > .figure > [class^=ico-] {
    border-color: #c3c3c3;
}

.sidebar .topmenu li.open a > .arrow:before {
    content: "\e671";
}

.sidebar .topmenu li a {
    display: table;
    position: relative;
    table-layout: fixed;
    width: 100%;
    font-size: 13px;
    text-decoration: none;
    color: #909090;
    outline: 0;
    padding: 6px 25px 6px 15px;
}

.sidebar .topmenu li a:hover {
    color: #c3c3c3;
}

.sidebar .topmenu li a:hover > .figure > [class*=" ico-"], .sidebar .topmenu li a:hover > .figure > [class^=ico-] {
    border-color: #c3c3c3;
}

.sidebar .topmenu li a > .figure {
    display: table-cell;
    table-layout: fixed;
    vertical-align: middle;
    width: 40px;
    padding-left: 10px;
    font-size: 14px;
}

.sidebar .topmenu li a > .figure > .hasnotification {
    position: absolute;
    left: 16px;
}

.sidebar .topmenu li a > .text {
    display: table-cell;
    table-layout: fixed;
    vertical-align: middle;
    width: 100%;
    line-height: 30px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sidebar .topmenu li a > .number {
    display: table-cell;
    table-layout: fixed;
    vertical-align: middle;
    width: 40px;
    font-weight: 400;
}

.sidebar .topmenu li a > .number > .badge, .sidebar .topmenu li a > .number > .label {
    float: right;
    max-width: 35px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sidebar .topmenu li a > .arrow {
    display: table-cell;
    table-layout: fixed;
    vertical-align: middle;
    font-weight: 400;
    width: 20px;
    text-align: right;
    color: #444;
}

.sidebar .topmenu li a > .arrow:before {
    font-family: iconfont;
    content: "\e64f";
    font-size: 10px;
}

.sidebar .topmenu li > .submenu {
    position: relative;
    background-color: #202020;
}

.sidebar .topmenu li > .submenu:after {
    position: absolute;
    content: "";
    left: 32px;
    top: 0;
    bottom: 0;
    border-left: 1px solid #2f2f2f;
}

.sidebar .topmenu li > .submenu li a {
    font-size: 13px;
    color: #777;
    padding: 1px 25px 1px 15px;
}

.sidebar .topmenu li > .submenu li a > .figure {
    width: 22px;
    padding-left: 0;
}

.sidebar .topmenu li > .submenu li a > .figure > [class*=" ico-"], .sidebar .topmenu li > .submenu li a > .figure > [class^=ico-] {
    color: #777;
}

.sidebar .topmenu li > .submenu li a > .text {
    font-weight: 400;
}

.sidebar .topmenu li > .submenu li a > .arrow:before {
    content: "\e64f";
}

.sidebar .topmenu li > .submenu li a:hover, .sidebar .topmenu li > .submenu li a:hover > .figure > [class*=" ico-"], .sidebar .topmenu li > .submenu li a:hover > .figure > [class^=ico-] {
    color: #c3c3c3;
}

.sidebar .topmenu li > .submenu li:after {
    z-index: 1;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #2f2f2f;
    left: -12px;
    top: 13px;
    bottom: auto;
    border-color: transparent;
    -webkit-box-shadow: 0 0 0 2px #202020;
    box-shadow: 0 0 0 2px #202020;
}

.sidebar .topmenu li > .submenu li.active {
    background-color: transparent;
}

.sidebar .topmenu li > .submenu li.active:after {
    background-color: #00b6ad;
}

.sidebar .topmenu li > .submenu li.active a {
    color: #c3c3c3;
}

.sidebar .topmenu li > .submenu li.active a > .text {
    font-weight: 600;
}

.sidebar .topmenu li > .submenu li.active a > .figure > [class*=" ico-"], .sidebar .topmenu li > .submenu li.active a > .figure > [class^=ico-] {
    color: #c3c3c3;
}

.sidebar .topmenu li > .submenu li.open a > .arrow:before {
    content: "\e671";
}

.sidebar .topmenu li > .submenu .submenu {
    padding-left: 10px;
}

.sidebar .topmenu li > .submenu .submenu li:after, .sidebar .topmenu li > .submenu .submenu:after {
    display: none;
}

.sidebar .topmenu li > .submenu .submenu li.active a {
    color: #c3c3c3;
}

.sidebar .topmenu li > .submenu .submenu li.active a > .text {
    font-weight: 700;
}

.sidebar .topmenu li > .submenu .submenu li.open a > .arrow:before {
    content: "\e671";
}

.sidebar .topmenu li > .submenu .submenu li a {
    color: #777;
    padding-top: 0;
    padding-bottom: 0;
}

.sidebar .topmenu li > .submenu .submenu li a:hover {
    color: #c3c3c3;
}

.sidebar .topmenu li > .submenu .submenu li a > .text {
    font-weight: 400;
}

.sidebar .topmenu li > .submenu .submenu li a > .arrow:before {
    content: "\e64f";
}

@media (min-width: 768px) and(max-width: 991px) {
    .csstransforms3d.sidebar-open-ltr .sidebar-left.sidebar-menu {
        -webkit-transform: translate3d(220px, 0, 0);
        -moz-transform: translate3d(220px, 0, 0);
        -o-transform: translate3d(220px, 0, 0);
        -ms-transform: translate3d(220px, 0, 0);
        transform: translate3d(220px, 0, 0);
    }

    .no-csstransforms3d.sidebar-open-ltr .sidebar-left.sidebar-menu {
        left: 220px;
    }

    .csstransforms3d.sidebar-open-rtl .sidebar-left.sidebar-menu {
        -webkit-transform: translate3d(-220px, 0, 0);
        -moz-transform: translate3d(-220px, 0, 0);
        -o-transform: translate3d(-220px, 0, 0);
        -ms-transform: translate3d(-220px, 0, 0);
        transform: translate3d(-220px, 0, 0);
    }

    .no-csstransforms3d.sidebar-open-rtl .sidebar-left.sidebar-menu {
        left: -220px;
    }

    .sidebar.sidebar-left.sidebar-menu {
        position: absolute;
        left: 0;
        padding-top: 60px;
        bottom: auto;
        width: 60px;
        min-height: 100%;
    }

    .sidebar.sidebar-left.sidebar-menu > .viewport, .sidebar.sidebar-left.sidebar-menu > .viewport > .content {
        overflow: visible !important;
    }

    .sidebar.sidebar-left.sidebar-menu > .viewport > .scrollbar, .sidebar.sidebar-left.sidebar-menu > .viewport > .scrollrail {
        display: none !important;
    }

    .sidebar .content > .heading, .sidebar .content > .wrapper {
        display: none;
    }

    .sidebar .topmenu > li:after {
        left: 0;
    }

    .sidebar .topmenu > li.open > .submenu.collapse.in, .sidebar .topmenu > li.open > .submenu.collapsing {
        display: none;
    }

    .sidebar .topmenu > li.hover > .submenu.collapse, .sidebar .topmenu > li.hover > .submenu.collapse.in, .sidebar .topmenu > li.hover > .submenu.collapsing, .sidebar .topmenu > li.open.hover > .submenu.collapse, .sidebar .topmenu > li.open.hover > .submenu.collapse.in, .sidebar .topmenu > li.open.hover > .submenu.collapsing, .sidebar .topmenu > li.open:hover > .submenu.collapse, .sidebar .topmenu > li.open:hover > .submenu.collapse.in, .sidebar .topmenu > li.open:hover > .submenu.collapsing, .sidebar .topmenu > li:hover > .submenu.collapse, .sidebar .topmenu > li:hover > .submenu.collapse.in, .sidebar .topmenu > li:hover > .submenu.collapsing {
        display: block;
        height: auto !important;
    }

    .sidebar .topmenu > li.hover.arrow:before, .sidebar .topmenu > li.open.hover.arrow:before, .sidebar .topmenu > li.open:hover.arrow:before, .sidebar .topmenu > li:hover.arrow:before {
        position: absolute;
        z-index: 1;
        top: 50%;
        right: 0;
        margin-top: -8px;
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 8px 8px 8px 0;
        border-color: transparent #202020 transparent transparent;
        -webkit-box-shadow: inset 1px 0 4px 0 #1d1d1d;
        box-shadow: inset 1px 0 4px 0 #1d1d1d;
    }

    .sidebar .topmenu > li.active > a > .number .badge, .sidebar .topmenu > li.active > a > .number .label {
        -webkit-box-shadow: 0 0 0 2px #2f2f2f;
        box-shadow: 0 0 0 2px #2f2f2f;
    }

    .sidebar .topmenu > li > a {
        padding: 0 15px;
        line-height: 60px;
    }

    .sidebar .topmenu > li > a > .text {
        display: none;
    }

    .sidebar .topmenu > li > a > .number {
        display: block;
        position: absolute;
        top: 12px;
        right: 10px;
        width: auto;
    }

    .sidebar .topmenu > li > a > .number .badge, .sidebar .topmenu > li > a > .number .label {
        -webkit-box-shadow: 0 0 0 2px #2a2a2a;
        box-shadow: 0 0 0 2px #2a2a2a;
    }

    .sidebar .topmenu > li > a > .arrow {
        display: none;
    }

    .sidebar .topmenu > li > a > .figure {
        display: block;
        width: auto;
        font-size: 18px;
        padding: 0;
        text-align: center;
    }

    .sidebar .topmenu > li > .submenu {
        position: absolute;
        left: 60px;
        top: 0;
        width: 180px;
        padding-left: 0;
        padding-top: 2px;
        padding-bottom: 2px;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
    }

    .sidebar .topmenu > li > .submenu:after {
        display: none;
    }

    .sidebar .topmenu > li > .submenu > li.submenu-header {
        display: block;
        font-size: 15px;
        color: #c3c3c3;
        font-weight: 600;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 10px;
        padding-bottom: 5px;
        margin-top: -2px;
    }

    .sidebar .topmenu > li > .submenu > li.submenu-header:after {
        display: none;
    }

    .sidebar .topmenu > li > .submenu > li:after {
        left: 15px;
    }

    .sidebar .topmenu > li > .submenu > li > a {
        padding-left: 35px;
        padding-right: 15px;
        padding-top: 1px;
        padding-bottom: 1px;
    }

    .sidebar .topmenu > li > .submenu .submenu {
        position: static;
        padding-left: 20px;
        background-color: #161616;
    }

    .sidebar .topmenu > li > .submenu .submenu > li > a {
        padding-top: 1px;
        padding-bottom: 1px;
    }
}

@media (min-width: 992px) {
    .csstransforms3d.sidebar-open-ltr .sidebar-left.sidebar-menu {
        -webkit-transform: translate3d(220px, 0, 0);
        -moz-transform: translate3d(220px, 0, 0);
        -o-transform: translate3d(220px, 0, 0);
        -ms-transform: translate3d(220px, 0, 0);
        transform: translate3d(220px, 0, 0);
    }

    .no-csstransforms3d.sidebar-open-ltr .sidebar-left.sidebar-menu {
        left: 220px;
    }

    .csstransforms3d.sidebar-open-rtl .sidebar-left.sidebar-menu {
        -webkit-transform: translate3d(-220px, 0, 0);
        -moz-transform: translate3d(-220px, 0, 0);
        -o-transform: translate3d(-220px, 0, 0);
        -ms-transform: translate3d(-220px, 0, 0);
        transform: translate3d(-220px, 0, 0);
    }

    .no-csstransforms3d.sidebar-open-rtl .sidebar-left.sidebar-menu {
        left: -220px;
    }

    .sidebar.sidebar-left.sidebar-menu {
        position: absolute;
        left: 0;
        padding-top: 60px;
        bottom: auto;
        min-height: 100%;
    }

    .sidebar.sidebar-left.sidebar-menu > .viewport, .sidebar.sidebar-left.sidebar-menu > .viewport > .content {
        overflow: visible !important;
    }

    .sidebar.sidebar-left.sidebar-menu > .viewport > .scrollbar, .sidebar.sidebar-left.sidebar-menu > .viewport > .scrollrail {
        display: none !important;
    }

    .sidebar-minimized .sidebar.sidebar-left.sidebar-menu {
        position: absolute;
        left: 0;
        padding-top: 60px;
        bottom: auto;
        width: 60px;
        min-height: 100%;
    }

    .sidebar-minimized .sidebar.sidebar-left.sidebar-menu > .viewport, .sidebar-minimized .sidebar.sidebar-left.sidebar-menu > .viewport > .content {
        overflow: visible !important;
    }

    .sidebar-minimized .sidebar.sidebar-left.sidebar-menu > .viewport > .scrollbar, .sidebar-minimized .sidebar.sidebar-left.sidebar-menu > .viewport > .scrollrail {
        display: none !important;
    }

    .sidebar-minimized .sidebar .content > .heading, .sidebar-minimized .sidebar .content > .wrapper {
        display: none;
    }

    .sidebar-minimized .sidebar .topmenu > li:after {
        left: 0;
    }

    .sidebar-minimized .sidebar .topmenu > li.open > .submenu.collapse.in, .sidebar-minimized .sidebar .topmenu > li.open > .submenu.collapsing {
        display: none;
    }

    .sidebar-minimized .sidebar .topmenu > li.hover > .submenu.collapse, .sidebar-minimized .sidebar .topmenu > li.hover > .submenu.collapse.in, .sidebar-minimized .sidebar .topmenu > li.hover > .submenu.collapsing, .sidebar-minimized .sidebar .topmenu > li.open.hover > .submenu.collapse, .sidebar-minimized .sidebar .topmenu > li.open.hover > .submenu.collapse.in, .sidebar-minimized .sidebar .topmenu > li.open.hover > .submenu.collapsing, .sidebar-minimized .sidebar .topmenu > li.open:hover > .submenu.collapse, .sidebar-minimized .sidebar .topmenu > li.open:hover > .submenu.collapse.in, .sidebar-minimized .sidebar .topmenu > li.open:hover > .submenu.collapsing, .sidebar-minimized .sidebar .topmenu > li:hover > .submenu.collapse, .sidebar-minimized .sidebar .topmenu > li:hover > .submenu.collapse.in, .sidebar-minimized .sidebar .topmenu > li:hover > .submenu.collapsing {
        display: block;
        height: auto !important;
    }

    .sidebar-minimized .sidebar .topmenu > li.hover.arrow:before, .sidebar-minimized .sidebar .topmenu > li.open.hover.arrow:before, .sidebar-minimized .sidebar .topmenu > li.open:hover.arrow:before, .sidebar-minimized .sidebar .topmenu > li:hover.arrow:before {
        position: absolute;
        z-index: 1;
        top: 50%;
        right: 0;
        margin-top: -8px;
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 8px 8px 8px 0;
        border-color: transparent #202020 transparent transparent;
        -webkit-box-shadow: inset 1px 0 4px 0 #1d1d1d;
        box-shadow: inset 1px 0 4px 0 #1d1d1d;
    }

    .sidebar-minimized .sidebar .topmenu > li.active > a > .number .badge, .sidebar-minimized .sidebar .topmenu > li.active > a > .number .label {
        -webkit-box-shadow: 0 0 0 2px #2f2f2f;
        box-shadow: 0 0 0 2px #2f2f2f;
    }

    .sidebar-minimized .sidebar .topmenu > li > a {
        padding: 0 15px;
        line-height: 60px;
    }

    .sidebar-minimized .sidebar .topmenu > li > a > .text {
        display: none;
    }

    .sidebar-minimized .sidebar .topmenu > li > a > .number {
        display: block;
        position: absolute;
        top: 12px;
        right: 10px;
        width: auto;
    }

    .sidebar-minimized .sidebar .topmenu > li > a > .number .badge, .sidebar-minimized .sidebar .topmenu > li > a > .number .label {
        -webkit-box-shadow: 0 0 0 2px #2a2a2a;
        box-shadow: 0 0 0 2px #2a2a2a;
    }

    .sidebar-minimized .sidebar .topmenu > li > a > .arrow {
        display: none;
    }

    .sidebar-minimized .sidebar .topmenu > li > a > .figure {
        display: block;
        width: auto;
        font-size: 18px;
        padding: 0;
        text-align: center;
    }

    .sidebar-minimized .sidebar .topmenu > li > .submenu {
        position: absolute;
        left: 60px;
        top: 0;
        width: 180px;
        padding-left: 0;
        padding-top: 2px;
        padding-bottom: 2px;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
    }

    .sidebar-minimized .sidebar .topmenu > li > .submenu:after {
        display: none;
    }

    .sidebar-minimized .sidebar .topmenu > li > .submenu > li.submenu-header {
        display: block;
        font-size: 15px;
        color: #c3c3c3;
        font-weight: 600;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 10px;
        padding-bottom: 5px;
        margin-top: -2px;
    }

    .sidebar-minimized .sidebar .topmenu > li > .submenu > li.submenu-header:after {
        display: none;
    }

    .sidebar-minimized .sidebar .topmenu > li > .submenu > li:after {
        left: 15px;
    }

    .sidebar-minimized .sidebar .topmenu > li > .submenu > li > a {
        padding-left: 35px;
        padding-right: 15px;
        padding-top: 1px;
        padding-bottom: 1px;
    }

    .sidebar-minimized .sidebar .topmenu > li > .submenu .submenu {
        position: static;
        padding-left: 20px;
        background-color: #161616;
    }

    .sidebar-minimized .sidebar .topmenu > li > .submenu .submenu > li > a {
        padding-top: 1px;
        padding-bottom: 1px;
    }
}

#main {
    position: relative;
    -webkit-transition: -webkit-transform .2s ease;
    -moz-transition: -moz-transform .2s ease;
    -o-transition: -o-transform .2s ease;
    transition: -webkit-transform .2s ease, -moz-transform .2s ease, -o-transform .2s ease, transform .2s ease;
}

#header.navbar ~ #main {
    padding-top: 50px;
}

#header.navbar.navbar-fixed-top ~ #main {
    padding-top: 100px;
}

.csstransforms3d.sidebar-open-ltr #main {
    -webkit-transform: translate3d(220px, 0, 0);
    -moz-transform: translate3d(220px, 0, 0);
    -o-transform: translate3d(220px, 0, 0);
    -ms-transform: translate3d(220px, 0, 0);
    transform: translate3d(220px, 0, 0);
}

.no-csstransforms3d.sidebar-open-ltr #main {
    left: 220px;
    right: auto;
}

.csstransforms3d.sidebar-open-rtl #main {
    -webkit-transform: translate3d(-220px, 0, 0);
    -moz-transform: translate3d(-220px, 0, 0);
    -o-transform: translate3d(-220px, 0, 0);
    -ms-transform: translate3d(-220px, 0, 0);
    transform: translate3d(-220px, 0, 0);
}

.no-csstransforms3d.sidebar-open-rtl #main {
    right: 220px;
    left: auto;
}

#main > .container, #main > .container-fluid {
    padding: 15px;
}

.DTTT_Print #main {
    padding: 0 !important;
}

@media (min-width: 768px) and(max-width: 991px) {
    #header.navbar.navbar-fixed-top ~ #main {
        padding-top: 60px;
    }

    #header.navbar ~ #main {
        padding-top: 0;
    }

    .sidebar.sidebar-left ~ #main {
        padding-left: 60px;
    }
}

@media (min-width: 992px) {
    #main {
        padding-top: 0;
    }

    .sidebar.sidebar-menu + #main {
        padding-left: 220px;
    }

    #header.navbar ~ #main {
        padding-top: 0;
    }

    #header.navbar.navbar-fixed-top ~ #main, .sidebar-minimized #header.navbar.navbar-fixed-top ~ #main {
        padding-top: 60px;
    }

    .sidebar-minimized #header.navbar ~ #main {
        padding-top: 0;
    }

    .sidebar-minimized .sidebar.sidebar-left ~ #main {
        padding-left: 60px;
    }
}

.logo-figure, .logo-text {
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    height: 50px;
}

.logo-text {
    width: 110px;
    background-image: url(../image/logo/logo-text.png);
    background-repeat: no-repeat;
    background-size: 110px 50px;
}

.logo-text + .logo-figure {
    margin-left: -13px;
}

.logo-text.inverse {
    background-image: url(../image/logo/logo-text-inverse.png);
}

.logo-figure {
    width: 32px;
    background-image: url(../image/logo/logo-figure.png);
    background-repeat: no-repeat;
    background-position: 0 8px;
    background-size: 32px 32px;
}

.logo-figure + .logo-text {
    margin-left: -13px;
}

.logo-figure.inverse {
    background-image: url(../image/logo/logo-figure-inverse.png);
}

@media only screen and(-Webkit-min-device-pixel-ratio: 1.5), only screen and(-moz-min-device-pixel-ratio: 1.5), only screen and(-o-min-device-pixel-ratio: 3/2), only screen and(min-device-pixel-ratio: 1.5) {
    .logo-text {
        background-image: url(../image/logo/logo-text@2x.png);
        background-size: 110px 50px;
    }

    .logo-text.inverse {
        background-image: url(../image/logo/logo-text-inverse@2x.png);
    }

    .logo-figure {
        background-image: url(../image/logo/logo-figure@2x.png);
        background-size: 32px 32px;
    }

    .logo-figure.inverse {
        background-image: url(../image/logo/logo-figure-inverse@2x.png);
    }
}

.ma15 {
    margin: 15px !important;
}

.ma10 {
    margin: 10px !important;
}

.ma5 {
    margin: 5px !important;
}

.nm {
    margin: 0 !important;
}

.ma-15 {
    margin: -15px !important;
}

.ma-10 {
    margin: -10px !important;
}

.ma-5 {
    margin: -5px !important;
}

.mt15 {
    margin-top: 15px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mt5 {
    margin-top: 5px !important;
}

.mt0 {
    margin-top: 0 !important;
}

.mt-15 {
    margin-top: -15px !important;
}

.mt-10 {
    margin-top: -10px !important;
}

.mt-5 {
    margin-top: -5px !important;
}

.mr15 {
    margin-right: 15px !important;
}

.mr10 {
    margin-right: 10px !important;
}

.mr5 {
    margin-right: 5px !important;
}

.mr0 {
    margin-right: 0 !important;
}

.mr-15 {
    margin-right: -15px !important;
}

.mr-10 {
    margin-right: -10px !important;
}

.mr-5 {
    margin-right: -5px !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb5 {
    margin-bottom: 5px !important;
}

.mb0 {
    margin-bottom: 0 !important;
}

.mb-15 {
    margin-bottom: -15px !important;
}

.mb-10 {
    margin-bottom: -10px !important;
}

.mb-5 {
    margin-bottom: -5px !important;
}

.ml15 {
    margin-left: 15px !important;
}

.ml10 {
    margin-left: 10px !important;
}

.ml5 {
    margin-left: 5px !important;
}

.ml0 {
    margin-left: 0 !important;
}

.ml-15 {
    margin-left: -15px !important;
}

.ml-10 {
    margin-left: -10px !important;
}

.ml-5 {
    margin-left: -5px !important;
}

.pa15 {
    padding: 15px !important;
}

.pa10 {
    padding: 10px !important;
}

.pa5 {
    padding: 5px !important;
}

.np {
    padding: 0 !important;
}

.pt15 {
    padding-top: 15px !important;
}

.pt10 {
    padding-top: 10px !important;
}

.pt5 {
    padding-top: 5px !important;
}

.pt0 {
    padding-top: 0 !important;
}

.pr15 {
    padding-right: 15px !important;
}

.pr10 {
    padding-right: 10px !important;
}

.pr5 {
    padding-right: 5px !important;
}

.pr0 {
    padding-right: 0 !important;
}

.pb15 {
    padding-bottom: 15px !important;
}

.pb10 {
    padding-bottom: 10px !important;
}

.pb5 {
    padding-bottom: 5px !important;
}

.pb0 {
    padding-bottom: 0 !important;
}

.pl15 {
    padding-left: 15px !important;
}

.pl10 {
    padding-left: 10px !important;
}

.pl5 {
    padding-left: 5px !important;
}

.pl0 {
    padding-left: 0 !important;
}

.valign-top {
    vertical-align: top !important;
}

.valign-middle {
    vertical-align: middle !important;
}

.valign-bottom {
    vertical-align: bottom !important;
}

.bradius0 {
    border-radius: 0 !important;
}

.bdr0 {
    border-width: 0 !important;
}

.noshadow {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.dis-none {
    display: none;
}

.form-control {
    font-size: 13px;
    border: 1px solid #cfd9db;
    line-height: normal;
    -moz-box-shadow: none;
    box-shadow: none;
}

.form-control.form-control-minimal {
    border-width: 0;
    border-radius: 0;
    background-color: transparent;
}

.input-group {
    width: 100%;
}

.inputgroup60 {
    float: left;
    width: 80%;
    margin-right: 6px;
}

.has-icon {
    position: relative;
    float: none !important;
}

.has-icon > .form-control {
    padding-right: 34px;
}

.has-icon.pull-left > .form-control {
    padding-left: 34px;
    padding-right: 0;
}

.has-icon.pull-left > .form-control-icon {
    right: auto;
    left: 0;
}

.has-icon > .form-control-icon {
    position: absolute;
    z-index: 5;
    top: 0;
    right: 0;
    width: 34px;
    line-height: 33px;
    text-align: center;
    color: #777;
}

.has-icon > .form-control.input-lg + .form-control-icon {
    line-height: 45px;
}

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

.form-horizontal .has-feedback > .form-control-feedback {
    right: 0;
}

.has-success .form-control-feedback {
    color: #4e7325;
}

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

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

.form-group .form-stack + .form-stack .form-control {
    margin-top: -1px;
}

.form-group .form-stack .form-control {
    position: relative;
    border-radius: 0;
    margin-top: -1px;
    z-index: 1;
}

.form-group .form-stack .form-control.input-lg {
    font-size: 13px;
}

.form-group .form-stack-wrapper > .form-stack:first-child .form-control, .form-group .form-stack:first-child .form-control {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.form-group .form-stack-wrapper > .form-stack:last-child .form-control, .form-group .form-stack:last-child .form-control {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.form-group .form-stack .form-control:focus {
    z-index: 2;
}

.control-label {
    font-size: 12px;
    font-weight: normal;
    color: #000;
}

.help-block {
    color: #888;
}

.input-group-addon {
    color: #000;
    border-color: #cfd9db;
    background-color: #f5f5f5;
}

.input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn {
    height: auto;
}

.input-lg {
    font-size: 16px;
}

.input-sm {
    font-size: 12px;
}

input[type=email], input[type=password], input[type=search], input[type=text], textarea {
    -webkit-appearance: none;
}

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

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

.checkbox, .checkbox label, .checkbox-inline, .checkbox-inline label, .radio, .radio label, .radio-inline, .radio-inline label {
    min-height: 18px;
    margin-bottom: 0;
    margin-top: 0;
    font-weight: 400;
}

.checkbox-icon.checkbox, .checkbox-icon.checkbox-inline, .custom-checkbox.checkbox, .custom-checkbox.checkbox-inline, .custom-radio.radio, .custom-radio.radio-inline {
    padding-left: 0;
}

.checkbox-icon > label, .custom-checkbox > label, .custom-radio > label {
    position: relative;
    padding-left: 18px;
    cursor: pointer;
    font-weight: 400;
    margin: 0;
}

.checkbox-icon > label:after, .checkbox-icon > label:before, .custom-checkbox > label:after, .custom-checkbox > label:before, .custom-radio > label:after, .custom-radio > label:before {
    font-family: iconfont;
    font-weight: 400;
    text-shadow: none;
    position: absolute;
    top: 0;
    left: 0;
}

.custom-checkbox:hover > label:before, .custom-radio:hover > label:before {
    border: 1px solid #00b6ad;
}

.custom-checkbox > label:before {
    content: "";
    width: 18px;
    height: 18px;
    border: 1px solid #c8c8c8;
    border-radius: 3px;
}

.custom-radio > label:before {
    content: "";
    width: 18px;
    height: 18px;
    border: 1px solid #c8c8c8;
    border-radius: 50%;
}

.checkbox-icon > label:before {
    content: "";
    width: 18px;
    height: 18px;
}

.custom-checkbox > input[type=checkbox]:checked + label:before, .custom-radio > input[type=radio]:checked + label:before {
    border-color: #00b6ad;
    background-color: #00b6ad;
}

.custom-checkbox > label:after {
    float: left;
    content: "\e370";
    overflow: hidden;
    color: transparent;
    font-size: 10px;
    line-height: 10px;
    left: 4px;
    top: 4px;
    -webkit-transition: max-width ease .1s;
    -moz-transition: max-width ease .1s;
    -o-transition: max-width ease .1s;
    transition: max-width ease .1s;
}

.custom-checkbox > input[type=checkbox]:checked + label:after {
    color: #fff;
}

.custom-radio > label:after {
    float: left;
    content: "";
    overflow: hidden;
    background-color: transparent;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    left: 5px;
    top: 5px;
    -webkit-transition: max-width ease .1s;
    -moz-transition: max-width ease .1s;
    -o-transition: max-width ease .1s;
    transition: max-width ease .1s;
}

.custom-radio > input[type=radio]:checked + label:after {
    background-color: #fff;
}

.checkbox-icon > label:after {
    float: left;
    overflow: hidden;
    color: #94aab0;
    font-size: 16px;
    line-height: 16px;
    left: 1px;
    top: 1px;
    -webkit-transition: max-width ease .1s;
    -moz-transition: max-width ease .1s;
    -o-transition: max-width ease .1s;
    transition: max-width ease .1s;
}

.checkbox-icon:hover > label:after {
    color: #77939a;
}

.checkbox-icon.icon-star > label:after {
    content: "\e2ff";
    top: 0;
}

.checkbox-icon.icon-star > input[type=checkbox]:checked + label:after {
    content: "\e301";
    color: #ffd66a;
}

.checkbox-icon.icon-heart > label:after {
    content: "\e682";
}

.checkbox-icon.icon-heart > input[type=checkbox]:checked + label:after {
    content: "\e604";
    color: #ed5466;
}

.checkbox-icon > input[type=checkbox], .custom-checkbox > input[type=checkbox], .custom-radio > input[type=radio] {
    display: none;
}

.custom-checkbox-primary:hover > label:before, .custom-radio-primary:hover > label:before {
    border: 1px solid #00b1e1;
}

.custom-checkbox-primary > input[type=checkbox]:checked + label:before, .custom-radio-primary > input[type=radio]:checked + label:before {
    border-color: #00b1e1;
    background-color: #00b1e1;
}

.custom-checkbox-info:hover > label:before, .custom-radio-info:hover > label:before {
    border: 1px solid #63d3e9;
}

.custom-checkbox-info > input[type=checkbox]:checked + label:before, .custom-radio-info > input[type=radio]:checked + label:before {
    border-color: #63d3e9;
    background-color: #63d3e9;
}

.custom-checkbox-success:hover > label:before, .custom-radio-success:hover > label:before, .has-success .custom-checkbox:hover > label:before, .has-success .custom-checkbox > label:before, .has-success .custom-radio:hover > label:before, .has-success .custom-radio > label:before {
    border: 1px solid #91c854;
}

.custom-checkbox-success > input[type=checkbox]:checked + label:before, .custom-radio-success > input[type=radio]:checked + label:before, .has-success .custom-checkbox > input[type=checkbox]:checked + label:before, .has-success .custom-radio > input[type=radio]:checked + label:before {
    border-color: #91c854;
    background-color: #91c854;
}

.custom-checkbox-warning:hover > label:before, .custom-radio-warning:hover > label:before, .has-warning .custom-checkbox:hover > label:before, .has-warning .custom-checkbox > label:before, .has-warning .custom-radio:hover > label:before, .has-warning .custom-radio > label:before {
    border: 1px solid #ffd66a;
}

.custom-checkbox-warning > input[type=checkbox]:checked + label:before, .custom-radio-warning > input[type=radio]:checked + label:before, .has-warning .custom-checkbox > input[type=checkbox]:checked + label:before, .has-warning .custom-radio > input[type=radio]:checked + label:before {
    border-color: #ffd66a;
    background-color: #ffd66a;
}

.custom-checkbox-danger:hover > label:before, .custom-radio-danger:hover > label:before, .has-error .custom-checkbox:hover > label:before, .has-error .custom-checkbox > label:before, .has-error .custom-radio:hover > label:before, .has-error .custom-radio > label:before {
    border: 1px solid #ed5466;
}

.custom-checkbox-danger > input[type=checkbox]:checked + label:before, .custom-radio-danger > input[type=radio]:checked + label:before, .has-error .custom-checkbox > input[type=checkbox]:checked + label:before, .has-error .custom-radio > input[type=radio]:checked + label:before {
    border-color: #ed5466;
    background-color: #ed5466;
}

.custom-checkbox-teal:hover > label:before, .custom-radio-teal:hover > label:before {
    border: 1px solid #6bccb4;
}

.custom-checkbox-teal > input[type=checkbox]:checked + label:before, .custom-radio-teal > input[type=radio]:checked + label:before {
    border-color: #6bccb4;
    background-color: #6bccb4;
}

.custom-checkbox-inverse:hover > label:before, .custom-radio-inverse:hover > label:before {
    border: 1px solid #2a2a2a;
}

.custom-checkbox-inverse > input[type=checkbox]:checked + label:before, .custom-radio-inverse > input[type=radio]:checked + label:before {
    border-color: #2a2a2a;
    background-color: #2a2a2a;
}

.btn-file {
    position: relative;
    overflow: hidden;
}

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 999px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    background: red;
    cursor: inherit;
    display: block;
}

.has-success .form-control, .has-success .form-control:focus {
    border-color: #91c854;
}

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

.has-success .input-group-addon {
    color: #436320;
    border-color: #91c854;
    background-color: #91c854;
}

.has-error .form-control, .has-error .form-control:focus {
    border-color: #ed5466;
}

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

.has-error .input-group-addon {
    color: #981020;
    border-color: #ed5466;
    background-color: #ed5466;
}

.has-warning .form-control, .has-warning .form-control:focus {
    border-color: #ffd66a;
}

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

.has-warning .input-group-addon {
    color: #d09700;
    border-color: #ffd66a;
    background-color: #ffd66a;
}

.has-error .form-control, .has-error .form-control:focus, .has-success .form-control, .has-success .form-control:focus, .has-warning .form-control, .has-warning .form-control:focus {
    -moz-box-shadow: none;
    box-shadow: none;
}

.form-horizontal.form-bordered .form-group {
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 0;
}

.form-horizontal.form-bordered .form-group + .form-group {
    border-top: 1px solid #e0e7e8;
}

.form-horizontal.form-bordered .form-group.no-border {
    border-top-width: 0;
}

.form-horizontal.form-bordered .form-group .help-block {
    margin-bottom: 0;
}

.parsley-errors-list {
    display: none;
    margin: 0;
    padding: 0;
}

.parsley-errors-list.filled {
    display: block;
}

.parsley-errors-list > li {
    font-size: 12px;
    list-style: none;
    color: #ed5466;
}

.parsley-error {
    border-color: #ed5466 !important;
}

.parsley-error.custom-checkbox:hover > label:before, .parsley-error.custom-checkbox > label:before, .parsley-error.custom-radio:hover > label:before, .parsley-error.custom-radio > label:before {
    border: 1px solid #ed5466;
}

.parsley-error.custom-checkbox > input[type=checkbox]:checked + label:before, .parsley-error.custom-radio > input[type=checkbox]:checked + label:before {
    border-color: #ed5466;
    background-color: #ed5466;
}

.parsley-error.custom-checkbox > label, .parsley-error.custom-radio > label {
    color: #ed5466;
}

.pager > li > a, .pager > li > span, .pagination > li > a, .pagination > li > span {
    color: #00b1e1;
    border-color: #cfd9db;
}

.pager > li > a:focus, .pager > li > a:hover, .pager > li > span:focus, .pager > li > span:hover, .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
    color: #00a5d2;
    background-color: #f5f5f5;
    border-color: #c9d4d7;
}

.pager > .active > a, .pager > .active > a:focus, .pager > .active > a:hover, .pager > .active > span, .pager > .active > span:focus, .pager > .active > span:hover, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    color: #00a9d7;
    background-color: #f5f5f5;
    border-color: #c9d4d7;
}

.dropdown-menu {
    font-size: 13px;
    border-color: #cfd9db;
    padding: 5px 0;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1);
}

.dropdown-menu > li {
    margin: 0;
    text-align: left;
}

.dropdown-menu > li > a {
    line-height: 20px;
    color: #000;
    padding: 4px 15px !important;
    font-size: 12px;
}

.dropdown-menu > li > a:active, .dropdown-menu > li > a:focus {
    outline: 0;
}

.dropdown-menu > li > a > .icon {
    display: inline-block;
    min-width: 14px;
    text-align: center;
    margin-right: 6px;
}

.dropdown-menu > li .active > a:hover, .dropdown-menu > li.active > a {
    background-color: #fbfbfb;
    color: #444;
}

.dropdown-menu > .dropdown-header {
    padding: 6px 15px !important;
    font-size: 13px;
    font-weight: 600;
}

.dropdown-menu .divider {
    margin: 4px 0;
    background-color: #d7e0e2;
}

.dropdown-menu.hasarrow:before {
    position: absolute;
    z-index: 2;
    content: "";
    top: -7px;
    left: 6px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7px 7px;
    border-color: transparent transparent #cfd9db;
}

.dropdown-menu.hasarrow:after {
    position: absolute;
    z-index: 3;
    content: "";
    top: -6px;
    left: 7px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 6px;
    border-color: transparent transparent #fff;
}

.dropdown-menu.hasarrow.pull-right:after {
    right: 7px;
    left: auto;
}

.dropdown-menu.hasarrow.pull-right:before {
    right: 6px;
    left: auto;
}

.badge, .label {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    display: inline-block;
    font-size: 11px;
    font-weight: normal;
    padding: 5px;
}

.badge:empty, .label:empty {
    display: none;
}

.hasnotification {
    display: inline-block;
    width: 8px;
    height: 8px;
    text-indent: -999999px;
    border-radius: 50%;
    background-color: #eee;
}

.badge-default, .label-default {
    background-color: #f5f5f5;
    color: #a9a9a9;
}

.badge-primary, .hasnotification-primary, .label-primary {
    background-color: #00b1e1;
}

.badge-success, .hasnotification-success, .label-success {
    background-color: #91c854;
}

.badge-info, .hasnotification-info, .label-info {
    background-color: #84a9e2;
}

.badge-warning, .hasnotification-warning, .label-warning {
    background-color: #ffd66a;
}

.badge-danger, .hasnotification-danger, .label-danger {
    background-color: #ed5466;
}

.badge-teal, .hasnotification-teal, .label-teal {
    background-color: #6bccb4;
}

.badge-inverse, .hasnotification-inverse, .label-inverse {
    background-color: #2a2a2a;
    color: #fff;
}

blockquote {
    padding-left: 40px;
    border-width: 0;
}

blockquote > p {
    position: relative;
    font-style: italic;
}

blockquote > p:before {
    position: absolute;
    top: -1px;
    margin-left: -25px;
    font-family: iconfont;
    font-size: 18px;
    content: "\e19f";
    color: #eee;
}

blockquote > p:after {
    position: absolute;
    bottom: -1px;
    margin-left: 5px;
    font-family: iconfont;
    font-size: 18px;
    content: "\e1a0";
    color: #eee;
}

.blockquote-reverse {
    padding-left: 20px;
    padding-right: 40px;
    border-width: 0;
}

.h1, .h2, .h3, .h4, .h5, .h6, body, h1, h2, h3, h4, h5, h6 {
    font-family: 12px Arial, "Hiragino Sans GB", "微软雅黑", "黑体-简", Helvetica, sans-serif;
}

h1 > small, h2 > small, h3 > small, h4 > small, h5 > small, h6 > small {
    color: inherit;
}

.bold {
    font-weight: 700;
}

.semibold {
    font-weight: 600;
}

.thin {
    font-weight: 300;
}

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

.text-white {
    color: #fff !important;
}

.text-accent {
    color: #00b6ad !important;
}

.text-accent:hover {
    color: #009d95 !important;
}

.text-default, .text-default:hover {
    color: #000 !important;
}

.text-muted {
    color: #000 !important;
}

.text-primary {
    color: #15a5fb !important;
}

.text-primary:hover {
    color: #009dc8 !important;
}

.text-success {
    color: #91c854 !important;
}

.text-success:hover {
    color: #85c241 !important;
}

.text-info {
    color: #63d3e9 !important;
}

.text-info:hover {
    color: #4dcde6 !important;
}

.text-warning {
    color: #ffd66a !important;
}

.text-warning:hover {
    color: #ffcf51 !important;
}

.text-danger {
    color: #ed5466 !important;
}

.text-danger:hover {
    color: #eb3d51 !important;
}

.text-teal {
    color: #6bccb4 !important;
}

.text-teal:hover {
    color: #58c5aa !important;
}

.longshadow {
    text-shadow: #e2e2e2 1px 1px, #e2e2e2 2px 2px, #e2e2e2 3px 3px, #e3e3e3 4px 4px, #e5e5e5 5px 5px, #e7e7e7 6px 6px, #e8e8e8 7px 7px, #eaeaea 8px 8px, #ececec 9px 9px, #eee 10px 10px;
}

.fsize16 {
    font-size: 16px;
}

.fsize24 {
    font-size: 24px;
}

.fsize32 {
    font-size: 32px;
}

.fsize48 {
    font-size: 48px;
}

.fsize64 {
    font-size: 64px;
}

.fsize80 {
    font-size: 80px;
}

.fsize96 {
    font-size: 96px;
}

.fsize112 {
    font-size: 112px;
}

.fsize128 {
    font-size: 128px;
}

.img-bordered {
    -webkit-box-shadow: 0 0 0 3px #fff;
    box-shadow: 0 0 0 3px #fff;
}

.img-bordered-primary {
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 4px #00b1e1;
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #00b1e1;
}

.img-bordered-success {
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 4px #91c854;
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #91c854;
}

.img-bordered-info {
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 4px #63d3e9;
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #63d3e9;
}

.img-bordered-warning {
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 4px #ffd66a;
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #ffd66a;
}

.img-bordered-danger {
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 4px #ed5466;
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #ed5466;
}

.img-bordered-inverse {
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 4px #2a2a2a;
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #2a2a2a;
}

.img-bordered-teal {
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 4px #6bccb4;
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #6bccb4;
}

.img-group > .more, .img-group > img {
    width: 38px;
    height: 38px;
    -webkit-box-shadow: 0 0 0 2px #fff;
    box-shadow: 0 0 0 2px #fff;
}

.img-group > .more {
    display: inline-block;
    vertical-align: top;
    background-color: #00b6ad;
    line-height: 38px;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    color: #fff;
}

.img-group-stack > img + .more, .img-group-stack > img + img {
    margin-left: -18px;
}

.indicator {
    display: none;
    position: absolute;
    z-index: 999;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
    background-color: rgba(255, 255, 255, .9);
    border-radius: 2px;
    cursor: progress;
}

.indicator.inline {
    display: block;
    position: relative;
    z-index: 9;
    height: 34px;
    background-color: transparent;
    border-radius: 0;
}

.indicator > .spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -16px;
    margin-left: -16px;
    width: 32px;
    height: 32px;
    background-image: url(../image/loading-bubbles.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.pln {
    color: #000;
}

.str {
    color: #080;
}

.kwd {
    color: #008;
}

.com {
    color: #800;
}

.typ {
    color: #606;
}

.lit {
    color: #066;
}

.clo, .opn, .pun {
    color: #660;
}

.tag {
    color: #008;
}

.atn {
    color: #606;
}

.atv {
    color: #080;
}

.dec, .var {
    color: #606;
}

.fun {
    color: red;
}

pre.prettyprint {
    padding: 2px;
}

ol.linenums {
    margin: 0;
}

li.L1, li.L3, li.L5, li.L7, li.L9 {
    background: #eee;
}

.progress {
    display: block;
    margin-bottom: 15px;
    background-color: #e6ebed;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.progress.progress-sm {
    height: 15px;
}

.progress.progress-xs {
    height: 6px;
}

.progress .progress-bar {
    background-color: #00b1e1;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.progress .progress-bar.progress-bar-success {
    background-color: #91c854;
}

.progress .progress-bar.progress-bar-info {
    background-color: #63d3e9;
}

.progress .progress-bar.progress-bar-warning {
    background-color: #ffd66a;
}

.progress .progress-bar.progress-bar-danger {
    background-color: #ed5466;
}

.modal-content {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 3px;
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, .2);
    box-shadow: 0 3px 3px rgba(0, 0, 0, .2);
}

.modal-header {
    border-bottom: 1px solid #cfd9db;
}

.modal-header + .modal-body {
    border-radius: 0;
}

.modal-body {
    background-color: #f5f7f7;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.modal-footer {
    margin-top: 0;
    border-top: 1px solid #cfd9db;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.table tr > th, .table > thead > tr > th {
    color: #000;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
    font-weight: 600;
    background-color: #eff2f8;
}

.table-responsive > .table {
    margin-bottom: 0;
}

.table .media-object {
    display: inline-block;
    width: 30px;
    height: 30px;
}

.table .media-object > img {
    width: 100%;
}

.table-email > tbody > tr:first-child > td {
    border-top-width: 0;
}

.table-email > tbody > tr > td.meta > .sender {
    margin: 0;
    font-size: 13px;
    font-weight: 600;
    color: #5e5e5e;
}

.table-email > tbody > tr > td.meta > .date {
    margin: 0;
    font-size: 12px;
    color: #aaa;
}

.table-email > tbody > tr > td.message > .heading {
    margin: 0;
    font-size: 13px;
    font-weight: 600;
}

.table-email > tbody > tr > td.message > .text {
    margin: 0;
    color: #919191;
}

.table-layout {
    display: table;
    width: 100%;
    table-layout: fixed;
    margin-bottom: 20px;
    position: relative;
}

.table-layout > [class*=" col-"], .table-layout > [class^=col-] {
    padding: 0;
}

.table-layout > .col-xs-1, .table-layout > .col-xs-10, .table-layout > .col-xs-11, .table-layout > .col-xs-2, .table-layout > .col-xs-3, .table-layout > .col-xs-4, .table-layout > .col-xs-5, .table-layout > .col-xs-6, .table-layout > .col-xs-7, .table-layout > .col-xs-8, .table-layout > .col-xs-9 {
    display: table-cell;
    table-layout: fixed;
    float: none;
    vertical-align: middle;
}

@media (min-width: 768px) {
    .table-layout > .col-sm-1, .table-layout > .col-sm-10, .table-layout > .col-sm-11, .table-layout > .col-sm-2, .table-layout > .col-sm-3, .table-layout > .col-sm-4, .table-layout > .col-sm-5, .table-layout > .col-sm-6, .table-layout > .col-sm-7, .table-layout > .col-sm-8, .table-layout > .col-sm-9 {
        display: table-cell;
        table-layout: fixed;
        float: none;
        vertical-align: middle;
    }
}

@media (min-width: 992px) {
    .table-layout > .col-md-1, .table-layout > .col-md-10, .table-layout > .col-md-11, .table-layout > .col-md-2, .table-layout > .col-md-3, .table-layout > .col-md-4, .table-layout > .col-md-5, .table-layout > .col-md-6, .table-layout > .col-md-7, .table-layout > .col-md-8, .table-layout > .col-md-9 {
        display: table-cell;
        table-layout: fixed;
        float: none;
        vertical-align: middle;
    }
}

@media (min-width: 1200px) {
    .table-layout > .col-lg-1, .table-layout > .col-lg-10, .table-layout > .col-lg-11, .table-layout > .col-lg-2, .table-layout > .col-lg-3, .table-layout > .col-lg-4, .table-layout > .col-lg-5, .table-layout > .col-lg-6, .table-layout > .col-lg-7, .table-layout > .col-lg-8, .table-layout > .col-lg-9 {
        display: table-cell;
        table-layout: fixed;
        float: none;
        vertical-align: middle;
    }
}

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

.table-striped > tbody > tr.odd > td, .table-striped > tbody > tr.odd > th, .table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #fbfbfb;
}

.table > tbody > tr.stroke > td, .table > tbody > tr.stroke > th, .table > tbody > tr > td.stroke, .table > tbody > tr > th.stroke, .table > tfoot > tr.stroke > td, .table > tfoot > tr.stroke > th, .table > tfoot > tr > td.stroke, .table > tfoot > tr > th.stroke, .table > thead > tr.stroke > td, .table > thead > tr.stroke > th, .table > thead > tr > td.stroke, .table > thead > tr > th.stroke {
    background-color: #f5f5f5;
    color: #ccc;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
    text-decoration: line-through;
}

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

.table-hover > tbody > .info:hover > td, .table-hover > tbody > .info:hover > th, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr > .info:hover, .table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, .table > thead > tr > td.info, .table > thead > tr > th.info {
    background-color: #e9f9fc !important;
    border-color: #d3f3f9;
}

.table-hover > tbody > .warning:hover > td, .table-hover > tbody > .warning:hover > th, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr > .warning:hover, .table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > thead > tr > td.warning, .table > thead > tr > th.warning {
    background-color: #fff9ea !important;
    border-color: #fff3d5;
}

.table-hover > tbody > .success:hover > td, .table-hover > tbody > .success:hover > th, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr > .success:hover, .table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > thead > tr > td.success, .table > thead > tr > th.success {
    background-color: #e0f0cf !important;
    border-color: #d2e8b8;
}

.table-hover > tbody > .danger:hover > td, .table-hover > tbody > .danger:hover > th, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr > .danger:hover, .table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > thead > tr > td.danger, .table > thead > tr > th.danger {
    background-color: #fcdee2 !important;
    border-color: #faccd1;
}

.table td .toolbar {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
}

.table td .toolbar .btn.btn-link {
    border: none;
    padding: 0 5px;
}

.table td .toolbar.toolbar-hover {
    display: none;
}

.table tr:hover .toolbar.toolbar-hover {
    display: inline-block;
}

@media (max-width: 768px) {
    .table td .toolbar {
        min-width: 80px;
    }

    .table-responsive {
        width: 100%;
        overflow-x: scroll;
        overflow-y: hidden;
        border: 0;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        -webkit-overflow-scrolling: touch;
    }

    .panel .table-responsive {
        border-left: 0;
        border-right: 0;
        border-top: 0;
    }
}

.thumbnail {
    position: relative;
    padding: 0;
    border-width: 0;
    border-radius: 3px;
}

a.thumbnail {
    position: relative;
    padding: 4px;
    border-width: 1px;
}

a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover {
    border-color: #00b1e1;
}

.thumbnail > .media {
    position: relative;
    overflow: hidden;
    margin-top: 0;
}

.thumbnail > .media > iframe, .thumbnail > .media > img {
    position: relative;
    z-index: 2;
    border-radius: 3px;
    border: 0;
}

.thumbnail > .media > img[data-toggle=unveil] {
    opacity: 0;
    -webkit-transition: opacity .2s ease;
    -moz-transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
    transition: opacity .2s ease;
}

.thumbnail > .media > img[data-toggle=unveil].unveiled {
    opacity: 1;
}

.thumbnail > .media > .indicator {
    display: block;
    z-index: 1;
}

.thumbnail > .media > .overlay {
    position: absolute;
    z-index: 4;
    border-radius: 3px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 182, 173, .4);
    opacity: 0;
    -webkit-transition: opacity .2s ease;
    -moz-transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
    transition: opacity .2s ease;
}

.thumbnail > .media:hover > .overlay {
    opacity: 1;
}

.touch .thumbnail > .media > .overlay {
    background-color: transparent;
    opacity: 1;
}

.thumbnail > .media > .overlay > .toolbar {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    width: 100%;
    text-align: center;
}

.touch .thumbnail > .media > .overlay > .toolbar {
    top: 15px;
    margin-top: 0;
}

.thumbnail > .media > .overlay > .toolbar > .btn {
    width: 40px;
    line-height: 26px;
    border-radius: 50%;
    overflow: hidden;
    border: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform 300ms ease;
    -moz-transition: -moz-transform 300ms ease;
    -o-transition: -o-transform 300ms ease;
    transition: -webkit-transform 300ms ease, -moz-transform 300ms ease, -o-transform 300ms ease, transform 300ms ease;
}

.thumbnail > .media > .overlay > .toolbar > .btn + .btn {
    -webkit-transition: -webkit-transform 250ms ease;
    -moz-transition: -moz-transform 250ms ease;
    -o-transition: -o-transform 250ms ease;
    transition: -webkit-transform 250ms ease, -moz-transform 250ms ease, -o-transform 250ms ease, transform 250ms ease;
}

.thumbnail > .media > .overlay > .toolbar > .btn + .btn + .btn {
    -webkit-transition: -webkit-transform 200ms ease;
    -moz-transition: -moz-transform 200ms ease;
    -o-transition: -o-transform 200ms ease;
    transition: -webkit-transform 200ms ease, -moz-transform 200ms ease, -o-transform 200ms ease, transform 200ms ease;
}

.thumbnail > .media > .overlay > .toolbar > .btn + .btn + .btn + .btn {
    -webkit-transition: -webkit-transform 150ms ease;
    -moz-transition: -moz-transform 150ms ease;
    -o-transition: -o-transform 150ms ease;
    transition: -webkit-transform 150ms ease, -moz-transform 150ms ease, -o-transform 150ms ease, transform 150ms ease;
}

.thumbnail > .media > .overlay > .toolbar > .btn + .btn + .btn + .btn + .btn {
    -webkit-transition: -webkit-transform 100ms ease;
    -moz-transition: -moz-transform 100ms ease;
    -o-transition: -o-transform 100ms ease;
    transition: -webkit-transform 100ms ease, -moz-transform 100ms ease, -o-transform 100ms ease, transform 100ms ease;
}

.thumbnail > .media:hover > .overlay > .toolbar > .btn, .touch .thumbnail > .media > .overlay > .toolbar > .btn {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.thumbnail > .media > .meta {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    right: 0;
    color: #fff;
    padding: 15px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.thumbnail > .media > .meta.bottom {
    top: auto;
    bottom: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.thumbnail > .media > .meta.darken {
    background-color: rgba(0, 0, 0, .5);
}

.thumbnail > .caption + .caption {
    border-top: 1px solid #cfd9db;
}

.thumbnail > .caption .tag {
    font-size: 11px;
    color: #919191;
    margin: 0;
}

.thumbnail-album {
    border: 1px solid #cfd9db;
    background-color: #fff;
    padding: 0;
    border-radius: 4px;
}

.thumbnail-album > .media > .overlay, .thumbnail-album > .media > img {
    border-radius: 3px 3px 0 0;
}

.thumbnail-album > .meta {
    padding: 9px;
    margin: 0;
}

.thumbnail-album > .meta > li {
    display: table-cell;
    vertical-align: middle;
    width: 1%;
}

.panel {
    position: relative;
    border-width: 1px;
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.panel > .panel-collapse.pull {
    display: none;
}

.panel > .panel-collapse.pull.out {
    position: relative;
    display: block;
}

.panel > .panel-collapse.pulling {
    position: relative;
    overflow: hidden;
}

.widget {
    margin-bottom: 20px;
}

.widget .panel, .widget.panel {
    border-bottom-width: 1px;
    border-bottom-color: #cfd9db;
    overflow: hidden;
}

.panel > .panel-ribbon {
    position: absolute;
    z-index: 10;
    overflow: hidden;
    top: -1px;
    left: -1px;
    width: 40px;
    height: 40px;
    border-top-left-radius: 3px;
    color: #888;
    text-decoration: none;
}

.panel > .panel-ribbon.pull-right {
    left: auto;
    right: -1px;
    border-top-right-radius: 3px;
    text-align: right;
}

.panel > .panel-ribbon > [class*=" ico-"], .panel > .panel-ribbon > [class^=ico-] {
    display: inline-block;
    position: relative;
    width: 13px;
    line-height: 13px;
    margin-top: 6px;
    margin-left: 6px;
    text-align: center;
    z-index: 1;
}

.panel > .panel-ribbon.pull-right > [class*=" ico-"], .panel > .panel-ribbon.pull-right > [class^=ico-] {
    margin-right: 6px;
    margin-left: 0;
}

.panel > .panel-ribbon.pull-right:after {
    border-width: 0 40px 40px 0;
    border-color: transparent #eee transparent transparent;
}

.panel > .panel-ribbon:after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 40px 40px 0 0;
    border-color: #eee transparent transparent;
}

.panel > .panel-ribbon-primary {
    color: #007594;
}

.panel > .panel-ribbon-primary:after {
    border-color: #00b1e1 transparent transparent;
}

.panel > .panel-ribbon-primary.pull-right:after {
    border-color: transparent #00b1e1 transparent transparent;
}

.panel > .panel-ribbon-success {
    color: #6b9d32;
}

.panel > .panel-ribbon-success:after {
    border-color: #91c854 transparent transparent;
}

.panel > .panel-ribbon-success.pull-right:after {
    border-color: transparent #91c854 transparent transparent;
}

.panel > .panel-ribbon-warning {
    color: #ffc11e;
}

.panel > .panel-ribbon-warning:after {
    border-color: #ffd66a transparent transparent;
}

.panel > .panel-ribbon-warning.pull-right:after {
    border-color: transparent #ffd66a transparent transparent;
}

.panel > .panel-ribbon-info {
    color: #20c0e0;
}

.panel > .panel-ribbon-info:after {
    border-color: #63d3e9 transparent transparent;
}

.panel > .panel-ribbon-info.pull-right:after {
    border-color: transparent #63d3e9 transparent transparent;
}

.panel > .panel-ribbon-danger {
    color: #dd172f;
}

.panel > .panel-ribbon-danger:after {
    border-color: #ed5466 transparent transparent;
}

.panel > .panel-ribbon-danger.pull-right:after {
    border-color: transparent #ed5466 transparent transparent;
}

.panel > .panel-ribbon-inverse {
    color: #040404;
}

.panel > .panel-ribbon-inverse:after {
    border-color: #2a2a2a transparent transparent;
}

.panel > .panel-ribbon-inverse.pull-right:after {
    border-color: transparent #2a2a2a transparent transparent;
}

.panel > .panel-ribbon-teal {
    color: #3cae92;
}

.panel > .panel-ribbon-teal:after {
    border-color: #6bccb4 transparent transparent;
}

.panel > .panel-ribbon-teal.pull-right:after {
    border-color: transparent #6bccb4 transparent transparent;
}

.panel-heading {
    padding: 0 15px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    margin-left: -1px;
    margin-right: -1px;
    margin-top: -1px;
    border: 1px solid transparent;
}

.panel-heading > .panel-title, .panel-heading > .panel-toolbar {
    display: table-cell;
    vertical-align: middle;
    width: 1%;
    height: 40px;
    float: none !important;
}

.panel-heading > .panel-title.ellipsis, .panel-heading > .panel-toolbar.ellipsis {
    max-width: 10px;
}

.panel-heading > .panel-title {
    font-size: 14px;
    font-weight: 600;
}

.panel-heading > .panel-title > .icon {
    margin-right: 5px;
}

.panel-heading > .panel-title > a, .panel-heading > .panel-title > a:active, .panel-heading > .panel-title > a:focus, .panel-heading > .panel-title > a:hover {
    text-decoration: none;
    outline: 0;
}

.panel-heading > .panel .panel-heading + .panel-body {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.panel-toolbar-wrapper {
    display: block;
    background-color: #fbfbfb;
    border-bottom: 1px solid #cfd9db;
    padding: 0 15px;
}

.panel-toolbar-wrapper.bottom {
    border-bottom-width: 0;
    border-top: 1px solid #cfd9db;
}

.panel-toolbar-wrapper > .panel-toolbar {
    display: table-cell;
    vertical-align: middle;
    width: 1%;
    height: 40px;
    float: none !important;
}

.panel-toolbar-wrapper > .panel-toolbar.ellipsis {
    max-width: 10px;
}

.panel .panel-footer > .panel-toolbar-wrapper {
    background-color: transparent;
    padding: 0;
    border-width: 0;
}

.panel .panel-toolbar .static-text {
    display: inline-block;
    vertical-align: middle;
    line-height: 34px;
    color: #777;
}

.panel .panel-toolbar .btn-link {
    color: #f3f3f3;
    text-decoration: none;
}

.panel .panel-toolbar .btn-link:active, .panel .panel-toolbar .btn-link:focus, .panel .panel-toolbar .btn-link:hover {
    color: #fff;
    outline: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.panel.panel-default .panel-toolbar .btn-link {
    color: #00b1e1;
}

.panel.panel-default .panel-toolbar .btn-link:active, .panel.panel-default .panel-toolbar .btn-link:focus, .panel.panel-default .panel-toolbar .btn-link:hover {
    color: #009dc8;
}

.panel .panel-toolbar > .option {
    display: inline-block;
    float: right;
    min-height: 34px;
}

.panel .panel-toolbar > .option > .btn {
    float: left;
    background-color: transparent;
    color: #f3f3f3;
    padding-left: 6px;
    padding-right: 6px;
}

.panel.panel-default .panel-toolbar > .option > .btn {
    color: #777;
}

.panel .panel-toolbar > .option > .btn:active, .panel .panel-toolbar > .option > .btn:focus, .panel .panel-toolbar > .option > .btn:hover {
    color: #fff;
    outline: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.panel.panel-default .panel-toolbar > .option > .btn:active, .panel.panel-default .panel-toolbar > .option > .btn:focus, .panel.panel-default .panel-toolbar > .option > .btn:hover {
    color: #5e5e5e;
}

.panel .panel-toolbar > .option > .btn .arrow, .panel .panel-toolbar > .option > .btn .reload, .panel .panel-toolbar > .option > .btn .remove {
    display: block;
    font-family: iconfont;
    font-size: 12px;
    width: 12px;
    text-align: center;
    font-style: normal;
}

.panel .panel-toolbar > .option > .btn.up > .arrow:before {
    content: "\e670";
}

.panel .panel-toolbar > .option > .btn > .arrow:before {
    content: "\e671";
}

.panel .panel-toolbar > .option > .btn > .reload:before {
    content: "\e61d";
    font-size: 13px;
}

.panel .panel-toolbar > .option > .btn > .remove:before {
    content: "\e36c";
}

.panel .panel-toolbar > .form-horizontal .form-group {
    margin: 0;
}

.panel .panel-toolbar > .form-horizontal .has-feedback .form-control-feedback {
    right: 0;
}

.panel .panel-toolbar > .nav-tabs {
    border-bottom: 0;
    margin-bottom: -4px;
    background-color: transparent;
}

.panel .panel-toolbar > .nav-tabs > li > a {
    padding: 8px 15px;
    line-height: 20px;
    border: 1px solid transparent;
    border-radius: 3px 3px 0 0;
    color: #f3f3f3;
}

.panel .panel-toolbar > .nav-tabs > li.active > a, .panel .panel-toolbar > .nav-tabs > li.active > a:active, .panel .panel-toolbar > .nav-tabs > li.active > a:focus, .panel .panel-toolbar > .nav-tabs > li.active > a:hover {
    border-color: #cfd9db;
    border-bottom-color: transparent;
    background-color: #fff;
    color: #000;
}

.panel .panel-toolbar > .nav-tabs > li.active > a:before {
    display: none;
}

.panel-default .panel-toolbar > .nav-tabs > li.open > a, .panel-default .panel-toolbar > .nav-tabs > li > a:hover {
    color: #777;
}

.panel .panel-toolbar-wrapper > .panel-toolbar > .nav-tabs > li > a, .panel-default .panel-toolbar > .nav-tabs > li > a {
    color: #000;
}

.panel .panel-toolbar-wrapper > .panel-toolbar > .nav-tabs > li.active > a, .panel .panel-toolbar-wrapper > .panel-toolbar > .nav-tabs > li.active > a:active, .panel .panel-toolbar-wrapper > .panel-toolbar > .nav-tabs > li.active > a:focus, .panel .panel-toolbar-wrapper > .panel-toolbar > .nav-tabs > li.active > a:hover, .panel .panel-toolbar-wrapper > .panel-toolbar > .nav-tabs > li.open > a, .panel .panel-toolbar-wrapper > .panel-toolbar > .nav-tabs > li > a:hover {
    color: #777;
}

.panel-body {
    position: relative;
}

.panel-body:last-child {
    border-bottom: 0;
}

.panel-body.no-contextual {
    background-color: inherit !important;
    color: inherit !important;
}

.panel .panel-body + .table-responsive {
    border-top: 1px solid #cfd9db;
}

.panel > .panel-body + .table, .panel > .panel-body + .table-responsive {
    border-color: #cfd9db;
}

.panel-body > .indicator {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.panel .viewport:after {
    pointer-events: none;
    position: absolute;
    content: "";
    z-index: 10;
    left: 0;
    right: 0;
    top: 0;
    height: 40px;
    background-image: -webkit-linear-gradient(top, #fff 0, #fff 15%, rgba(255, 255, 255, 0) 100%);
    background-image: -moz-linear-gradient(top, #fff 0, #fff 15%, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(top, #fff 0, #fff 15%, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(to bottom, #fff 0, #fff 15%, rgba(255, 255, 255, 0) 100%);
}

.panel .viewport:before {
    pointer-events: none;
    position: absolute;
    content: "";
    z-index: 10;
    left: 0;
    right: 0;
    bottom: 0;
    height: 40px;
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 85%, #fff 100%);
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 85%, #fff 100%);
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 85%, #fff 100%);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 85%, #fff 100%);
}

.touch .panel-body.slimscroll {
    overflow-x: hidden;
    overflow-y: scroll;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
}

.panel-footer {
    overflow: auto;
    background-color: #f8f8f8;
    border-top: 1px solid #cfd9db;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.panel-body .panel-footer {
    margin: 15px -15px -15px -15px;
}

.panel-footer + .panel-body {
    border-top: 1px solid #cfd9db;
}

.panel-group .panel {
    border-radius: 4px;
}

.panel-group.panel-group-compact .panel, .panel-group.panel-group-compact .panel .panel-heading {
    border-bottom: none;
    border-radius: 0;
}

.panel-group.panel-group-compact .panel:first-child, .panel-group.panel-group-compact .panel:first-child .panel-heading {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.panel-group.panel-group-compact .panel:last-child {
    border-bottom: 1px solid #cfd9db;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.panel-group.panel-group-compact .panel + .panel {
    margin: 0;
}

.panel-group .panel-title > a > .arrow, .panel-group .panel-title > a > .plus {
    text-align: left;
    font-family: iconfont;
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    width: 12px;
}

.panel-group .panel-title > a > .arrow:before {
    content: "\e670";
}

.panel-group .panel-title > a.collapsed > .arrow:before {
    content: "\e671";
}

.panel-group .panel-title > a > .plus:before {
    content: "\e662";
}

.panel-group .panel-title > a.collapsed > .plus:before {
    content: "\e661";
}

.panel-default > .panel-heading {
    color: #444;
    background-color: #f6f6f6;
    border-color: #cfd9db;
}

.panel-primary > .panel-heading {
    color: #fff;
    background-color: #00b1e1;
    border-color: #00a5d2;
}

.panel-primary > .panel-heading + .panel-collapse .panel-body {
    border-top-color: #009dc8;
}

.panel-success > .panel-heading {
    color: #fff;
    background-color: #91c854;
    border-color: #85c241;
}

.panel-info > .panel-heading {
    color: #fff;
    background-color: #63d3e9;
    border-color: #48cbe5;
}

.panel-warning > .panel-heading {
    color: #fff;
    background-color: #ffd66a;
    border-color: #ffce4b;
}

.panel-danger > .panel-heading {
    color: #fff;
    background-color: #ed5466;
    border-color: #ea384d;
}

.panel-inverse > .panel-heading {
    color: #fff;
    background-color: #2a2a2a;
    border-color: #1b1b1b;
}

.panel-teal > .panel-heading {
    color: #fff;
    background-color: #6bccb4;
    border-color: #58c5aa;
}

.panel.panel-minimal {
    border-width: 0;
    border-radius: 0;
    background-color: transparent;
}

.panel.panel-minimal > .panel-heading {
    border-width: 0;
    background-color: transparent !important;
}

.panel.panel-minimal > .panel-toolbar-wrapper {
    background-color: transparent;
    border-color: transparent;
}

.panel.panel-minimal .panel-footer {
    background-color: transparent;
    border-width: 0;
}

.table-layout > [class*=" col-"].panel-minimal:first-child + [class*=" col-"].panel, .table-layout > [class^=col-].panel-minimal:first-child + [class^=col-].panel {
    border-left-width: 1px;
}

.table-layout > [class*=" col-"].panel-minimal:first-child + [class*=" col-"].panel.panel-minimal, .table-layout > [class^=col-].panel-minimal:first-child + [class^=col-].panel.panel-minimal {
    border-left-width: 0;
}

.table-layout > [class*=" col-xs"].panel, .table-layout > [class^=col-xs].panel {
    border-radius: 0;
}

.table-layout > [class*=" col-xs"].panel + [class*=" col-xs"].panel, .table-layout > [class^=col-xs].panel + [class^=col-xs].panel {
    border-left-width: 0;
}

.table-layout > [class*=" col-xs"].panel:first-child, .table-layout > [class^=col-xs].panel:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.table-layout > [class*=" col-xs"].panel:last-child, .table-layout > [class^=col-xs].panel:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

@media (min-width: 768px) {
    .table-layout > [class*=" col-sm"].panel, .table-layout > [class^=col-sm].panel {
        border-radius: 0;
    }

    .table-layout > [class*=" col-sm"].panel + [class*=" col-sm"].panel, .table-layout > [class^=col-sm].panel + [class^=col-sm].panel {
        border-left-width: 0;
    }

    .table-layout > [class*=" col-sm"].panel:first-child, .table-layout > [class^=col-sm].panel:first-child {
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
    }

    .table-layout > [class*=" col-sm"].panel:last-child, .table-layout > [class^=col-sm].panel:last-child {
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
    }
}

@media (min-width: 992px) {
    .table-layout > [class*=" col-md"].panel, .table-layout > [class^=col-md].panel {
        border-radius: 0;
    }

    .table-layout > [class*=" col-md"].panel + [class*=" col-md"].panel, .table-layout > [class^=col-md].panel + [class^=col-md].panel {
        border-left-width: 0;
    }

    .table-layout > [class*=" col-md"].panel:first-child, .table-layout > [class^=col-md].panel:first-child {
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
    }

    .table-layout > [class*=" col-md"].panel:last-child, .table-layout > [class^=col-md].panel:last-child {
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
    }
}

@media (min-width: 1200px) {
    .table-layout > [class*=" col-lg"].panel, .table-layout > [class^=col-lg].panel {
        border-radius: 0;
    }

    .table-layout > [class*=" col-lg"].panel + [class*=" col-lg"].panel, .table-layout > [class^=col-lg].panel + [class^=col-lg].panel {
        border-left-width: 0;
    }

    .table-layout > [class*=" col-lg"].panel:first-child, .table-layout > [class^=col-lg].panel:first-child {
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
    }

    .table-layout > [class*=" col-lg"].panel:last-child, .table-layout > [class^=col-lg].panel:last-child {
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
    }
}

.panel .panel-figure > .thumbnail, .panel > .thumbnail {
    border-radius: 0;
    border-width: 0;
    margin: 0;
}

.panel .panel-figure > .thumbnail > .media > .overlay, .panel .panel-figure > .thumbnail > .media > img, .panel > .thumbnail > .media > .overlay, .panel > .thumbnail > .media > img {
    border-radius: 0;
}

.panel .panel-figure > .thumbnaill > .caption, .panel .panel-figure > .thumbnaill > .meta, .panel > .thumbnail > .caption, .panel > .thumbnail > .meta {
    padding: 9px 15px;
}

.page-header {
    padding-bottom: 15px;
    margin: 0 0 15px;
    border-bottom: 1px solid #cfd9db;
    overflow: visible;
}

.page-header.no-border {
    border-bottom-width: 0;
}

.page-header .title {
    margin: 0;
    color: #5e5e5e;
    font-size: 18px;
    line-height: 34px;
}

.page-header > [class*=" col-"], .page-header > [class^=col-] {
    padding-left: 0;
    padding-right: 0;
}

.page-header > .page-header-section + .page-header-section {
    margin-top: 10px;
}

.page-header .toolbar {
    text-align: left;
    margin-bottom: 5px;
}

.page-header .toolbar [class*=" col-"], .page-header .toolbar [class^=col-] {
    padding-left: 0;
    padding-right: 0;
}

.page-header .toolbar .toolbar-label {
    display: block;
    text-align: left;
}

.page-header.page-header-block {
    width: auto;
    padding: 14px 15px 16px;
    background-color: #fbfcfc;
    border-bottom-color: #dae2e4;
}

.container-fluid .page-header.page-header-block {
    margin: -15px -15px 15px -15px;
}

.page-header.page-header-block .title {
    margin: 0;
}

.page-header.page-header-block > [class*=" col-"], .page-header.page-header-block > [class^=col-] {
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 768px) {
    .page-header > .page-header-section {
        display: table-cell;
        width: 1%;
        vertical-align: middle;
        margin-top: 0;
    }

    .page-header .toolbar {
        text-align: right;
        margin-bottom: 0;
    }

    .page-header .toolbar .toolbar-label {
        display: inline-block;
        vertical-align: middle;
        line-height: 34px;
    }
}

hr {
    border-color: #cfd9db;
}

.jumbotron {
    position: relative;
    font-size: 18px;
    padding: 0;
    background-color: transparent;
    height: 300px;
    overflow: hidden;
}

.jumbotron:first-child, .jumbotron > .media {
    margin: 0;
}

.jumbotron > .media img {
    position: absolute;
    z-index: 2;
    top: 50%;
    margin-top: -300px;
    left: 50%;
    margin-left: -640px;
    width: 1280px;
    height: 600px;
}

.jumbotron > .media img[data-toggle=unveil] {
    opacity: 0;
    -webkit-transition: opacity .2s ease;
    -moz-transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
    transition: opacity .2s ease;
}

.jumbotron > .media img[data-toggle=unveil].unveiled {
    opacity: 1;
}

.jumbotron > .info {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    right: 0;
    padding: 15px;
    background-color: rgba(0, 0, 0, .6);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
    color: #fff;
}

.jumbotron > .info.bottom {
    top: auto;
    bottom: 0;
}

.jumbotron > .info p {
    font-size: 13px;
}

.jumbotron > .indicator {
    display: block;
    z-index: 1;
}

.list-group-header {
    font-weight: 600;
    padding: 10px 15px;
    color: #777;
    font-size: 14px;
}

.list-group-item {
    border: 1px solid #cfd9db;
}

a.list-group-item.active, a.list-group-item.active:focus, a.list-group-item.active:hover {
    background-color: #00b1e1;
    border-color: #00a5d2;
}

a.list-group-item:focus, a.list-group-item:hover {
    background-color: #f7f7f7;
    color: #777;
}

.list-table {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin: 0;
    padding: 0;
}

.list-table > li {
    display: table-cell;
    table-layout: fixed;
    vertical-align: middle;
    width: auto;
    padding: 0 5px;
}

.list-table > li:first-child {
    padding-left: 0;
}

.list-table > li:last-child {
    padding-right: 0;
}

.list-group-tabs > .list-group-item {
    padding: 0;
}

.list-group-tabs > .list-group-item:first-child > a {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

.list-group-tabs > .list-group-item:last-child > a {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.list-group-tabs > .list-group-item > a {
    display: block;
    padding: 10px 15px;
    color: #919191;
    font-weight: normal;
}

.list-group-tabs > .list-group-item > a:focus, .list-group-tabs > .list-group-item > a:hover {
    background-color: #f7f7f7;
    color: #777;
}

.list-group-tabs > .list-group-item.active > a {
    background-color: #f7f7f7;
    color: #6a6a6a;
}

.media-list > .media {
    position: relative;
    padding: 8px 15px;
}

.media-list > .media + .media {
    margin-top: 0;
}

.media-list > a.media {
    display: block;
}

.media-list > a.media:active {
    background-color: #eee;
}

.media-list > a.media:focus, .media-list > a.media:hover {
    background-color: rgba(238, 238, 238, .15);
    outline: 0;
}

.media-list > .media:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 75px;
    right: 0;
    height: 1px;
    border-bottom: 1px solid #dde4e6;
}

.media-list > .media:last-child:after {
    border-bottom-width: 0;
}

.media-list > .media.border-dotted:after {
    border-bottom-style: dotted;
}

.media-list > .media.no-border:after {
    border-bottom-width: 0;
}

.media-list > .media > .media-body > .media-heading {
    display: block;
    font-weight: 600;
    color: #00b6ad;
    margin-bottom: 0;
}

.media-list > .media > .media-body > .media-text {
    display: block;
    color: #444;
    margin: 0;
}

.media-list > .media > .media-body > .media-meta {
    font-size: 11px;
    margin: 0;
}

.media-list > .media > .media-body > p.media-meta, .media-list > .media > .media-body > small.media-meta, .media-list > .media > .media-body > span.media-meta {
    color: #777;
}

.media-list > .media > .media-body > span.media-meta + span.media-meta {
    margin-left: 3px;
}

.media-list > .media.read > .media-body > .media-heading, .media-list > .media.read > .media-body > .media-text, .media-list > .media.read > .media-body > p.media-meta, .media-list > .media.read > .media-body > small.media-meta, .media-list > .media.read > .media-body > span.media-meta {
    color: #aaa;
}

.media-list > .media .media-object {
    width: 50px;
    height: 50px;
    text-align: center;
}

.media-list > .media .media-object > img {
    max-width: 100%;
}

.media-list > .media .media-object > [class*=" ico-"], .media-list > .media .media-object > [class^=ico-] {
    display: block;
    width: 34px;
    height: 34px;
    margin: 0 auto;
    line-height: 33px;
    text-align: center;
    background-color: #ecf0f1;
    color: #b1c2c6;
    border-radius: 50%;
}

.media-list-feed > .media {
    z-index: 1;
    overflow: visible;
}

.media-list-feed > .media + .media {
    margin-top: 10px;
}

.media-list-feed > .media:after {
    content: "";
    position: absolute;
    z-index: -1;
    bottom: -50%;
    top: -50%;
    left: 32px;
    right: auto;
    width: 1px;
    height: auto;
    border-bottom-width: 0;
    background-color: #dde4e6;
}

.media-list-feed > .media:first-child:after {
    top: 20%;
}

.media-list-feed > .media:last-child:after {
    background-color: transparent;
    bottom: 0;
}

.media-list-feed > .media > .media-body > .media-heading {
    margin-top: 7px;
    margin-bottom: 5px;
}

.media-list-feed > .media > .media-body > .media-text {
    margin-bottom: 5px;
}

.media-list-feed > .media .media-object {
    width: 34px;
    height: 34px;
}

.media-list-contact > a.media:active, .media-list-contact > a.media:focus, .media-list-contact > a.media:hover {
    background-color: transparent;
}

.media-list-contact > .media:after {
    left: 65px;
}

.media-list-contact > .media .media-object {
    width: 40px;
    height: 40px;
}

.media-list-bubble > .media {
    padding: 15px;
}

.media-list-bubble > a.media:active, .media-list-bubble > a.media:focus, .media-list-bubble > a.media:hover {
    background-color: transparent;
}

.media-list-bubble > .media:after {
    display: none;
}

.media-list-bubble > .media .media-object {
    position: relative;
    float: left;
    margin-right: 15px;
}

.media-list-bubble > .media-right .media-object {
    float: right;
    margin-left: 15px;
}

.media-list-bubble > .media .media-object:after {
    content: "";
    position: absolute;
    top: 8px;
    right: -18px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    border-color: transparent #f3f3f3 transparent transparent;
}

.media-list-bubble > .media-right .media-object:after {
    left: -18px;
    right: auto;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #00b1e1;
}

.media-list-bubble > .media-right > .media-body {
    text-align: right;
}

.media-list-bubble > .media > .media-body > .media-text {
    padding: 8px;
    background-color: #f3f3f3;
    border-radius: 6px;
    float: left;
    clear: both;
}

.media-list-bubble > .media-right > .media-body > .media-text {
    float: right;
    color: #f2f2f2;
    background-color: #00b1e1;
}

.media-list-bubble > .media > .media-body > .media-text + .media-text {
    margin-top: 5px;
}

.media-list-bubble > .media > .media-body > p.media-meta, .media-list-bubble > .media > .media-body > small.media-meta, .media-list-bubble > .media > .media-body > span.media-meta {
    color: #bbb;
    padding: 0 3px;
    margin-top: 5px;
}

.chart {
    height: 200px;
}

#flotTip {
    font-size: 12px !important;
    font-weight: 600;
    position: relative;
    z-index: 5;
    padding: 4px 5px;
    border-radius: 3px !important;
    border-color: transparent !important;
    background-color: #444 !important;
    color: #eee;
}

.chart > .legend > table tr td {
    padding: 3px;
}

.chart > .legend > table tr td:first-child {
    padding-left: 5px;
}

.chart > .legend > table tr td:last-child {
    padding-right: 5px;
}

.chart > .legend > table tr + tr td {
    padding-top: 0;
}

.chart > .legend > div:first-child {
    background-color: transparent !important;
}

.chart > .legend .legendColorBox > div {
    border-color: rgba(0, 0, 0, .1) !important;
}

.chart > .legend .legendColorBox > div, .chart > .legend .legendColorBox > div > div {
    border-radius: 50%;
}

.bgcolor-danger .chart .flot-text .tickLabel, .bgcolor-info .chart .flot-text .tickLabel, .bgcolor-inverse .chart .flot-text .tickLabel, .bgcolor-primary .chart .flot-text .tickLabel, .bgcolor-success .chart .flot-text .tickLabel, .bgcolor-teal .chart .flot-text .tickLabel, .bgcolor-warning .chart .flot-text .tickLabel, .panel-danger .chart .flot-text .tickLabel, .panel-info .chart .flot-text .tickLabel, .panel-inverse .chart .flot-text .tickLabel, .panel-primary .chart .flot-text .tickLabel, .panel-success .chart .flot-text .tickLabel, .panel-teal .chart .flot-text .tickLabel, .panel-warning .chart .flot-text .tickLabel {
    color: #fff !important;
}

.jqstooltip {
    width: 40px;
    height: 25px !important;
}

.bgcolor-white {
    background-color: rgba(255, 255, 255, .98) !important;
    color: #444 !important;
    border-color: #cfd9db !important;
}

.bgcolor-default {
    background-color: #f6f6f6 !important;
    color: #444 !important;
    border-color: #cfd9db !important;
}

.bgcolor-primary {
    background-color: #00b1e1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, .99) !important;
    border-color: #00a5d2 !important;
}

.bgcolor-info {
    background-color: #63d3e9 !important;
    color: #fff !important;
    border-color: #4dcde6 !important;
}

.bgcolor-success {
    background-color: #91c854 !important;
    color: #fff !important;
    border-color: #87c345 !important;
}

.bgcolor-warning {
    background-color: #ffd66a !important;
    color: #fff !important;
    border-color: #ffd056 !important;
}

.bgcolor-danger {
    background-color: #ed5466 !important;
    color: #fff !important;
    border-color: #eb4255 !important;
}

.bgcolor-inverse {
    background-color: #2a2a2a !important;
    color: #fff !important;
    border-color: #202020 !important;
}

.bgcolor-teal {
    background-color: #6bccb4 !important;
    color: #fff !important;
    border-color: #5cc7ac !important;
}

.totop {
    position: fixed;
    z-index: 998;
    bottom: 10px;
    right: 10px;
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    background-color: rgba(0, 182, 173, .8);
    color: rgba(255, 255, 255, .8);
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .1);
    font-size: 16px;
}

.totop.pull-left {
    right: auto;
    left: 10px;
}

.totop:active, .totop:focus, .totop:hover {
    color: rgba(255, 255, 255, .9);
    background-color: rgba(0, 182, 173, .9);
    outline: 0;
}

.sidebar-open-ltr .totop, .sidebar-open-rtl .totop {
    opacity: 0;
}

.scrollrail {
    opacity: 1 !important;
    background-color: rgba(0, 0, 0, .05) !important;
    border: 0 !important;
    border-radius: 0 !important;
}

.scrollbar {
    opacity: 1 !important;
    background-color: rgba(0, 0, 0, .3) !important;
    border: 0 !important;
    border-radius: 2px !important;
}

#nprogress {
    position: absolute;
    z-index: 9999;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, .01);
}

#nprogress .bar {
    background: #ed5466;
    position: fixed;
    z-index: 9998;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
}

#nprogress .peg {
    display: block;
    position: absolute;
    right: 0;
    width: 100px;
    height: 100%;
    box-shadow: 0 0 10px #ed5466, 0 0 5px #ed5466;
    opacity: 1;
    -webkit-transform: rotate(3deg) translate(0px, -4px);
    -ms-transform: rotate(3deg) translate(0px, -4px);
    transform: rotate(3deg) translate(0px, -4px);
}

@-webkit-keyframes nprogress-spinner {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes nprogress-spinner {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.timeline {
    overflow: hidden;
    height: auto;
    position: relative;
    padding: 0;
    list-style-type: none;
}

.timeline:after {
    position: absolute;
    width: 2px;
    left: 50%;
    margin-left: -2px;
    top: 0;
    bottom: 0;
    content: "";
    background-color: #dde4e6;
}

.timeline .header {
    position: relative;
    z-index: 10;
    clear: both;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto;
    background-color: #ecf0f1;
}

.timeline .header.year {
    background: #dde4e6;
    font-size: 14px;
    font-weight: 600;
    max-width: 120px;
    padding-top: 2px;
    padding-bottom: 2px;
    color: #aaa;
    border-radius: 3px;
    text-align: center;
}

.timeline .events {
    padding-left: 0;
    overflow: auto;
}

.timeline .events > .wrapper {
    list-style: none;
    width: 45%;
    clear: both;
}

.timeline .events > .wrapper.featured {
    float: none !important;
    clear: both !important;
    margin-top: 80px !important;
    margin-left: auto;
    margin-right: auto;
}

.timeline .events > .wrapper.featured > .panel:after, .timeline .events > .wrapper.featured > .panel:before {
    display: none;
}

.timeline .events > .wrapper.featured > .figure {
    margin-top: -54px;
    width: 44px;
    height: 44px;
    line-height: 44px;
    margin-left: -24px;
    font-size: 16px;
}

.timeline .events > .wrapper:nth-of-type(odd) {
    float: left;
    clear: left;
}

.timeline .events > .wrapper:nth-of-type(odd) > .panel {
    z-index: 5;
}

.timeline .events > .wrapper:nth-of-type(odd) > .panel:after, .timeline .events > .wrapper:nth-of-type(odd) > .panel:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
}

.timeline .events > .wrapper:nth-of-type(odd) > .panel:after {
    right: -10px;
    top: 10px;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #fff;
}

.timeline .events > .wrapper:nth-of-type(odd) > .panel:before {
    right: -11px;
    top: 10px;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #cfd9db;
}

.timeline .events > .wrapper:nth-of-type(odd) > .panel.panel-default:after {
    border-color: transparent transparent transparent #f6f6f6;
}

.timeline .events > .wrapper:nth-of-type(odd) > .panel.panel-default:before {
    border-color: transparent transparent transparent #cfd9db;
}

.timeline .events > .wrapper:nth-of-type(odd) > .panel.panel-primary:after {
    border-color: transparent transparent transparent #00b1e1;
}

.timeline .events > .wrapper:nth-of-type(odd) > .panel.panel-primary:before {
    border-color: transparent transparent transparent #00a5d2;
}

.timeline .events > .wrapper:nth-of-type(odd) > .panel.panel-success:after {
    border-color: transparent transparent transparent #91c854;
}

.timeline .events > .wrapper:nth-of-type(odd) > .panel.panel-success:before {
    border-color: transparent transparent transparent #85c241;
}

.timeline .events > .wrapper:nth-of-type(odd) > .panel.panel-info:after {
    border-color: transparent transparent transparent #63d3e9;
}

.timeline .events > .wrapper:nth-of-type(odd) > .panel.panel-info:before {
    border-color: transparent transparent transparent #48cbe5;
}

.timeline .events > .wrapper:nth-of-type(odd) > .panel.panel-warning:after {
    border-color: transparent transparent transparent #ffd66a;
}

.timeline .events > .wrapper:nth-of-type(odd) > .panel.panel-warning:before {
    border-color: transparent transparent transparent #ffce4b;
}

.timeline .events > .wrapper:nth-of-type(odd) > .panel.panel-danger:after {
    border-color: transparent transparent transparent #ed5466;
}

.timeline .events > .wrapper:nth-of-type(odd) > .panel.panel-danger:before {
    border-color: transparent transparent transparent #ea384d;
}

.timeline .events > .wrapper:nth-of-type(odd) > .panel.panel-inverse:after {
    border-color: transparent transparent transparent #2a2a2a;
}

.timeline .events > .wrapper:nth-of-type(odd) > .panel.panel-inverse:before {
    border-color: transparent transparent transparent #1b1b1b;
}

.timeline .events > .wrapper:nth-of-type(odd) > .panel.panel-teal:after {
    border-color: transparent transparent transparent #6bccb4;
}

.timeline .events > .wrapper:nth-of-type(odd) > .panel.panel-teal:before {
    border-color: transparent transparent transparent #58c5aa;
}

.timeline .events > .wrapper:nth-of-type(even) {
    float: right;
    clear: right;
    margin-top: 44px;
}

.timeline .events > .wrapper:nth-of-type(even) > .panel {
    z-index: 5;
}

.timeline .events > .wrapper:nth-of-type(even) > .panel:after, .timeline .events > .wrapper:nth-of-type(even) > .panel:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
}

.timeline .events > .wrapper:nth-of-type(even) > .panel:after {
    left: -10px;
    top: 10px;
    border-width: 10px 10px 10px 0;
    border-color: transparent #fff transparent transparent;
}

.timeline .events > .wrapper:nth-of-type(even) > .panel:before {
    left: -11px;
    top: 10px;
    border-width: 10px 10px 10px 0;
    border-color: transparent #cfd9db transparent transparent;
}

.timeline .events > .wrapper:nth-of-type(even) > .panel.panel-default:after {
    border-color: transparent #f6f6f6 transparent transparent;
}

.timeline .events > .wrapper:nth-of-type(even) > .panel.panel-default:before {
    border-color: transparent #cfd9db transparent transparent;
}

.timeline .events > .wrapper:nth-of-type(even) > .panel.panel-primary:after {
    border-color: transparent #00b1e1 transparent transparent;
}

.timeline .events > .wrapper:nth-of-type(even) > .panel.panel-primary:before {
    border-color: transparent #00a5d2 transparent transparent;
}

.timeline .events > .wrapper:nth-of-type(even) > .panel.panel-success:after {
    border-color: transparent #91c854 transparent transparent;
}

.timeline .events > .wrapper:nth-of-type(even) > .panel.panel-success:before {
    border-color: transparent #85c241 transparent transparent;
}

.timeline .events > .wrapper:nth-of-type(even) > .panel.panel-info:after {
    border-color: transparent #63d3e9 transparent transparent;
}

.timeline .events > .wrapper:nth-of-type(even) > .panel.panel-info:before {
    border-color: transparent #48cbe5 transparent transparent;
}

.timeline .events > .wrapper:nth-of-type(even) > .panel.panel-warning:after {
    border-color: transparent #ffd66a transparent transparent;
}

.timeline .events > .wrapper:nth-of-type(even) > .panel.panel-warning:before {
    border-color: transparent #ffce4b transparent transparent;
}

.timeline .events > .wrapper:nth-of-type(even) > .panel.panel-danger:after {
    border-color: transparent #ed5466 transparent transparent;
}

.timeline .events > .wrapper:nth-of-type(even) > .panel.panel-danger:before {
    border-color: transparent #ea384d transparent transparent;
}

.timeline .events > .wrapper:nth-of-type(even) > .panel.panel-inverse:after {
    border-color: transparent #2a2a2a transparent transparent;
}

.timeline .events > .wrapper:nth-of-type(even) > .panel.panel-inverse:before {
    border-color: transparent #1b1b1b transparent transparent;
}

.timeline .events > .wrapper:nth-of-type(even) > .panel.panel-teal:after {
    border-color: transparent #6bccb4 transparent transparent;
}

.timeline .events > .wrapper:nth-of-type(even) > .panel.panel-teal:before {
    border-color: transparent #58c5aa transparent transparent;
}

.timeline .events > .wrapper > .figure {
    position: absolute;
    z-index: 5;
    left: 50%;
    margin-top: 5px;
    margin-left: -18px;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    border-radius: 50%;
    color: #b1c2c6;
    background-color: #ecf0f1;
    -webkit-box-shadow: 0 0 0 3px #ecf0f1;
    box-shadow: 0 0 0 3px #ecf0f1;
}

.timeline .events > .wrapper > .figure > img {
    width: 100%;
}

@media (max-width: 767px) {
    .timeline .events {
        padding-left: 0;
    }

    .timeline .events > .wrapper {
        width: auto;
    }

    .timeline .events > .wrapper:nth-of-type(even), .timeline .events > .wrapper:nth-of-type(odd) {
        float: none;
        clear: both;
        margin-top: 48px;
    }

    .timeline .events > .wrapper:nth-of-type(even) > .panel:after, .timeline .events > .wrapper:nth-of-type(even) > .panel:before, .timeline .events > .wrapper:nth-of-type(odd) > .panel:after, .timeline .events > .wrapper:nth-of-type(odd) > .panel:before {
        display: none;
    }

    .timeline .events > .wrapper > .figure {
        margin-top: -41px;
    }
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix:after, .ui-helper-clearfix:before {
    content: "";
    display: table;
    border-collapse: collapse;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-clearfix {
    min-height: 0;
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0);
}

.ui-front {
    z-index: 100;
}

.ui-state-disabled {
    cursor: default !important;
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.ui-sortable {
    min-height: 40px;
    height: auto;
}

.ui-sortable-placeholder {
    visibility: visible !important;
    margin: 0;
    border-radius: 3px;
    background-color: #f8f8f8;
    border: 1px dashed #ccc;
    border-bottom-width: 1px !important;
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin-top: 2px;
    padding: .5em .5em .5em .7em;
    min-height: 0;
}

.ui-accordion .ui-accordion-icons {
    padding-left: 2.2em;
}

.ui-accordion .ui-accordion-noicons {
    padding-left: .7em;
}

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
    padding-left: 2.2em;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px;
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto;
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
}

.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    overflow: visible;
}

.ui-button, .ui-button:active, .ui-button:hover, .ui-button:link, .ui-button:visited {
    text-decoration: none;
}

.ui-button-icon-only {
    width: 2.2em;
}

button.ui-button-icon-only {
    width: 2.4em;
}

.ui-button-icons-only {
    width: 3.4em;
}

button.ui-button-icons-only {
    width: 3.7em;
}

.ui-button .ui-button-text {
    display: block;
    line-height: normal;
}

.ui-button-text-only .ui-button-text {
    padding: .4em 1em;
}

.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px;
}

.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em;
}

.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text {
    padding: .4em 2.1em .4em 1em;
}

.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em;
}

input.ui-button {
    padding: .4em 1em;
}

.ui-button-icon-only .ui-icon, .ui-button-icons-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px;
}

.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px;
}

.ui-button-icons-only .ui-button-icon-primary, .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary {
    left: .5em;
}

.ui-button-icons-only .ui-button-icon-secondary, .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary {
    right: .5em;
}

.ui-buttonset {
    margin-right: 7px;
}

.ui-buttonset .ui-button {
    margin-left: 0;
    margin-right: -.3em;
}

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

.ui-datepicker {
    width: 17em;
    padding: 0;
    display: none;
    border-color: #cfd9db !important;
    background-color: rgba(255, 255, 255, .98) !important;
    background-image: none !important;
    overflow: hidden;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .08);
}

.hasDatepicker > .ui-datepicker-inline {
    margin: 0 auto;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: 8px 0;
    background-image: none;
    background-color: #f6f6f6 !important;
    border-radius: 0;
    border-width: 0;
    border-bottom: 1px solid #cfd9db;
}

.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev {
    position: absolute;
    top: 7px;
    width: 1.8em;
    height: 1.8em;
    color: #9d9d9d;
    text-align: center;
    cursor: pointer;
}

.ui-datepicker .ui-datepicker-next:after, .ui-datepicker .ui-datepicker-prev:after {
    font-family: iconfont;
    font-size: 18px;
    font-weight: 400;
    position: absolute;
    top: 1px;
    left: 0;
    right: 0;
}

.ui-datepicker .ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-prev-hover {
    background-image: none !important;
    background-color: transparent !important;
    border-width: 0 !important;
    color: #848484 !important;
    top: 7px;
}

.ui-datepicker .ui-datepicker-prev {
    left: 4px;
}

.ui-datepicker .ui-datepicker-prev:after {
    content: "\e6e8";
}

.ui-datepicker .ui-datepicker-next {
    right: 4px;
}

.ui-datepicker .ui-datepicker-next:after {
    content: "\e6e9";
}

.ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev span {
    display: none;
}

.ui-datepicker .ui-datepicker-title {
    color: #6a6a6a;
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 12px;
    font-weight: 400;
    margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month-year {
    width: 100%;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 49%;
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0;
}

.ui-datepicker table > thead {
    background-color: #fbfbfb;
    border-bottom: 1px solid #cfd9db;
}

.ui-datepicker th {
    color: #777;
    padding: .7em .3em;
    text-align: center;
    font-weight: 700;
    border: 0;
}

.ui-datepicker td {
    border: 0;
    padding: 2px;
    text-align: center;
}

.ui-datepicker td a, .ui-datepicker td span {
    display: table-cell;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    padding: 0;
    text-align: center;
    text-decoration: none;
    background-image: none !important;
    background-color: transparent !important;
    border-width: 0 !important;
    border-radius: 50%;
}

.ui-datepicker td a.ui-state-highlight, .ui-datepicker td span.ui-state-highlight {
    background-color: #eee !important;
}

.ui-datepicker td a.ui-state-active, .ui-datepicker td span.ui-state-active {
    background-color: #00b6ad !important;
    color: #fff;
    font-weight: 600;
}

.ui-datepicker td a.ui-priority-secondary, .ui-datepicker td span.ui-priority-secondary {
    color: #e6e6e6;
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    border-color: #cfd9db;
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: 5px 10px;
    width: auto;
    overflow: visible;
    font-size: 12px;
    font-weight: 400;
    color: #5e5e5e;
    background-color: #eee;
    background-image: none !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
    border: 1px solid #e4e4e4;
    outline: 0;
    opacity: 1 !important;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover {
    color: #444;
    background-color: #e9e9e9;
    border: 1px solid #dfdfdf;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close {
    color: #fff;
    background-color: #00b1e1;
    border: 1px solid #00a5d2;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .1);
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close.ui-state-hover {
    background-color: #00a5d2;
    border: 1px solid #0099c2;
}

.ui-datepicker .ui-datepicker-buttonpane button:active {
    -webkit-box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, .1);
    box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, .1);
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
}

.ui-datepicker.ui-datepicker-multi {
    width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
    border-right: 1px solid #cfd9db;
}

.ui-datepicker-multi .ui-datepicker-group.ui-datepicker-group-last {
    border-right-width: 0;
}

.ui-datepicker-multi .ui-datepicker-group table {
    margin: 0;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}

.ui-datepicker-rtl {
    direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
    float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}

.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0;
}

.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative;
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 21px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px;
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: 0;
    overflow: auto;
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0;
    background-image: none;
    margin-top: .5em;
    padding: .3em 1em .5em .4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer;
}

.ui-dialog .ui-resizable-se {
    width: 12px;
    height: 12px;
    right: -5px;
    bottom: -5px;
    background-position: 16px 16px;
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}

.ui-menu {
    list-style: none;
    padding: 2px;
    margin: 0;
    display: block;
    outline: 0;
}

.ui-menu .ui-menu {
    margin-top: -3px;
    position: absolute;
}

.ui-menu .ui-menu-item {
    margin: 0;
    padding: 0;
    width: 100%;
    list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}

.ui-menu .ui-menu-divider {
    margin: 5px -2px 5px -2px;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0;
}

.ui-menu .ui-menu-item a {
    text-decoration: none;
    display: block;
    padding: 2px .4em;
    line-height: 1.5;
    min-height: 0;
    font-weight: 400;
}

.ui-menu .ui-menu-item a.ui-state-active, .ui-menu .ui-menu-item a.ui-state-focus {
    font-weight: 400;
    margin: -1px;
}

.ui-menu .ui-state-disabled {
    font-weight: 400;
    margin: .4em 0 .2em;
    line-height: 1.5;
}

.ui-menu .ui-state-disabled a {
    cursor: default;
}

.ui-menu-icons {
    position: relative;
}

.ui-menu-icons .ui-menu-item a {
    position: relative;
    padding-left: 2em;
}

.ui-menu .ui-icon {
    position: absolute;
    top: .2em;
    left: .2em;
}

.ui-menu .ui-menu-icon {
    position: static;
    float: right;
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden;
}

.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%;
}

.ui-progressbar .ui-progressbar-overlay {
    background: url(images/animated-overlay.gif);
    height: 100%;
    filter: alpha(opacity=25);
    opacity: .25;
}

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none;
}

.ui-resizable {
    position: relative;
}

.ui-resizable-handle {
    position: absolute;
    font-size: .1px;
    display: block;
}

.ui-resizable-autohide .ui-resizable-handle, .ui-resizable-disabled .ui-resizable-handle {
    display: none;
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted #000;
}

.ui-slider {
    position: relative;
    text-align: left;
    border-radius: 6px !important;
    border-width: 0 !important;
    background-image: none !important;
    background-color: #f3f3f3 !important;
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 16px;
    height: 16px;
    cursor: pointer;
    border-radius: 50%;
    border-width: 0 !important;
    background-image: none !important;
    background-color: #888 !important;
}

.ui-slider .ui-slider-handle:after {
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    z-index: 3;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border-width: 0 !important;
    background-image: none !important;
    background-color: #dadada !important;
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
    border-radius: 6px !important;
    background-image: none;
    background-color: #dadada;
}

.slider-primary .ui-slider-handle:after, .slider-primary .ui-slider-range {
    background-color: #c7f3ff !important;
}

.slider-primary .ui-slider-handle {
    background-color: #00b1e1 !important;
}

.slider-info .ui-slider-handle:after, .slider-info .ui-slider-range {
    background-color: #e0f6fb !important;
}

.slider-info .ui-slider-handle {
    background-color: #63d3e9 !important;
}

.slider-success .ui-slider-handle:after, .slider-success .ui-slider-range {
    background-color: #d7ebc0 !important;
}

.slider-success .ui-slider-handle {
    background-color: #91c854 !important;
}

.slider-warning .ui-slider-handle:after, .slider-warning .ui-slider-range {
    background-color: #fff2d0 !important;
}

.slider-warning .ui-slider-handle {
    background-color: #ffd66a !important;
}

.slider-danger .ui-slider-handle:after, .slider-danger .ui-slider-range {
    background-color: #faccd1 !important;
}

.slider-danger .ui-slider-handle {
    background-color: #ed5466 !important;
}

.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit;
}

.ui-slider-horizontal {
    height: 6px;
    padding: 0;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -5px;
    margin-left: -.6em;
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0;
}

.ui-slider-vertical {
    width: 6px;
    height: 100px;
    padding: 0 !important;
}

.ui-slider-vertical .ui-slider-handle {
    left: -5px;
    margin-left: 0;
    margin-bottom: -.4em;
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0;
}

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle;
}

.ui-spinner-input {
    border: none;
    background: 0;
    color: inherit;
    padding: 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 22px;
}

.ui-spinner-button {
    width: 16px;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0;
}

.ui-spinner a.ui-spinner-button {
    border-top: none;
    border-bottom: none;
    border-right: none;
}

.ui-spinner .ui-icon {
    position: absolute;
    margin-top: -8px;
    top: 50%;
    left: 0;
}

.ui-spinner-up {
    top: 0;
}

.ui-spinner-down {
    bottom: 0;
}

.ui-spinner .ui-icon-triangle-1-s {
    background-position: -65px -16px;
}

.ui-tabs {
    position: relative;
    padding: .2em;
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0;
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .2em 0 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap;
}

.ui-tabs .ui-tabs-nav li a {
    float: left;
    padding: .5em 1em;
    text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
    cursor: text;
}

.ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
    cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: 0;
}

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    -webkit-box-shadow: 0 0 5px #aaa;
    box-shadow: 0 0 5px #aaa;
}

body .ui-tooltip {
    border-width: 2px;
}

.ui-widget {
    font-family: inherit;
    font-size: 1.1em;
}

.ui-widget .ui-widget {
    font-size: 1em;
}

.ui-widget button, .ui-widget input, .ui-widget select, .ui-widget textarea {
    font-family: inherit;
    font-size: 1em;
}

.ui-widget-content {
    border: 1px solid #aaa;
    background: #fff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
    color: #222;
}

.ui-widget-content a {
    color: #222;
}

.ui-widget-header {
    border: 1px solid #aaa;
    background: #ccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
    color: #222;
    font-weight: 700;
}

.ui-widget-header a {
    color: #222;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #d3d3d3;
    background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
    font-weight: 400;
    color: #555;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #555;
    text-decoration: none;
}

.ui-state-focus, .ui-state-hover, .ui-widget-content .ui-state-focus, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-focus, .ui-widget-header .ui-state-hover {
    border: 1px solid #999;
    background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
    font-weight: 400;
    color: #212121;
}

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited {
    color: #212121;
    text-decoration: none;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #aaa;
    background: #fff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
    font-weight: 400;
    color: #212121;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #212121;
    text-decoration: none;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #fcefa1;
    background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
    color: #363636;
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
    color: #363636;
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
    color: #cd0a0a;
}

.ui-state-error a, .ui-state-error-text, .ui-widget-content .ui-state-error a, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error a, .ui-widget-header .ui-state-error-text {
    color: #cd0a0a;
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
    font-weight: 700;
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    filter: alpha(opacity=70);
    font-weight: 400;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: alpha(opacity=35);
    background-image: none;
}

.ui-state-disabled .ui-icon {
    filter: alpha(opacity=35);
}

.ui-icon {
    width: 16px;
    height: 16px;
}

.ui-icon, .ui-widget-content .ui-icon, .ui-widget-header .ui-icon {
    background-image: url(images/ui-icons_222222_256x240.png);
}

.ui-state-default .ui-icon {
    background-image: url(images/ui-icons_888888_256x240.png);
}

.ui-state-active .ui-icon, .ui-state-focus .ui-icon, .ui-state-hover .ui-icon {
    background-image: url(images/ui-icons_454545_256x240.png);
}

.ui-state-highlight .ui-icon {
    background-image: url(images/ui-icons_2e83ff_256x240.png);
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
    background-image: url(images/ui-icons_cd0a0a_256x240.png);
}

.ui-icon-blank {
    background-position: 16px 16px;
}

.ui-icon-carat-1-n {
    background-position: 0 0;
}

.ui-icon-carat-1-ne {
    background-position: -16px 0;
}

.ui-icon-carat-1-e {
    background-position: -32px 0;
}

.ui-icon-carat-1-se {
    background-position: -48px 0;
}

.ui-icon-carat-1-s {
    background-position: -64px 0;
}

.ui-icon-carat-1-sw {
    background-position: -80px 0;
}

.ui-icon-carat-1-w {
    background-position: -96px 0;
}

.ui-icon-carat-1-nw {
    background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
    background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
    background-position: -144px 0;
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
    background-position: -64px -16px;
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
    background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
    background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
}

.ui-icon-arrow-4 {
    background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px;
}

.ui-icon-extlink {
    background-position: -32px -80px;
}

.ui-icon-newwin {
    background-position: -48px -80px;
}

.ui-icon-refresh {
    background-position: -64px -80px;
}

.ui-icon-shuffle {
    background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px;
}

.ui-icon-folder-open {
    background-position: -16px -96px;
}

.ui-icon-document {
    background-position: -32px -96px;
}

.ui-icon-document-b {
    background-position: -48px -96px;
}

.ui-icon-note {
    background-position: -64px -96px;
}

.ui-icon-mail-closed {
    background-position: -80px -96px;
}

.ui-icon-mail-open {
    background-position: -96px -96px;
}

.ui-icon-suitcase {
    background-position: -112px -96px;
}

.ui-icon-comment {
    background-position: -128px -96px;
}

.ui-icon-person {
    background-position: -144px -96px;
}

.ui-icon-print {
    background-position: -160px -96px;
}

.ui-icon-trash {
    background-position: -176px -96px;
}

.ui-icon-locked {
    background-position: -192px -96px;
}

.ui-icon-unlocked {
    background-position: -208px -96px;
}

.ui-icon-bookmark {
    background-position: -224px -96px;
}

.ui-icon-tag {
    background-position: -240px -96px;
}

.ui-icon-home {
    background-position: 0 -112px;
}

.ui-icon-flag {
    background-position: -16px -112px;
}

.ui-icon-calendar {
    background-position: -32px -112px;
}

.ui-icon-cart {
    background-position: -48px -112px;
}

.ui-icon-pencil {
    background-position: -64px -112px;
}

.ui-icon-clock {
    background-position: -80px -112px;
}

.ui-icon-disk {
    background-position: -96px -112px;
}

.ui-icon-calculator {
    background-position: -112px -112px;
}

.ui-icon-zoomin {
    background-position: -128px -112px;
}

.ui-icon-zoomout {
    background-position: -144px -112px;
}

.ui-icon-search {
    background-position: -160px -112px;
}

.ui-icon-wrench {
    background-position: -176px -112px;
}

.ui-icon-gear {
    background-position: -192px -112px;
}

.ui-icon-heart {
    background-position: -208px -112px;
}

.ui-icon-star {
    background-position: -224px -112px;
}

.ui-icon-link {
    background-position: -240px -112px;
}

.ui-icon-cancel {
    background-position: 0 -128px;
}

.ui-icon-plus {
    background-position: -16px -128px;
}

.ui-icon-plusthick {
    background-position: -32px -128px;
}

.ui-icon-minus {
    background-position: -48px -128px;
}

.ui-icon-minusthick {
    background-position: -64px -128px;
}

.ui-icon-close {
    background-position: -80px -128px;
}

.ui-icon-closethick {
    background-position: -96px -128px;
}

.ui-icon-key {
    background-position: -112px -128px;
}

.ui-icon-lightbulb {
    background-position: -128px -128px;
}

.ui-icon-scissors {
    background-position: -144px -128px;
}

.ui-icon-clipboard {
    background-position: -160px -128px;
}

.ui-icon-copy {
    background-position: -176px -128px;
}

.ui-icon-contact {
    background-position: -192px -128px;
}

.ui-icon-image {
    background-position: -208px -128px;
}

.ui-icon-video {
    background-position: -224px -128px;
}

.ui-icon-script {
    background-position: -240px -128px;
}

.ui-icon-alert {
    background-position: 0 -144px;
}

.ui-icon-info {
    background-position: -16px -144px;
}

.ui-icon-notice {
    background-position: -32px -144px;
}

.ui-icon-help {
    background-position: -48px -144px;
}

.ui-icon-check {
    background-position: -64px -144px;
}

.ui-icon-bullet {
    background-position: -80px -144px;
}

.ui-icon-radio-on {
    background-position: -96px -144px;
}

.ui-icon-radio-off {
    background-position: -112px -144px;
}

.ui-icon-pin-w {
    background-position: -128px -144px;
}

.ui-icon-pin-s {
    background-position: -144px -144px;
}

.ui-icon-play {
    background-position: 0 -160px;
}

.ui-icon-pause {
    background-position: -16px -160px;
}

.ui-icon-seek-next {
    background-position: -32px -160px;
}

.ui-icon-seek-prev {
    background-position: -48px -160px;
}

.ui-icon-seek-end {
    background-position: -64px -160px;
}

.ui-icon-seek-first, .ui-icon-seek-start {
    background-position: -80px -160px;
}

.ui-icon-stop {
    background-position: -96px -160px;
}

.ui-icon-eject {
    background-position: -112px -160px;
}

.ui-icon-volume-off {
    background-position: -128px -160px;
}

.ui-icon-volume-on {
    background-position: -144px -160px;
}

.ui-icon-power {
    background-position: 0 -176px;
}

.ui-icon-signal-diag {
    background-position: -16px -176px;
}

.ui-icon-signal {
    background-position: -32px -176px;
}

.ui-icon-battery-0 {
    background-position: -48px -176px;
}

.ui-icon-battery-1 {
    background-position: -64px -176px;
}

.ui-icon-battery-2 {
    background-position: -80px -176px;
}

.ui-icon-battery-3 {
    background-position: -96px -176px;
}

.ui-icon-circle-plus {
    background-position: 0 -192px;
}

.ui-icon-circle-minus {
    background-position: -16px -192px;
}

.ui-icon-circle-close {
    background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px;
}

.ui-icon-circle-check {
    background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
}

.ui-widget-overlay {
    background: #aaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .3;
    filter: alpha(opacity=30);
}

.ui-widget-shadow {
    margin: -8px 0 0 -8px;
    padding: 8px;
    background: #aaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .3;
    filter: alpha(opacity=30);
    border-radius: 8px;
}

#gritter-notice-wrapper {
    position: fixed;
    top: 20px;
    right: 50%;
    margin-right: -150px;
    width: 301px;
    z-index: 9999;
}

#gritter-notice-wrapper.top-left {
    left: 20px;
    right: auto;
}

#gritter-notice-wrapper.bottom-right {
    top: auto;
    left: auto;
    bottom: 20px;
    right: 20px;
}

#gritter-notice-wrapper.bottom-left {
    top: auto;
    right: auto;
    bottom: 20px;
    left: 20px;
}

@media screen and(min-width: 768px) {
    #gritter-notice-wrapper {
        top: 20px;
        right: 20px;
        margin-right: 0;
    }

    #gritter-notice-wrapper.top-left {
        left: 20px;
        right: auto;
    }

    #gritter-notice-wrapper.bottom-right {
        top: auto;
        left: auto;
        bottom: 20px;
        right: 20px;
    }

    #gritter-notice-wrapper.bottom-left {
        top: auto;
        right: auto;
        bottom: 20px;
        left: 20px;
    }
}

.gritter-item-wrapper {
    position: relative;
    margin: 0 0 10px;
    background-color: rgba(0, 0, 0, .9);
    border-radius: 4px;
}

.gritter-item {
    display: table;
    table-layout: fixed;
    width: 100%;
    color: #eee;
    padding: 15px;
}

.gritter-close {
    display: none;
    position: absolute;
    top: 10px;
    right: 10px;
    font-family: iconfont;
    font-weight: 400;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 13px;
    text-align: center;
    color: #eee;
    border-radius: 2px;
}

.touch .gritter-close {
    display: block;
}

.gritter-close:active, .gritter-close:focus, .gritter-close:hover {
    color: #fff;
    background-color: #000;
}

.gritter-close:after {
    content: "\e36c";
}

.gritter-title {
    font-size: 14px;
    font-weight: 600;
    padding: 0 0 3px;
    display: block;
}

.gritter-image {
    display: table-cell;
    width: 54px;
    vertical-align: middle;
}

.gritter-image > img {
    display: block;
    width: 100%;
    border-radius: 50%;
}

.gritter-with-image, .gritter-without-image {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    padding-left: 20px;
}

.gritter-without-image {
    padding-left: 0;
}

.gritter-with-image p, .gritter-without-image p {
    padding: 0;
    margin: 0;
}

.gritter-item-wrapper.gritter-light {
    background-color: #fff;
    -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .15);
}

.gritter-item-wrapper.gritter-light .gritter-close, .gritter-item-wrapper.gritter-light .gritter-item {
    color: #999;
}

.gritter-item-wrapper.gritter-light .gritter-close:active, .gritter-item-wrapper.gritter-light .gritter-close:focus, .gritter-item-wrapper.gritter-light .gritter-close:hover {
    color: #666;
    background-color: #eee;
}

.gritter-item-wrapper.gritter-light .gritter-title {
    color: #555;
}

.dataTables_wrapper {
    position: relative;
}

.dataTables_wrapper .dataTables_filter {
    text-align: right;
    padding: 10px 15px;
}

.dataTables_wrapper .dataTables_filter > label {
    margin: 0;
    color: #5e5e5e;
    font-weight: 400;
}

.dataTables_wrapper .dataTables_filter > label > input {
    display: inline-block;
    height: 34px;
    padding: 6px 12px;
    font-size: 13px;
    line-height: normal;
    color: #444;
    vertical-align: middle;
    background-color: #fff;
    background-image: none;
    border: 1px solid #c6d2d5;
    border-radius: 4px;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.dataTables_wrapper .dataTables_filter > label > input:focus {
    border-color: #00b1e1;
    outline: 0;
}

.dataTables_wrapper .dataTables_length {
    text-align: left;
    padding: 10px 15px;
}

.dataTables_wrapper .dataTables_length > label {
    margin: 0;
    color: #5e5e5e;
    font-weight: 400;
}

.dataTables_wrapper .dataTables_length > label > select {
    display: inline-block;
    height: 34px;
    padding: 6px 12px;
    font-size: 13px;
    line-height: normal;
    color: #444;
    vertical-align: middle;
    background-color: #fff;
    background-image: none;
    border: 1px solid #c6d2d5;
    border-radius: 4px;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.dataTables_wrapper .dataTables_length > label > select:focus {
    border-color: #00b1e1;
    outline: 0;
}

.dataTables_wrapper .dataTables_info {
    text-align: right;
    padding: 10px 15px;
    line-height: 32px;
}

.dataTables_wrapper .dataTables_paginate {
    text-align: left;
    padding: 10px 15px;
}

.dataTables_wrapper .dataTables_paginate > .pagination {
    margin: 0;
}

.dataTables_wrapper .DTTT {
    padding: 10px 15px;
}

.dataTables_wrapper .dataTables_processing {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    min-height: 100px;
    background-color: rgba(255, 255, 255, .9);
}

.dataTables_wrapper .dataTables_processing:after {
    content: "";
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -25px;
    width: 50px;
    height: 20px;
    background-image: url(../../../image/loading-bubbles.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.dataTables_wrapper .dataTable > thead > tr > th:active, .dataTables_wrapper .dataTable > thead > tr > th:focus {
    outline: 0;
}

.dataTables_wrapper .dataTable > thead > tr > th.sorting, .dataTables_wrapper .dataTable > thead > tr > th.sorting_asc, .dataTables_wrapper .dataTable > thead > tr > th.sorting_desc {
    cursor: pointer;
}

.dataTables_wrapper .dataTable > thead > tr > th.sorting:before, .dataTables_wrapper .dataTable > thead > tr > th.sorting_asc:before, .dataTables_wrapper .dataTable > thead > tr > th.sorting_desc:before {
    font-family: iconfont;
    font-size: 14px;
    color: #999;
    position: relative;
    margin-right: 10px;
}

.dataTables_wrapper .dataTable > thead > tr > th.sorting:before {
    content: "\e6c3";
}

.dataTables_wrapper .dataTable > thead > tr > th.sorting_asc:before {
    content: "\e6c4";
}

.dataTables_wrapper .dataTable > thead > tr > th.sorting_desc:before {
    content: "\e6c5";
}

.panel > .dataTables_wrapper {
    border: 0;
}

.panel > .dataTables_wrapper .table {
    border-left-width: 0;
    border-right-width: 0;
    border-top: 1px solid #cfd9db;
    border-bottom: 1px solid #cfd9db;
}

.panel > .dataTables_wrapper .table > tbody > tr > td.center {
    text-align: center;
}

.panel > .dataTables_wrapper .table > tbody > tr > td:first-child {
    border-left: 0;
}

.panel > .dataTables_wrapper .table > tbody > tr > td:last-child {
    border-right: 0;
}

.panel > .dataTables_wrapper .table > thead > tr > th {
    border-top: 1px solid #cfd9db;
}

.panel > .dataTables_wrapper .table > thead > tr > th.center {
    text-align: center;
}

.panel > .dataTables_wrapper .table > thead > tr > th:first-child {
    border-left: 0;
}

.panel > .dataTables_wrapper .table > thead > tr > th:last-child {
    border-right: 0;
}

@media (max-width: 768px) {
    .dataTables_wrapper .DTTT {
        display: none;
    }

    .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_paginate {
        text-align: center;
    }
}

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: .8;
    filter: alpha(opacity=80);
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: 0 !important;
    -webkit-backface-visibility: hidden;
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
    display: none;
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
}

.mfp-ajax-holder .mfp-content, .mfp-inline-holder .mfp-content {
    width: 100%;
    cursor: auto;
}

.mfp-ajax-cur {
    cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
    cursor: auto;
}

.mfp-arrow, .mfp-close, .mfp-counter, .mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.mfp-loading.mfp-figure {
    display: none;
}

.mfp-hide {
    display: none !important;
}

.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044;
}

.mfp-preloader a {
    color: #ccc;
}

.mfp-preloader a:hover {
    color: #fff;
}

.mfp-s-error .mfp-content, .mfp-s-ready .mfp-preloader {
    display: none;
}

button.mfp-arrow, button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: 0;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: 0;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none;
}

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

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    filter: alpha(opacity=65);
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace;
}

.mfp-close:focus, .mfp-close:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.mfp-close:active {
    top: 1px;
}

.mfp-close-btn-in .mfp-close {
    color: #333;
}

.mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%;
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px;
}

.mfp-arrow {
    position: absolute;
    opacity: .65;
    filter: alpha(opacity=65);
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.mfp-arrow:active {
    margin-top: -54px;
}

.mfp-arrow:focus, .mfp-arrow:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.mfp-arrow .mfp-a, .mfp-arrow .mfp-b, .mfp-arrow:after, .mfp-arrow:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent;
}

.mfp-arrow .mfp-a, .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px;
}

.mfp-arrow .mfp-b, .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: .7;
}

.mfp-arrow-left {
    left: 0;
}

.mfp-arrow-left .mfp-a, .mfp-arrow-left:after {
    border-right: 17px solid #fff;
    margin-left: 31px;
}

.mfp-arrow-left .mfp-b, .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f;
}

.mfp-arrow-right {
    right: 0;
}

.mfp-arrow-right .mfp-a, .mfp-arrow-right:after {
    border-left: 17px solid #fff;
    margin-left: 39px;
}

.mfp-arrow-right .mfp-b, .mfp-arrow-right:before {
    border-left: 27px solid #3f3f3f;
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
    top: -40px;
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #000;
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0;
    margin: 0 auto;
}

.mfp-figure {
    line-height: 0;
}

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #444;
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px;
}

.mfp-figure figure {
    margin: 0;
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px;
}

.mfp-image-holder .mfp-content {
    max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}

@media screen and(max-width: 800px) and(orientation: landscape), screen and(max-height: 300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0;
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0;
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0;
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px;
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, .6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0;
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px;
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, .6);
        position: fixed;
        text-align: center;
        padding: 0;
    }
}

@media all and(max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0;
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%;
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px;
    }
}

.mfp-ie7 .mfp-img {
    padding: 0;
}

.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px;
}

.mfp-ie7 .mfp-container {
    padding: 0;
}

.mfp-ie7 .mfp-content {
    padding-top: 44px;
}

.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0;
}

.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
    visibility: visible !important;
    background: #f2f2f2 !important;
    background: rgba(0, 0, 0, .06) !important;
    border: 0 none !important;
    -webkit-box-shadow: inset 0 0 12px 4px #fff;
    box-shadow: inset 0 0 12px 4px #fff;
}

.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
    content: '!';
    visibility: hidden;
}

.selectize-control.plugin-drag_drop .ui-sortable-helper {
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}

.selectize-dropdown-header {
    position: relative;
    border-bottom: 1px solid #d0d0d0;
    background: #f8f8f8;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

.selectize-dropdown-header-close {
    position: absolute;
    right: 12px;
    top: 50%;
    color: #333;
    opacity: .4;
    margin-top: -12px;
    line-height: 20px;
    font-size: 20px !important;
}

.selectize-dropdown-header-close:hover {
    color: #000;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup {
    border-right: 1px solid #f2f2f2;
    border-top: 0 none;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
    border-right: 0 none;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
    display: none;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
    border-top: 0 none;
}

.selectize-control.plugin-remove_button [data-value] {
    position: relative;
    padding-right: 24px !important;
}

.selectize-control.plugin-remove_button [data-value] .remove {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 17px;
    text-align: center;
    font-weight: 700;
    font-size: 12px;
    color: inherit;
    text-decoration: none;
    vertical-align: middle;
    display: inline-block;
    padding: 1px 0 0;
    border-left: 1px solid rgba(0, 0, 0, 0);
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.selectize-control.plugin-remove_button [data-value] .remove:hover {
    background: rgba(0, 0, 0, .05);
}

.selectize-control.plugin-remove_button [data-value].active .remove {
    border-left-color: rgba(0, 0, 0, 0);
}

.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
    background: 0;
}

.selectize-control.plugin-remove_button .disabled [data-value] .remove {
    border-left-color: rgba(77, 77, 77, 0);
}

.selectize-control {
    position: relative;
}

.selectize-dropdown, .selectize-input, .selectize-input input {
    color: #333;
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
    line-height: 20px;
    -webkit-font-smoothing: inherit;
}

.selectize-control.single .selectize-input.input-active, .selectize-input {
    background: #fff;
    cursor: text;
    display: inline-block;
}

.selectize-input {
    border: 1px solid #cfd9db;
    padding: 6px 12px;
    display: inline-block;
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.selectize-control.multi .selectize-input.has-items {
    padding: 5px 12px 2px;
}

.selectize-input.full {
    background-color: #fff;
}

.selectize-input.disabled, .selectize-input.disabled * {
    cursor: default !important;
}

.selectize-input.focus {
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .15);
}

.selectize-input > * {
    vertical-align: baseline;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.selectize-control.multi .selectize-input > div {
    cursor: pointer;
    margin: 0 4px 2px 0;
    padding: 1px 3px;
    background: #efefef;
    color: #333;
    border: 0 solid rgba(0, 0, 0, 0);
}

.selectize-control.multi .selectize-input > div.active {
    background: #428bca;
    color: #fff;
    border: 0 solid rgba(0, 0, 0, 0);
}

.selectize-control.multi .selectize-input.disabled > div, .selectize-control.multi .selectize-input.disabled > div.active {
    color: gray;
    background: #fff;
    border: 0 solid rgba(77, 77, 77, 0);
}

.selectize-input > input {
    padding: 0 !important;
    min-height: 0 !important;
    max-height: none !important;
    max-width: 100% !important;
    margin: 0 !important;
    text-indent: 0 !important;
    border: 0 none !important;
    background: none !important;
    line-height: inherit !important;
    -webkit-user-select: auto !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.selectize-input > input:focus {
    outline: 0 !important;
}

.selectize-input::after {
    content: ' ';
    display: block;
    clear: left;
}

.selectize-input.dropdown-active::before {
    content: ' ';
    position: absolute;
    background: #fff;
    height: 1px;
    bottom: 0;
    left: 0;
    right: 0;
}

.selectize-dropdown {
    position: absolute;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.selectize-dropdown [data-selectable] {
    cursor: pointer;
    overflow: hidden;
}

.selectize-dropdown [data-selectable] .highlight {
    background: rgba(255, 237, 40, .4);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.selectize-dropdown .optgroup-header, .selectize-dropdown [data-selectable] {
    padding: 3px 12px;
}

.selectize-dropdown .optgroup:first-child .optgroup-header {
    border-top: 0 none;
}

.selectize-dropdown .optgroup-header {
    color: #999;
    background: #fff;
    cursor: default;
}

.selectize-dropdown .active {
    background-color: #f5f5f5;
    color: #262626;
}

.selectize-dropdown .active.create {
    color: #262626;
}

.selectize-dropdown .create {
    color: rgba(51, 51, 51, .5);
}

.selectize-dropdown-content {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 200px;
}

.selectize-control.single .selectize-input, .selectize-control.single .selectize-input input {
    cursor: pointer;
}

.selectize-control.single .selectize-input.input-active, .selectize-control.single .selectize-input.input-active input {
    cursor: text;
}

.selectize-control.single .selectize-input:after {
    content: ' ';
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -2px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0;
    border-color: #444 transparent transparent;
}

.selectize-control.single .selectize-input.dropdown-active:after {
    margin-top: -3px;
    border-width: 0 5px 5px;
    border-color: transparent transparent #333;
}

.selectize-control.rtl.single .selectize-input:after {
    left: 17px;
    right: auto;
}

.selectize-control.rtl .selectize-input > input {
    margin: 0 4px 0 -2px !important;
}

.selectize-control .selectize-input.disabled {
    opacity: .5;
    background-color: #fff;
}

.selectize-dropdown, .selectize-dropdown.form-control {
    height: auto;
    padding: 0;
    margin: 2px 0 0;
    z-index: 1000;
    background: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.selectize-dropdown .optgroup-header {
    font-size: 12px;
    line-height: 1.42857143;
}

.selectize-dropdown .optgroup:first-child:before {
    display: none;
}

.selectize-dropdown .optgroup:before {
    content: ' ';
    display: block;
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
    margin-left: -12px;
    margin-right: -12px;
}

.selectize-dropdown-content {
    padding: 5px 0;
}

.selectize-dropdown-header {
    padding: 6px 12px;
}

.selectize-input {
    min-height: 34px;
}

.selectize-input.dropdown-active {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.selectize-input.dropdown-active::before {
    display: none;
}

.selectize-input.focus {
    outline: 0;
    -moz-box-shadow: none;
    box-shadow: none;
    border-color: #00b1e1;
}

.selectize-control.multi .selectize-input.has-items {
    padding-left: 9px;
    padding-right: 9px;
}

.selectize-control.multi .selectize-input > div {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.form-control.selectize-control {
    padding: 0;
    height: auto;
    border: none;
    background: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.form-wizard > .steps {
    position: relative;
    padding: 10px 15px;
    border-bottom: 1px solid #cfd9db;
    background-color: #fbfbfb;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panel.form-wizard > .steps, .panel > .form-wizard > .steps {
    border-radius: 0;
}

.form-wizard > .steps > ul {
    margin: 0;
    padding: 0;
}

.form-wizard > .steps > ul > li {
    list-style: none;
}

.form-wizard > .steps > ul > li + li {
    margin-top: 16px;
}

.form-wizard > .steps > ul > li > a {
    position: relative;
    display: block;
    color: #b1c2c6;
}

.form-wizard > .steps > ul > li > a:after {
    content: "";
    position: absolute;
    width: 2px;
    top: -8px;
    bottom: -8px;
    left: 17px;
    background-color: #dde4e6;
}

.form-wizard > .steps > ul > li:first-child > a:after {
    top: 0;
}

.form-wizard > .steps > ul > li:last-child > a:after {
    bottom: 0;
}

.form-wizard > .steps > ul > li.current > a, .form-wizard > .steps > ul > li.done > a {
    color: #859fa5;
}

.form-wizard > .steps > ul > li.error > a {
    color: rgba(237, 84, 102, .9);
}

.form-wizard > .steps > ul > li > a > .current-info {
    display: none;
}

.form-wizard > .steps > ul > li > a > .number, .form-wizard > .steps > ul > li > a > .title {
    position: relative;
    display: inline-block;
    vertical-align: top;
    line-height: 36px;
}

.form-wizard > .steps > ul > li > a > .number {
    position: relative;
    z-index: 2;
    background-color: #dde4e6;
    font-size: 14px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    font-weight: 700;
    text-align: center;
    /*color: #b1c2c6;*/
    color: #fff;
}

.form-wizard > .steps > ul > li > a > .number:after {
    font-family: iconfont;
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .1);
}

.form-wizard > .steps > ul > li > a > .title {
    width: auto;
    font-weight: 700;
}

.form-wizard > .steps > ul > li > a > .number + .title, .form-wizard > .steps > ul > li > a > .title + .number {
    padding-left: 10px;
}

.form-wizard > .steps > ul > li.current:first-child > a:after {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMGIxZTEiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RkZTRlNiIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
    background-image: -webkit-linear-gradient(top, #00b1e1 0, #dde4e6 100%);
    background-image: -moz-linear-gradient(top, #00b1e1 0, #dde4e6 100%);
    background-image: -o-linear-gradient(top, #00b1e1 0, #dde4e6 100%);
    background-image: linear-gradient(to bottom, #00b1e1 0, #dde4e6 100%);
}

.form-wizard > .steps > ul > li.current > a:after {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNkZGU0ZTYiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMDBiMWUxIiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZGU0ZTYiIHN0b3Atb3BhY2l0eT0iMSIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNsZXNzaGF0LWdlbmVyYXRlZCkiIC8+PC9zdmc+);
    background-image: -webkit-linear-gradient(top, #dde4e6 0, #00b1e1 50%, #dde4e6 100%);
    background-image: -moz-linear-gradient(top, #dde4e6 0, #00b1e1 50%, #dde4e6 100%);
    background-image: -o-linear-gradient(top, #dde4e6 0, #00b1e1 50%, #dde4e6 100%);
    background-image: linear-gradient(to bottom, #dde4e6 0, #00b1e1 50%, #dde4e6 100%);
}

.form-wizard > .steps > ul > li.current:last-child > a:after {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNkZGU0ZTYiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwYjFlMSIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
    background-image: -webkit-linear-gradient(top, #dde4e6 0, #00b1e1 100%);
    background-image: -moz-linear-gradient(top, #dde4e6 0, #00b1e1 100%);
    background-image: -o-linear-gradient(top, #dde4e6 0, #00b1e1 100%);
    background-image: linear-gradient(to bottom, #dde4e6 0, #00b1e1 100%);
}

.form-wizard > .steps > ul > li.current > a > .number {
    /*font-size: 0;*/
    background-color: #00b1e1;
}

.form-wizard > .steps > ul > li.current > a > .number:after {
    /*content: "\e00d";*/
}

.form-wizard > .steps > ul > li.done:first-child > a:after {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM5MWM4NTQiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RkZTRlNiIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
    background-image: -webkit-linear-gradient(top, #91c854 0, #dde4e6 100%);
    background-image: -moz-linear-gradient(top, #91c854 0, #dde4e6 100%);
    background-image: -o-linear-gradient(top, #91c854 0, #dde4e6 100%);
    background-image: linear-gradient(to bottom, #91c854 0, #dde4e6 100%);
}

.form-wizard > .steps > ul > li.done > a:after {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNkZGU0ZTYiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjOTFjODU0IiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZGU0ZTYiIHN0b3Atb3BhY2l0eT0iMSIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNsZXNzaGF0LWdlbmVyYXRlZCkiIC8+PC9zdmc+);
    background-image: -webkit-linear-gradient(top, #dde4e6 0, #91c854 50%, #dde4e6 100%);
    background-image: -moz-linear-gradient(top, #dde4e6 0, #91c854 50%, #dde4e6 100%);
    background-image: -o-linear-gradient(top, #dde4e6 0, #91c854 50%, #dde4e6 100%);
    background-image: linear-gradient(to bottom, #dde4e6 0, #91c854 50%, #dde4e6 100%);
}

.form-wizard > .steps > ul > li.done:last-child > a:after {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNkZGU0ZTYiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzkxYzg1NCIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
    background-image: -webkit-linear-gradient(top, #dde4e6 0, #91c854 100%);
    background-image: -moz-linear-gradient(top, #dde4e6 0, #91c854 100%);
    background-image: -o-linear-gradient(top, #dde4e6 0, #91c854 100%);
    background-image: linear-gradient(to bottom, #dde4e6 0, #91c854 100%);
}

.form-wizard > .steps > ul > li.done > a > .number {
    /*font-size: 0;*/
    background-color: #91c854;
}

.form-wizard > .steps > ul > li.done > a > .number:after {
    /*content: "\e370";*/
}

.form-wizard > .steps > ul > li.error:first-child > a:after {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNlZDU0NjYiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RkZTRlNiIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
    background-image: -webkit-linear-gradient(top, #ed5466 0, #dde4e6 100%);
    background-image: -moz-linear-gradient(top, #ed5466 0, #dde4e6 100%);
    background-image: -o-linear-gradient(top, #ed5466 0, #dde4e6 100%);
    background-image: linear-gradient(to bottom, #ed5466 0, #dde4e6 100%);
}

.form-wizard > .steps > ul > li.error > a:after {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNkZGU0ZTYiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZWQ1NDY2IiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZGU0ZTYiIHN0b3Atb3BhY2l0eT0iMSIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNsZXNzaGF0LWdlbmVyYXRlZCkiIC8+PC9zdmc+);
    background-image: -webkit-linear-gradient(top, #dde4e6 0, #ed5466 50%, #dde4e6 100%);
    background-image: -moz-linear-gradient(top, #dde4e6 0, #ed5466 50%, #dde4e6 100%);
    background-image: -o-linear-gradient(top, #dde4e6 0, #ed5466 50%, #dde4e6 100%);
    background-image: linear-gradient(to bottom, #dde4e6 0, #ed5466 50%, #dde4e6 100%);
}

.form-wizard > .steps > ul > li.error:last-child > a:after {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNkZGU0ZTYiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VkNTQ2NiIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
    background-image: -webkit-linear-gradient(top, #dde4e6 0, #ed5466 100%);
    background-image: -moz-linear-gradient(top, #dde4e6 0, #ed5466 100%);
    background-image: -o-linear-gradient(top, #dde4e6 0, #ed5466 100%);
    background-image: linear-gradient(to bottom, #dde4e6 0, #ed5466 100%);
}

.form-wizard > .steps > ul > li.error > a > .number {
    font-size: 0;
    background-color: #ed5466;
}

.form-wizard > .steps > ul > li.error > a > .number:after {
    content: "\e36c";
}

.form-wizard > .content > .wizard-container {
    padding-right: 15px;
    padding-left: 15px;
}

.form-wizard > .content > .title, .form-wizard > .content > .wizard-title {
    display: none;
}

.form-wizard > .actions {
    padding: 8px 15px;
    background-color: #f8f8f8;
    border-top: 1px solid #cfd9db;
}

.form-wizard > .actions > ul {
    margin: 0;
    padding: 0;
}

.form-wizard > .actions > ul > li {
    list-style: none;
    float: right;
}

.form-wizard > .actions > ul > li:first-child {
    float: left;
}

.panel .form-wizard > .actions, .panel.form-wizard > .actions {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.form-wizard > .actions > ul > li.disabled > .btn {
    color: #777;
    background-color: #ededed;
    border-color: #c6d2d5;
    cursor: not-allowed;
    pointer-events: none;
    opacity: .65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
}

@media (min-width: 768px) {
    .form-wizard > .steps > ul {
        display: table;
        width: 100%;
        table-layout: fixed;
    }

    .form-wizard > .steps > ul > li {
        display: table-cell;
        width: auto;
        vertical-align: top;
    }

    .form-wizard > .steps > ul > li > a:after {
        width: auto;
        height: 2px;
        top: 20px;
        bottom: auto;
        left: 0;
        right: 0;
    }

    .form-wizard > .steps > ul > li:first-child > a:after {
        top: 20px;
        left: 50%;
    }

    .form-wizard > .steps > ul > li:last-child > a:after {
        top: 20px;
        right: 50%;
    }

    .form-wizard > .steps > ul > li > a > .number, .form-wizard > .steps > ul > li > a > .title {
        display: block;
        margin: 0 auto;
    }

    .form-wizard > .steps > ul > li > a > .number {
        width: 42px;
        height: 42px;
        line-height: 42px;
    }

    .form-wizard > .steps > ul > li > a > .title {
        text-align: center;
        line-height: normal;
    }

    .form-wizard > .steps > ul > li > a > .number + .title, .form-wizard > .steps > ul > li > a > .title + .number {
        padding-left: 0;
        margin-top: 5px;
    }

    .form-wizard > .steps > ul > li.current:first-child > a:after {
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMGIxZTEiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RkZTRlNiIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
        background-image: -webkit-linear-gradient(left, #00b1e1 0, #dde4e6 100%);
        background-image: -moz-linear-gradient(left, #00b1e1 0, #dde4e6 100%);
        background-image: -o-linear-gradient(left, #00b1e1 0, #dde4e6 100%);
        background-image: linear-gradient(to right, #00b1e1 0, #dde4e6 100%);
    }

    .form-wizard > .steps > ul > li.current > a:after {
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNkZGU0ZTYiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMDBiMWUxIiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZGU0ZTYiIHN0b3Atb3BhY2l0eT0iMSIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNsZXNzaGF0LWdlbmVyYXRlZCkiIC8+PC9zdmc+);
        background-image: -webkit-linear-gradient(left, #dde4e6 0, #00b1e1 50%, #dde4e6 100%);
        background-image: -moz-linear-gradient(left, #dde4e6 0, #00b1e1 50%, #dde4e6 100%);
        background-image: -o-linear-gradient(left, #dde4e6 0, #00b1e1 50%, #dde4e6 100%);
        background-image: linear-gradient(to right, #dde4e6 0, #00b1e1 50%, #dde4e6 100%);
    }

    .form-wizard > .steps > ul > li.current:last-child > a:after {
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNkZGU0ZTYiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwYjFlMSIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
        background-image: -webkit-linear-gradient(left, #dde4e6 0, #00b1e1 100%);
        background-image: -moz-linear-gradient(left, #dde4e6 0, #00b1e1 100%);
        background-image: -o-linear-gradient(left, #dde4e6 0, #00b1e1 100%);
        background-image: linear-gradient(to right, #dde4e6 0, #00b1e1 100%);
    }

    .form-wizard > .steps > ul > li.done:first-child > a:after {
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM5MWM4NTQiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RkZTRlNiIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
        background-image: -webkit-linear-gradient(left, #91c854 0, #dde4e6 100%);
        background-image: -moz-linear-gradient(left, #91c854 0, #dde4e6 100%);
        background-image: -o-linear-gradient(left, #91c854 0, #dde4e6 100%);
        background-image: linear-gradient(to right, #91c854 0, #dde4e6 100%);
    }

    .form-wizard > .steps > ul > li.done > a:after {
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNkZGU0ZTYiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjOTFjODU0IiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZGU0ZTYiIHN0b3Atb3BhY2l0eT0iMSIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNsZXNzaGF0LWdlbmVyYXRlZCkiIC8+PC9zdmc+);
        background-image: -webkit-linear-gradient(left, #dde4e6 0, #91c854 50%, #dde4e6 100%);
        background-image: -moz-linear-gradient(left, #dde4e6 0, #91c854 50%, #dde4e6 100%);
        background-image: -o-linear-gradient(left, #dde4e6 0, #91c854 50%, #dde4e6 100%);
        background-image: linear-gradient(to right, #dde4e6 0, #91c854 50%, #dde4e6 100%);
    }

    .form-wizard > .steps > ul > li.done:last-child > a:after {
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNkZGU0ZTYiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzkxYzg1NCIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
        background-image: -webkit-linear-gradient(left, #dde4e6 0, #91c854 100%);
        background-image: -moz-linear-gradient(left, #dde4e6 0, #91c854 100%);
        background-image: -o-linear-gradient(left, #dde4e6 0, #91c854 100%);
        background-image: linear-gradient(to right, #dde4e6 0, #91c854 100%);
    }

    .form-wizard > .steps > ul > li.error:first-child > a:after {
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNlZDU0NjYiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RkZTRlNiIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
        background-image: -webkit-linear-gradient(left, #ed5466 0, #dde4e6 100%);
        background-image: -moz-linear-gradient(left, #ed5466 0, #dde4e6 100%);
        background-image: -o-linear-gradient(left, #ed5466 0, #dde4e6 100%);
        background-image: linear-gradient(to right, #ed5466 0, #dde4e6 100%);
    }

    .form-wizard > .steps > ul > li.error > a:after {
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNkZGU0ZTYiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZWQ1NDY2IiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZGU0ZTYiIHN0b3Atb3BhY2l0eT0iMSIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNsZXNzaGF0LWdlbmVyYXRlZCkiIC8+PC9zdmc+);
        background-image: -webkit-linear-gradient(left, #dde4e6 0, #ed5466 50%, #dde4e6 100%);
        background-image: -moz-linear-gradient(left, #dde4e6 0, #ed5466 50%, #dde4e6 100%);
        background-image: -o-linear-gradient(left, #dde4e6 0, #ed5466 50%, #dde4e6 100%);
        background-image: linear-gradient(to right, #dde4e6 0, #ed5466 50%, #dde4e6 100%);
    }

    .form-wizard > .steps > ul > li.error:last-child > a:after {
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNkZGU0ZTYiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VkNTQ2NiIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
        background-image: -webkit-linear-gradient(left, #dde4e6 0, #ed5466 100%);
        background-image: -moz-linear-gradient(left, #dde4e6 0, #ed5466 100%);
        background-image: -o-linear-gradient(left, #dde4e6 0, #ed5466 100%);
        background-image: linear-gradient(to right, #dde4e6 0, #ed5466 100%);
    }
}

.switchery {
    background-color: #fff;
    border: 1px solid #dfdfdf;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    height: 22px;
    position: relative;
    vertical-align: middle;
    width: 38px;
}

.switchery > small {
    background-color: #f7f7f7;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 0 1px #dfdfdf;
    box-shadow: 0 0 0 1px #dfdfdf;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 0;
}

.text-danger .fa-plus:before {
    content: "\f068";
}

.text-danger.collapsed .fa-plus:before {
    content: "\f067";
}

.bootstrap-switch {
    display: inline-block;
    direction: ltr;
    cursor: pointer;
    border-radius: 4px;
    border: 1px solid #ccc;
    position: relative;
    text-align: left;
    overflow: hidden;
    line-height: 8px;
    z-index: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.bootstrap-switch .bootstrap-switch-container {
    display: inline-block;
    top: 0;
    border-radius: 4px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.bootstrap-switch .bootstrap-switch-handle-off, .bootstrap-switch .bootstrap-switch-handle-on, .bootstrap-switch .bootstrap-switch-label {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block !important;
    height: 100%;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 20px;
}

.bootstrap-switch .bootstrap-switch-handle-off, .bootstrap-switch .bootstrap-switch-handle-on {
    text-align: center;
    z-index: 1;
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {
    color: #fff;
    background: #337ab7;
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info {
    color: #fff;
    background: #5bc0de;
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success {
    color: #fff;
    background: #5cb85c;
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning {
    background: #f0ad4e;
    color: #fff;
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger {
    color: #fff;
    background: #d9534f;
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default {
    color: #000;
    background: #eee;
}

.bootstrap-switch .bootstrap-switch-label {
    text-align: center;
    margin-top: -1px;
    margin-bottom: -1px;
    z-index: 100;
    color: #333;
    background: #fff;
}

.bootstrap-switch .bootstrap-switch-handle-on {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}

.bootstrap-switch .bootstrap-switch-handle-off {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}

.bootstrap-switch input[type=radio], .bootstrap-switch input[type=checkbox] {
    position: absolute !important;
    top: 0;
    left: 0;
    margin: 0;
    z-index: -1;
    opacity: 0;
    filter: alpha(opacity=0);
}

.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
}

.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}

.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label {
    padding: 6px 16px;
    font-size: 18px;
    line-height: 1.3333333;
}

.bootstrap-switch.bootstrap-switch-disabled, .bootstrap-switch.bootstrap-switch-indeterminate, .bootstrap-switch.bootstrap-switch-readonly {
    cursor: default !important;
}

.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label {
    opacity: .5;
    filter: alpha(opacity=50);
    cursor: default !important;
}

.bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container {
    -webkit-transition: margin-left .5s;
    -o-transition: margin-left .5s;
    transition: margin-left .5s;
}

.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-on {
    border-radius: 0 3px 3px 0;
}

.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-off {
    border-radius: 3px 0 0 3px;
}

.bootstrap-switch.bootstrap-switch-focused {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}

.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}

.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}

.inputtext {
    min-width: 173px;
    height: 28px;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    padding: 3px 8px;
    font-size: 12px;
    color: #000;
    background: #fff;
}

.inputtext:focus {
    border-color: #1ab394;
}

.start_datetime, .end_datetime {
    min-width: inherit;
    width: 100px;
}

.select {
    min-width: 173px;
    height: 28px;
    border: 1px solid #cfd9db;
    padding: 3px 0;
    font-size: 12px;
    color: #000;
    background: #fff;
    vertical-align: top;
}

.textarea {
    height: 58px;
    border: 1px solid #cfd9db;
    border-radius: 3px;
    padding: 3px 8px;
    font-size: 12px;
    color: #000;
    background: #fff;
    resize: none;
}

.textarea.heightauto {
    height: auto;
}

.textarea:focus {
    border-color: #1ab394;
}

.fileinput {
    max-width: 186px;
    height: 26px;
    font-size: 12px;
    vertical-align: top;
}

@media screen and(-webkit-min-device-pixel-ratio: 0) {
    .fileinput {
        margin-top: 4px;
    }
}

.fileinput.maxwidth156 {
    max-width: 156px;
}

.checkboxcon {
    display: inline-block;
    font-size: 0;
    cursor: pointer;
    line-height: 15px;
    margin: 0;
}

.checkboxcon em {
    padding-left: 5px;
    line-height: 15px;
    font-size: 12px;
    color: #4c4d4d;
    vertical-align: top;
}

.radio {
    display: inline-block;
    font-size: 0;
    margin: 0;
    cursor: pointer;
}

.radio em {
    padding-left: 5px;
    font-size: 12px;
    color: #4c4d4d;
    vertical-align: top;
    vertical-align: -webkit-baseline-middle;
}

.confirm_icon {
    position: absolute;
    top: 51px;
    left: 115px;
    display: block;
    width: 23px;
    height: 23px;
    background: url(../../images/confirm_icon_03.png) no-repeat;
}

.add_box {
    height: 100%;
    padding: 10px 20px 0 20px;
}

.add_box_tit {
    height: 31px;
    padding-right: 10px;
    border: 1px solid #ebedf6;
    background-color: #f8f9fc;
    overflow: hidden;
}

.add_box_tit h2 {
    float: left;
    line-height: 30px;
    margin-top: 0;
    padding-left: 13px;
    font-size: 12px;
    font-weight: bold;
    color: #000;
}

.add_box_tit .checkboxcon {
    margin-top: 8px;
    margin-right: 10px;
}

.add_box_con {
    padding-top: 10px;
    overflow: hidden;
}

.add_list {
    min-height: 28px;
    position: relative;
    margin-bottom: 10px;
    clear: both;
    overflow: hidden;
}

.add_list.bggray {
    padding-right: 20px;
    margin: 0 20px 10px;
    border: 1px solid #e0e3f2;
}

.add_list.width860 {
    width: 860px;
}

.add_list h5 {
    position: absolute;
    text-align: right;
    width: 115px;
    margin: 0;
    line-height: 28px;
    font-size: 12px;
    white-space: nowrap;
    color: #000;
    font-weight: normal;
}

.add_list h5.bold {
    font-weight: bold;
}

.add_list h5 .wildcard {
    display: inline-block;
    padding-right: 3px;
    color: #f00;
}

.add_box_new .add_list {
    min-width: 360px;
    float: left;
    clear: none;
}

.add_box_new .textarea_box {
    clear: both;
}

.add_box_new .textarea_box .textarea {
    width: 595px;
}

.add_value {
    float: left;
    max-width: 360px;
    margin-left: 122px;
    font-size: 0;
}

.maxauto {
    max-width: none;
}

.add_value span {
    font-size: 12px;
    color: #27396d;
}

.add_value .inputtext, .add_value .textarea, .add_value .select {
    width: 235px;
}

.add_value .textarea.widthauto {
    width: auto;
}

.add_value .checkbox em, .add_value .radio em {
    margin-right: 28px;
    color: #000;
    font-size: 12px;
}

.add_value .checkboxcon {
    margin-top: 8px;
}

.add_value .checkboxcon input {
    margin-top: 0;
}

.add_value .checkboxcon em, .add_value .radio em {
    margin-right: 28px;
    color: #000;
    font-size: 12px;
}

.add_value .width80 {
    width: 80px;
}

.add_value .width132 {
    width: 132px;
}

.add_value .input-type {
    display: block;
    position: absolute;
    top: 1px;
    right: 3px;
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    border: 1px solid #d9d9d9;
    border-top: none;
    height: 27px;
    padding: 0 10px;
    background: #f8f8f8;
    font-size: 12px;
    line-height: 27px;
    z-index: 100;
}

.add_value .checkboxcon em.checkbox_alignment {
    display: inline-block;
    width: 120px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.add_value .imginput {
    width: 20px;
    height: 20px;
    margin-top: 5px;
    margin-right: 7px;
    vertical-align: top;
}

.add_value .radio {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.add_value .radio input[type=radio] {
    margin: 0;
    padding: 0;
}

.add_value .radio em {
    padding-left: 15px;
    vertical-align: top;
}

.add_list .promptinfo {
    float: left;
    line-height: 28px;
    margin-left: 10px;
    display: inline;
}

.add_list .promptinfo span {
    font-size: 12px;
    color: #8f8f8f;
}

.add_list .error {
    clear: both;
    height: 20px;
    line-height: 20px;
    margin-left: 122px;
    font-size: 12px;
    color: #dc352e;
}

.add_list .controllabel {
    clear: both;
    height: 28px;
    line-height: 28px;
    margin-left: 122px;
    font-size: 12px;
}

.add_list .controllabel font {
    line-height: 30px;
}

.add_list .add_mess {
    clear: both;
    height: 20px;
    line-height: 20px;
    margin-left: 122px;
    font-size: 12px;
    color: #999;
}

.add_box_new .add_box_con {
    margin-bottom: 10px;
    border: 1px solid #ebedf6;
    border-top: 0 none;
    background-color: #FFF;
}

.add_box_new .add_box_con.box_con_none {
    border: 0 none;
    background-color: transparent;
}

.types_tabs_bar {
    border-bottom: 1px solid #4d72a9;
    height: 30px;
}

.erptab_content {
    height: calc(100% - 40px);
    padding-top: 10px;
}

.erptab_content > .erptab_pane {
    height: 100%;
    overflow: auto;
    display: none;
}

.erptab_content > .active {
    display: block;
}

.addmerge_btn, .print_btn {
    margin-top: 0;
    margin-right: 7px;
    padding: 0;
    background-color: transparent;
}

.addmerge_btn {
    border: 2px solid #999;
}

.addmerge_btn i {
    margin-right: 5px;
}

.minicon {
    display: inline-block;
    height: 12px;
    vertical-align: top;
    width: 12px;
}

.add_icon {
    background-position: 1px 1px;
}

.print_icon {
    background-position: -30px 1px;
}

.alert.alert-prompt {
    color: #da9e00;
    background-color: #fff9ea;
    border-color: #fff3d5;
}

.alert.alert-prompt i.fa {
    color: #ec5366;
    margin-right: 5px;
}

.close:hover, .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .5;
    filter: alpha(opacity=50);
}

.exclamation_icon {
    background-position: -14px 1px;
    vertical-align: text-top;
}

.add_box_tit > h2 > span {
    font-weight: normal;
    color: #8f8f8f;
}

.labelprint_content {
    margin-bottom: 10px;
    border: 1px solid #ebedf6;
    border-top: 0 none;
    background-color: #FFF;
    overflow: hidden;
}

.labelprint_left {
    float: left;
    padding: 5px 10px 5px 0;
    width: 260px;
}

.labelprint_left h5 {
    margin-bottom: 5px;
}

.labelprint_textarea .textarea {
    height: auto;
    width: 240px;
    height: 250px;
}

.labelprint_right {
    height: calc(100% - 40px);
    padding: 5px 10px;
    position: absolute;
    left: 270px;
    right: 10px;
}

.labelprint_left .red_text {
    margin-top: 5px;
    color: red;
}

.labelprint_list {
    height: calc(100% - 10px);
    padding-top: 10px;
    border: 1px solid #ebedf6;
    border-top: 0 none;
    background: #fff;
    overflow: auto;
}

.labelprint_list .add_list h5 {
    width: 80px;
}

.labelprint_list .add_value {
    margin-left: 100px;
}

.printed_btn {
    background: #5984c5;
    color: #fff;
}

.printed_btn i.fa {
    color: #fff;
}

.printsetup_list {
    padding-top: 5px;
}

.printsetup_list ul li {
    margin-bottom: 15px;
}

.logisticscontrast_box .labelprint_left .logisticscontrast_select {
    margin-bottom: 10px;
}

.logisticscontrast_box .labelprint_left .select {
    width: 280px;
}

.logisticscontrast_box .labelprint_left {
    width: 300px;
}

.logisticscontrast_box .labelprint_left .labelprint_textarea .textarea {
    width: 280px;
}

.logisticscontrast_box .labelprint_right {
    left: 310px;
    right: 0;
}

.comparison_tit {
    position: relative;
    overflow: hidden;
    background: #f8f9fc;
    border: 1px solid #ebedf6;
    padding: 1px 10px;
}

.comparison_tit h2 {
    position: absolute;
    top: 10px;
    padding: 0;
    margin: 0;
    font-size: 12px;
    font-weight: bold;
}

.comparison_tit_btn {
    float: right;
}

.comparison_tit_btn .btn {
    margin-top: 0;
    margin-right: 0;
    padding: 0 5px;
    background-color: #5984c5;
    color: #fff;
}

.comparison_tit_btn .btn i {
    color: #fff;
}

.contrast_btn {
    background: #5984c5 none repeat scroll 0 0;
    color: #fff;
    width: 280px;
    margin-left: 0;
    margin-top: 10px;
}

.contrast_btn:hover, .contrast_btn:focus {
    color: #fff;
}

.table_list {
    border: 1px solid #ebedf6;
    border-top: 0 none;
    padding: 10px;
    background-color: #fff;
}

.add_box_tit .tit_checkbox {
    margin-top: 0;
}

.purviewset_list {
    padding: 0 13px;
    overflow: hidden;
}

.purviewset_list .add_value {
    margin-left: 0;
    margin-bottom: 10px;
}

.modifysku_box .modifysku_mid {
    float: left;
    width: 170px;
    padding-top: 5px;
}

.modifysku_box .add_value {
    margin-left: 0;
    clear: both;
}

.modifysku_box .add_value .select, .modifysku_box .add_value .inputtext {
    width: 150px;
    min-width: 150px;
}

.modifysku_box .labelprint_right {
    left: auto;
}

.modifysku_box .add_value, .modifysku_box .modifysku_txt {
    margin-bottom: 15px;
}

.modifysku_box .modifysku_txt {
    line-height: 28px;
}

.modifysku_box .modifysku_txt p {
    color: #999;
    font-size: 12px;
}

.modifysku_box .add_value .checkboxcon {
    margin-top: 10px;
}

.disabled {
    cursor: pointer;
    background-color: #eee;
    opacity: 1;
}

.tabs_box.add_box {
    padding: 0;
}

.tabs_box .tab-content {
    padding-top: 0;
}

.tabs_box .types_tabs_bar {
    margin: 0 20px;
    padding-top: 10px;
    height: 40px;
}

.bottom_btn {
    width: 100%;
    border-top: 1px solid #dfdfdf;
    background-color: #f6f7fb;
    padding: 10px;
    overflow: hidden;
}

.bottom_btn.visble {
    overflow: visible;
}

.bottom_btn .btn {
    margin-top: 0;
    text-shadow: none;
    background-color: #fff !important;
    border: 1px solid #bcd1e4;
    border-radius: 0 !important;
    color: #5e6989 !important;
    cursor: pointer;
    float: right;
    font-weight: 400;
    height: 28px;
    line-height: 28px;
    margin: 0 6px;
    padding: 0 23px;
    text-decoration: none;
}

.bottom_btn .btn:hover {
    opacity: .9;
    text-decoration: none
}

.bottom_btn .blue_btn {
    background-color: #4d72a9 !important;
    border-color: #4d72a9;
    color: #fff !important;
}

.exportorder_box {
    width: 604px;
    height: calc(100% - 60px);
}

.advanceSearch_con {
    padding: 0 20px;
}

.advanceSearch_list > li {
    height: 47px;
}

.advanceSearch_list .add_list {
    float: left;
    clear: none;
    padding: 0 8px;
    overflow: visible;
    position: relative;
}

.advanceSearch_list li .add_list .inputtext-sm {
    float: right;
    width: 102px;
    min-width: 102px;
}

.advanceSearch_con .bottom_btn {
    position: relative;
}

.advanceSearch_btn a {
    display: inline-block;
    line-height: 28px;
    color: #4d72a9;
}

.advanceSearch_btn .btn {
    padding: 0 10px;
}

.advanceSearch_list li .add_list .input-type {
    display: block;
    position: absolute;
    top: 1px;
    right: 8px;
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    border: 1px solid #d9d9d9;
    border-top: none;
    height: 27px;
    padding: 0 10px;
    background: #f8f8f8;
    font-size: 12px;
    line-height: 27px;
    z-index: 100;
}

.input_group_addon {
    float: right;
    border: 1px solid #d9d9d9;
    height: 28px;
    padding: 0 10px;
    font-size: 12px;
    line-height: 28px;
}

.radius_left_no {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.radius_right_no {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.currency_box {
    padding: 10px 0;
}

.currency_con {
    height: calc(100% - 40px);
    padding: 0 20px;
    overflow: auto;
}

.advanceSearch_btn .btn-group .btn-group + .btn {
    margin-left: -7px;
}

.smtdelivery_box .add_list {
    margin-bottom: 20px;
}

.smtdelivery_box .add_list h5 {
    width: 100px;
}

.column_3 {
    clear: both;
}

.column_3 .add_value .inputtext, .smtdelivery_box .column_3 .add_value .textarea, .smtdelivery_box .column_3 .add_value .select {
    width: 130px;
    min-width: 130px;
}

.column_3 .add_list {
    clear: none;
}

.smtdelivery_box .add_value {
    margin-left: 109px;
}

.smtdelivery_box .add_value .btn {
    margin-top: 0;
}

.smtdelivery_box .add_value .btn span {
    color: #fff;
}

.smtdelivery_box .add_list.w700 .add_value .select {
    width: 500px;
}

.smtdelivery_box .add_box_con {
    margin-bottom: 10px;
    border: 1px solid #ebedf6;
    border-top: none;
    background-color: #FFF;
    padding: 10px;
    padding-bottom: 0;
}

.column_1_btn {
    width: 100%;
    position: relative;
}

.column_1_btn .add_value, .column_1 .add_value {
    max-width: 100%;
}

.column_1 .add_value .select, .column_1 .add_value .inputtext, .column_1 .add_value .textarea {
    width: 605px;
}

.column_1_btn .add_value .btn {
    min-width: 136px;
    margin-left: 10px;
    height: 28px;
    padding: 0;
}

.column_1_btn .add_value .select, .column_1_btn .add_value .inputtext, .column_1_btn .add_value .textarea {
    width: 462px;
}

.column_1 {
    width: 100%;
}

.smtdelivery_tit_btn {
    float: right;
}

.smtdelivery_tit_btn .btn {
    margin: 0;
    background-color: transparent;
}

.input_group_type {
    padding: 0 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.add_box_new .bg_none {
    background: none;
    border-bottom: none;
}

.addlogistics .add_value .input_group_typ e {
    position: absolute;
    right: 0;
    width: 30px;
    text-align: center;
    color: #a2a2a2;
    border: 1px solid #d9d9d9;
    background-color: #f5f5f5;
    height: 28px;
    padding: 0 10px;
    font-size: 12px;
    line-height: 28px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}

.addlogistics .add_value {
    position: relative;
}

.addlogistics .add_value .input_group_type {
    position: absolute;
    left: 205px;
}

.delivering_box {
    padding: 10px;
}

.delivering_box .column_2 .add_list {
    float: left;
    clear: none;
    width: 50%;
}

.delivering_box .column_4 .select, .delivering_box .column_4 .inputtext, .delivering_box .column_4 .textarea {
    float: left;
}

.w100 {
    width: 100%;
}

.column_4 .add_value {
    max-width: 100%;
}

.column_4 .add_value .inputtext, .column_4 .add_value .textarea, .column_4 .add_value .select {
    width: 125px;
    min-width: 50px;
    margin-right: 10px;
}

.delivering_box .add_box_con {
    margin-bottom: 10px;
    border: 1px solid #ebedf6;
    border-top: 0 none;
    background-color: #FFF;
}

.delivering_box .add_box_con span {
    line-height: 28px;
}

.delivering_box .btn.pd0 {
    padding: 0;
}

.table_box {
    padding: 10px;
}

.table_layer {
    border: 1px solid #ddd;
}

.table_layer th, .table_layer td {
    border-bottom: 1px solid #ddd;
    padding: 8px 10px;
    text-align: left;
}

.table_layer th {
    font-weight: bold;
}

.table_layer th {
    background-color: #eff2f8;
}

.table_layer tr {
    background-color: #fff;
}

.table_layer tr:nth-of-type(2n) {
    background-color: #fafcfd;
}

.table_layer tr:hover {
    background: #fff9e8;
}

.addlogistics {
    padding: 10px;
}

.calculate_freight {
    clear: both;
}

.calculate_freight .add_list {
    float: left;
    min-width: 100px;
    width: 375px;
}

.calculate_freight .add_value .select, .calculate_freight .add_value .inputtext {
    width: 233px;
}

.addlogistics .basic_facts .add_list {
    width: 100%;
}

.addlogistics .basic_facts .add_value {
    min-width: 520px;
}

.addlogistics .basic_facts .inputtext, .addlogistics .basic_facts .textarea, .addlogistics .basic_facts .select {
    width: 520px;
}

.calculate_freight h2 {
    padding: 5px 35px;
    margin-bottom: 10px;
    font-size: 12px;
}

.returninfo .add_list {
    margin-bottom: 0;
}

.basic_facts .area em {
    padding-right: 10px;
}

.add_box_new .tips_info {
    display: inline-block;
    padding-left: 5px;
    font-size: 16px;
    line-height: 28px;
    cursor: default;
}

.addlogistics .add_value .input_group_type {
    position: absolute;
    right: 0;
    width: 30px;
    text-align: center;
    color: #000;
    border: 1px solid #d9d9d9;
    background-color: #f5f5f5;
    height: 28px;
    padding: 0 10px;
    font-size: 12px;
    line-height: 28px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}

.addlogistics .add_value {
    position: relative;
}

.addlogistics .add_value .input_group_type {
    position: absolute;
    left: 205px;
}

.addlogistics .returninfo .add_value span {
    line-height: 28px;
}

.delivering_box .add_box_con span {
    line-height: 28px;
}

.commodity_list {
    float: right;
    margin-top: 2px;
}

.commodity_list_type {
    display: block;
    float: left;
    text-align: center;
    color: #a2a2a2;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    background-color: #f5f5f5;
    height: 24px;
    padding: 0 10px;
    font-size: 12px;
    line-height: 24px;
}

.sku_type {
    border-left: 1px solid #d9d9d9;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}

.commodity_list .inputtext {
    float: left;
    width: 137px;
    height: 24px;
    line-height: 24px;
    border-radius: 0;
}

.commodity_list .inputtext.w100 {
    min-width: 100px;
    width: 100px;
}

.commodity_list .inputtext.w50 {
    min-width: 50px;
    width: 50px;
}

.commodity_list .btn {
    float: left;
    margin-right: 0;
    margin-top: 0;
    margin-left: 10px;
    height: 24px;
    line-height: 24px;
    background: #4d72a9;
    color: #fff;
    padding-top: 0;
}

.add_box_tit .tit_checkbox {
    margin-top: 0;
}

.purviewset_list {
    padding: 0 13px 0 62px;
    overflow: hidden;
}

.purviewset_list .add_value {
    margin-left: 0;
    margin-bottom: 10px;
    width: 165px;
}

.purviewset_list .add_value .checkbox input[type="checkbox"] {
    margin-left: 0;
    position: relative;
}

.purviewset_list .add_value .checkboxcon em {
    padding-left: 5px;
    white-space: nowrap;
    max-width: 120px;
    text-overflow: ellipsis;
    word-break: initial;
    display: inline-block;
    overflow: hidden;
}

.input_type {
    position: relative;
    width: 100%;
}

.input_addon {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    color: #a2a2a2;
    padding: 0 6px;
    font-size: 14px;
    font-weight: 400;
    height: 28px;
    line-height: 28px;
    color: #555;
    text-align: center;
    background-color: #f5f5f5;
    border: 1px solid #cfd9db;
    border-radius: 4px;
}

.verifystorage_box {
    margin: 0;
    padding: 10px;
    height: calc(100% - 49px);
    overflow: auto;
}

.verifystorage_box .add_box_con {
    margin-bottom: 10px;
    border: 1px solid #ebedf6;
    border-top: 0 none;
    background-color: #FFF;
}

.verifystorage_list li .add_list {
    clear: none;
    float: left;
    display: inline-block;
}

.verifystorage_table th, .verifystorage_table td {
    padding: 8px 0 8px 10px;
}

.verifystorage_table th {
    background: #eff2f8;
    border-top: 1px solid #dddedd;
    border-bottom: 1px solid #dddedd;
    padding-left: 10px;
    text-align: left;
}

.verifystorage_table td {
    border-bottom: 1px solid #ddd;
}

.verifystorage_table td {
    height: 40px;
    width: 40px;
}

.verifystorage_box .add_value {
    line-height: 28px;
}

.verifystorage_table .inputtext, .verifystorage_table .select {
    min-width: 70px;
    width: 70px;
}

.remarks_textarea {
    padding-right: 20px;
    padding-top: 10px;
}

.remarks_textarea .textarea {
    width: 100%;
    min-width: auto;
}

.remarks_textarea .add_value {
    width: calc(100% - 122px);
    max-width: calc(100% - 122px);
}

.financeinfo_box {
    padding: 10px;
}

.financeinfo_table {
    margin-bottom: 10px;
    width: 100%;
    border: 1px solid #dddedd;
    background: #fff;
}

.financeinfo_no {
    padding: 0 20px;
    overflow: hidden;
}

.financeinfo_no p {
    width: 50%;
    float: left;
    line-height: 30px;
    margin-bottom: 0;
}

.price_table td, .price_table th {
    padding: 10px 5px;
}

.price_table th {
    color: #8f8f8f;
    padding-top: 0;
}

.price_table tr {
    border-bottom: 1px solid #ebedf6;
}

.price_table tr.last {
    border-bottom: none;
}

.price_table {
    text-align: right;
    width: 100%;
    background: #f8f8f8;
}

.price_table span.price {
    font-size: 14px;
    font-weight: bold;
    color: #4d72a9;
}

.price_table span.order_profit {
    color: #da9e00;
}

.moreinfo .textarea_box {
    height: auto;
}

.wildcrd_checbox .checkboxcon {
    width: 83px;
}

.wildcrd_checbox .checkboxcon em {
    display: inline-block;
    margin-right: 0;
    width: 61px;
    padding-right: 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.platform_table .valignm {
    vertical-align: middle;
}

.importcontact_nav {
    margin: 20px 0 20px 40px;
}

.importcontact_nav li h5 {
    margin-bottom: 15px;
    color: #000;
}

.importcontact_nav li .down_data {
    margin-left: 24px;
    color: #000;
}

.importcontact_nav li .importcontact_note, .importfile_con {
    margin-top: 15px;
    margin-left: 25px;
}

.importcontact_nav li .importcontact_note dt, .importcontact_nav li .importcontact_note dd {
    line-height: 25px;
    color: #000;
}

.export_order {
    padding: 10px;
}

.export_order .load_btn {
    margin-top: 3px;
    margin-left: 0;
    height: 24px;
    line-height: 24px;
    background-color: #4d72a9;
    color: #fff;
}

.export_order .load_btn i {
    margin-top: 5px;
    color: #fff;
}

.export_order .add_list h5 {
    width: 100px;
}

.export_order .add_value {
    margin-left: 105px;
}

.exportorder_right {
    right: 0;
    padding-top: 5px;
    position: absolute;
    left: 270px;
    padding-right: 10px;
}

.exportorder_con {
    overflow: auto;
    height: 100%;
    padding-right: 10px;
}

.field_list {
    padding-top: 10px;
    border: 1px solid #ebedf6;
    border-top: 0 none;
    background: #fff;
    overflow: auto;
}

.export_order .add_value .width132 {
    width: 132px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.export_order .add_value .width120 {
    width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.add_nodata_btn {
    margin-left: 0;
    background-color: transparent;
    margin-right: 0;
    margin-top: 2px;
    padding: 0 5px;
}

.add_nodata:hover {
    background-color: #5e7fb2;
    color: #fff;
}

.field_nodata {
    overflow: hidden;
    color: #6a6a6a;
}

.field_nodata i {
    display: block;
    float: left;
    font-size: 3.5em;
    padding: 10px;
    padding-top: 0;
    filter: alpha(opacity=30);
    -moz-opacity: .3;
    -khtml-opacity: .3;
    opacity: .3;
}

.field_nodata h4 {
    font-size: 16px;
}

.field_item {
    background-color: #f2f2f2;
    border: 1px solid #eee;
    border-radius: 2px;
    margin: 0 3px 5px 5px;
    padding: 3px 5px;
    min-height: 16px;
    position: relative;
    display: inline-block;
}

.field_item input {
    margin-left: 5px;
    background-color: transparent;
    border: 0;
    padding: 0;
    height: 19px;
    max-width: 85px;
}

.field_item em {
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    height: 16px;
    line-height: 16px;
    padding: 0 5px;
    color: #fff;
    vertical-align: baseline;
    white-space: nowrap;
    text-align: center;
    background-color: #999;
    border-radius: 10px;
}

.clr {
    clear: right;
}

.importorder_con {
    max-height: 380px;
    overflow: hidden;
    margin: 0 0 0 40px;
    padding-top: 20px;
}

.importorder_con li.last {
    padding-bottom: 10px;
}

.importcontact_box .templetfile {
    position: absolute;
    z-index: 3;
    height: 34px;
    left: 0;
    top: 0;
    width: 100%;
    padding: 0;
    background: none;
    border: 0;
    filter: alpha(opacity:0);
    opacity: 0;
}

.importcontact_nav li .add_list {
    margin-left: -33px;
}

.importcontact_nav li .add_list h5 {
    color: #000;
}

.add_list .add_mess.w237 {
    width: 237px;
    height: auto;
}

.nav-pills.h35 {
    min-height: 35px;
}

.operation_a.storageAdd_btn {
    display: inline-block;
    margin-right: 0;
    padding: 0 5px;
    border-radius: 3px;
    height: 25px;
    line-height: 25px;
}

.operation_a.storageAdd_btn:hover {
    background: #00b1e1;
    color: #fff;
}

.add_box_tit.visible {
    overflow: visible;
}

.datamoving_ico {
    background-position: -1px -18px;
}

.synchronization_ico {
    background-position: -180px 0;
}

.erpnav > li {
    position: relative;
    display: block;
}

.erpnav > li > a {
    position: relative;
    display: block;
    padding: 6px 15px;
    color: #4c4d4d;
}

.erpnav > li > a:focus, .erpnav > li > a:hover {
    text-decoration: none;
    color: #000;
}

.erpnav-tabs > li {
    float: left;
    line-height: 16px;
}

.erpnav-tabs > li > a {
    margin-right: 2px;
    border: 1px solid transparent;
}

.erpnav-tabs > li > a:hover {
    border-color: #ddd #ddd #4d72a9;
}

.erpnav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    color: #4d72a9;
    cursor: default;
    background-color: #f8f8f8;
    border: 1px solid #4d72a9;
    border-bottom-color: transparent;
}

.midicon {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(/station/images/maxicon.png) no-repeat;
}

.checkbox em {
    padding-left: 8px;
    font-size: 14px;
    color: #7c7c7c;
    vertical-align: middle;
}

.checkbox i {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(/station/images/checkbox_15.png) no-repeat;
    vertical-align: middle;
}

.checkbox.checked i {
    background-position: 0 -60px;
}

.password_icon {
    background-position: 0 -36px;
}